@arolariu/components 0.0.31 → 0.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/cjs/components/ui/alert-dialog.cjs.map +1 -1
- package/dist/cjs/components/ui/alert.cjs +1 -1
- package/dist/cjs/components/ui/alert.cjs.map +1 -1
- package/dist/cjs/components/ui/aspect-ratio.cjs.map +1 -1
- package/dist/cjs/components/ui/avatar.cjs.map +1 -1
- package/dist/cjs/components/ui/badge.cjs.map +1 -1
- package/dist/cjs/components/ui/breadcrumb.cjs.map +1 -1
- package/dist/cjs/components/ui/button.cjs.map +1 -1
- package/dist/cjs/components/ui/calendar.cjs.map +1 -1
- package/dist/cjs/components/ui/card.cjs.map +1 -1
- package/dist/cjs/components/ui/carousel.cjs.map +1 -1
- package/dist/cjs/components/ui/chart.cjs.map +1 -1
- package/dist/cjs/components/ui/checkbox.cjs.map +1 -1
- package/dist/cjs/components/ui/collapsible.cjs.map +1 -1
- package/dist/cjs/components/ui/command.cjs.map +1 -1
- package/dist/cjs/components/ui/context-menu.cjs.map +1 -1
- package/dist/cjs/components/ui/drawer.cjs.map +1 -1
- package/dist/cjs/components/ui/dropdown-menu.cjs.map +1 -1
- package/dist/cjs/components/ui/form.cjs.map +1 -1
- package/dist/cjs/components/ui/hover-card.cjs.map +1 -1
- package/dist/cjs/components/ui/input-otp.cjs.map +1 -1
- package/dist/cjs/components/ui/input.cjs.map +1 -1
- package/dist/cjs/components/ui/label.cjs.map +1 -1
- package/dist/cjs/components/ui/menubar.cjs.map +1 -1
- package/dist/cjs/components/ui/navigation-menu.cjs.map +1 -1
- package/dist/cjs/components/ui/pagination.cjs.map +1 -1
- package/dist/cjs/components/ui/popover.cjs.map +1 -1
- package/dist/cjs/components/ui/progress.cjs.map +1 -1
- package/dist/cjs/components/ui/radio-group.cjs.map +1 -1
- package/dist/cjs/components/ui/resizable.cjs.map +1 -1
- package/dist/cjs/components/ui/scroll-area.cjs.map +1 -1
- package/dist/cjs/components/ui/select.cjs.map +1 -1
- package/dist/cjs/components/ui/separator.cjs.map +1 -1
- package/dist/cjs/components/ui/sheet.cjs.map +1 -1
- package/dist/cjs/components/ui/sidebar.cjs.map +1 -1
- package/dist/cjs/components/ui/skeleton.cjs.map +1 -1
- package/dist/cjs/components/ui/slider.cjs.map +1 -1
- package/dist/cjs/components/ui/sonner.cjs.map +1 -1
- package/dist/cjs/components/ui/switch.cjs.map +1 -1
- package/dist/cjs/components/ui/table.cjs.map +1 -1
- package/dist/cjs/components/ui/tabs.cjs.map +1 -1
- package/dist/cjs/components/ui/textarea.cjs.map +1 -1
- package/dist/cjs/components/ui/toggle-group.cjs.map +1 -1
- package/dist/cjs/components/ui/toggle.cjs.map +1 -1
- package/dist/cjs/components/ui/tooltip.cjs.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/index.css +1 -0
- package/dist/esm/components/ui/alert-dialog.js.map +1 -1
- package/dist/esm/components/ui/alert.js +8 -8
- package/dist/esm/components/ui/alert.js.map +1 -1
- package/dist/esm/components/ui/aspect-ratio.js.map +1 -1
- package/dist/esm/components/ui/avatar.js.map +1 -1
- package/dist/esm/components/ui/badge.js.map +1 -1
- package/dist/esm/components/ui/breadcrumb.js.map +1 -1
- package/dist/esm/components/ui/button.js.map +1 -1
- package/dist/esm/components/ui/calendar.js.map +1 -1
- package/dist/esm/components/ui/card.js.map +1 -1
- package/dist/esm/components/ui/carousel.js.map +1 -1
- package/dist/esm/components/ui/chart.js.map +1 -1
- package/dist/esm/components/ui/checkbox.js.map +1 -1
- package/dist/esm/components/ui/collapsible.js.map +1 -1
- package/dist/esm/components/ui/command.js.map +1 -1
- package/dist/esm/components/ui/context-menu.js.map +1 -1
- package/dist/esm/components/ui/drawer.js.map +1 -1
- package/dist/esm/components/ui/dropdown-menu.js.map +1 -1
- package/dist/esm/components/ui/form.js.map +1 -1
- package/dist/esm/components/ui/hover-card.js.map +1 -1
- package/dist/esm/components/ui/input-otp.js.map +1 -1
- package/dist/esm/components/ui/input.js.map +1 -1
- package/dist/esm/components/ui/label.js.map +1 -1
- package/dist/esm/components/ui/menubar.js.map +1 -1
- package/dist/esm/components/ui/navigation-menu.js.map +1 -1
- package/dist/esm/components/ui/pagination.js.map +1 -1
- package/dist/esm/components/ui/popover.js.map +1 -1
- package/dist/esm/components/ui/progress.js.map +1 -1
- package/dist/esm/components/ui/radio-group.js.map +1 -1
- package/dist/esm/components/ui/resizable.js.map +1 -1
- package/dist/esm/components/ui/scroll-area.js.map +1 -1
- package/dist/esm/components/ui/select.js.map +1 -1
- package/dist/esm/components/ui/separator.js.map +1 -1
- package/dist/esm/components/ui/sheet.js.map +1 -1
- package/dist/esm/components/ui/sidebar.js.map +1 -1
- package/dist/esm/components/ui/skeleton.js.map +1 -1
- package/dist/esm/components/ui/slider.js.map +1 -1
- package/dist/esm/components/ui/sonner.js.map +1 -1
- package/dist/esm/components/ui/switch.js.map +1 -1
- package/dist/esm/components/ui/table.js.map +1 -1
- package/dist/esm/components/ui/tabs.js.map +1 -1
- package/dist/esm/components/ui/textarea.js.map +1 -1
- package/dist/esm/components/ui/toggle-group.js.map +1 -1
- package/dist/esm/components/ui/toggle.js.map +1 -1
- package/dist/esm/components/ui/tooltip.js.map +1 -1
- package/dist/esm/index.css +1 -0
- package/dist/esm/index.js +294 -293
- package/dist/esm/index.js.map +1 -1
- package/dist/index.css +1 -0
- package/dist/index.js +298 -0
- package/dist/types/components/ui/alert.d.ts.map +1 -1
- package/dist/types/components/ui/form.d.ts.map +1 -1
- package/package.json +76 -45
- package/src/components/ui/alert-dialog.tsx +160 -160
- package/src/components/ui/alert.tsx +2 -0
- package/src/components/ui/aspect-ratio.tsx +12 -12
- package/src/components/ui/avatar.tsx +52 -52
- package/src/components/ui/badge.tsx +47 -47
- package/src/components/ui/breadcrumb.tsx +116 -116
- package/src/components/ui/button.tsx +60 -60
- package/src/components/ui/calendar.tsx +75 -75
- package/src/components/ui/card.tsx +79 -79
- package/src/components/ui/carousel.tsx +240 -240
- package/src/components/ui/chart.tsx +352 -352
- package/src/components/ui/checkbox.tsx +31 -31
- package/src/components/ui/collapsible.tsx +34 -34
- package/src/components/ui/command.tsx +176 -176
- package/src/components/ui/context-menu.tsx +254 -254
- package/src/components/ui/drawer.tsx +137 -137
- package/src/components/ui/dropdown-menu.tsx +259 -259
- package/src/components/ui/form.tsx +173 -173
- package/src/components/ui/hover-card.tsx +41 -41
- package/src/components/ui/input-otp.tsx +77 -77
- package/src/components/ui/input.tsx +22 -22
- package/src/components/ui/label.tsx +23 -23
- package/src/components/ui/menubar.tsx +278 -278
- package/src/components/ui/navigation-menu.tsx +170 -170
- package/src/components/ui/pagination.tsx +128 -128
- package/src/components/ui/popover.tsx +47 -47
- package/src/components/ui/progress.tsx +30 -30
- package/src/components/ui/radio-group.tsx +44 -44
- package/src/components/ui/resizable.tsx +55 -55
- package/src/components/ui/scroll-area.tsx +57 -57
- package/src/components/ui/select.tsx +183 -183
- package/src/components/ui/separator.tsx +27 -27
- package/src/components/ui/sheet.tsx +144 -144
- package/src/components/ui/sidebar.tsx +725 -725
- package/src/components/ui/skeleton.tsx +17 -17
- package/src/components/ui/slider.tsx +62 -62
- package/src/components/ui/sonner.tsx +30 -30
- package/src/components/ui/switch.tsx +30 -30
- package/src/components/ui/table.tsx +118 -118
- package/src/components/ui/tabs.tsx +65 -65
- package/src/components/ui/textarea.tsx +19 -19
- package/src/components/ui/toggle-group.tsx +72 -72
- package/src/components/ui/toggle.tsx +46 -46
- package/src/components/ui/tooltip.tsx +60 -60
- package/src/index.css +3 -107
- package/src/index.ts +2 -0
- package/tailwind.config.mjs +67 -0
- package/tsconfig.json +4 -1
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Alexandru-Razvan Olariu
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.cjs","sources":["../../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\n\nimport { cn } from \"./../../lib/utils\";\nimport { buttonVariants } from \"./button\";\n\nfunction AlertDialog({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n return (\n <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n );\n}\n\nfunction AlertDialogPortal({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n return (\n <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n );\n}\n\nfunction AlertDialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n return (\n <AlertDialogPrimitive.Overlay\n data-slot=\"alert-dialog-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDialogContent({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n return (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n data-slot=\"alert-dialog-content\"\n className={cn(\n \"bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800\",\n className\n )}\n {...props}\n />\n </AlertDialogPortal>\n );\n}\n\nfunction AlertDialogHeader({\n className,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"alert-dialog-header\"\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogFooter({\n className,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"alert-dialog-footer\"\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n return (\n <AlertDialogPrimitive.Title\n data-slot=\"alert-dialog-title\"\n className={cn(\"text-lg font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n return (\n <AlertDialogPrimitive.Description\n data-slot=\"alert-dialog-description\"\n className={cn(\n \"text-neutral-500 text-sm dark:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDialogAction({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n return (\n <AlertDialogPrimitive.Action\n className={cn(buttonVariants(), className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogCancel({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n return (\n <AlertDialogPrimitive.Cancel\n className={cn(buttonVariants({ variant: \"outline\" }), className)}\n {...props}\n />\n );\n}\n\nexport {\n AlertDialog,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n};\n"],"names":["AlertDialog","props","AlertDialogPrimitive.Root","AlertDialogTrigger","AlertDialogPrimitive.Trigger","AlertDialogPortal","AlertDialogPrimitive.Portal","AlertDialogOverlay","className","jsx","AlertDialogPrimitive.Overlay","cn","AlertDialogContent","AlertDialogPrimitive.Content","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogPrimitive.Title","AlertDialogDescription","AlertDialogPrimitive.Description","AlertDialogAction","AlertDialogPrimitive.Action","buttonVariants","AlertDialogCancel","AlertDialogPrimitive.Cancel"],"mappings":"yQAQA,SAASA,EAAY,CACnB,GAAGC,CACL,EAA2D,CACzD,aAAQC,EAAAA,KAAA,CAA0B,YAAU,eAAgB,GAAGD,EAAO,CACxE,CAEA,SAASE,EAAmB,CAC1B,GAAGF,CACL,EAA8D,CAC5D,aACGG,EAAAA,QAAA,CAA6B,YAAU,uBAAwB,GAAGH,EAAO,CAE9E,CAEA,SAASI,EAAkB,CACzB,GAAGJ,CACL,EAA6D,CAC3D,aACGK,EAAAA,OAAA,CAA4B,YAAU,sBAAuB,GAAGL,EAAO,CAE5E,CAEA,SAASM,EAAmB,CAC1B,UAAAC,EACA,GAAGP,CACL,EAA8D,CAE1D,OAAAQ,EAAA,IAACC,EAAqB,QAArB,CACC,YAAU,uBACV,UAAWC,EAAA,GACT,yJACAH,CACF,EACC,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASW,EAAmB,CAC1B,UAAAJ,EACA,GAAGP,CACL,EAA8D,CAC5D,cACGI,EACC,CAAA,SAAA,CAAAI,EAAA,IAACF,EAAmB,EAAA,EACpBE,EAAA,IAACI,EAAqB,QAArB,CACC,YAAU,uBACV,UAAWF,EAAA,GACT,waACAH,CACF,EACC,GAAGP,CAAA,CAAA,CACN,EACF,CAEJ,CAEA,SAASa,EAAkB,CACzB,UAAAN,EACA,GAAGP,CACL,EAAgC,CAE5B,OAAAQ,EAAA,IAAC,MAAA,CACC,YAAU,sBACV,UAAWE,EAAAA,GAAG,+CAAgDH,CAAS,EACtE,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASc,EAAkB,CACzB,UAAAP,EACA,GAAGP,CACL,EAAgC,CAE5B,OAAAQ,EAAA,IAAC,MAAA,CACC,YAAU,sBACV,UAAWE,EAAA,GACT,yDACAH,CACF,EACC,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASe,EAAiB,CACxB,UAAAR,EACA,GAAGP,CACL,EAA4D,CAExD,OAAAQ,EAAA,IAACQ,EAAqB,MAArB,CACC,YAAU,qBACV,UAAWN,EAAAA,GAAG,wBAAyBH,CAAS,EAC/C,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASiB,EAAuB,CAC9B,UAAAV,EACA,GAAGP,CACL,EAAkE,CAE9D,OAAAQ,EAAA,IAACU,EAAqB,YAArB,CACC,YAAU,2BACV,UAAWR,EAAA,GACT,iDACAH,CACF,EACC,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASmB,EAAkB,CACzB,UAAAZ,EACA,GAAGP,CACL,EAA6D,CAEzD,OAAAQ,EAAA,IAACY,EAAqB,OAArB,CACC,UAAWV,EAAA,GAAGW,iBAAe,EAAGd,CAAS,EACxC,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASsB,EAAkB,CACzB,UAAAf,EACA,GAAGP,CACL,EAA6D,CAEzD,OAAAQ,EAAA,IAACe,EAAqB,OAArB,CACC,UAAWb,KAAGW,iBAAe,CAAE,QAAS,SAAU,CAAC,EAAGd,CAAS,EAC9D,GAAGP,CAAA,CACN,CAEJ"}
|
|
1
|
+
{"version":3,"file":"alert-dialog.cjs","sources":["../../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\r\n\r\nimport { cn } from \"./../../lib/utils\";\r\nimport { buttonVariants } from \"./button\";\r\n\r\nfunction AlertDialog({\r\n ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\r\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\r\n}\r\n\r\nfunction AlertDialogTrigger({\r\n ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\r\n return (\r\n <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\r\n );\r\n}\r\n\r\nfunction AlertDialogPortal({\r\n ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\r\n return (\r\n <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\r\n );\r\n}\r\n\r\nfunction AlertDialogOverlay({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\r\n return (\r\n <AlertDialogPrimitive.Overlay\r\n data-slot=\"alert-dialog-overlay\"\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction AlertDialogContent({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\r\n return (\r\n <AlertDialogPortal>\r\n <AlertDialogOverlay />\r\n <AlertDialogPrimitive.Content\r\n data-slot=\"alert-dialog-content\"\r\n className={cn(\r\n \"bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n </AlertDialogPortal>\r\n );\r\n}\r\n\r\nfunction AlertDialogHeader({\r\n className,\r\n ...props\r\n}: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"alert-dialog-header\"\r\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction AlertDialogFooter({\r\n className,\r\n ...props\r\n}: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"alert-dialog-footer\"\r\n className={cn(\r\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction AlertDialogTitle({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\r\n return (\r\n <AlertDialogPrimitive.Title\r\n data-slot=\"alert-dialog-title\"\r\n className={cn(\"text-lg font-semibold\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction AlertDialogDescription({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\r\n return (\r\n <AlertDialogPrimitive.Description\r\n data-slot=\"alert-dialog-description\"\r\n className={cn(\r\n \"text-neutral-500 text-sm dark:text-neutral-400\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction AlertDialogAction({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\r\n return (\r\n <AlertDialogPrimitive.Action\r\n className={cn(buttonVariants(), className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction AlertDialogCancel({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\r\n return (\r\n <AlertDialogPrimitive.Cancel\r\n className={cn(buttonVariants({ variant: \"outline\" }), className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {\r\n AlertDialog,\r\n AlertDialogPortal,\r\n AlertDialogOverlay,\r\n AlertDialogTrigger,\r\n AlertDialogContent,\r\n AlertDialogHeader,\r\n AlertDialogFooter,\r\n AlertDialogTitle,\r\n AlertDialogDescription,\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n};\r\n"],"names":["AlertDialog","props","AlertDialogPrimitive.Root","AlertDialogTrigger","AlertDialogPrimitive.Trigger","AlertDialogPortal","AlertDialogPrimitive.Portal","AlertDialogOverlay","className","jsx","AlertDialogPrimitive.Overlay","cn","AlertDialogContent","AlertDialogPrimitive.Content","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogPrimitive.Title","AlertDialogDescription","AlertDialogPrimitive.Description","AlertDialogAction","AlertDialogPrimitive.Action","buttonVariants","AlertDialogCancel","AlertDialogPrimitive.Cancel"],"mappings":"yQAQA,SAASA,EAAY,CACnB,GAAGC,CACL,EAA2D,CACzD,aAAQC,EAAAA,KAAA,CAA0B,YAAU,eAAgB,GAAGD,EAAO,CACxE,CAEA,SAASE,EAAmB,CAC1B,GAAGF,CACL,EAA8D,CAC5D,aACGG,EAAAA,QAAA,CAA6B,YAAU,uBAAwB,GAAGH,EAAO,CAE9E,CAEA,SAASI,EAAkB,CACzB,GAAGJ,CACL,EAA6D,CAC3D,aACGK,EAAAA,OAAA,CAA4B,YAAU,sBAAuB,GAAGL,EAAO,CAE5E,CAEA,SAASM,EAAmB,CAC1B,UAAAC,EACA,GAAGP,CACL,EAA8D,CAE1D,OAAAQ,EAAA,IAACC,EAAqB,QAArB,CACC,YAAU,uBACV,UAAWC,EAAA,GACT,yJACAH,CACF,EACC,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASW,EAAmB,CAC1B,UAAAJ,EACA,GAAGP,CACL,EAA8D,CAC5D,cACGI,EACC,CAAA,SAAA,CAAAI,EAAA,IAACF,EAAmB,EAAA,EACpBE,EAAA,IAACI,EAAqB,QAArB,CACC,YAAU,uBACV,UAAWF,EAAA,GACT,waACAH,CACF,EACC,GAAGP,CAAA,CAAA,CACN,EACF,CAEJ,CAEA,SAASa,EAAkB,CACzB,UAAAN,EACA,GAAGP,CACL,EAAgC,CAE5B,OAAAQ,EAAA,IAAC,MAAA,CACC,YAAU,sBACV,UAAWE,EAAAA,GAAG,+CAAgDH,CAAS,EACtE,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASc,EAAkB,CACzB,UAAAP,EACA,GAAGP,CACL,EAAgC,CAE5B,OAAAQ,EAAA,IAAC,MAAA,CACC,YAAU,sBACV,UAAWE,EAAA,GACT,yDACAH,CACF,EACC,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASe,EAAiB,CACxB,UAAAR,EACA,GAAGP,CACL,EAA4D,CAExD,OAAAQ,EAAA,IAACQ,EAAqB,MAArB,CACC,YAAU,qBACV,UAAWN,EAAAA,GAAG,wBAAyBH,CAAS,EAC/C,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASiB,EAAuB,CAC9B,UAAAV,EACA,GAAGP,CACL,EAAkE,CAE9D,OAAAQ,EAAA,IAACU,EAAqB,YAArB,CACC,YAAU,2BACV,UAAWR,EAAA,GACT,iDACAH,CACF,EACC,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASmB,EAAkB,CACzB,UAAAZ,EACA,GAAGP,CACL,EAA6D,CAEzD,OAAAQ,EAAA,IAACY,EAAqB,OAArB,CACC,UAAWV,EAAA,GAAGW,iBAAe,EAAGd,CAAS,EACxC,GAAGP,CAAA,CACN,CAEJ,CAEA,SAASsB,EAAkB,CACzB,UAAAf,EACA,GAAGP,CACL,EAA6D,CAEzD,OAAAQ,EAAA,IAACe,EAAqB,OAArB,CACC,UAAWb,KAAGW,iBAAe,CAAE,QAAS,SAAU,CAAC,EAAGd,CAAS,EAC9D,GAAGP,CAAA,CACN,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../node_modules/class-variance-authority/dist/index.cjs"),a=require("../../lib/utils.cjs"),i=s.cva("relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current dark:border-neutral-800",{variants:{variant:{default:"bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50",destructive:"text-neutral-50 [&>svg]:text-current *:data-[slot=alert-description]:text-neutral-50/80 dark:text-neutral-50 dark:*:data-[slot=alert-description]:text-neutral-50/80"}},defaultVariants:{variant:"default"}});function n({className:t,variant:e,...l}){return r.jsx("div",{"data-slot":"alert",role:"alert",className:a.cn(i({variant:e}),t),...l})}function
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../node_modules/class-variance-authority/dist/index.cjs"),a=require("../../lib/utils.cjs"),i=s.cva("relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current dark:border-neutral-800",{variants:{variant:{default:"bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50",destructive:"text-neutral-50 [&>svg]:text-current *:data-[slot=alert-description]:text-neutral-50/80 dark:text-neutral-50 dark:*:data-[slot=alert-description]:text-neutral-50/80"}},defaultVariants:{variant:"default"}});function n({className:t,variant:e,...l}){return r.jsx("div",{"data-slot":"alert",role:"alert",className:a.cn(i({variant:e}),t),...l})}function u({className:t,...e}){return r.jsx("div",{"data-slot":"alert-title",className:a.cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",t),...e})}function d({className:t,...e}){return r.jsx("div",{"data-slot":"alert-description",className:a.cn("text-neutral-500 col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed dark:text-neutral-400",t),...e})}exports.Alert=n;exports.AlertDescription=d;exports.AlertTitle=u;
|
|
2
2
|
//# sourceMappingURL=alert.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.cjs","sources":["../../../../src/components/ui/alert.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"alert.cjs","sources":["../../../../src/components/ui/alert.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"./../../lib/utils\";\n\nconst alertVariants = cva(\n \"relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current dark:border-neutral-800\",\n {\n variants: {\n variant: {\n default:\n \"bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50\",\n destructive:\n \"text-neutral-50 [&>svg]:text-current *:data-[slot=alert-description]:text-neutral-50/80 dark:text-neutral-50 dark:*:data-[slot=alert-description]:text-neutral-50/80\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nfunction Alert({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"alert-title\"\n className={cn(\n \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDescription({\n className,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"alert-description\"\n className={cn(\n \"text-neutral-500 col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed dark:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Alert, AlertTitle, AlertDescription };\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription"],"mappings":"2OAMMA,EAAgBC,EAAA,IACpB,+QACA,CACE,SAAU,CACR,QAAS,CACP,QACE,qEACF,YACE,sKAAA,CAEN,EACA,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAqE,CAEjE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,QACV,KAAK,QACL,UAAWC,EAAG,GAAAP,EAAc,CAAE,QAAAI,CAAS,CAAA,EAAGD,CAAS,EAClD,GAAGE,CAAA,CACN,CAEJ,CAEA,SAASG,EAAW,CAAE,UAAAL,EAAW,GAAGE,GAAsC,CAEtE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAA,GACT,8DACAJ,CACF,EACC,GAAGE,CAAA,CACN,CAEJ,CAEA,SAASI,EAAiB,CACxB,UAAAN,EACA,GAAGE,CACL,EAAgC,CAE5B,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,oBACV,UAAWC,EAAA,GACT,kHACAJ,CACF,EACC,GAAGE,CAAA,CACN,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aspect-ratio.cjs","sources":["../../../../src/components/ui/aspect-ratio.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nfunction AspectRatio({\n ...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />;\n}\n\nexport { AspectRatio };\n"],"names":["AspectRatio","props","AspectRatioPrimitive.Root"],"mappings":"8MAKA,SAASA,EAAY,CACnB,GAAGC,CACL,EAA2D,CACzD,aAAQC,EAAAA,KAAA,CAA0B,YAAU,eAAgB,GAAGD,EAAO,CACxE"}
|
|
1
|
+
{"version":3,"file":"aspect-ratio.cjs","sources":["../../../../src/components/ui/aspect-ratio.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\r\n\r\nfunction AspectRatio({\r\n ...props\r\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\r\n return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />;\r\n}\r\n\r\nexport { AspectRatio };\r\n"],"names":["AspectRatio","props","AspectRatioPrimitive.Root"],"mappings":"8MAKA,SAASA,EAAY,CACnB,GAAGC,CACL,EAA2D,CACzD,aAAQC,EAAAA,KAAA,CAA0B,YAAU,eAAgB,GAAGD,EAAO,CACxE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.cjs","sources":["../../../../src/components/ui/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cn } from \"./../../lib/utils\";\n\nfunction Avatar({\n className,\n ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n return (\n <AvatarPrimitive.Root\n data-slot=\"avatar\"\n className={cn(\n \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction AvatarImage({\n className,\n ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n return (\n <AvatarPrimitive.Image\n data-slot=\"avatar-image\"\n className={cn(\"aspect-square size-full\", className)}\n {...props}\n />\n );\n}\n\nfunction AvatarFallback({\n className,\n ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n return (\n <AvatarPrimitive.Fallback\n data-slot=\"avatar-fallback\"\n className={cn(\n \"bg-neutral-100 flex size-full items-center justify-center rounded-full dark:bg-neutral-800\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"names":["Avatar","className","props","jsx","AvatarPrimitive.Root","cn","AvatarImage","AvatarPrimitive.Image","AvatarFallback","AvatarPrimitive.Fallback"],"mappings":"yOAMA,SAASA,EAAO,CACd,UAAAC,EACA,GAAGC,CACL,EAAsD,CAElD,OAAAC,EAAA,IAACC,EAAgB,KAAhB,CACC,YAAU,SACV,UAAWC,EAAA,GACT,6DACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASI,EAAY,CACnB,UAAAL,EACA,GAAGC,CACL,EAAuD,CAEnD,OAAAC,EAAA,IAACI,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWF,EAAAA,GAAG,0BAA2BJ,CAAS,EACjD,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASM,EAAe,CACtB,UAAAP,EACA,GAAGC,CACL,EAA0D,CAEtD,OAAAC,EAAA,IAACM,EAAgB,SAAhB,CACC,YAAU,kBACV,UAAWJ,EAAA,GACT,6FACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ"}
|
|
1
|
+
{"version":3,"file":"avatar.cjs","sources":["../../../../src/components/ui/avatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\r\nimport { cn } from \"./../../lib/utils\";\r\n\r\nfunction Avatar({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\r\n return (\r\n <AvatarPrimitive.Root\r\n data-slot=\"avatar\"\r\n className={cn(\r\n \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction AvatarImage({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\r\n return (\r\n <AvatarPrimitive.Image\r\n data-slot=\"avatar-image\"\r\n className={cn(\"aspect-square size-full\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction AvatarFallback({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\r\n return (\r\n <AvatarPrimitive.Fallback\r\n data-slot=\"avatar-fallback\"\r\n className={cn(\r\n \"bg-neutral-100 flex size-full items-center justify-center rounded-full dark:bg-neutral-800\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport { Avatar, AvatarImage, AvatarFallback };\r\n"],"names":["Avatar","className","props","jsx","AvatarPrimitive.Root","cn","AvatarImage","AvatarPrimitive.Image","AvatarFallback","AvatarPrimitive.Fallback"],"mappings":"yOAMA,SAASA,EAAO,CACd,UAAAC,EACA,GAAGC,CACL,EAAsD,CAElD,OAAAC,EAAA,IAACC,EAAgB,KAAhB,CACC,YAAU,SACV,UAAWC,EAAA,GACT,6DACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASI,EAAY,CACnB,UAAAL,EACA,GAAGC,CACL,EAAuD,CAEnD,OAAAC,EAAA,IAACI,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWF,EAAAA,GAAG,0BAA2BJ,CAAS,EACjD,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASM,EAAe,CACtB,UAAAP,EACA,GAAGC,CACL,EAA0D,CAEtD,OAAAC,EAAA,IAACM,EAAgB,SAAhB,CACC,YAAU,kBACV,UAAWJ,EAAA,GACT,6FACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.cjs","sources":["../../../../src/components/ui/badge.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"./../../lib/utils\";\n\nconst badgeVariants = cva(\n \"inline-flex items-center justify-center rounded-md border border-neutral-200 px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 transition-[color,box-shadow] overflow-hidden dark:border-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\n {\n variants: {\n variant: {\n default:\n \"border-transparent bg-neutral-900 text-neutral-50 [a&]:hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:[a&]:hover:bg-neutral-50/90\",\n secondary:\n \"border-transparent bg-neutral-100 text-neutral-900 [a&]:hover:bg-neutral-100/90 dark:bg-neutral-800 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800/90\",\n destructive:\n \"border-transparent bg-red-500 text-white [a&]:hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-900 dark:[a&]:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40\",\n outline:\n \"text-neutral-950 [a&]:hover:bg-neutral-100 [a&]:hover:text-neutral-900 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800 dark:[a&]:hover:text-neutral-50\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nfunction Badge({\n className,\n variant,\n asChild = false,\n ...props\n}: React.ComponentProps<\"span\"> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n const Comp = asChild ? Slot : \"span\";\n\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\nexport { Badge, badgeVariants };\n"],"names":["badgeVariants","cva","Badge","className","variant","asChild","props","Comp","Slot","jsx","cn"],"mappings":"+SAOMA,EAAgBC,EAAA,IACpB,qnBACA,CACE,SAAU,CACR,QAAS,CACP,QACE,2JACF,UACE,6JACF,YACE,8PACF,QACE,4JAAA,CAEN,EACA,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAC8D,CACtD,MAAAC,EAAOF,EAAUG,EAAAA,KAAO,OAG5B,OAAAC,EAAA,IAACF,EAAA,CACC,YAAU,QACV,UAAWG,EAAG,GAAAV,EAAc,CAAE,QAAAI,CAAS,CAAA,EAAGD,CAAS,EAClD,GAAGG,CAAA,CACN,CAEJ"}
|
|
1
|
+
{"version":3,"file":"badge.cjs","sources":["../../../../src/components/ui/badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"./../../lib/utils\";\r\n\r\nconst badgeVariants = cva(\r\n \"inline-flex items-center justify-center rounded-md border border-neutral-200 px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 transition-[color,box-shadow] overflow-hidden dark:border-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n \"border-transparent bg-neutral-900 text-neutral-50 [a&]:hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:[a&]:hover:bg-neutral-50/90\",\r\n secondary:\r\n \"border-transparent bg-neutral-100 text-neutral-900 [a&]:hover:bg-neutral-100/90 dark:bg-neutral-800 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800/90\",\r\n destructive:\r\n \"border-transparent bg-red-500 text-white [a&]:hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-900 dark:[a&]:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40\",\r\n outline:\r\n \"text-neutral-950 [a&]:hover:bg-neutral-100 [a&]:hover:text-neutral-900 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800 dark:[a&]:hover:text-neutral-50\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n },\r\n }\r\n);\r\n\r\nfunction Badge({\r\n className,\r\n variant,\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"span\"> &\r\n VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\r\n const Comp = asChild ? Slot : \"span\";\r\n\r\n return (\r\n <Comp\r\n data-slot=\"badge\"\r\n className={cn(badgeVariants({ variant }), className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport { Badge, badgeVariants };\r\n"],"names":["badgeVariants","cva","Badge","className","variant","asChild","props","Comp","Slot","jsx","cn"],"mappings":"+SAOMA,EAAgBC,EAAA,IACpB,qnBACA,CACE,SAAU,CACR,QAAS,CACP,QACE,2JACF,UACE,6JACF,YACE,8PACF,QACE,4JAAA,CAEN,EACA,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAC8D,CACtD,MAAAC,EAAOF,EAAUG,EAAAA,KAAO,OAG5B,OAAAC,EAAA,IAACF,EAAA,CACC,YAAU,QACV,UAAWG,EAAG,GAAAV,EAAc,CAAE,QAAAI,CAAS,CAAA,EAAGD,CAAS,EAClD,GAAGG,CAAA,CACN,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.cjs","sources":["../../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\nimport { cn } from \"./../../lib/utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n return (\n <ol\n data-slot=\"breadcrumb-list\"\n className={cn(\n \"text-neutral-500 flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5 dark:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n return (\n <li\n data-slot=\"breadcrumb-item\"\n className={cn(\"inline-flex items-center gap-1.5\", className)}\n {...props}\n />\n );\n}\n\nfunction BreadcrumbLink({\n asChild,\n className,\n ...props\n}: React.ComponentProps<\"a\"> & {\n asChild?: boolean;\n}) {\n const Comp = asChild ? Slot : \"a\";\n\n return (\n <Comp\n data-slot=\"breadcrumb-link\"\n className={cn(\n \"hover:text-neutral-950 transition-colors dark:hover:text-neutral-50\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"breadcrumb-page\"\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn(\n \"text-neutral-950 font-normal dark:text-neutral-50\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction BreadcrumbSeparator({\n children,\n className,\n ...props\n}: React.ComponentProps<\"li\">) {\n return (\n <li\n data-slot=\"breadcrumb-separator\"\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"[&>svg]:size-3.5\", className)}\n {...props}\n >\n {children ?? <ChevronRight />}\n </li>\n );\n}\n\nfunction BreadcrumbEllipsis({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"breadcrumb-ellipsis\"\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"flex size-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"size-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n};\n"],"names":["Breadcrumb","props","BreadcrumbList","className","jsx","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":"8XAOA,SAASA,EAAW,CAAE,GAAGC,GAAsC,CAC7D,aAAQ,MAAI,CAAA,aAAW,aAAa,YAAU,aAAc,GAAGA,EAAO,CACxE,CAEA,SAASC,EAAe,CAAE,UAAAC,EAAW,GAAGF,GAAqC,CAEzE,OAAAG,EAAA,IAAC,KAAA,CACC,YAAU,kBACV,UAAWC,EAAA,GACT,4GACAF,CACF,EACC,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASK,EAAe,CAAE,UAAAH,EAAW,GAAGF,GAAqC,CAEzE,OAAAG,EAAA,IAAC,KAAA,CACC,YAAU,kBACV,UAAWC,EAAAA,GAAG,mCAAoCF,CAAS,EAC1D,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASM,EAAe,CACtB,QAAAC,EACA,UAAAL,EACA,GAAGF,CACL,EAEG,CACK,MAAAQ,EAAOD,EAAUE,EAAAA,KAAO,IAG5B,OAAAN,EAAA,IAACK,EAAA,CACC,YAAU,kBACV,UAAWJ,EAAA,GACT,sEACAF,CACF,EACC,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASU,EAAe,CAAE,UAAAR,EAAW,GAAGF,GAAuC,CAE3E,OAAAG,EAAA,IAAC,OAAA,CACC,YAAU,kBACV,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAWC,EAAA,GACT,oDACAF,CACF,EACC,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASW,EAAoB,CAC3B,SAAAC,EACA,UAAAV,EACA,GAAGF,CACL,EAA+B,CAE3B,OAAAG,EAAA,IAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAWC,EAAAA,GAAG,mBAAoBF,CAAS,EAC1C,GAAGF,EAEH,SAAAY,SAAaC,EAAAA,QAAa,CAAA,CAAA,CAAA,CAC7B,CAEJ,CAEA,SAASC,EAAmB,CAC1B,UAAAZ,EACA,GAAGF,CACL,EAAiC,CAE7B,OAAAe,EAAA,KAAC,OAAA,CACC,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,UAAWX,EAAAA,GAAG,0CAA2CF,CAAS,EACjE,GAAGF,EAEJ,SAAA,CAACG,EAAAA,IAAAa,EAAA,QAAA,CAAe,UAAU,QAAS,CAAA,EAClCb,EAAA,IAAA,OAAA,CAAK,UAAU,UAAU,SAAI,MAAA,CAAA,CAAA,CAAA,CAChC,CAEJ"}
|
|
1
|
+
{"version":3,"file":"breadcrumb.cjs","sources":["../../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\r\nimport { cn } from \"./../../lib/utils\";\r\n\r\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\r\n return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\r\n}\r\n\r\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\r\n return (\r\n <ol\r\n data-slot=\"breadcrumb-list\"\r\n className={cn(\r\n \"text-neutral-500 flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5 dark:text-neutral-400\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\r\n return (\r\n <li\r\n data-slot=\"breadcrumb-item\"\r\n className={cn(\"inline-flex items-center gap-1.5\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction BreadcrumbLink({\r\n asChild,\r\n className,\r\n ...props\r\n}: React.ComponentProps<\"a\"> & {\r\n asChild?: boolean;\r\n}) {\r\n const Comp = asChild ? Slot : \"a\";\r\n\r\n return (\r\n <Comp\r\n data-slot=\"breadcrumb-link\"\r\n className={cn(\r\n \"hover:text-neutral-950 transition-colors dark:hover:text-neutral-50\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\r\n return (\r\n <span\r\n data-slot=\"breadcrumb-page\"\r\n role=\"link\"\r\n aria-disabled=\"true\"\r\n aria-current=\"page\"\r\n className={cn(\r\n \"text-neutral-950 font-normal dark:text-neutral-50\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction BreadcrumbSeparator({\r\n children,\r\n className,\r\n ...props\r\n}: React.ComponentProps<\"li\">) {\r\n return (\r\n <li\r\n data-slot=\"breadcrumb-separator\"\r\n role=\"presentation\"\r\n aria-hidden=\"true\"\r\n className={cn(\"[&>svg]:size-3.5\", className)}\r\n {...props}\r\n >\r\n {children ?? <ChevronRight />}\r\n </li>\r\n );\r\n}\r\n\r\nfunction BreadcrumbEllipsis({\r\n className,\r\n ...props\r\n}: React.ComponentProps<\"span\">) {\r\n return (\r\n <span\r\n data-slot=\"breadcrumb-ellipsis\"\r\n role=\"presentation\"\r\n aria-hidden=\"true\"\r\n className={cn(\"flex size-9 items-center justify-center\", className)}\r\n {...props}\r\n >\r\n <MoreHorizontal className=\"size-4\" />\r\n <span className=\"sr-only\">More</span>\r\n </span>\r\n );\r\n}\r\n\r\nexport {\r\n Breadcrumb,\r\n BreadcrumbList,\r\n BreadcrumbItem,\r\n BreadcrumbLink,\r\n BreadcrumbPage,\r\n BreadcrumbSeparator,\r\n BreadcrumbEllipsis,\r\n};\r\n"],"names":["Breadcrumb","props","BreadcrumbList","className","jsx","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":"8XAOA,SAASA,EAAW,CAAE,GAAGC,GAAsC,CAC7D,aAAQ,MAAI,CAAA,aAAW,aAAa,YAAU,aAAc,GAAGA,EAAO,CACxE,CAEA,SAASC,EAAe,CAAE,UAAAC,EAAW,GAAGF,GAAqC,CAEzE,OAAAG,EAAA,IAAC,KAAA,CACC,YAAU,kBACV,UAAWC,EAAA,GACT,4GACAF,CACF,EACC,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASK,EAAe,CAAE,UAAAH,EAAW,GAAGF,GAAqC,CAEzE,OAAAG,EAAA,IAAC,KAAA,CACC,YAAU,kBACV,UAAWC,EAAAA,GAAG,mCAAoCF,CAAS,EAC1D,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASM,EAAe,CACtB,QAAAC,EACA,UAAAL,EACA,GAAGF,CACL,EAEG,CACK,MAAAQ,EAAOD,EAAUE,EAAAA,KAAO,IAG5B,OAAAN,EAAA,IAACK,EAAA,CACC,YAAU,kBACV,UAAWJ,EAAA,GACT,sEACAF,CACF,EACC,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASU,EAAe,CAAE,UAAAR,EAAW,GAAGF,GAAuC,CAE3E,OAAAG,EAAA,IAAC,OAAA,CACC,YAAU,kBACV,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAWC,EAAA,GACT,oDACAF,CACF,EACC,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASW,EAAoB,CAC3B,SAAAC,EACA,UAAAV,EACA,GAAGF,CACL,EAA+B,CAE3B,OAAAG,EAAA,IAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAWC,EAAAA,GAAG,mBAAoBF,CAAS,EAC1C,GAAGF,EAEH,SAAAY,SAAaC,EAAAA,QAAa,CAAA,CAAA,CAAA,CAC7B,CAEJ,CAEA,SAASC,EAAmB,CAC1B,UAAAZ,EACA,GAAGF,CACL,EAAiC,CAE7B,OAAAe,EAAA,KAAC,OAAA,CACC,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,UAAWX,EAAAA,GAAG,0CAA2CF,CAAS,EACjE,GAAGF,EAEJ,SAAA,CAACG,EAAAA,IAAAa,EAAA,QAAA,CAAe,UAAU,QAAS,CAAA,EAClCb,EAAA,IAAA,OAAA,CAAK,UAAU,UAAU,SAAI,MAAA,CAAA,CAAA,CAAA,CAChC,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.cjs","sources":["../../../../src/components/ui/button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"./../../lib/utils\";\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\n {\n variants: {\n variant: {\n default:\n \"bg-neutral-900 text-neutral-50 shadow-xs hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90\",\n destructive:\n \"bg-red-500 text-white shadow-xs hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-900 dark:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40\",\n outline:\n \"border border-neutral-200 bg-white shadow-xs hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\n secondary:\n \"bg-neutral-100 text-neutral-900 shadow-xs hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80\",\n ghost:\n \"hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\n link: \"text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n);\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean;\n }) {\n const Comp = asChild ? Slot : \"button\";\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n );\n}\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","Slot","jsx","cn"],"mappings":"+SAOMA,EAAiBC,EAAA,IACrB,soBACA,CACE,SAAU,CACR,QAAS,CACP,QACE,wIACF,YACE,2OACF,QACE,4LACF,UACE,0IACF,MACE,mGACF,KAAM,0EACR,EACA,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QAAA,CAEV,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACG,MAAAC,EAAOF,EAAUG,EAAAA,KAAO,SAG5B,OAAAC,EAAA,IAACF,EAAA,CACC,YAAU,SACV,UAAWG,KAAGX,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EACzD,GAAGI,CAAA,CACN,CAEJ"}
|
|
1
|
+
{"version":3,"file":"button.cjs","sources":["../../../../src/components/ui/button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"./../../lib/utils\";\r\n\r\nconst buttonVariants = cva(\r\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n \"bg-neutral-900 text-neutral-50 shadow-xs hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90\",\r\n destructive:\r\n \"bg-red-500 text-white shadow-xs hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-900 dark:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40\",\r\n outline:\r\n \"border border-neutral-200 bg-white shadow-xs hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n secondary:\r\n \"bg-neutral-100 text-neutral-900 shadow-xs hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80\",\r\n ghost:\r\n \"hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n link: \"text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50\",\r\n },\r\n size: {\r\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\r\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\r\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\r\n icon: \"size-9\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n }\r\n);\r\n\r\nfunction Button({\r\n className,\r\n variant,\r\n size,\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"button\"> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean;\r\n }) {\r\n const Comp = asChild ? Slot : \"button\";\r\n\r\n return (\r\n <Comp\r\n data-slot=\"button\"\r\n className={cn(buttonVariants({ variant, size, className }))}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport { Button, buttonVariants };\r\n"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","Slot","jsx","cn"],"mappings":"+SAOMA,EAAiBC,EAAA,IACrB,soBACA,CACE,SAAU,CACR,QAAS,CACP,QACE,wIACF,YACE,2OACF,QACE,4LACF,UACE,0IACF,MACE,mGACF,KAAM,0EACR,EACA,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QAAA,CAEV,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACG,MAAAC,EAAOF,EAAUG,EAAAA,KAAO,SAG5B,OAAAC,EAAA,IAACF,EAAA,CACC,YAAU,SACV,UAAWG,KAAGX,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EACzD,GAAGI,CAAA,CACN,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.cjs","sources":["../../../../src/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { DayPicker } from \"react-day-picker\";\nimport { cn } from \"./../../lib/utils\";\nimport { buttonVariants } from \"./button\";\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n ...props\n}: React.ComponentProps<typeof DayPicker>) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\"p-3\", className)}\n classNames={{\n months: \"flex flex-col sm:flex-row gap-2\",\n month: \"flex flex-col gap-4\",\n caption: \"flex justify-center pt-1 relative items-center w-full\",\n caption_label: \"text-sm font-medium\",\n nav: \"flex items-center gap-1\",\n nav_button: cn(\n buttonVariants({ variant: \"outline\" }),\n \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\"\n ),\n nav_button_previous: \"absolute left-1\",\n nav_button_next: \"absolute right-1\",\n table: \"w-full border-collapse space-x-1\",\n head_row: \"flex\",\n head_cell:\n \"text-neutral-500 rounded-md w-8 font-normal text-[0.8rem] dark:text-neutral-400\",\n row: \"flex w-full mt-2\",\n cell: cn(\n \"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-neutral-100 [&:has([aria-selected].day-range-end)]:rounded-r-md dark:[&:has([aria-selected])]:bg-neutral-800\",\n props.mode === \"range\"\n ? \"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\n : \"[&:has([aria-selected])]:rounded-md\"\n ),\n day: cn(\n buttonVariants({ variant: \"ghost\" }),\n \"size-8 p-0 font-normal aria-selected:opacity-100\"\n ),\n day_range_start:\n \"day-range-start aria-selected:bg-neutral-900 aria-selected:text-neutral-50 dark:aria-selected:bg-neutral-50 dark:aria-selected:text-neutral-900\",\n day_range_end:\n \"day-range-end aria-selected:bg-neutral-900 aria-selected:text-neutral-50 dark:aria-selected:bg-neutral-50 dark:aria-selected:text-neutral-900\",\n day_selected:\n \"bg-neutral-900 text-neutral-50 hover:bg-neutral-900 hover:text-neutral-50 focus:bg-neutral-900 focus:text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50 dark:hover:text-neutral-900 dark:focus:bg-neutral-50 dark:focus:text-neutral-900\",\n day_today:\n \"bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-50\",\n day_outside:\n \"day-outside text-neutral-500 aria-selected:text-neutral-500 dark:text-neutral-400 dark:aria-selected:text-neutral-400\",\n day_disabled: \"text-neutral-500 opacity-50 dark:text-neutral-400\",\n day_range_middle:\n \"aria-selected:bg-neutral-100 aria-selected:text-neutral-900 dark:aria-selected:bg-neutral-800 dark:aria-selected:text-neutral-50\",\n day_hidden: \"invisible\",\n ...classNames,\n }}\n components={{\n IconLeft: ({ className, ...props }) => (\n <ChevronLeft className={cn(\"size-4\", className)} {...props} />\n ),\n IconRight: ({ className, ...props }) => (\n <ChevronRight className={cn(\"size-4\", className)} {...props} />\n ),\n }}\n {...props}\n />\n );\n}\n\nexport { Calendar };\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants","ChevronLeft","ChevronRight"],"mappings":"4ZAQA,SAASA,EAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,GAAGC,CACL,EAA2C,CAEvC,OAAAC,EAAA,IAACC,EAAA,UAAA,CACC,gBAAAH,EACA,UAAWI,EAAAA,GAAG,MAAON,CAAS,EAC9B,WAAY,CACV,OAAQ,kCACR,MAAO,sBACP,QAAS,wDACT,cAAe,sBACf,IAAK,0BACL,WAAYM,EAAA,GACVC,iBAAe,CAAE,QAAS,UAAW,EACrC,wDACF,EACA,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,OACV,UACE,kFACF,IAAK,mBACL,KAAMD,EAAA,GACJ,oNACAH,EAAM,OAAS,QACX,uKACA,qCACN,EACA,IAAKG,EAAA,GACHC,iBAAe,CAAE,QAAS,QAAS,EACnC,kDACF,EACA,gBACE,kJACF,cACE,gJACF,aACE,0QACF,UACE,2EACF,YACE,wHACF,aAAc,oDACd,iBACE,mIACF,WAAY,YACZ,GAAGN,CACL,EACA,WAAY,CACV,SAAU,CAAC,CAAE,UAAAD,EAAW,GAAGG,CAAM,IAC9BC,EAAA,IAAAI,EAAA,QAAA,CAAY,UAAWF,EAAAA,GAAG,SAAUN,CAAS,EAAI,GAAGG,EAAO,EAE9D,UAAW,CAAC,CAAE,UAAAH,EAAW,GAAGG,CAAM,IAC/BC,EAAA,IAAAK,EAAA,QAAA,CAAa,UAAWH,EAAAA,GAAG,SAAUN,CAAS,EAAI,GAAGG,CAAO,CAAA,CAEjE,EACC,GAAGA,CAAA,CACN,CAEJ"}
|
|
1
|
+
{"version":3,"file":"calendar.cjs","sources":["../../../../src/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\r\nimport { DayPicker } from \"react-day-picker\";\r\nimport { cn } from \"./../../lib/utils\";\r\nimport { buttonVariants } from \"./button\";\r\n\r\nfunction Calendar({\r\n className,\r\n classNames,\r\n showOutsideDays = true,\r\n ...props\r\n}: React.ComponentProps<typeof DayPicker>) {\r\n return (\r\n <DayPicker\r\n showOutsideDays={showOutsideDays}\r\n className={cn(\"p-3\", className)}\r\n classNames={{\r\n months: \"flex flex-col sm:flex-row gap-2\",\r\n month: \"flex flex-col gap-4\",\r\n caption: \"flex justify-center pt-1 relative items-center w-full\",\r\n caption_label: \"text-sm font-medium\",\r\n nav: \"flex items-center gap-1\",\r\n nav_button: cn(\r\n buttonVariants({ variant: \"outline\" }),\r\n \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\"\r\n ),\r\n nav_button_previous: \"absolute left-1\",\r\n nav_button_next: \"absolute right-1\",\r\n table: \"w-full border-collapse space-x-1\",\r\n head_row: \"flex\",\r\n head_cell:\r\n \"text-neutral-500 rounded-md w-8 font-normal text-[0.8rem] dark:text-neutral-400\",\r\n row: \"flex w-full mt-2\",\r\n cell: cn(\r\n \"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-neutral-100 [&:has([aria-selected].day-range-end)]:rounded-r-md dark:[&:has([aria-selected])]:bg-neutral-800\",\r\n props.mode === \"range\"\r\n ? \"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\r\n : \"[&:has([aria-selected])]:rounded-md\"\r\n ),\r\n day: cn(\r\n buttonVariants({ variant: \"ghost\" }),\r\n \"size-8 p-0 font-normal aria-selected:opacity-100\"\r\n ),\r\n day_range_start:\r\n \"day-range-start aria-selected:bg-neutral-900 aria-selected:text-neutral-50 dark:aria-selected:bg-neutral-50 dark:aria-selected:text-neutral-900\",\r\n day_range_end:\r\n \"day-range-end aria-selected:bg-neutral-900 aria-selected:text-neutral-50 dark:aria-selected:bg-neutral-50 dark:aria-selected:text-neutral-900\",\r\n day_selected:\r\n \"bg-neutral-900 text-neutral-50 hover:bg-neutral-900 hover:text-neutral-50 focus:bg-neutral-900 focus:text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50 dark:hover:text-neutral-900 dark:focus:bg-neutral-50 dark:focus:text-neutral-900\",\r\n day_today:\r\n \"bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-50\",\r\n day_outside:\r\n \"day-outside text-neutral-500 aria-selected:text-neutral-500 dark:text-neutral-400 dark:aria-selected:text-neutral-400\",\r\n day_disabled: \"text-neutral-500 opacity-50 dark:text-neutral-400\",\r\n day_range_middle:\r\n \"aria-selected:bg-neutral-100 aria-selected:text-neutral-900 dark:aria-selected:bg-neutral-800 dark:aria-selected:text-neutral-50\",\r\n day_hidden: \"invisible\",\r\n ...classNames,\r\n }}\r\n components={{\r\n IconLeft: ({ className, ...props }) => (\r\n <ChevronLeft className={cn(\"size-4\", className)} {...props} />\r\n ),\r\n IconRight: ({ className, ...props }) => (\r\n <ChevronRight className={cn(\"size-4\", className)} {...props} />\r\n ),\r\n }}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport { Calendar };\r\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants","ChevronLeft","ChevronRight"],"mappings":"4ZAQA,SAASA,EAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,GAAGC,CACL,EAA2C,CAEvC,OAAAC,EAAA,IAACC,EAAA,UAAA,CACC,gBAAAH,EACA,UAAWI,EAAAA,GAAG,MAAON,CAAS,EAC9B,WAAY,CACV,OAAQ,kCACR,MAAO,sBACP,QAAS,wDACT,cAAe,sBACf,IAAK,0BACL,WAAYM,EAAA,GACVC,iBAAe,CAAE,QAAS,UAAW,EACrC,wDACF,EACA,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,OACV,UACE,kFACF,IAAK,mBACL,KAAMD,EAAA,GACJ,oNACAH,EAAM,OAAS,QACX,uKACA,qCACN,EACA,IAAKG,EAAA,GACHC,iBAAe,CAAE,QAAS,QAAS,EACnC,kDACF,EACA,gBACE,kJACF,cACE,gJACF,aACE,0QACF,UACE,2EACF,YACE,wHACF,aAAc,oDACd,iBACE,mIACF,WAAY,YACZ,GAAGN,CACL,EACA,WAAY,CACV,SAAU,CAAC,CAAE,UAAAD,EAAW,GAAGG,CAAM,IAC9BC,EAAA,IAAAI,EAAA,QAAA,CAAY,UAAWF,EAAAA,GAAG,SAAUN,CAAS,EAAI,GAAGG,EAAO,EAE9D,UAAW,CAAC,CAAE,UAAAH,EAAW,GAAGG,CAAM,IAC/BC,EAAA,IAAAK,EAAA,QAAA,CAAa,UAAWH,EAAAA,GAAG,SAAUN,CAAS,EAAI,GAAGG,CAAO,CAAA,CAEjE,EACC,GAAGA,CAAA,CACN,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.cjs","sources":["../../../../src/components/ui/card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"./../../lib/utils\";\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-white text-neutral-950 flex flex-col gap-6 rounded-xl border border-neutral-200 py-6 shadow-sm dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\"flex flex-col gap-1.5 px-6\", className)}\n {...props}\n />\n );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"leading-none font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\n \"text-neutral-500 text-sm dark:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"px-6\", className)}\n {...props}\n />\n );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\"flex items-center px-6\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardDescription,\n CardContent,\n};\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"mKAKA,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CAEhE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,OACV,UAAWC,EAAA,GACT,qKACAH,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASG,EAAW,CAAE,UAAAJ,EAAW,GAAGC,GAAsC,CAEtE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAsC,CAErE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAsC,CAE3E,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,mBACV,UAAWC,EAAA,GACT,iDACAH,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASM,EAAY,CAAE,UAAAP,EAAW,GAAGC,GAAsC,CAEvE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,OAAQH,CAAS,EAC9B,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASO,EAAW,CAAE,UAAAR,EAAW,GAAGC,GAAsC,CAEtE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,yBAA0BH,CAAS,EAChD,GAAGC,CAAA,CACN,CAEJ"}
|
|
1
|
+
{"version":3,"file":"card.cjs","sources":["../../../../src/components/ui/card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { cn } from \"./../../lib/utils\";\r\n\r\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"card\"\r\n className={cn(\r\n \"bg-white text-neutral-950 flex flex-col gap-6 rounded-xl border border-neutral-200 py-6 shadow-sm dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"card-header\"\r\n className={cn(\"flex flex-col gap-1.5 px-6\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"card-title\"\r\n className={cn(\"leading-none font-semibold\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"card-description\"\r\n className={cn(\r\n \"text-neutral-500 text-sm dark:text-neutral-400\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"card-content\"\r\n className={cn(\"px-6\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"card-footer\"\r\n className={cn(\"flex items-center px-6\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n CardTitle,\r\n CardDescription,\r\n CardContent,\r\n};\r\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"mKAKA,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CAEhE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,OACV,UAAWC,EAAA,GACT,qKACAH,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASG,EAAW,CAAE,UAAAJ,EAAW,GAAGC,GAAsC,CAEtE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAsC,CAErE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAsC,CAE3E,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,mBACV,UAAWC,EAAA,GACT,iDACAH,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASM,EAAY,CAAE,UAAAP,EAAW,GAAGC,GAAsC,CAEvE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,OAAQH,CAAS,EAC9B,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASO,EAAW,CAAE,UAAAR,EAAW,GAAGC,GAAsC,CAEtE,OAAAC,EAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,yBAA0BH,CAAS,EAChD,GAAGC,CAAA,CACN,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.cjs","sources":["../../../../src/components/ui/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport useEmblaCarousel, {\n type UseEmblaCarouselType,\n} from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport { cn } from \"./../../lib/utils\";\nimport { Button } from \"./button\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: \"horizontal\" | \"vertical\";\n setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n const context = React.useContext(CarouselContext);\n\n if (!context) {\n throw new Error(\"useCarousel must be used within a <Carousel />\");\n }\n\n return context;\n}\n\nfunction Carousel({\n orientation = \"horizontal\",\n opts,\n setApi,\n plugins,\n className,\n children,\n ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n },\n plugins\n );\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((api: CarouselApi) => {\n if (!api) return;\n setCanScrollPrev(api.canScrollPrev());\n setCanScrollNext(api.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === \"ArrowRight\") {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext]\n );\n\n React.useEffect(() => {\n if (!api || !setApi) return;\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) return;\n onSelect(api);\n api.on(\"reInit\", onSelect);\n api.on(\"select\", onSelect);\n\n return () => {\n api?.off(\"select\", onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselContext.Provider\n value={{\n carouselRef,\n api: api,\n opts,\n orientation:\n orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n }}\n >\n <div\n onKeyDownCapture={handleKeyDown}\n className={cn(\"relative\", className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n data-slot=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselContext.Provider>\n );\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n const { carouselRef, orientation } = useCarousel();\n\n return (\n <div\n ref={carouselRef}\n className=\"overflow-hidden\"\n data-slot=\"carousel-content\"\n >\n <div\n className={cn(\n \"flex\",\n orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n className\n )}\n {...props}\n />\n </div>\n );\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n const { orientation } = useCarousel();\n\n return (\n <div\n role=\"group\"\n aria-roledescription=\"slide\"\n data-slot=\"carousel-item\"\n className={cn(\n \"min-w-0 shrink-0 grow-0 basis-full\",\n orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CarouselPrevious({\n className,\n variant = \"outline\",\n size = \"icon\",\n ...props\n}: React.ComponentProps<typeof Button>) {\n const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n return (\n <Button\n data-slot=\"carousel-previous\"\n variant={variant}\n size={size}\n className={cn(\n \"absolute size-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"top-1/2 -left-12 -translate-y-1/2\"\n : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n className\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeft />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n}\n\nfunction CarouselNext({\n className,\n variant = \"outline\",\n size = \"icon\",\n ...props\n}: React.ComponentProps<typeof Button>) {\n const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n return (\n <Button\n data-slot=\"carousel-next\"\n variant={variant}\n size={size}\n className={cn(\n \"absolute size-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"top-1/2 -right-12 -translate-y-1/2\"\n : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n className\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRight />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n}\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n};\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ArrowLeft","CarouselNext","ArrowRight"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"carousel.cjs","sources":["../../../../src/components/ui/carousel.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport useEmblaCarousel, {\r\n type UseEmblaCarouselType,\r\n} from \"embla-carousel-react\";\r\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\r\nimport { cn } from \"./../../lib/utils\";\r\nimport { Button } from \"./button\";\r\n\r\ntype CarouselApi = UseEmblaCarouselType[1];\r\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\r\ntype CarouselOptions = UseCarouselParameters[0];\r\ntype CarouselPlugin = UseCarouselParameters[1];\r\n\r\ntype CarouselProps = {\r\n opts?: CarouselOptions;\r\n plugins?: CarouselPlugin;\r\n orientation?: \"horizontal\" | \"vertical\";\r\n setApi?: (api: CarouselApi) => void;\r\n};\r\n\r\ntype CarouselContextProps = {\r\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\r\n api: ReturnType<typeof useEmblaCarousel>[1];\r\n scrollPrev: () => void;\r\n scrollNext: () => void;\r\n canScrollPrev: boolean;\r\n canScrollNext: boolean;\r\n} & CarouselProps;\r\n\r\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\r\n\r\nfunction useCarousel() {\r\n const context = React.useContext(CarouselContext);\r\n\r\n if (!context) {\r\n throw new Error(\"useCarousel must be used within a <Carousel />\");\r\n }\r\n\r\n return context;\r\n}\r\n\r\nfunction Carousel({\r\n orientation = \"horizontal\",\r\n opts,\r\n setApi,\r\n plugins,\r\n className,\r\n children,\r\n ...props\r\n}: React.ComponentProps<\"div\"> & CarouselProps) {\r\n const [carouselRef, api] = useEmblaCarousel(\r\n {\r\n ...opts,\r\n axis: orientation === \"horizontal\" ? \"x\" : \"y\",\r\n },\r\n plugins\r\n );\r\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\r\n const [canScrollNext, setCanScrollNext] = React.useState(false);\r\n\r\n const onSelect = React.useCallback((api: CarouselApi) => {\r\n if (!api) return;\r\n setCanScrollPrev(api.canScrollPrev());\r\n setCanScrollNext(api.canScrollNext());\r\n }, []);\r\n\r\n const scrollPrev = React.useCallback(() => {\r\n api?.scrollPrev();\r\n }, [api]);\r\n\r\n const scrollNext = React.useCallback(() => {\r\n api?.scrollNext();\r\n }, [api]);\r\n\r\n const handleKeyDown = React.useCallback(\r\n (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n if (event.key === \"ArrowLeft\") {\r\n event.preventDefault();\r\n scrollPrev();\r\n } else if (event.key === \"ArrowRight\") {\r\n event.preventDefault();\r\n scrollNext();\r\n }\r\n },\r\n [scrollPrev, scrollNext]\r\n );\r\n\r\n React.useEffect(() => {\r\n if (!api || !setApi) return;\r\n setApi(api);\r\n }, [api, setApi]);\r\n\r\n React.useEffect(() => {\r\n if (!api) return;\r\n onSelect(api);\r\n api.on(\"reInit\", onSelect);\r\n api.on(\"select\", onSelect);\r\n\r\n return () => {\r\n api?.off(\"select\", onSelect);\r\n };\r\n }, [api, onSelect]);\r\n\r\n return (\r\n <CarouselContext.Provider\r\n value={{\r\n carouselRef,\r\n api: api,\r\n opts,\r\n orientation:\r\n orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\r\n scrollPrev,\r\n scrollNext,\r\n canScrollPrev,\r\n canScrollNext,\r\n }}\r\n >\r\n <div\r\n onKeyDownCapture={handleKeyDown}\r\n className={cn(\"relative\", className)}\r\n role=\"region\"\r\n aria-roledescription=\"carousel\"\r\n data-slot=\"carousel\"\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n </CarouselContext.Provider>\r\n );\r\n}\r\n\r\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\r\n const { carouselRef, orientation } = useCarousel();\r\n\r\n return (\r\n <div\r\n ref={carouselRef}\r\n className=\"overflow-hidden\"\r\n data-slot=\"carousel-content\"\r\n >\r\n <div\r\n className={cn(\r\n \"flex\",\r\n orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n </div>\r\n );\r\n}\r\n\r\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\r\n const { orientation } = useCarousel();\r\n\r\n return (\r\n <div\r\n role=\"group\"\r\n aria-roledescription=\"slide\"\r\n data-slot=\"carousel-item\"\r\n className={cn(\r\n \"min-w-0 shrink-0 grow-0 basis-full\",\r\n orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CarouselPrevious({\r\n className,\r\n variant = \"outline\",\r\n size = \"icon\",\r\n ...props\r\n}: React.ComponentProps<typeof Button>) {\r\n const { orientation, scrollPrev, canScrollPrev } = useCarousel();\r\n\r\n return (\r\n <Button\r\n data-slot=\"carousel-previous\"\r\n variant={variant}\r\n size={size}\r\n className={cn(\r\n \"absolute size-8 rounded-full\",\r\n orientation === \"horizontal\"\r\n ? \"top-1/2 -left-12 -translate-y-1/2\"\r\n : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\r\n className\r\n )}\r\n disabled={!canScrollPrev}\r\n onClick={scrollPrev}\r\n {...props}\r\n >\r\n <ArrowLeft />\r\n <span className=\"sr-only\">Previous slide</span>\r\n </Button>\r\n );\r\n}\r\n\r\nfunction CarouselNext({\r\n className,\r\n variant = \"outline\",\r\n size = \"icon\",\r\n ...props\r\n}: React.ComponentProps<typeof Button>) {\r\n const { orientation, scrollNext, canScrollNext } = useCarousel();\r\n\r\n return (\r\n <Button\r\n data-slot=\"carousel-next\"\r\n variant={variant}\r\n size={size}\r\n className={cn(\r\n \"absolute size-8 rounded-full\",\r\n orientation === \"horizontal\"\r\n ? \"top-1/2 -right-12 -translate-y-1/2\"\r\n : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\r\n className\r\n )}\r\n disabled={!canScrollNext}\r\n onClick={scrollNext}\r\n {...props}\r\n >\r\n <ArrowRight />\r\n <span className=\"sr-only\">Next slide</span>\r\n </Button>\r\n );\r\n}\r\n\r\nexport {\r\n type CarouselApi,\r\n Carousel,\r\n CarouselContent,\r\n CarouselItem,\r\n CarouselPrevious,\r\n CarouselNext,\r\n};\r\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ArrowLeft","CarouselNext","ArrowRight"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart.cjs","sources":["../../../../src/components/ui/chart.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RechartsPrimitive from \"recharts\";\nimport { cn } from \"./../../lib/utils\";\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const;\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode;\n icon?: React.ComponentType;\n } & (\n | { color?: string; theme?: never }\n | { color?: never; theme: Record<keyof typeof THEMES, string> }\n );\n};\n\ntype ChartContextProps = {\n config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n const context = React.useContext(ChartContext);\n\n if (!context) {\n throw new Error(\"useChart must be used within a <ChartContainer />\");\n }\n\n return context;\n}\n\nfunction ChartContainer({\n id,\n className,\n children,\n config,\n ...props\n}: React.ComponentProps<\"div\"> & {\n config: ChartConfig;\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >[\"children\"];\n}) {\n const uniqueId = React.useId();\n const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`;\n\n return (\n <ChartContext.Provider value={{ config }}>\n <div\n data-slot=\"chart\"\n data-chart={chartId}\n className={cn(\n \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={config} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n );\n}\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n const colorConfig = Object.entries(config).filter(\n ([, config]) => config.theme || config.color\n );\n\n if (!colorConfig.length) {\n return null;\n }\n\n return (\n <style\n dangerouslySetInnerHTML={{\n __html: Object.entries(THEMES)\n .map(\n ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n .map(([key, itemConfig]) => {\n const color =\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n itemConfig.color;\n return color ? ` --color-${key}: ${color};` : null;\n })\n .join(\"\\n\")}\n}\n`\n )\n .join(\"\\n\"),\n }}\n />\n );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nfunction ChartTooltipContent({\n active,\n payload,\n className,\n indicator = \"dot\",\n hideLabel = false,\n hideIndicator = false,\n label,\n labelFormatter,\n labelClassName,\n formatter,\n color,\n nameKey,\n labelKey,\n}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n React.ComponentProps<\"div\"> & {\n hideLabel?: boolean;\n hideIndicator?: boolean;\n indicator?: \"line\" | \"dot\" | \"dashed\";\n nameKey?: string;\n labelKey?: string;\n }) {\n const { config } = useChart();\n\n const tooltipLabel = React.useMemo(() => {\n if (hideLabel || !payload?.length) {\n return null;\n }\n\n const [item] = payload;\n const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`;\n const itemConfig = getPayloadConfigFromPayload(config, item, key);\n const value =\n !labelKey && typeof label === \"string\"\n ? config[label as keyof typeof config]?.label || label\n : itemConfig?.label;\n\n if (labelFormatter) {\n return (\n <div className={cn(\"font-medium\", labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n );\n }\n\n if (!value) {\n return null;\n }\n\n return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\n }, [\n label,\n labelFormatter,\n payload,\n hideLabel,\n labelClassName,\n config,\n labelKey,\n ]);\n\n if (!active || !payload?.length) {\n return null;\n }\n\n const nestLabel = payload.length === 1 && indicator !== \"dot\";\n\n return (\n <div\n className={cn(\n \"border-neutral-200/50 bg-white grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-neutral-200 px-2.5 py-1.5 text-xs shadow-xl dark:border-neutral-800/50 dark:bg-neutral-950 dark:border-neutral-800\",\n className\n )}\n >\n {!nestLabel ? tooltipLabel : null}\n <div className=\"grid gap-1.5\">\n {payload.map((item, index) => {\n const key = `${nameKey || item.name || item.dataKey || \"value\"}`;\n const itemConfig = getPayloadConfigFromPayload(config, item, key);\n const indicatorColor = color || item.payload.fill || item.color;\n\n return (\n <div\n key={item.dataKey}\n className={cn(\n \"[&>svg]:text-neutral-500 flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 dark:[&>svg]:text-neutral-400\",\n indicator === \"dot\" && \"items-center\"\n )}\n >\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, item.payload)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n <div\n className={cn(\n \"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\",\n {\n \"h-2.5 w-2.5\": indicator === \"dot\",\n \"w-1\": indicator === \"line\",\n \"w-0 border-[1.5px] border-dashed bg-transparent\":\n indicator === \"dashed\",\n \"my-0.5\": nestLabel && indicator === \"dashed\",\n }\n )}\n style={\n {\n \"--color-bg\": indicatorColor,\n \"--color-border\": indicatorColor,\n } as React.CSSProperties\n }\n />\n )\n )}\n <div\n className={cn(\n \"flex flex-1 justify-between leading-none\",\n nestLabel ? \"items-end\" : \"items-center\"\n )}\n >\n <div className=\"grid gap-1.5\">\n {nestLabel ? tooltipLabel : null}\n <span className=\"text-neutral-500 dark:text-neutral-400\">\n {itemConfig?.label || item.name}\n </span>\n </div>\n {item.value && (\n <span className=\"text-neutral-950 font-mono font-medium tabular-nums dark:text-neutral-50\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n );\n })}\n </div>\n </div>\n );\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nfunction ChartLegendContent({\n className,\n hideIcon = false,\n payload,\n verticalAlign = \"bottom\",\n nameKey,\n}: React.ComponentProps<\"div\"> &\n Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\n hideIcon?: boolean;\n nameKey?: string;\n }) {\n const { config } = useChart();\n\n if (!payload?.length) {\n return null;\n }\n\n return (\n <div\n className={cn(\n \"flex items-center justify-center gap-4\",\n verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n className\n )}\n >\n {payload.map((item) => {\n const key = `${nameKey || item.dataKey || \"value\"}`;\n const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n return (\n <div\n key={item.value}\n className={cn(\n \"[&>svg]:text-neutral-500 flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 dark:[&>svg]:text-neutral-400\"\n )}\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n style={{\n backgroundColor: item.color,\n }}\n />\n )}\n {itemConfig?.label}\n </div>\n );\n })}\n </div>\n );\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n config: ChartConfig,\n payload: unknown,\n key: string\n) {\n if (typeof payload !== \"object\" || payload === null) {\n return undefined;\n }\n\n const payloadPayload =\n \"payload\" in payload &&\n typeof payload.payload === \"object\" &&\n payload.payload !== null\n ? payload.payload\n : undefined;\n\n let configLabelKey: string = key;\n\n if (\n key in payload &&\n typeof payload[key as keyof typeof payload] === \"string\"\n ) {\n configLabelKey = payload[key as keyof typeof payload] as string;\n } else if (\n payloadPayload &&\n key in payloadPayload &&\n typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n ) {\n configLabelKey = payloadPayload[\n key as keyof typeof payloadPayload\n ] as string;\n }\n\n return configLabelKey in config\n ? config[configLabelKey]\n : config[key as keyof typeof config];\n}\n\nexport {\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartStyle,\n};\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","uniqueId","chartId","jsxs","cn","jsx","ChartStyle","RechartsPrimitive.ResponsiveContainer","colorConfig","theme","prefix","key","itemConfig","color","ChartTooltip","RechartsPrimitive.Tooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","Fragment","ChartLegend","RechartsPrimitive.Legend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"chart.cjs","sources":["../../../../src/components/ui/chart.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as RechartsPrimitive from \"recharts\";\r\nimport { cn } from \"./../../lib/utils\";\r\n\r\n// Format: { THEME_NAME: CSS_SELECTOR }\r\nconst THEMES = { light: \"\", dark: \".dark\" } as const;\r\n\r\nexport type ChartConfig = {\r\n [k in string]: {\r\n label?: React.ReactNode;\r\n icon?: React.ComponentType;\r\n } & (\r\n | { color?: string; theme?: never }\r\n | { color?: never; theme: Record<keyof typeof THEMES, string> }\r\n );\r\n};\r\n\r\ntype ChartContextProps = {\r\n config: ChartConfig;\r\n};\r\n\r\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\r\n\r\nfunction useChart() {\r\n const context = React.useContext(ChartContext);\r\n\r\n if (!context) {\r\n throw new Error(\"useChart must be used within a <ChartContainer />\");\r\n }\r\n\r\n return context;\r\n}\r\n\r\nfunction ChartContainer({\r\n id,\r\n className,\r\n children,\r\n config,\r\n ...props\r\n}: React.ComponentProps<\"div\"> & {\r\n config: ChartConfig;\r\n children: React.ComponentProps<\r\n typeof RechartsPrimitive.ResponsiveContainer\r\n >[\"children\"];\r\n}) {\r\n const uniqueId = React.useId();\r\n const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`;\r\n\r\n return (\r\n <ChartContext.Provider value={{ config }}>\r\n <div\r\n data-slot=\"chart\"\r\n data-chart={chartId}\r\n className={cn(\r\n \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\r\n className\r\n )}\r\n {...props}\r\n >\r\n <ChartStyle id={chartId} config={config} />\r\n <RechartsPrimitive.ResponsiveContainer>\r\n {children}\r\n </RechartsPrimitive.ResponsiveContainer>\r\n </div>\r\n </ChartContext.Provider>\r\n );\r\n}\r\n\r\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\r\n const colorConfig = Object.entries(config).filter(\r\n ([, config]) => config.theme || config.color\r\n );\r\n\r\n if (!colorConfig.length) {\r\n return null;\r\n }\r\n\r\n return (\r\n <style\r\n dangerouslySetInnerHTML={{\r\n __html: Object.entries(THEMES)\r\n .map(\r\n ([theme, prefix]) => `\r\n${prefix} [data-chart=${id}] {\r\n${colorConfig\r\n .map(([key, itemConfig]) => {\r\n const color =\r\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\r\n itemConfig.color;\r\n return color ? ` --color-${key}: ${color};` : null;\r\n })\r\n .join(\"\\n\")}\r\n}\r\n`\r\n )\r\n .join(\"\\n\"),\r\n }}\r\n />\r\n );\r\n};\r\n\r\nconst ChartTooltip = RechartsPrimitive.Tooltip;\r\n\r\nfunction ChartTooltipContent({\r\n active,\r\n payload,\r\n className,\r\n indicator = \"dot\",\r\n hideLabel = false,\r\n hideIndicator = false,\r\n label,\r\n labelFormatter,\r\n labelClassName,\r\n formatter,\r\n color,\r\n nameKey,\r\n labelKey,\r\n}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\r\n React.ComponentProps<\"div\"> & {\r\n hideLabel?: boolean;\r\n hideIndicator?: boolean;\r\n indicator?: \"line\" | \"dot\" | \"dashed\";\r\n nameKey?: string;\r\n labelKey?: string;\r\n }) {\r\n const { config } = useChart();\r\n\r\n const tooltipLabel = React.useMemo(() => {\r\n if (hideLabel || !payload?.length) {\r\n return null;\r\n }\r\n\r\n const [item] = payload;\r\n const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`;\r\n const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n const value =\r\n !labelKey && typeof label === \"string\"\r\n ? config[label as keyof typeof config]?.label || label\r\n : itemConfig?.label;\r\n\r\n if (labelFormatter) {\r\n return (\r\n <div className={cn(\"font-medium\", labelClassName)}>\r\n {labelFormatter(value, payload)}\r\n </div>\r\n );\r\n }\r\n\r\n if (!value) {\r\n return null;\r\n }\r\n\r\n return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\r\n }, [\r\n label,\r\n labelFormatter,\r\n payload,\r\n hideLabel,\r\n labelClassName,\r\n config,\r\n labelKey,\r\n ]);\r\n\r\n if (!active || !payload?.length) {\r\n return null;\r\n }\r\n\r\n const nestLabel = payload.length === 1 && indicator !== \"dot\";\r\n\r\n return (\r\n <div\r\n className={cn(\r\n \"border-neutral-200/50 bg-white grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-neutral-200 px-2.5 py-1.5 text-xs shadow-xl dark:border-neutral-800/50 dark:bg-neutral-950 dark:border-neutral-800\",\r\n className\r\n )}\r\n >\r\n {!nestLabel ? tooltipLabel : null}\r\n <div className=\"grid gap-1.5\">\r\n {payload.map((item, index) => {\r\n const key = `${nameKey || item.name || item.dataKey || \"value\"}`;\r\n const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n const indicatorColor = color || item.payload.fill || item.color;\r\n\r\n return (\r\n <div\r\n key={item.dataKey}\r\n className={cn(\r\n \"[&>svg]:text-neutral-500 flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 dark:[&>svg]:text-neutral-400\",\r\n indicator === \"dot\" && \"items-center\"\r\n )}\r\n >\r\n {formatter && item?.value !== undefined && item.name ? (\r\n formatter(item.value, item.name, item, index, item.payload)\r\n ) : (\r\n <>\r\n {itemConfig?.icon ? (\r\n <itemConfig.icon />\r\n ) : (\r\n !hideIndicator && (\r\n <div\r\n className={cn(\r\n \"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\",\r\n {\r\n \"h-2.5 w-2.5\": indicator === \"dot\",\r\n \"w-1\": indicator === \"line\",\r\n \"w-0 border-[1.5px] border-dashed bg-transparent\":\r\n indicator === \"dashed\",\r\n \"my-0.5\": nestLabel && indicator === \"dashed\",\r\n }\r\n )}\r\n style={\r\n {\r\n \"--color-bg\": indicatorColor,\r\n \"--color-border\": indicatorColor,\r\n } as React.CSSProperties\r\n }\r\n />\r\n )\r\n )}\r\n <div\r\n className={cn(\r\n \"flex flex-1 justify-between leading-none\",\r\n nestLabel ? \"items-end\" : \"items-center\"\r\n )}\r\n >\r\n <div className=\"grid gap-1.5\">\r\n {nestLabel ? tooltipLabel : null}\r\n <span className=\"text-neutral-500 dark:text-neutral-400\">\r\n {itemConfig?.label || item.name}\r\n </span>\r\n </div>\r\n {item.value && (\r\n <span className=\"text-neutral-950 font-mono font-medium tabular-nums dark:text-neutral-50\">\r\n {item.value.toLocaleString()}\r\n </span>\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nconst ChartLegend = RechartsPrimitive.Legend;\r\n\r\nfunction ChartLegendContent({\r\n className,\r\n hideIcon = false,\r\n payload,\r\n verticalAlign = \"bottom\",\r\n nameKey,\r\n}: React.ComponentProps<\"div\"> &\r\n Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\r\n hideIcon?: boolean;\r\n nameKey?: string;\r\n }) {\r\n const { config } = useChart();\r\n\r\n if (!payload?.length) {\r\n return null;\r\n }\r\n\r\n return (\r\n <div\r\n className={cn(\r\n \"flex items-center justify-center gap-4\",\r\n verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\r\n className\r\n )}\r\n >\r\n {payload.map((item) => {\r\n const key = `${nameKey || item.dataKey || \"value\"}`;\r\n const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n\r\n return (\r\n <div\r\n key={item.value}\r\n className={cn(\r\n \"[&>svg]:text-neutral-500 flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 dark:[&>svg]:text-neutral-400\"\r\n )}\r\n >\r\n {itemConfig?.icon && !hideIcon ? (\r\n <itemConfig.icon />\r\n ) : (\r\n <div\r\n className=\"h-2 w-2 shrink-0 rounded-[2px]\"\r\n style={{\r\n backgroundColor: item.color,\r\n }}\r\n />\r\n )}\r\n {itemConfig?.label}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n}\r\n\r\n// Helper to extract item config from a payload.\r\nfunction getPayloadConfigFromPayload(\r\n config: ChartConfig,\r\n payload: unknown,\r\n key: string\r\n) {\r\n if (typeof payload !== \"object\" || payload === null) {\r\n return undefined;\r\n }\r\n\r\n const payloadPayload =\r\n \"payload\" in payload &&\r\n typeof payload.payload === \"object\" &&\r\n payload.payload !== null\r\n ? payload.payload\r\n : undefined;\r\n\r\n let configLabelKey: string = key;\r\n\r\n if (\r\n key in payload &&\r\n typeof payload[key as keyof typeof payload] === \"string\"\r\n ) {\r\n configLabelKey = payload[key as keyof typeof payload] as string;\r\n } else if (\r\n payloadPayload &&\r\n key in payloadPayload &&\r\n typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\r\n ) {\r\n configLabelKey = payloadPayload[\r\n key as keyof typeof payloadPayload\r\n ] as string;\r\n }\r\n\r\n return configLabelKey in config\r\n ? config[configLabelKey]\r\n : config[key as keyof typeof config];\r\n}\r\n\r\nexport {\r\n ChartContainer,\r\n ChartTooltip,\r\n ChartTooltipContent,\r\n ChartLegend,\r\n ChartLegendContent,\r\n ChartStyle,\r\n};\r\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","uniqueId","chartId","jsxs","cn","jsx","ChartStyle","RechartsPrimitive.ResponsiveContainer","colorConfig","theme","prefix","key","itemConfig","color","ChartTooltip","RechartsPrimitive.Tooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","Fragment","ChartLegend","RechartsPrimitive.Legend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"oqBAOMA,EAAS,CAAE,MAAO,GAAI,KAAM,OAAQ,EAgBpCC,EAAeC,EAAM,cAAwC,IAAI,EAEvE,SAASC,GAAW,CACZ,MAAAC,EAAUF,EAAM,WAAWD,CAAY,EAE7C,GAAI,CAACG,EACG,MAAA,IAAI,MAAM,mDAAmD,EAG9D,OAAAA,CACT,CAEA,SAASC,EAAe,CACtB,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAKG,CACK,MAAAC,EAAWT,EAAM,MAAM,EACvBU,EAAU,SAASN,GAAMK,EAAS,QAAQ,KAAM,EAAE,CAAC,GAEzD,aACGV,EAAa,SAAb,CAAsB,MAAO,CAAE,OAAAQ,GAC9B,SAAAI,EAAA,KAAC,MAAA,CACC,YAAU,QACV,aAAYD,EACZ,UAAWE,EAAA,GACT,8pBACAP,CACF,EACC,GAAGG,EAEJ,SAAA,CAACK,EAAAA,IAAAC,EAAA,CAAW,GAAIJ,EAAS,OAAAH,CAAgB,CAAA,EACxCM,MAAAE,EAAAA,oBAAA,CACE,SAAAT,CACH,CAAA,CAAA,CAAA,CAAA,EAEJ,CAEJ,CAEA,MAAMQ,EAAa,CAAC,CAAE,GAAAV,EAAI,OAAAG,KAAkD,CAC1E,MAAMS,EAAc,OAAO,QAAQT,CAAM,EAAE,OACzC,CAAC,CAAGA,CAAAA,CAAM,IAAMA,EAAO,OAASA,EAAO,KACzC,EAEI,OAACS,EAAY,OAKfH,EAAA,IAAC,QAAA,CACC,wBAAyB,CACvB,OAAQ,OAAO,QAAQf,CAAM,EAC1B,IACC,CAAC,CAACmB,EAAOC,CAAM,IAAM;AAAA,EAC/BA,CAAM,gBAAgBd,CAAE;AAAA,EACxBY,EACC,IAAI,CAAC,CAACG,EAAKC,CAAU,IAAM,CAC1B,MAAMC,EACJD,EAAW,QAAQH,CAAsC,GACzDG,EAAW,MACb,OAAOC,EAAQ,aAAaF,CAAG,KAAKE,CAAK,IAAM,IAAA,CAChD,EACA,KAAK;AAAA,CAAI,CAAC;AAAA;AAAA,CAGH,EACC,KAAK;AAAA,CAAI,CAAA,CACd,CACF,EAvBO,IAyBX,EAEMC,EAAeC,EAAAA,QAErB,SAASC,EAAoB,CAC3B,OAAAC,EACA,QAAAC,EACA,UAAArB,EACA,UAAAsB,EAAY,MACZ,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,MAAAC,EACA,eAAAC,EACA,eAAAC,EACA,UAAAC,EACA,MAAAZ,EACA,QAAAa,EACA,SAAAC,CACF,EAOK,CACG,KAAA,CAAE,OAAA5B,CAAO,EAAIN,EAAS,EAEtBmC,EAAepC,EAAM,QAAQ,IAAM,CACnC,GAAA4B,GAAa,CAACF,GAAS,OAClB,OAAA,KAGH,KAAA,CAACW,CAAI,EAAIX,EACTP,EAAM,GAAGgB,GAAYE,GAAM,SAAWA,GAAM,MAAQ,OAAO,GAC3DjB,EAAakB,EAA4B/B,EAAQ8B,EAAMlB,CAAG,EAC1DoB,EACJ,CAACJ,GAAY,OAAOL,GAAU,SAC1BvB,EAAOuB,CAA4B,GAAG,OAASA,EAC/CV,GAAY,MAElB,OAAIW,EAEAlB,EAAA,IAAC,MAAI,CAAA,UAAWD,EAAG,GAAA,cAAeoB,CAAc,EAC7C,SAAAD,EAAeQ,EAAOb,CAAO,CAChC,CAAA,EAICa,QAIG,MAAI,CAAA,UAAW3B,EAAAA,GAAG,cAAeoB,CAAc,EAAI,SAAMO,EAAA,EAHxD,IAGwD,EAChE,CACDT,EACAC,EACAL,EACAE,EACAI,EACAzB,EACA4B,CAAA,CACD,EAED,GAAI,CAACV,GAAU,CAACC,GAAS,OAChB,OAAA,KAGT,MAAMc,EAAYd,EAAQ,SAAW,GAAKC,IAAc,MAGtD,OAAAhB,EAAA,KAAC,MAAA,CACC,UAAWC,EAAA,GACT,mNACAP,CACF,EAEC,SAAA,CAACmC,EAA2B,KAAfJ,EACdvB,MAAC,OAAI,UAAU,eACZ,WAAQ,IAAI,CAACwB,EAAMI,IAAU,CAC5B,MAAMtB,EAAM,GAAGe,GAAWG,EAAK,MAAQA,EAAK,SAAW,OAAO,GACxDjB,EAAakB,EAA4B/B,EAAQ8B,EAAMlB,CAAG,EAC1DuB,EAAiBrB,GAASgB,EAAK,QAAQ,MAAQA,EAAK,MAGxD,OAAAxB,EAAA,IAAC,MAAA,CAEC,UAAWD,EAAA,GACT,+HACAe,IAAc,OAAS,cACzB,EAEC,YAAaU,GAAM,QAAU,QAAaA,EAAK,KAC9CJ,EAAUI,EAAK,MAAOA,EAAK,KAAMA,EAAMI,EAAOJ,EAAK,OAAO,EAGvD1B,EAAA,KAAAgC,WAAA,CAAA,SAAA,CAAAvB,GAAY,KACVP,EAAAA,IAAAO,EAAW,KAAX,EAAgB,EAEjB,CAACS,GACChB,EAAA,IAAC,MAAA,CACC,UAAWD,EAAA,GACT,iEACA,CACE,cAAee,IAAc,MAC7B,MAAOA,IAAc,OACrB,kDACEA,IAAc,SAChB,SAAUa,GAAab,IAAc,QAAA,CAEzC,EACA,MACE,CACE,aAAce,EACd,iBAAkBA,CAAA,CACpB,CAEJ,EAGJ/B,EAAA,KAAC,MAAA,CACC,UAAWC,EAAA,GACT,2CACA4B,EAAY,YAAc,cAC5B,EAEA,SAAA,CAAC7B,EAAAA,KAAA,MAAA,CAAI,UAAU,eACZ,SAAA,CAAA6B,EAAYJ,EAAe,WAC3B,OAAK,CAAA,UAAU,yCACb,SAAYhB,GAAA,OAASiB,EAAK,IAC7B,CAAA,CAAA,EACF,EACCA,EAAK,OACHxB,MAAA,OAAA,CAAK,UAAU,2EACb,SAAAwB,EAAK,MAAM,eAAA,CACd,CAAA,CAAA,CAAA,CAAA,CAEJ,CACF,CAAA,CAAA,EApDGA,EAAK,OAsDZ,CAAA,CAEH,CACH,CAAA,CAAA,CAAA,CACF,CAEJ,CAEA,MAAMO,EAAcC,EAAAA,OAEpB,SAASC,EAAmB,CAC1B,UAAAzC,EACA,SAAA0C,EAAW,GACX,QAAArB,EACA,cAAAsB,EAAgB,SAChB,QAAAd,CACF,EAIK,CACG,KAAA,CAAE,OAAA3B,CAAO,EAAIN,EAAS,EAExB,OAACyB,GAAS,OAKZb,EAAA,IAAC,MAAA,CACC,UAAWD,EAAA,GACT,yCACAoC,IAAkB,MAAQ,OAAS,OACnC3C,CACF,EAEC,SAAAqB,EAAQ,IAAKW,GAAS,CACrB,MAAMlB,EAAM,GAAGe,GAAWG,EAAK,SAAW,OAAO,GAC3CjB,EAAakB,EAA4B/B,EAAQ8B,EAAMlB,CAAG,EAG9D,OAAAR,EAAA,KAAC,MAAA,CAEC,UAAWC,EAAA,GACT,0GACF,EAEC,SAAA,CAAAQ,GAAY,MAAQ,CAAC2B,QACnB3B,EAAW,KAAX,CAAgB,CAAA,EAEjBP,EAAA,IAAC,MAAA,CACC,UAAU,iCACV,MAAO,CACL,gBAAiBwB,EAAK,KAAA,CACxB,CACF,EAEDjB,GAAY,KAAA,CAAA,EAfRiB,EAAK,KAgBZ,CAEH,CAAA,CAAA,CACH,EApCO,IAsCX,CAGA,SAASC,EACP/B,EACAmB,EACAP,EACA,CACA,GAAI,OAAOO,GAAY,UAAYA,IAAY,KACtC,OAGH,MAAAuB,EACJ,YAAavB,GACb,OAAOA,EAAQ,SAAY,UAC3BA,EAAQ,UAAY,KAChBA,EAAQ,QACR,OAEN,IAAIwB,EAAyB/B,EAE7B,OACEA,KAAOO,GACP,OAAOA,EAAQP,CAA2B,GAAM,SAEhD+B,EAAiBxB,EAAQP,CAA2B,EAEpD8B,GACA9B,KAAO8B,GACP,OAAOA,EAAe9B,CAAkC,GAAM,WAE9D+B,EAAiBD,EACf9B,CACF,GAGK+B,KAAkB3C,EACrBA,EAAO2C,CAAc,EACrB3C,EAAOY,CAA0B,CACvC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.cjs","sources":["../../../../src/components/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\nimport { cn } from \"./../../lib/utils\";\n\nfunction Checkbox({\n className,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n \"peer border-neutral-200 data-[state=checked]:bg-neutral-900 data-[state=checked]:text-neutral-50 data-[state=checked]:border-neutral-900 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-800 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:text-neutral-900 dark:data-[state=checked]:border-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current transition-none\"\n >\n <CheckIcon className=\"size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n}\n\nexport { Checkbox };\n"],"names":["Checkbox","className","props","jsx","CheckboxPrimitive.Root","cn","CheckboxPrimitive.Indicator","CheckIcon"],"mappings":"iTAOA,SAASA,EAAS,CAChB,UAAAC,EACA,GAAGC,CACL,EAAwD,CAEpD,OAAAC,EAAA,IAACC,EAAkB,KAAlB,CACC,YAAU,WACV,UAAWC,EAAA,GACT,8wBACAJ,CACF,EACC,GAAGC,EAEJ,SAAAC,EAAA,IAACG,EAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,gEAEV,SAAAH,EAAAA,IAACI,EAAAA,QAAU,CAAA,UAAU,UAAW,CAAA,CAAA,CAAA,CAClC,CACF,CAEJ"}
|
|
1
|
+
{"version":3,"file":"checkbox.cjs","sources":["../../../../src/components/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\nimport { CheckIcon } from \"lucide-react\";\r\nimport { cn } from \"./../../lib/utils\";\r\n\r\nfunction Checkbox({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\r\n return (\r\n <CheckboxPrimitive.Root\r\n data-slot=\"checkbox\"\r\n className={cn(\r\n \"peer border-neutral-200 data-[state=checked]:bg-neutral-900 data-[state=checked]:text-neutral-50 data-[state=checked]:border-neutral-900 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-800 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:text-neutral-900 dark:data-[state=checked]:border-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\r\n className\r\n )}\r\n {...props}\r\n >\r\n <CheckboxPrimitive.Indicator\r\n data-slot=\"checkbox-indicator\"\r\n className=\"flex items-center justify-center text-current transition-none\"\r\n >\r\n <CheckIcon className=\"size-3.5\" />\r\n </CheckboxPrimitive.Indicator>\r\n </CheckboxPrimitive.Root>\r\n );\r\n}\r\n\r\nexport { Checkbox };\r\n"],"names":["Checkbox","className","props","jsx","CheckboxPrimitive.Root","cn","CheckboxPrimitive.Indicator","CheckIcon"],"mappings":"iTAOA,SAASA,EAAS,CAChB,UAAAC,EACA,GAAGC,CACL,EAAwD,CAEpD,OAAAC,EAAA,IAACC,EAAkB,KAAlB,CACC,YAAU,WACV,UAAWC,EAAA,GACT,8wBACAJ,CACF,EACC,GAAGC,EAEJ,SAAAC,EAAA,IAACG,EAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,gEAEV,SAAAH,EAAAA,IAACI,EAAAA,QAAU,CAAA,UAAU,UAAW,CAAA,CAAA,CAAA,CAClC,CACF,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible.cjs","sources":["../../../../src/components/ui/collapsible.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\n\nfunction Collapsible({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n return (\n <CollapsiblePrimitive.CollapsibleTrigger\n data-slot=\"collapsible-trigger\"\n {...props}\n />\n )\n}\n\nfunction CollapsibleContent({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n return (\n <CollapsiblePrimitive.CollapsibleContent\n data-slot=\"collapsible-content\"\n {...props}\n />\n )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"names":["Collapsible","props","CollapsiblePrimitive.Root","CollapsibleTrigger","jsx","CollapsiblePrimitive.CollapsibleTrigger","CollapsibleContent","CollapsiblePrimitive.CollapsibleContent"],"mappings":"6MAKA,SAASA,EAAY,CACnB,GAAGC,CACL,EAA2D,CACzD,aAAQC,EAAAA,KAAA,CAA0B,YAAU,cAAe,GAAGD,EAAO,CACvE,CAEA,SAASE,EAAmB,CAC1B,GAAGF,CACL,EAAyE,CAErE,OAAAG,EAAA,IAACC,EAAqB,mBAArB,CACC,YAAU,sBACT,GAAGJ,CAAA,CACN,CAEJ,CAEA,SAASK,EAAmB,CAC1B,GAAGL,CACL,EAAyE,CAErE,OAAAG,EAAA,IAACG,EAAqB,mBAArB,CACC,YAAU,sBACT,GAAGN,CAAA,CACN,CAEJ"}
|
|
1
|
+
{"version":3,"file":"collapsible.cjs","sources":["../../../../src/components/ui/collapsible.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\";\r\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\r\n\r\nfunction Collapsible({\r\n ...props\r\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\r\n return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\r\n}\r\n\r\nfunction CollapsibleTrigger({\r\n ...props\r\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\r\n return (\r\n <CollapsiblePrimitive.CollapsibleTrigger\r\n data-slot=\"collapsible-trigger\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nfunction CollapsibleContent({\r\n ...props\r\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\r\n return (\r\n <CollapsiblePrimitive.CollapsibleContent\r\n data-slot=\"collapsible-content\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\r\n"],"names":["Collapsible","props","CollapsiblePrimitive.Root","CollapsibleTrigger","jsx","CollapsiblePrimitive.CollapsibleTrigger","CollapsibleContent","CollapsiblePrimitive.CollapsibleContent"],"mappings":"6MAKA,SAASA,EAAY,CACnB,GAAGC,CACL,EAA2D,CACzD,aAAQC,EAAAA,KAAA,CAA0B,YAAU,cAAe,GAAGD,EAAO,CACvE,CAEA,SAASE,EAAmB,CAC1B,GAAGF,CACL,EAAyE,CAErE,OAAAG,EAAA,IAACC,EAAqB,mBAArB,CACC,YAAU,sBACT,GAAGJ,CAAA,CACN,CAEJ,CAEA,SAASK,EAAmB,CAC1B,GAAGL,CACL,EAAyE,CAErE,OAAAG,EAAA,IAACG,EAAqB,mBAArB,CACC,YAAU,sBACT,GAAGN,CAAA,CACN,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command.cjs","sources":["../../../../src/components/ui/command.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\nimport { cn } from \"./../../lib/utils\";\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from \"./dialog\";\n\nfunction Command({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n return (\n <CommandPrimitive\n data-slot=\"command\"\n className={cn(\n \"bg-white text-neutral-950 flex h-full w-full flex-col overflow-hidden rounded-md dark:bg-neutral-950 dark:text-neutral-50\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandDialog({\n title = \"Command Palette\",\n description = \"Search for a command to run...\",\n children,\n ...props\n}: React.ComponentProps<typeof Dialog> & {\n title?: string;\n description?: string;\n}) {\n return (\n <Dialog {...props}>\n <DialogHeader className=\"sr-only\">\n <DialogTitle>{title}</DialogTitle>\n <DialogDescription>{description}</DialogDescription>\n </DialogHeader>\n <DialogContent className=\"overflow-hidden p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:text-neutral-500 **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-neutral-400\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n}\n\nfunction CommandInput({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n return (\n <div\n data-slot=\"command-input-wrapper\"\n className=\"flex h-9 items-center gap-2 border-b px-3\"\n >\n <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n data-slot=\"command-input\"\n className={cn(\n \"placeholder:text-neutral-500 flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-neutral-400\",\n className\n )}\n {...props}\n />\n </div>\n );\n}\n\nfunction CommandList({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n return (\n <CommandPrimitive.List\n data-slot=\"command-list\"\n className={cn(\n \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandEmpty({\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n return (\n <CommandPrimitive.Empty\n data-slot=\"command-empty\"\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n );\n}\n\nfunction CommandGroup({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n return (\n <CommandPrimitive.Group\n data-slot=\"command-group\"\n className={cn(\n \"text-neutral-950 [&_[cmdk-group-heading]]:text-neutral-500 overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium dark:text-neutral-50 dark:[&_[cmdk-group-heading]]:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n return (\n <CommandPrimitive.Separator\n data-slot=\"command-separator\"\n className={cn(\"bg-neutral-200 -mx-1 h-px dark:bg-neutral-800\", className)}\n {...props}\n />\n );\n}\n\nfunction CommandItem({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n return (\n <CommandPrimitive.Item\n data-slot=\"command-item\"\n className={cn(\n \"data-[selected=true]:bg-neutral-100 data-[selected=true]:text-neutral-900 [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:data-[selected=true]:bg-neutral-800 dark:data-[selected=true]:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"command-shortcut\"\n className={cn(\n \"text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator,\n};\n"],"names":["Command","className","props","jsx","CommandPrimitive","cn","CommandDialog","title","description","children","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"wTAcA,SAASA,EAAQ,CACf,UAAAC,EACA,GAAGC,CACL,EAAkD,CAE9C,OAAAC,EAAA,IAACC,EAAA,QAAA,CACC,YAAU,UACV,UAAWC,EAAA,GACT,4HACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASI,EAAc,CACrB,MAAAC,EAAQ,kBACR,YAAAC,EAAc,iCACd,SAAAC,EACA,GAAGP,CACL,EAGG,CAEC,OAAAQ,EAAA,KAACC,EAAQ,OAAA,CAAA,GAAGT,EACV,SAAA,CAACQ,EAAAA,KAAAE,EAAAA,aAAA,CAAa,UAAU,UACtB,SAAA,CAAAT,EAAAA,IAACU,eAAa,SAAMN,CAAA,CAAA,EACpBJ,EAAAA,IAACW,qBAAmB,SAAYN,CAAA,CAAA,CAAA,EAClC,EACAL,EAAAA,IAACY,iBAAc,UAAU,sBACvB,eAACf,EAAQ,CAAA,UAAU,kcAChB,SAAAS,CACH,CAAA,CACF,CAAA,CAAA,EACF,CAEJ,CAEA,SAASO,EAAa,CACpB,UAAAf,EACA,GAAGC,CACL,EAAwD,CAEpD,OAAAQ,EAAA,KAAC,MAAA,CACC,YAAU,wBACV,UAAU,4CAEV,SAAA,CAACP,EAAAA,IAAAc,EAAA,QAAA,CAAW,UAAU,4BAA6B,CAAA,EACnDd,EAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAWC,EAAA,GACT,wLACAJ,CACF,EACC,GAAGC,CAAA,CAAA,CACN,CAAA,CACF,CAEJ,CAEA,SAASgB,EAAY,CACnB,UAAAjB,EACA,GAAGC,CACL,EAAuD,CAEnD,OAAAC,EAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,YAAU,eACV,UAAWC,EAAA,GACT,8DACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASiB,EAAa,CACpB,GAAGjB,CACL,EAAwD,CAEpD,OAAAC,EAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAU,2BACT,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASkB,EAAa,CACpB,UAAAnB,EACA,GAAGC,CACL,EAAwD,CAEpD,OAAAC,EAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAWC,EAAA,GACT,yRACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASmB,EAAiB,CACxB,UAAApB,EACA,GAAGC,CACL,EAA4D,CAExD,OAAAC,EAAA,IAACC,EAAAA,QAAiB,UAAjB,CACC,YAAU,oBACV,UAAWC,EAAAA,GAAG,gDAAiDJ,CAAS,EACvE,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASoB,EAAY,CACnB,UAAArB,EACA,GAAGC,CACL,EAAuD,CAEnD,OAAAC,EAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,YAAU,eACV,UAAWC,EAAA,GACT,ugBACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASqB,EAAgB,CACvB,UAAAtB,EACA,GAAGC,CACL,EAAiC,CAE7B,OAAAC,EAAA,IAAC,OAAA,CACC,YAAU,mBACV,UAAWE,EAAA,GACT,yEACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ"}
|
|
1
|
+
{"version":3,"file":"command.cjs","sources":["../../../../src/components/ui/command.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Command as CommandPrimitive } from \"cmdk\";\r\nimport { SearchIcon } from \"lucide-react\";\r\nimport { cn } from \"./../../lib/utils\";\r\nimport {\r\n Dialog,\r\n DialogContent,\r\n DialogDescription,\r\n DialogHeader,\r\n DialogTitle,\r\n} from \"./dialog\";\r\n\r\nfunction Command({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof CommandPrimitive>) {\r\n return (\r\n <CommandPrimitive\r\n data-slot=\"command\"\r\n className={cn(\r\n \"bg-white text-neutral-950 flex h-full w-full flex-col overflow-hidden rounded-md dark:bg-neutral-950 dark:text-neutral-50\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CommandDialog({\r\n title = \"Command Palette\",\r\n description = \"Search for a command to run...\",\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof Dialog> & {\r\n title?: string;\r\n description?: string;\r\n}) {\r\n return (\r\n <Dialog {...props}>\r\n <DialogHeader className=\"sr-only\">\r\n <DialogTitle>{title}</DialogTitle>\r\n <DialogDescription>{description}</DialogDescription>\r\n </DialogHeader>\r\n <DialogContent className=\"overflow-hidden p-0\">\r\n <Command className=\"[&_[cmdk-group-heading]]:text-neutral-500 **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-neutral-400\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n );\r\n}\r\n\r\nfunction CommandInput({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\r\n return (\r\n <div\r\n data-slot=\"command-input-wrapper\"\r\n className=\"flex h-9 items-center gap-2 border-b px-3\"\r\n >\r\n <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n data-slot=\"command-input\"\r\n className={cn(\r\n \"placeholder:text-neutral-500 flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-neutral-400\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n </div>\r\n );\r\n}\r\n\r\nfunction CommandList({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\r\n return (\r\n <CommandPrimitive.List\r\n data-slot=\"command-list\"\r\n className={cn(\r\n \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CommandEmpty({\r\n ...props\r\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\r\n return (\r\n <CommandPrimitive.Empty\r\n data-slot=\"command-empty\"\r\n className=\"py-6 text-center text-sm\"\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CommandGroup({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\r\n return (\r\n <CommandPrimitive.Group\r\n data-slot=\"command-group\"\r\n className={cn(\r\n \"text-neutral-950 [&_[cmdk-group-heading]]:text-neutral-500 overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium dark:text-neutral-50 dark:[&_[cmdk-group-heading]]:text-neutral-400\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CommandSeparator({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\r\n return (\r\n <CommandPrimitive.Separator\r\n data-slot=\"command-separator\"\r\n className={cn(\"bg-neutral-200 -mx-1 h-px dark:bg-neutral-800\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CommandItem({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\r\n return (\r\n <CommandPrimitive.Item\r\n data-slot=\"command-item\"\r\n className={cn(\r\n \"data-[selected=true]:bg-neutral-100 data-[selected=true]:text-neutral-900 [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:data-[selected=true]:bg-neutral-800 dark:data-[selected=true]:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CommandShortcut({\r\n className,\r\n ...props\r\n}: React.ComponentProps<\"span\">) {\r\n return (\r\n <span\r\n data-slot=\"command-shortcut\"\r\n className={cn(\r\n \"text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {\r\n Command,\r\n CommandDialog,\r\n CommandInput,\r\n CommandList,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandItem,\r\n CommandShortcut,\r\n CommandSeparator,\r\n};\r\n"],"names":["Command","className","props","jsx","CommandPrimitive","cn","CommandDialog","title","description","children","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"wTAcA,SAASA,EAAQ,CACf,UAAAC,EACA,GAAGC,CACL,EAAkD,CAE9C,OAAAC,EAAA,IAACC,EAAA,QAAA,CACC,YAAU,UACV,UAAWC,EAAA,GACT,4HACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASI,EAAc,CACrB,MAAAC,EAAQ,kBACR,YAAAC,EAAc,iCACd,SAAAC,EACA,GAAGP,CACL,EAGG,CAEC,OAAAQ,EAAA,KAACC,EAAQ,OAAA,CAAA,GAAGT,EACV,SAAA,CAACQ,EAAAA,KAAAE,EAAAA,aAAA,CAAa,UAAU,UACtB,SAAA,CAAAT,EAAAA,IAACU,eAAa,SAAMN,CAAA,CAAA,EACpBJ,EAAAA,IAACW,qBAAmB,SAAYN,CAAA,CAAA,CAAA,EAClC,EACAL,EAAAA,IAACY,iBAAc,UAAU,sBACvB,eAACf,EAAQ,CAAA,UAAU,kcAChB,SAAAS,CACH,CAAA,CACF,CAAA,CAAA,EACF,CAEJ,CAEA,SAASO,EAAa,CACpB,UAAAf,EACA,GAAGC,CACL,EAAwD,CAEpD,OAAAQ,EAAA,KAAC,MAAA,CACC,YAAU,wBACV,UAAU,4CAEV,SAAA,CAACP,EAAAA,IAAAc,EAAA,QAAA,CAAW,UAAU,4BAA6B,CAAA,EACnDd,EAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAWC,EAAA,GACT,wLACAJ,CACF,EACC,GAAGC,CAAA,CAAA,CACN,CAAA,CACF,CAEJ,CAEA,SAASgB,EAAY,CACnB,UAAAjB,EACA,GAAGC,CACL,EAAuD,CAEnD,OAAAC,EAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,YAAU,eACV,UAAWC,EAAA,GACT,8DACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASiB,EAAa,CACpB,GAAGjB,CACL,EAAwD,CAEpD,OAAAC,EAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAU,2BACT,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASkB,EAAa,CACpB,UAAAnB,EACA,GAAGC,CACL,EAAwD,CAEpD,OAAAC,EAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAWC,EAAA,GACT,yRACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASmB,EAAiB,CACxB,UAAApB,EACA,GAAGC,CACL,EAA4D,CAExD,OAAAC,EAAA,IAACC,EAAAA,QAAiB,UAAjB,CACC,YAAU,oBACV,UAAWC,EAAAA,GAAG,gDAAiDJ,CAAS,EACvE,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASoB,EAAY,CACnB,UAAArB,EACA,GAAGC,CACL,EAAuD,CAEnD,OAAAC,EAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,YAAU,eACV,UAAWC,EAAA,GACT,ugBACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,CAEA,SAASqB,EAAgB,CACvB,UAAAtB,EACA,GAAGC,CACL,EAAiC,CAE7B,OAAAC,EAAA,IAAC,OAAA,CACC,YAAU,mBACV,UAAWE,EAAA,GACT,yEACAJ,CACF,EACC,GAAGC,CAAA,CACN,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.cjs","sources":["../../../../src/components/ui/context-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport { cn } from \"./../../lib/utils\";\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n return (\n <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n );\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n return (\n <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n );\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n return (\n <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n );\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n return (\n <ContextMenuPrimitive.RadioGroup\n data-slot=\"context-menu-radio-group\"\n {...props}\n />\n );\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n}) {\n return (\n <ContextMenuPrimitive.SubTrigger\n data-slot=\"context-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto\" />\n </ContextMenuPrimitive.SubTrigger>\n );\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n return (\n <ContextMenuPrimitive.SubContent\n data-slot=\"context-menu-sub-content\"\n className={cn(\n \"bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.Content\n data-slot=\"context-menu-content\"\n className={cn(\n \"bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n className\n )}\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n );\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n inset?: boolean;\n variant?: \"default\" | \"destructive\";\n}) {\n return (\n <ContextMenuPrimitive.Item\n data-slot=\"context-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n return (\n <ContextMenuPrimitive.CheckboxItem\n data-slot=\"context-menu-checkbox-item\"\n className={cn(\n \"focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.CheckboxItem>\n );\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n return (\n <ContextMenuPrimitive.RadioItem\n data-slot=\"context-menu-radio-item\"\n className={cn(\n \"focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.RadioItem>\n );\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n inset?: boolean;\n}) {\n return (\n <ContextMenuPrimitive.Label\n data-slot=\"context-menu-label\"\n data-inset={inset}\n className={cn(\n \"text-neutral-950 px-2 py-1.5 text-sm font-medium data-[inset]:pl-8 dark:text-neutral-50\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n return (\n <ContextMenuPrimitive.Separator\n data-slot=\"context-menu-separator\"\n className={cn(\n \"bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"context-menu-shortcut\"\n className={cn(\n \"text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n};\n"],"names":["ContextMenu","props","ContextMenuPrimitive.Root","ContextMenuTrigger","ContextMenuPrimitive.Trigger","ContextMenuGroup","ContextMenuPrimitive.Group","ContextMenuPortal","ContextMenuPrimitive.Portal","ContextMenuSub","ContextMenuPrimitive.Sub","ContextMenuRadioGroup","jsx","ContextMenuPrimitive.RadioGroup","ContextMenuSubTrigger","className","inset","children","jsxs","ContextMenuPrimitive.SubTrigger","cn","ChevronRightIcon","ContextMenuSubContent","ContextMenuPrimitive.SubContent","ContextMenuContent","ContextMenuPrimitive.Content","ContextMenuItem","variant","ContextMenuPrimitive.Item","ContextMenuCheckboxItem","checked","ContextMenuPrimitive.CheckboxItem","ContextMenuPrimitive.ItemIndicator","CheckIcon","ContextMenuRadioItem","ContextMenuPrimitive.RadioItem","CircleIcon","ContextMenuLabel","ContextMenuPrimitive.Label","ContextMenuSeparator","ContextMenuPrimitive.Separator","ContextMenuShortcut"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"context-menu.cjs","sources":["../../../../src/components/ui/context-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\r\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\r\nimport { cn } from \"./../../lib/utils\";\r\n\r\nfunction ContextMenu({\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\r\n return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\r\n}\r\n\r\nfunction ContextMenuTrigger({\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\r\n return (\r\n <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\r\n );\r\n}\r\n\r\nfunction ContextMenuGroup({\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\r\n return (\r\n <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\r\n );\r\n}\r\n\r\nfunction ContextMenuPortal({\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\r\n return (\r\n <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\r\n );\r\n}\r\n\r\nfunction ContextMenuSub({\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\r\n return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\r\n}\r\n\r\nfunction ContextMenuRadioGroup({\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\r\n return (\r\n <ContextMenuPrimitive.RadioGroup\r\n data-slot=\"context-menu-radio-group\"\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ContextMenuSubTrigger({\r\n className,\r\n inset,\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\r\n inset?: boolean;\r\n}) {\r\n return (\r\n <ContextMenuPrimitive.SubTrigger\r\n data-slot=\"context-menu-sub-trigger\"\r\n data-inset={inset}\r\n className={cn(\r\n \"focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <ChevronRightIcon className=\"ml-auto\" />\r\n </ContextMenuPrimitive.SubTrigger>\r\n );\r\n}\r\n\r\nfunction ContextMenuSubContent({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\r\n return (\r\n <ContextMenuPrimitive.SubContent\r\n data-slot=\"context-menu-sub-content\"\r\n className={cn(\r\n \"bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ContextMenuContent({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\r\n return (\r\n <ContextMenuPrimitive.Portal>\r\n <ContextMenuPrimitive.Content\r\n data-slot=\"context-menu-content\"\r\n className={cn(\r\n \"bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n </ContextMenuPrimitive.Portal>\r\n );\r\n}\r\n\r\nfunction ContextMenuItem({\r\n className,\r\n inset,\r\n variant = \"default\",\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\r\n inset?: boolean;\r\n variant?: \"default\" | \"destructive\";\r\n}) {\r\n return (\r\n <ContextMenuPrimitive.Item\r\n data-slot=\"context-menu-item\"\r\n data-inset={inset}\r\n data-variant={variant}\r\n className={cn(\r\n \"focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ContextMenuCheckboxItem({\r\n className,\r\n children,\r\n checked,\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\r\n return (\r\n <ContextMenuPrimitive.CheckboxItem\r\n data-slot=\"context-menu-checkbox-item\"\r\n className={cn(\r\n \"focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n className\r\n )}\r\n checked={checked}\r\n {...props}\r\n >\r\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\r\n <ContextMenuPrimitive.ItemIndicator>\r\n <CheckIcon className=\"size-4\" />\r\n </ContextMenuPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </ContextMenuPrimitive.CheckboxItem>\r\n );\r\n}\r\n\r\nfunction ContextMenuRadioItem({\r\n className,\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\r\n return (\r\n <ContextMenuPrimitive.RadioItem\r\n data-slot=\"context-menu-radio-item\"\r\n className={cn(\r\n \"focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n className\r\n )}\r\n {...props}\r\n >\r\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\r\n <ContextMenuPrimitive.ItemIndicator>\r\n <CircleIcon className=\"size-2 fill-current\" />\r\n </ContextMenuPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </ContextMenuPrimitive.RadioItem>\r\n );\r\n}\r\n\r\nfunction ContextMenuLabel({\r\n className,\r\n inset,\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\r\n inset?: boolean;\r\n}) {\r\n return (\r\n <ContextMenuPrimitive.Label\r\n data-slot=\"context-menu-label\"\r\n data-inset={inset}\r\n className={cn(\r\n \"text-neutral-950 px-2 py-1.5 text-sm font-medium data-[inset]:pl-8 dark:text-neutral-50\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ContextMenuSeparator({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\r\n return (\r\n <ContextMenuPrimitive.Separator\r\n data-slot=\"context-menu-separator\"\r\n className={cn(\r\n \"bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ContextMenuShortcut({\r\n className,\r\n ...props\r\n}: React.ComponentProps<\"span\">) {\r\n return (\r\n <span\r\n data-slot=\"context-menu-shortcut\"\r\n className={cn(\r\n \"text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {\r\n ContextMenu,\r\n ContextMenuTrigger,\r\n ContextMenuContent,\r\n ContextMenuItem,\r\n ContextMenuCheckboxItem,\r\n ContextMenuRadioItem,\r\n ContextMenuLabel,\r\n ContextMenuSeparator,\r\n ContextMenuShortcut,\r\n ContextMenuGroup,\r\n ContextMenuPortal,\r\n ContextMenuSub,\r\n ContextMenuSubContent,\r\n ContextMenuSubTrigger,\r\n ContextMenuRadioGroup,\r\n};\r\n"],"names":["ContextMenu","props","ContextMenuPrimitive.Root","ContextMenuTrigger","ContextMenuPrimitive.Trigger","ContextMenuGroup","ContextMenuPrimitive.Group","ContextMenuPortal","ContextMenuPrimitive.Portal","ContextMenuSub","ContextMenuPrimitive.Sub","ContextMenuRadioGroup","jsx","ContextMenuPrimitive.RadioGroup","ContextMenuSubTrigger","className","inset","children","jsxs","ContextMenuPrimitive.SubTrigger","cn","ChevronRightIcon","ContextMenuSubContent","ContextMenuPrimitive.SubContent","ContextMenuContent","ContextMenuPrimitive.Content","ContextMenuItem","variant","ContextMenuPrimitive.Item","ContextMenuCheckboxItem","checked","ContextMenuPrimitive.CheckboxItem","ContextMenuPrimitive.ItemIndicator","CheckIcon","ContextMenuRadioItem","ContextMenuPrimitive.RadioItem","CircleIcon","ContextMenuLabel","ContextMenuPrimitive.Label","ContextMenuSeparator","ContextMenuPrimitive.Separator","ContextMenuShortcut"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.cjs","sources":["../../../../src/components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"./../../lib/utils\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nfunction Drawer({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n return (\n <DrawerPrimitive.Overlay\n data-slot=\"drawer-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerContent({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n return (\n <DrawerPortal data-slot=\"drawer-portal\">\n <DrawerOverlay />\n <DrawerPrimitive.Content\n data-slot=\"drawer-content\"\n className={cn(\n \"group/drawer-content bg-white fixed z-50 flex h-auto flex-col dark:bg-neutral-950\",\n \"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg\",\n \"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg\",\n \"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n \"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n className\n )}\n {...props}\n >\n <div className=\"bg-neutral-100 mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block dark:bg-neutral-800\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"drawer-header\"\n className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"drawer-footer\"\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction DrawerTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n return (\n <DrawerPrimitive.Title\n data-slot=\"drawer-title\"\n className={cn(\n \"text-neutral-950 font-semibold dark:text-neutral-50\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n return (\n <DrawerPrimitive.Description\n data-slot=\"drawer-description\"\n className={cn(\n \"text-neutral-500 text-sm dark:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n};\n"],"names":["Drawer","props","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","jsx","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":"uNAMA,SAASA,EAAO,CACd,GAAGC,CACL,EAAsD,CACpD,aAAQC,EAAAA,OAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAEA,SAASE,EAAc,CACrB,GAAGF,CACL,EAAyD,CACvD,aAAQC,EAAAA,OAAgB,QAAhB,CAAwB,YAAU,iBAAkB,GAAGD,EAAO,CACxE,CAEA,SAASG,EAAa,CACpB,GAAGH,CACL,EAAwD,CACtD,aAAQC,EAAAA,OAAgB,OAAhB,CAAuB,YAAU,gBAAiB,GAAGD,EAAO,CACtE,CAEA,SAASI,EAAY,CACnB,GAAGJ,CACL,EAAuD,CACrD,aAAQC,EAAAA,OAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGD,EAAO,CACpE,CAEA,SAASK,EAAc,CACrB,UAAAC,EACA,GAAGN,CACL,EAAyD,CAErD,OAAAO,EAAA,IAACN,EAAAA,OAAgB,QAAhB,CACC,YAAU,iBACV,UAAWO,EAAA,GACT,yJACAF,CACF,EACC,GAAGN,CAAA,CACN,CAEJ,CAEA,SAASS,EAAc,CACrB,UAAAH,EACA,SAAAI,EACA,GAAGV,CACL,EAAyD,CAErD,OAAAW,EAAA,KAACR,EAAa,CAAA,YAAU,gBACtB,SAAA,CAAAI,EAAA,IAACF,EAAc,EAAA,EACfM,EAAA,KAACV,EAAAA,OAAgB,QAAhB,CACC,YAAU,iBACV,UAAWO,EAAA,GACT,oFACA,uNACA,yOACA,kLACA,6KACAF,CACF,EACC,GAAGN,EAEJ,SAAA,CAACO,EAAAA,IAAA,MAAA,CAAI,UAAU,2JAA4J,CAAA,EAC1KG,CAAA,CAAA,CAAA,CACH,EACF,CAEJ,CAEA,SAASE,EAAa,CAAE,UAAAN,EAAW,GAAGN,GAAsC,CAExE,OAAAO,EAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,4BAA6BF,CAAS,EACnD,GAAGN,CAAA,CACN,CAEJ,CAEA,SAASa,EAAa,CAAE,UAAAP,EAAW,GAAGN,GAAsC,CAExE,OAAAO,EAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,kCAAmCF,CAAS,EACzD,GAAGN,CAAA,CACN,CAEJ,CAEA,SAASc,EAAY,CACnB,UAAAR,EACA,GAAGN,CACL,EAAuD,CAEnD,OAAAO,EAAA,IAACN,EAAAA,OAAgB,MAAhB,CACC,YAAU,eACV,UAAWO,EAAA,GACT,sDACAF,CACF,EACC,GAAGN,CAAA,CACN,CAEJ,CAEA,SAASe,EAAkB,CACzB,UAAAT,EACA,GAAGN,CACL,EAA6D,CAEzD,OAAAO,EAAA,IAACN,EAAAA,OAAgB,YAAhB,CACC,YAAU,qBACV,UAAWO,EAAA,GACT,iDACAF,CACF,EACC,GAAGN,CAAA,CACN,CAEJ"}
|
|
1
|
+
{"version":3,"file":"drawer.cjs","sources":["../../../../src/components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { cn } from \"./../../lib/utils\";\r\nimport { Drawer as DrawerPrimitive } from \"vaul\";\r\n\r\nfunction Drawer({\r\n ...props\r\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\r\n return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\r\n}\r\n\r\nfunction DrawerTrigger({\r\n ...props\r\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\r\n return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\r\n}\r\n\r\nfunction DrawerPortal({\r\n ...props\r\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\r\n return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\r\n}\r\n\r\nfunction DrawerClose({\r\n ...props\r\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\r\n return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\r\n}\r\n\r\nfunction DrawerOverlay({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\r\n return (\r\n <DrawerPrimitive.Overlay\r\n data-slot=\"drawer-overlay\"\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction DrawerContent({\r\n className,\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\r\n return (\r\n <DrawerPortal data-slot=\"drawer-portal\">\r\n <DrawerOverlay />\r\n <DrawerPrimitive.Content\r\n data-slot=\"drawer-content\"\r\n className={cn(\r\n \"group/drawer-content bg-white fixed z-50 flex h-auto flex-col dark:bg-neutral-950\",\r\n \"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg\",\r\n \"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg\",\r\n \"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:sm:max-w-sm\",\r\n \"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:sm:max-w-sm\",\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"bg-neutral-100 mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block dark:bg-neutral-800\" />\r\n {children}\r\n </DrawerPrimitive.Content>\r\n </DrawerPortal>\r\n );\r\n}\r\n\r\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"drawer-header\"\r\n className={cn(\"flex flex-col gap-1.5 p-4\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"drawer-footer\"\r\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction DrawerTitle({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\r\n return (\r\n <DrawerPrimitive.Title\r\n data-slot=\"drawer-title\"\r\n className={cn(\r\n \"text-neutral-950 font-semibold dark:text-neutral-50\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction DrawerDescription({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\r\n return (\r\n <DrawerPrimitive.Description\r\n data-slot=\"drawer-description\"\r\n className={cn(\r\n \"text-neutral-500 text-sm dark:text-neutral-400\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {\r\n Drawer,\r\n DrawerPortal,\r\n DrawerOverlay,\r\n DrawerTrigger,\r\n DrawerClose,\r\n DrawerContent,\r\n DrawerHeader,\r\n DrawerFooter,\r\n DrawerTitle,\r\n DrawerDescription,\r\n};\r\n"],"names":["Drawer","props","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","jsx","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":"uNAMA,SAASA,EAAO,CACd,GAAGC,CACL,EAAsD,CACpD,aAAQC,EAAAA,OAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAEA,SAASE,EAAc,CACrB,GAAGF,CACL,EAAyD,CACvD,aAAQC,EAAAA,OAAgB,QAAhB,CAAwB,YAAU,iBAAkB,GAAGD,EAAO,CACxE,CAEA,SAASG,EAAa,CACpB,GAAGH,CACL,EAAwD,CACtD,aAAQC,EAAAA,OAAgB,OAAhB,CAAuB,YAAU,gBAAiB,GAAGD,EAAO,CACtE,CAEA,SAASI,EAAY,CACnB,GAAGJ,CACL,EAAuD,CACrD,aAAQC,EAAAA,OAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGD,EAAO,CACpE,CAEA,SAASK,EAAc,CACrB,UAAAC,EACA,GAAGN,CACL,EAAyD,CAErD,OAAAO,EAAA,IAACN,EAAAA,OAAgB,QAAhB,CACC,YAAU,iBACV,UAAWO,EAAA,GACT,yJACAF,CACF,EACC,GAAGN,CAAA,CACN,CAEJ,CAEA,SAASS,EAAc,CACrB,UAAAH,EACA,SAAAI,EACA,GAAGV,CACL,EAAyD,CAErD,OAAAW,EAAA,KAACR,EAAa,CAAA,YAAU,gBACtB,SAAA,CAAAI,EAAA,IAACF,EAAc,EAAA,EACfM,EAAA,KAACV,EAAAA,OAAgB,QAAhB,CACC,YAAU,iBACV,UAAWO,EAAA,GACT,oFACA,uNACA,yOACA,kLACA,6KACAF,CACF,EACC,GAAGN,EAEJ,SAAA,CAACO,EAAAA,IAAA,MAAA,CAAI,UAAU,2JAA4J,CAAA,EAC1KG,CAAA,CAAA,CAAA,CACH,EACF,CAEJ,CAEA,SAASE,EAAa,CAAE,UAAAN,EAAW,GAAGN,GAAsC,CAExE,OAAAO,EAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,4BAA6BF,CAAS,EACnD,GAAGN,CAAA,CACN,CAEJ,CAEA,SAASa,EAAa,CAAE,UAAAP,EAAW,GAAGN,GAAsC,CAExE,OAAAO,EAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,kCAAmCF,CAAS,EACzD,GAAGN,CAAA,CACN,CAEJ,CAEA,SAASc,EAAY,CACnB,UAAAR,EACA,GAAGN,CACL,EAAuD,CAEnD,OAAAO,EAAA,IAACN,EAAAA,OAAgB,MAAhB,CACC,YAAU,eACV,UAAWO,EAAA,GACT,sDACAF,CACF,EACC,GAAGN,CAAA,CACN,CAEJ,CAEA,SAASe,EAAkB,CACzB,UAAAT,EACA,GAAGN,CACL,EAA6D,CAEzD,OAAAO,EAAA,IAACN,EAAAA,OAAgB,YAAhB,CACC,YAAU,qBACV,UAAWO,EAAA,GACT,iDACAF,CACF,EACC,GAAGN,CAAA,CACN,CAEJ"}
|