feat: add Radix UI components and implement sidebar functionality
- Added new Radix UI components: Dialog, Tooltip, Separator, and updated existing components. - Introduced a Sidebar component with collapsible functionality and mobile responsiveness. - Implemented a custom hook `useIsMobile` to manage mobile state. - Updated package dependencies in package.json and yarn.lock for new components. - Created utility components such as Button, Skeleton, and Input for consistent styling. feat: add AppSidebar component with collapsible functionality and sidebar menu - Introduced AppSidebar component for a customizable sidebar layout. - Implemented collapsible sections using Radix UI's Collapsible component. - Added sidebar menu items with icons and links for navigation. - Created Sidebar UI components including SidebarHeader, SidebarFooter, and SidebarMenu. - Integrated ThemePicker for theme selection within the sidebar. - Updated sidebar styles and layout for better responsiveness. chore: add @radix-ui/react-collapsible dependency - Added @radix-ui/react-collapsible package to manage collapsible UI elements.
This commit is contained in:
parent
be1502a4ac
commit
87e0577ff7
16 changed files with 1358 additions and 54 deletions
167
yarn.lock
167
yarn.lock
|
|
@ -543,15 +543,15 @@ __metadata:
|
|||
linkType: hard
|
||||
|
||||
"@gerrit0/mini-shiki@npm:^3.2.2":
|
||||
version: 3.6.0
|
||||
resolution: "@gerrit0/mini-shiki@npm:3.6.0"
|
||||
version: 3.7.0
|
||||
resolution: "@gerrit0/mini-shiki@npm:3.7.0"
|
||||
dependencies:
|
||||
"@shikijs/engine-oniguruma": "npm:^3.6.0"
|
||||
"@shikijs/langs": "npm:^3.6.0"
|
||||
"@shikijs/themes": "npm:^3.6.0"
|
||||
"@shikijs/types": "npm:^3.6.0"
|
||||
"@shikijs/engine-oniguruma": "npm:^3.7.0"
|
||||
"@shikijs/langs": "npm:^3.7.0"
|
||||
"@shikijs/themes": "npm:^3.7.0"
|
||||
"@shikijs/types": "npm:^3.7.0"
|
||||
"@shikijs/vscode-textmate": "npm:^10.0.2"
|
||||
checksum: 10c0/347456c9da8a1fadd3c1f63097da459a5f930ef4bca6431cce913a379012c551e061d0a94ff7a0f307215b87f2418b7c198a55fba888fc97fb02ab36247adf6b
|
||||
checksum: 10c0/eb3f4900d841338077d839ebbc7f8722b13876a586cff7abc73295e956683724dd3371a9f990900184a2d069461965951b2604d677991badf3474262e7811384
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
|
|
@ -1299,6 +1299,32 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@radix-ui/react-collapsible@npm:^1.1.11":
|
||||
version: 1.1.11
|
||||
resolution: "@radix-ui/react-collapsible@npm:1.1.11"
|
||||
dependencies:
|
||||
"@radix-ui/primitive": "npm:1.1.2"
|
||||
"@radix-ui/react-compose-refs": "npm:1.1.2"
|
||||
"@radix-ui/react-context": "npm:1.1.2"
|
||||
"@radix-ui/react-id": "npm:1.1.1"
|
||||
"@radix-ui/react-presence": "npm:1.1.4"
|
||||
"@radix-ui/react-primitive": "npm:2.1.3"
|
||||
"@radix-ui/react-use-controllable-state": "npm:1.2.2"
|
||||
"@radix-ui/react-use-layout-effect": "npm:1.1.1"
|
||||
peerDependencies:
|
||||
"@types/react": "*"
|
||||
"@types/react-dom": "*"
|
||||
react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
|
||||
react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
|
||||
peerDependenciesMeta:
|
||||
"@types/react":
|
||||
optional: true
|
||||
"@types/react-dom":
|
||||
optional: true
|
||||
checksum: 10c0/fa2de539ef06e2b2d18acebb12a34ce1534ca88bd484b7359aac05534d1e551fe83eaafbf60915c00161bb370f0dc9fc303903133510dea0a59fd018155b7db5
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@radix-ui/react-collection@npm:1.1.7":
|
||||
version: 1.1.7
|
||||
resolution: "@radix-ui/react-collection@npm:1.1.7"
|
||||
|
|
@ -1347,6 +1373,38 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@radix-ui/react-dialog@npm:^1.1.14":
|
||||
version: 1.1.14
|
||||
resolution: "@radix-ui/react-dialog@npm:1.1.14"
|
||||
dependencies:
|
||||
"@radix-ui/primitive": "npm:1.1.2"
|
||||
"@radix-ui/react-compose-refs": "npm:1.1.2"
|
||||
"@radix-ui/react-context": "npm:1.1.2"
|
||||
"@radix-ui/react-dismissable-layer": "npm:1.1.10"
|
||||
"@radix-ui/react-focus-guards": "npm:1.1.2"
|
||||
"@radix-ui/react-focus-scope": "npm:1.1.7"
|
||||
"@radix-ui/react-id": "npm:1.1.1"
|
||||
"@radix-ui/react-portal": "npm:1.1.9"
|
||||
"@radix-ui/react-presence": "npm:1.1.4"
|
||||
"@radix-ui/react-primitive": "npm:2.1.3"
|
||||
"@radix-ui/react-slot": "npm:1.2.3"
|
||||
"@radix-ui/react-use-controllable-state": "npm:1.2.2"
|
||||
aria-hidden: "npm:^1.2.4"
|
||||
react-remove-scroll: "npm:^2.6.3"
|
||||
peerDependencies:
|
||||
"@types/react": "*"
|
||||
"@types/react-dom": "*"
|
||||
react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
|
||||
react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
|
||||
peerDependenciesMeta:
|
||||
"@types/react":
|
||||
optional: true
|
||||
"@types/react-dom":
|
||||
optional: true
|
||||
checksum: 10c0/ab7bc783510ed8fccfe91020b214f4a571d5a1d46d398faa33f4c151bc9f586c47483b307e72b67687b06694c194b3aa80dd1de728460fa765db9f3057690ba3
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@radix-ui/react-direction@npm:1.1.1":
|
||||
version: 1.1.1
|
||||
resolution: "@radix-ui/react-direction@npm:1.1.1"
|
||||
|
|
@ -1719,7 +1777,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@radix-ui/react-separator@npm:^1.1.6":
|
||||
"@radix-ui/react-separator@npm:^1.1.7":
|
||||
version: 1.1.7
|
||||
resolution: "@radix-ui/react-separator@npm:1.1.7"
|
||||
dependencies:
|
||||
|
|
@ -1738,7 +1796,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@radix-ui/react-slot@npm:1.2.3, @radix-ui/react-slot@npm:^1.2.2":
|
||||
"@radix-ui/react-slot@npm:1.2.3, @radix-ui/react-slot@npm:^1.2.3":
|
||||
version: 1.2.3
|
||||
resolution: "@radix-ui/react-slot@npm:1.2.3"
|
||||
dependencies:
|
||||
|
|
@ -1804,6 +1862,36 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@radix-ui/react-tooltip@npm:^1.2.7":
|
||||
version: 1.2.7
|
||||
resolution: "@radix-ui/react-tooltip@npm:1.2.7"
|
||||
dependencies:
|
||||
"@radix-ui/primitive": "npm:1.1.2"
|
||||
"@radix-ui/react-compose-refs": "npm:1.1.2"
|
||||
"@radix-ui/react-context": "npm:1.1.2"
|
||||
"@radix-ui/react-dismissable-layer": "npm:1.1.10"
|
||||
"@radix-ui/react-id": "npm:1.1.1"
|
||||
"@radix-ui/react-popper": "npm:1.2.7"
|
||||
"@radix-ui/react-portal": "npm:1.1.9"
|
||||
"@radix-ui/react-presence": "npm:1.1.4"
|
||||
"@radix-ui/react-primitive": "npm:2.1.3"
|
||||
"@radix-ui/react-slot": "npm:1.2.3"
|
||||
"@radix-ui/react-use-controllable-state": "npm:1.2.2"
|
||||
"@radix-ui/react-visually-hidden": "npm:1.2.3"
|
||||
peerDependencies:
|
||||
"@types/react": "*"
|
||||
"@types/react-dom": "*"
|
||||
react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
|
||||
react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
|
||||
peerDependenciesMeta:
|
||||
"@types/react":
|
||||
optional: true
|
||||
"@types/react-dom":
|
||||
optional: true
|
||||
checksum: 10c0/28798d576c6ffec4f11120cd563aa9d5ab9afb9a37dc18778176442756d026c8c46eec1ddc647b2b5914045495fcb89f82530106e91acb55776b7d6b1a10fb57
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@radix-ui/react-use-callback-ref@npm:1.1.1":
|
||||
version: 1.1.1
|
||||
resolution: "@radix-ui/react-use-callback-ref@npm:1.1.1"
|
||||
|
|
@ -1966,7 +2054,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@shikijs/engine-oniguruma@npm:^3.6.0":
|
||||
"@shikijs/engine-oniguruma@npm:^3.7.0":
|
||||
version: 3.7.0
|
||||
resolution: "@shikijs/engine-oniguruma@npm:3.7.0"
|
||||
dependencies:
|
||||
|
|
@ -1976,7 +2064,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@shikijs/langs@npm:^3.6.0":
|
||||
"@shikijs/langs@npm:^3.7.0":
|
||||
version: 3.7.0
|
||||
resolution: "@shikijs/langs@npm:3.7.0"
|
||||
dependencies:
|
||||
|
|
@ -1985,7 +2073,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@shikijs/themes@npm:^3.6.0":
|
||||
"@shikijs/themes@npm:^3.7.0":
|
||||
version: 3.7.0
|
||||
resolution: "@shikijs/themes@npm:3.7.0"
|
||||
dependencies:
|
||||
|
|
@ -1994,7 +2082,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@shikijs/types@npm:3.7.0, @shikijs/types@npm:^3.6.0":
|
||||
"@shikijs/types@npm:3.7.0, @shikijs/types@npm:^3.7.0":
|
||||
version: 3.7.0
|
||||
resolution: "@shikijs/types@npm:3.7.0"
|
||||
dependencies:
|
||||
|
|
@ -3662,7 +3750,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"array-includes@npm:^3.1.6, array-includes@npm:^3.1.8":
|
||||
"array-includes@npm:^3.1.6, array-includes@npm:^3.1.8, array-includes@npm:^3.1.9":
|
||||
version: 3.1.9
|
||||
resolution: "array-includes@npm:3.1.9"
|
||||
dependencies:
|
||||
|
|
@ -3699,7 +3787,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"array.prototype.findlastindex@npm:^1.2.5":
|
||||
"array.prototype.findlastindex@npm:^1.2.6":
|
||||
version: 1.2.6
|
||||
resolution: "array.prototype.findlastindex@npm:1.2.6"
|
||||
dependencies:
|
||||
|
|
@ -3714,7 +3802,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"array.prototype.flat@npm:^1.3.1, array.prototype.flat@npm:^1.3.2":
|
||||
"array.prototype.flat@npm:^1.3.1, array.prototype.flat@npm:^1.3.3":
|
||||
version: 1.3.3
|
||||
resolution: "array.prototype.flat@npm:1.3.3"
|
||||
dependencies:
|
||||
|
|
@ -4792,7 +4880,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"eslint-module-utils@npm:^2.12.0":
|
||||
"eslint-module-utils@npm:^2.12.1":
|
||||
version: 2.12.1
|
||||
resolution: "eslint-module-utils@npm:2.12.1"
|
||||
dependencies:
|
||||
|
|
@ -4805,31 +4893,31 @@ __metadata:
|
|||
linkType: hard
|
||||
|
||||
"eslint-plugin-import@npm:^2.31.0":
|
||||
version: 2.31.0
|
||||
resolution: "eslint-plugin-import@npm:2.31.0"
|
||||
version: 2.32.0
|
||||
resolution: "eslint-plugin-import@npm:2.32.0"
|
||||
dependencies:
|
||||
"@rtsao/scc": "npm:^1.1.0"
|
||||
array-includes: "npm:^3.1.8"
|
||||
array.prototype.findlastindex: "npm:^1.2.5"
|
||||
array.prototype.flat: "npm:^1.3.2"
|
||||
array.prototype.flatmap: "npm:^1.3.2"
|
||||
array-includes: "npm:^3.1.9"
|
||||
array.prototype.findlastindex: "npm:^1.2.6"
|
||||
array.prototype.flat: "npm:^1.3.3"
|
||||
array.prototype.flatmap: "npm:^1.3.3"
|
||||
debug: "npm:^3.2.7"
|
||||
doctrine: "npm:^2.1.0"
|
||||
eslint-import-resolver-node: "npm:^0.3.9"
|
||||
eslint-module-utils: "npm:^2.12.0"
|
||||
eslint-module-utils: "npm:^2.12.1"
|
||||
hasown: "npm:^2.0.2"
|
||||
is-core-module: "npm:^2.15.1"
|
||||
is-core-module: "npm:^2.16.1"
|
||||
is-glob: "npm:^4.0.3"
|
||||
minimatch: "npm:^3.1.2"
|
||||
object.fromentries: "npm:^2.0.8"
|
||||
object.groupby: "npm:^1.0.3"
|
||||
object.values: "npm:^1.2.0"
|
||||
object.values: "npm:^1.2.1"
|
||||
semver: "npm:^6.3.1"
|
||||
string.prototype.trimend: "npm:^1.0.8"
|
||||
string.prototype.trimend: "npm:^1.0.9"
|
||||
tsconfig-paths: "npm:^3.15.0"
|
||||
peerDependencies:
|
||||
eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
|
||||
checksum: 10c0/e21d116ddd1900e091ad120b3eb68c5dd5437fe2c930f1211781cd38b246f090a6b74d5f3800b8255a0ed29782591521ad44eb21c5534960a8f1fb4040fd913a
|
||||
checksum: 10c0/bfb1b8fc8800398e62ddfefbf3638d185286edfed26dfe00875cc2846d954491b4f5112457831588b757fa789384e1ae585f812614c4797f0499fa234fd4a48b
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
|
|
@ -5758,7 +5846,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"is-core-module@npm:^2.13.0, is-core-module@npm:^2.15.1, is-core-module@npm:^2.16.0":
|
||||
"is-core-module@npm:^2.13.0, is-core-module@npm:^2.16.0, is-core-module@npm:^2.16.1":
|
||||
version: 2.16.1
|
||||
resolution: "is-core-module@npm:2.16.1"
|
||||
dependencies:
|
||||
|
|
@ -6454,12 +6542,12 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"lucide-react@npm:^0.511.0":
|
||||
version: 0.511.0
|
||||
resolution: "lucide-react@npm:0.511.0"
|
||||
"lucide-react@npm:^0.515.0":
|
||||
version: 0.515.0
|
||||
resolution: "lucide-react@npm:0.515.0"
|
||||
peerDependencies:
|
||||
react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
|
||||
checksum: 10c0/bf09dd73cf2233abea90506ad31a91739555d761062722acbe045cb73e274f035b196472de0971a8a8f0645b2b54e3f21b8c1980fe87c909ca93171a9c28428a
|
||||
checksum: 10c0/00485e09ab3d0bbb34797b1f368c269e8708522b6e2f46fd84dd5bd99741546487be9a65a260f274e8049b81cc37687566e26132f5752352c8d9bc8e5d0b3dea
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
|
|
@ -6549,15 +6637,18 @@ __metadata:
|
|||
"@fortawesome/react-fontawesome": "npm:^0.2.2"
|
||||
"@hookform/resolvers": "npm:^5.0.1"
|
||||
"@prisma/client": "npm:^6.9.0"
|
||||
"@radix-ui/react-collapsible": "npm:^1.1.11"
|
||||
"@radix-ui/react-dialog": "npm:^1.1.14"
|
||||
"@radix-ui/react-dropdown-menu": "npm:^2.1.14"
|
||||
"@radix-ui/react-hover-card": "npm:^1.1.13"
|
||||
"@radix-ui/react-label": "npm:^2.1.6"
|
||||
"@radix-ui/react-scroll-area": "npm:^1.2.8"
|
||||
"@radix-ui/react-select": "npm:^2.2.4"
|
||||
"@radix-ui/react-separator": "npm:^1.1.6"
|
||||
"@radix-ui/react-slot": "npm:^1.2.2"
|
||||
"@radix-ui/react-separator": "npm:^1.1.7"
|
||||
"@radix-ui/react-slot": "npm:^1.2.3"
|
||||
"@radix-ui/react-switch": "npm:^1.2.4"
|
||||
"@radix-ui/react-tabs": "npm:^1.1.11"
|
||||
"@radix-ui/react-tooltip": "npm:^1.2.7"
|
||||
"@tailwindcss/postcss": "npm:4.1.10"
|
||||
"@tanstack/react-query": "npm:^5.80.7"
|
||||
"@types/node": "npm:22.15.32"
|
||||
|
|
@ -6572,7 +6663,7 @@ __metadata:
|
|||
eslint: "npm:9.29.0"
|
||||
eslint-config-next: "npm:15.3.4"
|
||||
eslint-config-prettier: "npm:10.1.5"
|
||||
lucide-react: "npm:^0.511.0"
|
||||
lucide-react: "npm:^0.515.0"
|
||||
next: "npm:15.4.0-canary.92"
|
||||
next-auth: "npm:^5.0.0-beta.25"
|
||||
next-themes: "npm:^0.4.6"
|
||||
|
|
@ -7185,7 +7276,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"object.values@npm:^1.1.6, object.values@npm:^1.2.0, object.values@npm:^1.2.1":
|
||||
"object.values@npm:^1.1.6, object.values@npm:^1.2.1":
|
||||
version: 1.2.1
|
||||
resolution: "object.values@npm:1.2.1"
|
||||
dependencies:
|
||||
|
|
@ -8569,7 +8660,7 @@ __metadata:
|
|||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"string.prototype.trimend@npm:^1.0.8, string.prototype.trimend@npm:^1.0.9":
|
||||
"string.prototype.trimend@npm:^1.0.9":
|
||||
version: 1.0.9
|
||||
resolution: "string.prototype.trimend@npm:1.0.9"
|
||||
dependencies:
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue