Merge branch 'main' of https://github.com/Al-Shaaban/shaaban-project

package.json

@@ -24,6 +24,7 @@
     "eslint": "^8.48.0",
     "prettier": "^3.2.5",
     "prettier-plugin-tailwindcss": "^0.5.14",
+    "rimraf": "^5.0.7",
     "tsconfig": "workspace:*",
     "turbo": "latest"
   },

packages/create-shaaban/README.md

@@ -60,3 +60,8 @@ bun create shaaban@latest
 making software development more accessible and enjoyable for everyone.
 
 Happy coding! 🚀
+
+## Credits
+
+People that inspired me and contributed directly and indirectly to this project.
+Ali kanso, Ali Noureldin, Raoul.

packages/icons/index.js

@@ -0,0 +1,5 @@
+module.exports = require('./dist/index.js')
+
+Object.defineProperty(module.exports, '__esModule', {
+  value: true
+})

packages/icons/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@shaaban/icons",
+  "version": "0.0.1",
+  "private": false,
+  "description": "Wide range of icons for your app",
+  "main": "index.js",
+  "scripts": {
+    "dev": "rimraf dist && tsdx watch --format es,cjs --entry src/index.tsx",
+    "build": "rimraf dist && tsdx build --format es,cjs --entry src/index.tsx"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Al-Shaaban/shaaban-project.git",
+    "directory": "packages/icons"
+  },
+  "keywords": [
+    "icons",
+    "shaaban"
+  ],
+  "author": "Abed Al Ghani Mosbah Shaaban",
+  "license": "ISC",
+  "homepage": "https://github.com/Al-Shaaban/shaaban-project#readme",
+  "peerDependencies": {
+    "react": "^16.x || ^17.x || ^18.x"
+  },
+  "dependencies": {
+    "tsdx": "^0.14.1"
+  }
+}

packages/icons/src/index.tsx

@@ -0,0 +1 @@
+export { default as PersonIcon } from './personIcon'

packages/icons/src/personIcon.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react'
+
+import type { IconProps } from './types'
+
+export const PersonIcon = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = 'currentColor', ...props }, forwardedRef) => {
+    return (
+      <svg
+        width="15"
+        height="15"
+        viewBox="0 0 15 15"
+        fill={color}
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M7.5 0.875C5.49797 0.875 3.875 2.49797 3.875 4.5C3.875 6.15288 4.98124 7.54738 6.49373 7.98351C5.2997 8.12901 4.27557 8.55134 3.50407 9.31167C2.52216 10.2794 2.02502 11.72 2.02502 13.5999C2.02502 13.8623 2.23769 14.0749 2.50002 14.0749C2.76236 14.0749 2.97502 13.8623 2.97502 13.5999C2.97502 11.8799 3.42786 10.7206 4.17091 9.9883C4.91536 9.25463 6.02674 8.87499 7.49995 8.87499C8.97317 8.87499 10.0846 9.25463 10.8291 9.98831C11.5721 10.7206 12.025 11.8799 12.025 13.5999C12.025 13.8623 12.2376 14.0749 12.5 14.0749C12.7623 14.075 12.975 13.8623 12.975 13.6C12.975 11.72 12.4778 10.2794 11.4959 9.31166C10.7244 8.55135 9.70025 8.12903 8.50625 7.98352C10.0187 7.5474 11.125 6.15289 11.125 4.5C11.125 2.49797 9.50203 0.875 7.5 0.875ZM4.825 4.5C4.825 3.02264 6.02264 1.825 7.5 1.825C8.97736 1.825 10.175 3.02264 10.175 4.5C10.175 5.97736 8.97736 7.175 7.5 7.175C6.02264 7.175 4.825 5.97736 4.825 4.5Z"
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    )
+  }
+)
+
+export default PersonIcon

packages/icons/src/types.ts

@@ -0,0 +1,6 @@
+import type { SVGAttributes } from 'react'
+
+export interface IconProps extends SVGAttributes<SVGElement> {
+  children?: never
+  color?: string
+}

packages/icons/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "include": ["src"],
+  "compilerOptions": {
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "noImplicitAny": false,
+    "skipLibCheck": true,
+    "module": "esnext",
+    "sourceMap": true,
+    "outDir": "dist",
+    "target": "es5",
+    "baseUrl": ".",
+    "jsx": "react",
+    "paths": {
+      "*": ["node_modules/*", "src/types/*"]
+    }
+  }
+}