@incognia/cosmik 1.0.9 → 1.0.11
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/dist/Badge/index.d.ts +1 -2
- package/dist/Badge/index.d.ts.map +1 -1
- package/dist/Tabs/index.d.ts.map +1 -1
- package/dist/cosmik-theme.css +0 -5
- package/dist/cosmik.css +1 -1
- package/dist/index10.cjs +1 -1
- package/dist/index10.cjs.map +1 -1
- package/dist/index10.js +2 -2
- package/dist/index10.js.map +1 -1
- package/dist/index11.cjs +1 -1
- package/dist/index11.cjs.map +1 -1
- package/dist/index11.js +1 -1
- package/dist/index11.js.map +1 -1
- package/dist/index12.cjs +1 -1
- package/dist/index12.cjs.map +1 -1
- package/dist/index12.js +1 -1
- package/dist/index12.js.map +1 -1
- package/dist/index14.cjs +1 -1
- package/dist/index14.cjs.map +1 -1
- package/dist/index14.js +6 -6
- package/dist/index14.js.map +1 -1
- package/dist/index15.cjs +1 -1
- package/dist/index15.cjs.map +1 -1
- package/dist/index15.js +3 -3
- package/dist/index15.js.map +1 -1
- package/dist/index23.cjs +1 -1
- package/dist/index23.cjs.map +1 -1
- package/dist/index23.js +8 -8
- package/dist/index23.js.map +1 -1
- package/dist/index25.cjs +1 -1
- package/dist/index25.cjs.map +1 -1
- package/dist/index25.js +1 -1
- package/dist/index25.js.map +1 -1
- package/dist/index27.cjs +1 -1
- package/dist/index27.cjs.map +1 -1
- package/dist/index27.js +1 -1
- package/dist/index27.js.map +1 -1
- package/dist/index3.cjs +1 -1
- package/dist/index3.cjs.map +1 -1
- package/dist/index3.js +7 -7
- package/dist/index3.js.map +1 -1
- package/dist/index30.cjs +1 -1
- package/dist/index30.cjs.map +1 -1
- package/dist/index30.js +1 -0
- package/dist/index30.js.map +1 -1
- package/dist/index4.cjs +1 -1
- package/dist/index4.cjs.map +1 -1
- package/dist/index4.js +3 -3
- package/dist/index4.js.map +1 -1
- package/dist/index5.cjs +1 -1
- package/dist/index5.cjs.map +1 -1
- package/dist/index5.js +19 -26
- package/dist/index5.js.map +1 -1
- package/dist/index6.cjs +1 -1
- package/dist/index6.cjs.map +1 -1
- package/dist/index6.js +1 -1
- package/dist/index6.js.map +1 -1
- package/dist/index7.cjs +1 -1
- package/dist/index7.cjs.map +1 -1
- package/dist/index7.js +11 -11
- package/dist/index7.js.map +1 -1
- package/dist/index8.cjs +1 -1
- package/dist/index8.cjs.map +1 -1
- package/dist/index8.js +3 -3
- package/dist/index8.js.map +1 -1
- package/package.json +1 -1
package/dist/index25.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index25.cjs","sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-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-gray-900/24 ',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n <XIcon className=\"size-16\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\n 'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn('text-gray-800 font-
|
|
1
|
+
{"version":3,"file":"index25.cjs","sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-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-gray-900/24 ',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n <XIcon className=\"size-16\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\n 'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn('text-gray-800 font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn('text-gray-900 text-base', className)}\n {...props}\n />\n )\n}\n\nexport {\n Sheet,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetOverlay,\n SheetPortal,\n SheetTitle,\n SheetTrigger\n}\n"],"names":["Sheet","props","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","jsx","cn","SheetContent","children","side","jsxs","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"oeAOA,SAASA,EAAM,CAAE,GAAGC,GAA2D,CAC7E,+BAAQC,EAAe,KAAf,CAAoB,YAAU,QAAS,GAAGD,EAAO,CAC3D,CAEA,SAASE,EAAa,CACpB,GAAGF,CACL,EAAwD,CACtD,+BAAQC,EAAe,QAAf,CAAuB,YAAU,gBAAiB,GAAGD,EAAO,CACtE,CAEA,SAASG,EAAW,CAClB,GAAGH,CACL,EAAsD,CACpD,+BAAQC,EAAe,MAAf,CAAqB,YAAU,cAAe,GAAGD,EAAO,CAClE,CAEA,SAASI,EAAY,CACnB,GAAGJ,CACL,EAAuD,CACrD,+BAAQC,EAAe,OAAf,CAAsB,YAAU,eAAgB,GAAGD,EAAO,CACpE,CAEA,SAASK,EAAa,CACpB,UAAAC,EACA,GAAGN,CACL,EAAwD,CACtD,OACEO,EAAAA,kBAAAA,IAACN,EAAe,QAAf,CACC,YAAU,gBACV,UAAWO,EAAAA,GACT,6JACAF,CAAA,EAED,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASS,EAAa,CACpB,UAAAH,EACA,SAAAI,EACA,KAAAC,EAAO,QACP,GAAGX,CACL,EAEG,CACD,gCACGI,EAAA,CACC,SAAA,CAAAG,EAAAA,kBAAAA,IAACF,EAAA,EAAa,EACdO,EAAAA,kBAAAA,KAACX,EAAe,QAAf,CACC,YAAU,gBACV,UAAWO,EAAAA,GACT,mNACAG,IAAS,SACP,mIACFA,IAAS,QACP,gIACFA,IAAS,OACP,2GACFA,IAAS,UACP,oHACFL,CAAA,EAED,GAAGN,EAEH,SAAA,CAAAU,EACDE,EAAAA,kBAAAA,KAACX,EAAe,MAAf,CAAqB,UAAU,mIAC9B,SAAA,CAAAM,EAAAA,kBAAAA,IAACM,EAAAA,MAAA,CAAM,UAAU,SAAA,CAAU,EAC3BN,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CACjC,CAAA,CAAA,CAAA,CACF,EACF,CAEJ,CAEA,SAASO,EAAY,CAAE,UAAAR,EAAW,GAAGN,GAAsC,CACzE,OACEO,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,sBAAuBF,CAAS,EAC7C,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASe,EAAY,CAAE,UAAAT,EAAW,GAAGN,GAAsC,CACzE,OACEO,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,yDACAF,CAAA,EAED,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASgB,EAAW,CAClB,UAAAV,EACA,GAAGN,CACL,EAAsD,CACpD,OACEO,EAAAA,kBAAAA,IAACN,EAAe,MAAf,CACC,YAAU,cACV,UAAWO,EAAAA,GAAG,8BAA+BF,CAAS,EACrD,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASiB,EAAiB,CACxB,UAAAX,EACA,GAAGN,CACL,EAA4D,CAC1D,OACEO,EAAAA,kBAAAA,IAACN,EAAe,YAAf,CACC,YAAU,oBACV,UAAWO,EAAAA,GAAG,0BAA2BF,CAAS,EACjD,GAAGN,CAAA,CAAA,CAGV"}
|
package/dist/index25.js
CHANGED
package/dist/index25.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index25.js","sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-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-gray-900/24 ',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n <XIcon className=\"size-16\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\n 'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn('text-gray-800 font-
|
|
1
|
+
{"version":3,"file":"index25.js","sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-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-gray-900/24 ',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n <XIcon className=\"size-16\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\n 'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn('text-gray-800 font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn('text-gray-900 text-base', className)}\n {...props}\n />\n )\n}\n\nexport {\n Sheet,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetOverlay,\n SheetPortal,\n SheetTitle,\n SheetTrigger\n}\n"],"names":["Sheet","props","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","jsx","cn","SheetContent","children","side","jsxs","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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"}
|
package/dist/index27.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),t=require("lucide-react"),o=require("sonner"),n=({className:s,...r})=>e.jsxRuntimeExports.jsx(o.Toaster,{className:s,position:"top-center",offset:16,gap:16,closeButton:!0,toastOptions:{unstyled:!0,classNames:{toast:"flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all",success:"bg-green-50",warning:"bg-yellow-50",error:"bg-magenta-50",title:"text-sm text-gray-900! font-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),t=require("lucide-react"),o=require("sonner"),n=({className:s,...r})=>e.jsxRuntimeExports.jsx(o.Toaster,{className:s,position:"top-center",offset:16,gap:16,closeButton:!0,toastOptions:{unstyled:!0,classNames:{toast:"flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all",success:"bg-green-50",warning:"bg-yellow-50",error:"bg-magenta-50",title:"text-sm text-gray-900! font-semibold!",description:"text-sm text-gray-800!",closeButton:"absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16"}},icons:{success:e.jsxRuntimeExports.jsx(t.CheckIcon,{size:20,className:"text-green-800"}),warning:e.jsxRuntimeExports.jsx(t.AlertTriangleIcon,{size:20,className:"text-yellow-600"}),error:e.jsxRuntimeExports.jsx(t.AlertCircleIcon,{size:20,className:"text-magenta-600"}),close:e.jsxRuntimeExports.jsx(t.LucideX,{size:16})},...r});exports.Toaster=n;
|
|
2
2
|
//# sourceMappingURL=index27.cjs.map
|
package/dist/index27.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index27.cjs","sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckIcon,\n LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n return (\n <Sonner\n className={className}\n position=\"top-center\"\n offset={16}\n gap={16}\n closeButton={true}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n 'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n success: 'bg-green-50',\n warning: 'bg-yellow-50',\n error: 'bg-magenta-50',\n title: 'text-sm text-gray-900! font-
|
|
1
|
+
{"version":3,"file":"index27.cjs","sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckIcon,\n LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n return (\n <Sonner\n className={className}\n position=\"top-center\"\n offset={16}\n gap={16}\n closeButton={true}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n 'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n success: 'bg-green-50',\n warning: 'bg-yellow-50',\n error: 'bg-magenta-50',\n title: 'text-sm text-gray-900! font-semibold!',\n description: 'text-sm text-gray-800!',\n closeButton:\n 'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n }\n }}\n icons={{\n success: <CheckIcon size={20} className=\"text-green-800\" />,\n warning: <AlertTriangleIcon size={20} className=\"text-yellow-600\" />,\n error: <AlertCircleIcon size={20} className=\"text-magenta-600\" />,\n close: <LucideX size={16} />\n }}\n {...props}\n />\n )\n}\n\nexport { Toaster }\n"],"names":["Toaster","className","props","jsx","Sonner","CheckIcon","AlertTriangleIcon","AlertCircleIcon","LucideX"],"mappings":"+JAYMA,EAAU,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAE7BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,UAAAH,EACA,SAAS,aACT,OAAQ,GACR,IAAK,GACL,YAAa,GACb,aAAc,CACZ,SAAU,GACV,WAAY,CACV,MACE,6IACF,QAAS,cACT,QAAS,eACT,MAAO,gBACP,MAAO,wCACP,YAAa,yBACb,YACE,6KAAA,CACJ,EAEF,MAAO,CACL,QAASE,EAAAA,kBAAAA,IAACE,YAAA,CAAU,KAAM,GAAI,UAAU,iBAAiB,EACzD,QAASF,EAAAA,kBAAAA,IAACG,oBAAA,CAAkB,KAAM,GAAI,UAAU,kBAAkB,EAClE,MAAOH,EAAAA,kBAAAA,IAACI,kBAAA,CAAgB,KAAM,GAAI,UAAU,mBAAmB,EAC/D,MAAOJ,EAAAA,kBAAAA,IAACK,EAAAA,QAAA,CAAQ,KAAM,EAAA,CAAI,CAAA,EAE3B,GAAGN,CAAA,CAAA"}
|
package/dist/index27.js
CHANGED
|
@@ -16,7 +16,7 @@ const u = ({ className: t, ...s }) => /* @__PURE__ */ e.jsx(
|
|
|
16
16
|
success: "bg-green-50",
|
|
17
17
|
warning: "bg-yellow-50",
|
|
18
18
|
error: "bg-magenta-50",
|
|
19
|
-
title: "text-sm text-gray-900! font-
|
|
19
|
+
title: "text-sm text-gray-900! font-semibold!",
|
|
20
20
|
description: "text-sm text-gray-800!",
|
|
21
21
|
closeButton: "absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16"
|
|
22
22
|
}
|
package/dist/index27.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index27.js","sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckIcon,\n LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n return (\n <Sonner\n className={className}\n position=\"top-center\"\n offset={16}\n gap={16}\n closeButton={true}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n 'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n success: 'bg-green-50',\n warning: 'bg-yellow-50',\n error: 'bg-magenta-50',\n title: 'text-sm text-gray-900! font-
|
|
1
|
+
{"version":3,"file":"index27.js","sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckIcon,\n LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n return (\n <Sonner\n className={className}\n position=\"top-center\"\n offset={16}\n gap={16}\n closeButton={true}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n 'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n success: 'bg-green-50',\n warning: 'bg-yellow-50',\n error: 'bg-magenta-50',\n title: 'text-sm text-gray-900! font-semibold!',\n description: 'text-sm text-gray-800!',\n closeButton:\n 'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n }\n }}\n icons={{\n success: <CheckIcon size={20} className=\"text-green-800\" />,\n warning: <AlertTriangleIcon size={20} className=\"text-yellow-600\" />,\n error: <AlertCircleIcon size={20} className=\"text-magenta-600\" />,\n close: <LucideX size={16} />\n }}\n {...props}\n />\n )\n}\n\nexport { Toaster }\n"],"names":["Toaster","className","props","jsx","Sonner","CheckIcon","AlertTriangleIcon","AlertCircleIcon","LucideX"],"mappings":";;;AAYA,MAAMA,IAAU,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAE7BC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAAH;AAAA,IACA,UAAS;AAAA,IACT,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,aAAa;AAAA,IACb,cAAc;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,QACV,OACE;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO;AAAA,QACP,aAAa;AAAA,QACb,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,OAAO;AAAA,MACL,SAASE,gBAAAA,EAAAA,IAACE,GAAA,EAAU,MAAM,IAAI,WAAU,kBAAiB;AAAA,MACzD,SAASF,gBAAAA,EAAAA,IAACG,GAAA,EAAkB,MAAM,IAAI,WAAU,mBAAkB;AAAA,MAClE,OAAOH,gBAAAA,EAAAA,IAACI,GAAA,EAAgB,MAAM,IAAI,WAAU,oBAAmB;AAAA,MAC/D,OAAOJ,gBAAAA,EAAAA,IAACK,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,IAE3B,GAAGN;AAAA,EAAA;AAAA;"}
|
package/dist/index3.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),c=require("./index38.cjs"),r=require("lucide-react"),i=require("./index39.cjs"),u=c.cva("relative w-full rounded flex items-center [&>svg]:shrink-0",{variants:{variant:{info:"bg-gray-900/8 [&>svg]:text-gray-700",success:"bg-green-50 [&>svg]:text-green-500",error:"bg-magenta-50 [&>svg]:text-magenta-500",warning:"bg-yellow-50 [&>svg]:text-yellow-500"},size:{sm:"py-8 px-12 gap-x-8",md:"p-16 gap-x-12"}},defaultVariants:{variant:"info",size:"md"}}),x={info:e.jsxRuntimeExports.jsx(r.LucideInfo,{}),success:e.jsxRuntimeExports.jsx(r.LucideCheck,{}),error:e.jsxRuntimeExports.jsx(r.LucideAlertCircle,{}),warning:e.jsxRuntimeExports.jsx(r.LucideAlertTriangle,{})};function g({className:s,variant:t,size:n,icon:l,children:a,...o}){return e.jsxRuntimeExports.jsxs("div",{"data-slot":"alert",role:"alert",className:i.cn(u({variant:t,size:n}),s),...o,children:[l||(t?x[t]:null),e.jsxRuntimeExports.jsx("div",{className:"block w-full",children:a})]})}function d({className:s,...t}){return e.jsxRuntimeExports.jsx("h3",{"data-slot":"alert-title",className:i.cn("col-start-2 line-clamp-1 min-h-16 font-semibold tracking-tight",s),...t})}function m({className:s,...t}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-description",className:i.cn("col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed",s),...t})}exports.Alert=g;exports.AlertDescription=m;exports.AlertTitle=d;
|
|
2
2
|
//# sourceMappingURL=index3.cjs.map
|
package/dist/index3.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index3.cjs","sources":["../src/Alert/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport {\n LucideAlertCircle,\n LucideAlertTriangle,\n LucideCheck,\n LucideInfo\n} from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst alertVariants = cva(\n 'relative w-full rounded flex items-center [&>svg]:shrink-0',\n {\n variants: {\n variant: {\n info: 'bg-gray-900/8 [&>svg]:text-gray-700',\n success: 'bg-green-50 [&>svg]:text-green-500',\n error: 'bg-magenta-50 [&>svg]:text-magenta-500',\n warning: 'bg-yellow-50 [&>svg]:text-yellow-500'\n },\n size: {\n sm: 'py-8 px-12 gap-x-8',\n md: 'p-16 gap-x-12'\n }\n },\n defaultVariants: {\n variant: 'info',\n size: 'md'\n }\n }\n)\n\nconst VariantToLucideIcon = {\n info: <LucideInfo />,\n success: <LucideCheck />,\n error: <LucideAlertCircle />,\n warning: <LucideAlertTriangle />\n}\n\nfunction Alert({\n className,\n variant,\n size,\n icon,\n children,\n ...props\n}: React.ComponentProps<'div'> &\n VariantProps<typeof alertVariants> & {\n icon?: React.ReactNode\n }) {\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant, size }), className)}\n {...props}\n >\n {icon || (variant ? VariantToLucideIcon[variant] : null)}\n <div className=\"block w-full\">{children}</div>\n </div>\n )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"alert-title\"\n className={cn(\n 'col-start-2 line-clamp-1 min-h-16 font-
|
|
1
|
+
{"version":3,"file":"index3.cjs","sources":["../src/Alert/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport {\n LucideAlertCircle,\n LucideAlertTriangle,\n LucideCheck,\n LucideInfo\n} from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst alertVariants = cva(\n 'relative w-full rounded flex items-center [&>svg]:shrink-0',\n {\n variants: {\n variant: {\n info: 'bg-gray-900/8 [&>svg]:text-gray-700',\n success: 'bg-green-50 [&>svg]:text-green-500',\n error: 'bg-magenta-50 [&>svg]:text-magenta-500',\n warning: 'bg-yellow-50 [&>svg]:text-yellow-500'\n },\n size: {\n sm: 'py-8 px-12 gap-x-8',\n md: 'p-16 gap-x-12'\n }\n },\n defaultVariants: {\n variant: 'info',\n size: 'md'\n }\n }\n)\n\nconst VariantToLucideIcon = {\n info: <LucideInfo />,\n success: <LucideCheck />,\n error: <LucideAlertCircle />,\n warning: <LucideAlertTriangle />\n}\n\nfunction Alert({\n className,\n variant,\n size,\n icon,\n children,\n ...props\n}: React.ComponentProps<'div'> &\n VariantProps<typeof alertVariants> & {\n icon?: React.ReactNode\n }) {\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant, size }), className)}\n {...props}\n >\n {icon || (variant ? VariantToLucideIcon[variant] : null)}\n <div className=\"block w-full\">{children}</div>\n </div>\n )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"alert-title\"\n className={cn(\n 'col-start-2 line-clamp-1 min-h-16 font-semibold 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 'col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Alert, AlertDescription, AlertTitle }\n"],"names":["alertVariants","cva","VariantToLucideIcon","LucideInfo","LucideCheck","LucideAlertCircle","LucideAlertTriangle","Alert","className","variant","size","icon","children","props","jsxs","cn","jsx","AlertTitle","AlertDescription"],"mappings":"iMAUMA,EAAgBC,EAAAA,IACpB,6DACA,CACE,SAAU,CACR,QAAS,CACP,KAAM,sCACN,QAAS,qCACT,MAAO,yCACP,QAAS,sCAAA,EAEX,KAAM,CACJ,GAAI,qBACJ,GAAI,eAAA,CACN,EAEF,gBAAiB,CACf,QAAS,OACT,KAAM,IAAA,CACR,CAEJ,EAEMC,EAAsB,CAC1B,6BAAOC,EAAAA,WAAA,EAAW,EAClB,gCAAUC,EAAAA,YAAA,EAAY,EACtB,8BAAQC,EAAAA,kBAAA,EAAkB,EAC1B,gCAAUC,EAAAA,oBAAA,CAAA,CAAoB,CAChC,EAEA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAGK,CACH,OACEC,EAAAA,kBAAAA,KAAC,MAAA,CACC,YAAU,QACV,KAAK,QACL,UAAWC,EAAAA,GAAGf,EAAc,CAAE,QAAAS,EAAS,KAAAC,CAAA,CAAM,EAAGF,CAAS,EACxD,GAAGK,EAEH,SAAA,CAAAF,IAASF,EAAUP,EAAoBO,CAAO,EAAI,MACnDO,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,eAAgB,SAAAJ,CAAA,CAAS,CAAA,CAAA,CAAA,CAG9C,CAEA,SAASK,EAAW,CAAE,UAAAT,EAAW,GAAGK,GAAqC,CACvE,OACEG,EAAAA,kBAAAA,IAAC,KAAA,CACC,YAAU,cACV,UAAWD,EAAAA,GACT,iEACAP,CAAA,EAED,GAAGK,CAAA,CAAA,CAGV,CAEA,SAASK,EAAiB,CACxB,UAAAV,EACA,GAAGK,CACL,EAAgC,CAC9B,OACEG,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,oBACV,UAAWD,EAAAA,GACT,mEACAP,CAAA,EAED,GAAGK,CAAA,CAAA,CAGV"}
|
package/dist/index3.js
CHANGED
|
@@ -28,7 +28,7 @@ const u = o(
|
|
|
28
28
|
error: /* @__PURE__ */ t.jsx(g, {}),
|
|
29
29
|
warning: /* @__PURE__ */ t.jsx(c, {})
|
|
30
30
|
};
|
|
31
|
-
function
|
|
31
|
+
function b({
|
|
32
32
|
className: r,
|
|
33
33
|
variant: e,
|
|
34
34
|
size: a,
|
|
@@ -50,20 +50,20 @@ function h({
|
|
|
50
50
|
}
|
|
51
51
|
);
|
|
52
52
|
}
|
|
53
|
-
function
|
|
53
|
+
function h({ className: r, ...e }) {
|
|
54
54
|
return /* @__PURE__ */ t.jsx(
|
|
55
55
|
"h3",
|
|
56
56
|
{
|
|
57
57
|
"data-slot": "alert-title",
|
|
58
58
|
className: s(
|
|
59
|
-
"col-start-2 line-clamp-1 min-h-16 font-
|
|
59
|
+
"col-start-2 line-clamp-1 min-h-16 font-semibold tracking-tight",
|
|
60
60
|
r
|
|
61
61
|
),
|
|
62
62
|
...e
|
|
63
63
|
}
|
|
64
64
|
);
|
|
65
65
|
}
|
|
66
|
-
function
|
|
66
|
+
function w({
|
|
67
67
|
className: r,
|
|
68
68
|
...e
|
|
69
69
|
}) {
|
|
@@ -80,8 +80,8 @@ function y({
|
|
|
80
80
|
);
|
|
81
81
|
}
|
|
82
82
|
export {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
b as Alert,
|
|
84
|
+
w as AlertDescription,
|
|
85
|
+
h as AlertTitle
|
|
86
86
|
};
|
|
87
87
|
//# sourceMappingURL=index3.js.map
|
package/dist/index3.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index3.js","sources":["../src/Alert/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport {\n LucideAlertCircle,\n LucideAlertTriangle,\n LucideCheck,\n LucideInfo\n} from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst alertVariants = cva(\n 'relative w-full rounded flex items-center [&>svg]:shrink-0',\n {\n variants: {\n variant: {\n info: 'bg-gray-900/8 [&>svg]:text-gray-700',\n success: 'bg-green-50 [&>svg]:text-green-500',\n error: 'bg-magenta-50 [&>svg]:text-magenta-500',\n warning: 'bg-yellow-50 [&>svg]:text-yellow-500'\n },\n size: {\n sm: 'py-8 px-12 gap-x-8',\n md: 'p-16 gap-x-12'\n }\n },\n defaultVariants: {\n variant: 'info',\n size: 'md'\n }\n }\n)\n\nconst VariantToLucideIcon = {\n info: <LucideInfo />,\n success: <LucideCheck />,\n error: <LucideAlertCircle />,\n warning: <LucideAlertTriangle />\n}\n\nfunction Alert({\n className,\n variant,\n size,\n icon,\n children,\n ...props\n}: React.ComponentProps<'div'> &\n VariantProps<typeof alertVariants> & {\n icon?: React.ReactNode\n }) {\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant, size }), className)}\n {...props}\n >\n {icon || (variant ? VariantToLucideIcon[variant] : null)}\n <div className=\"block w-full\">{children}</div>\n </div>\n )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"alert-title\"\n className={cn(\n 'col-start-2 line-clamp-1 min-h-16 font-
|
|
1
|
+
{"version":3,"file":"index3.js","sources":["../src/Alert/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport {\n LucideAlertCircle,\n LucideAlertTriangle,\n LucideCheck,\n LucideInfo\n} from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst alertVariants = cva(\n 'relative w-full rounded flex items-center [&>svg]:shrink-0',\n {\n variants: {\n variant: {\n info: 'bg-gray-900/8 [&>svg]:text-gray-700',\n success: 'bg-green-50 [&>svg]:text-green-500',\n error: 'bg-magenta-50 [&>svg]:text-magenta-500',\n warning: 'bg-yellow-50 [&>svg]:text-yellow-500'\n },\n size: {\n sm: 'py-8 px-12 gap-x-8',\n md: 'p-16 gap-x-12'\n }\n },\n defaultVariants: {\n variant: 'info',\n size: 'md'\n }\n }\n)\n\nconst VariantToLucideIcon = {\n info: <LucideInfo />,\n success: <LucideCheck />,\n error: <LucideAlertCircle />,\n warning: <LucideAlertTriangle />\n}\n\nfunction Alert({\n className,\n variant,\n size,\n icon,\n children,\n ...props\n}: React.ComponentProps<'div'> &\n VariantProps<typeof alertVariants> & {\n icon?: React.ReactNode\n }) {\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant, size }), className)}\n {...props}\n >\n {icon || (variant ? VariantToLucideIcon[variant] : null)}\n <div className=\"block w-full\">{children}</div>\n </div>\n )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"alert-title\"\n className={cn(\n 'col-start-2 line-clamp-1 min-h-16 font-semibold 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 'col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Alert, AlertDescription, AlertTitle }\n"],"names":["alertVariants","cva","VariantToLucideIcon","LucideInfo","LucideCheck","LucideAlertCircle","LucideAlertTriangle","Alert","className","variant","size","icon","children","props","jsxs","cn","jsx","AlertTitle","AlertDescription"],"mappings":";;;;AAUA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAAsB;AAAA,EAC1B,4BAAOC,GAAA,EAAW;AAAA,EAClB,+BAAUC,GAAA,EAAY;AAAA,EACtB,6BAAQC,GAAA,EAAkB;AAAA,EAC1B,+BAAUC,GAAA,CAAA,CAAoB;AAChC;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAGK;AACH,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGf,EAAc,EAAE,SAAAS,GAAS,MAAAC,EAAA,CAAM,GAAGF,CAAS;AAAA,MACxD,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAF,MAASF,IAAUP,EAAoBO,CAAO,IAAI;AAAA,QACnDO,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAJ,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9C;AAEA,SAASK,EAAW,EAAE,WAAAT,GAAW,GAAGK,KAAqC;AACvE,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWD;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAiB;AAAA,EACxB,WAAAV;AAAA,EACA,GAAGK;AACL,GAAgC;AAC9B,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWD;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
package/dist/index30.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),o=require("@radix-ui/react-tabs"),r=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,i.get?i:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=c(o);function u({className:t,...e}){return s.jsxRuntimeExports.jsx(n.Root,{"data-slot":"tabs",className:t,...e})}function l({className:t,...e}){return s.jsxRuntimeExports.jsx(n.List,{"data-slot":"tabs-list",className:r.cn("inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600",t),...e})}function p({className:t,...e}){return s.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"tabs-trigger",className:r.cn("inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all","focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64","hover:bg-gray-900/8 active:bg-gray-900/12","data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800","data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800","[&:has(>svg:first-child)]:pl-[10px]",t),...e})}function b({className:t,...e}){return s.jsxRuntimeExports.jsx(n.Content,{"data-slot":"tabs-content",className:r.cn("flex-1 outline-none",t),...e})}exports.Tabs=u;exports.TabsContent=b;exports.TabsList=l;exports.TabsTrigger=p;
|
|
2
2
|
//# sourceMappingURL=index30.cjs.map
|
package/dist/index30.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index30.cjs","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":"wcAMA,SAASA,EAAK,CACZ,UAAAC,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CAAmB,YAAU,OAAO,UAAAH,EAAuB,GAAGC,EAAO,CAE1E,CAEA,SAASG,EAAS,CAChB,UAAAJ,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CACC,YAAU,YACV,UAAWE,EAAAA,GACT,kKACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CACnB,UAAAN,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GACT,2GACA,8EACA,4CACA,gJACA,
|
|
1
|
+
{"version":3,"file":"index30.cjs","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n '[&:has(>svg:first-child)]:pl-[10px]',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":"wcAMA,SAASA,EAAK,CACZ,UAAAC,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CAAmB,YAAU,OAAO,UAAAH,EAAuB,GAAGC,EAAO,CAE1E,CAEA,SAASG,EAAS,CAChB,UAAAJ,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CACC,YAAU,YACV,UAAWE,EAAAA,GACT,kKACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CACnB,UAAAN,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GACT,2GACA,8EACA,4CACA,gJACA,wFACA,sCACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CACnB,UAAAP,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GAAG,sBAAuBL,CAAS,EAC7C,GAAGC,CAAA,CAAA,CAGV"}
|
package/dist/index30.js
CHANGED
|
@@ -37,6 +37,7 @@ function p({
|
|
|
37
37
|
"hover:bg-gray-900/8 active:bg-gray-900/12",
|
|
38
38
|
"data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800",
|
|
39
39
|
"data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",
|
|
40
|
+
"[&:has(>svg:first-child)]:pl-[10px]",
|
|
40
41
|
t
|
|
41
42
|
),
|
|
42
43
|
...e
|
package/dist/index30.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index30.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":";;;AAMA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA,IAACC,EAAc,MAAd,EAAmB,aAAU,QAAO,WAAAH,GAAuB,GAAGC,GAAO;AAE1E;AAEA,SAASG,EAAS;AAAA,EAChB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY;AAAA,EACnB,WAAAP;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,uBAAuBL,CAAS;AAAA,MAC7C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
1
|
+
{"version":3,"file":"index30.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n '[&:has(>svg:first-child)]:pl-[10px]',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":";;;AAMA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA,IAACC,EAAc,MAAd,EAAmB,aAAU,QAAO,WAAAH,GAAuB,GAAGC,GAAO;AAE1E;AAEA,SAASG,EAAS;AAAA,EAChB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY;AAAA,EACnB,WAAAP;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,uBAAuBL,CAAS;AAAA,MAC7C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
package/dist/index4.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),d=require("@radix-ui/react-alert-dialog"),g=require("./index38.cjs"),i=require("./index6.cjs"),n=require("./index39.cjs");function x(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),d=require("@radix-ui/react-alert-dialog"),g=require("./index38.cjs"),i=require("./index6.cjs"),n=require("./index39.cjs");function x(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,l.get?l:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=x(d);function f({...t}){return a.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function m({...t}){return a.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function s({...t}){return a.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:n.cn("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-gray-900/48",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsxs(s,{children:[a.jsxRuntimeExports.jsx(c,{}),a.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:n.cn("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 left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]",t),...e})]})}function j({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:n.cn("flex flex-col gap-8 text-left font-display",t),...e})}function D({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:n.cn("flex gap-8 flex-row justify-end",t),...e})}const u=g.cva("flex items-center text-lg font-semibold",{variants:{intent:{default:"text-gray-800",warning:"text-yellow-600",danger:"text-magenta-600"}},defaultVariants:{intent:"default"}});function A({className:t,intent:e,...r}){return a.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:n.cn(u({intent:e}),t),...r})}function y({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:n.cn("text-base text-gray-900",t),...e})}function b({className:t,intent:e,...r}){return a.jsxRuntimeExports.jsx(o.Action,{className:n.cn(i.buttonVariants({intent:e}),t),...r})}function R({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Cancel,{className:n.cn(i.buttonVariants({intent:"secondary"}),t),...e})}exports.AlertDialog=f;exports.AlertDialogAction=b;exports.AlertDialogCancel=R;exports.AlertDialogContent=p;exports.AlertDialogDescription=y;exports.AlertDialogFooter=D;exports.AlertDialogHeader=j;exports.AlertDialogOverlay=c;exports.AlertDialogPortal=s;exports.AlertDialogTitle=A;exports.AlertDialogTrigger=m;exports.titleVariants=u;
|
|
2
2
|
//# sourceMappingURL=index4.cjs.map
|
package/dist/index4.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index4.cjs","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\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-gray-900/48',\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 left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\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-8 text-left font-display', 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('flex gap-8 flex-row justify-end', className)}\n {...props}\n />\n )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-
|
|
1
|
+
{"version":3,"file":"index4.cjs","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\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-gray-900/48',\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 left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\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-8 text-left font-display', 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('flex gap-8 flex-row justify-end', className)}\n {...props}\n />\n )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-semibold', {\n variants: {\n intent: {\n default: 'text-gray-800',\n warning: 'text-yellow-600',\n danger: 'text-magenta-600'\n }\n },\n defaultVariants: {\n intent: 'default'\n }\n})\n\nfunction AlertDialogTitle({\n className,\n intent,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title> & {\n intent?: VariantProps<typeof titleVariants>['intent']\n}) {\n return (\n <AlertDialogPrimitive.Title\n data-slot=\"alert-dialog-title\"\n className={cn(titleVariants({ intent }), 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('text-base text-gray-900', className)}\n {...props}\n />\n )\n}\n\nfunction AlertDialogAction({\n className,\n intent,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n intent?: VariantProps<typeof buttonVariants>['intent']\n}) {\n return (\n <AlertDialogPrimitive.Action\n className={cn(buttonVariants({ intent }), 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({ intent: 'secondary' }), className)}\n {...props}\n />\n )\n}\n\nexport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogTitle,\n AlertDialogTrigger,\n titleVariants\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","className","jsx","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","titleVariants","cva","AlertDialogTitle","intent","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"qgBAQA,SAASA,EAAY,CACnB,GAAGC,CACL,EAA2D,CACzD,+BAAQC,EAAqB,KAArB,CAA0B,YAAU,eAAgB,GAAGD,EAAO,CACxE,CAEA,SAASE,EAAmB,CAC1B,GAAGF,CACL,EAA8D,CAC5D,+BACGC,EAAqB,QAArB,CAA6B,YAAU,uBAAwB,GAAGD,EAAO,CAE9E,CAEA,SAASG,EAAkB,CACzB,GAAGH,CACL,EAA6D,CAC3D,+BACGC,EAAqB,OAArB,CAA4B,YAAU,sBAAuB,GAAGD,EAAO,CAE5E,CAEA,SAASI,EAAmB,CAC1B,UAAAC,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,QAArB,CACC,YAAU,uBACV,UAAWM,EAAAA,GACT,4JACAF,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAmB,CAC1B,UAAAH,EACA,GAAGL,CACL,EAA8D,CAC5D,gCACGG,EAAA,CACC,SAAA,CAAAG,EAAAA,kBAAAA,IAACF,EAAA,EAAmB,EACpBE,EAAAA,kBAAAA,IAACL,EAAqB,QAArB,CACC,YAAU,uBACV,UAAWM,EAAAA,GACT,4UACAF,CAAA,EAED,GAAGL,CAAA,CAAA,CACN,EACF,CAEJ,CAEA,SAASS,EAAkB,CACzB,UAAAJ,EACA,GAAGL,CACL,EAAgC,CAC9B,OACEM,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,sBACV,UAAWC,EAAAA,GAAG,6CAA8CF,CAAS,EACpE,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASU,EAAkB,CACzB,UAAAL,EACA,GAAGL,CACL,EAAgC,CAC9B,OACEM,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,sBACV,UAAWC,EAAAA,GAAG,kCAAmCF,CAAS,EACzD,GAAGL,CAAA,CAAA,CAGV,CAEA,MAAMW,EAAgBC,EAAAA,IAAI,0CAA2C,CACnE,SAAU,CACR,OAAQ,CACN,QAAS,gBACT,QAAS,kBACT,OAAQ,kBAAA,CACV,EAEF,gBAAiB,CACf,OAAQ,SAAA,CAEZ,CAAC,EAED,SAASC,EAAiB,CACxB,UAAAR,EACA,OAAAS,EACA,GAAGd,CACL,EAEG,CACD,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,MAArB,CACC,YAAU,qBACV,UAAWM,EAAAA,GAAGI,EAAc,CAAE,OAAAG,CAAA,CAAQ,EAAGT,CAAS,EACjD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASe,EAAuB,CAC9B,UAAAV,EACA,GAAGL,CACL,EAAkE,CAChE,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,YAArB,CACC,YAAU,2BACV,UAAWM,EAAAA,GAAG,0BAA2BF,CAAS,EACjD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASgB,EAAkB,CACzB,UAAAX,EACA,OAAAS,EACA,GAAGd,CACL,EAEG,CACD,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,OAArB,CACC,UAAWM,EAAAA,GAAGU,EAAAA,eAAe,CAAE,OAAAH,CAAA,CAAQ,EAAGT,CAAS,EAClD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASkB,EAAkB,CACzB,UAAAb,EACA,GAAGL,CACL,EAA6D,CAC3D,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,OAArB,CACC,UAAWM,EAAAA,GAAGU,iBAAe,CAAE,OAAQ,WAAA,CAAa,EAAGZ,CAAS,EAC/D,GAAGL,CAAA,CAAA,CAGV"}
|
package/dist/index4.js
CHANGED
|
@@ -3,7 +3,7 @@ import * as o from "@radix-ui/react-alert-dialog";
|
|
|
3
3
|
import { cva as i } from "./index38.js";
|
|
4
4
|
import { buttonVariants as n } from "./index6.js";
|
|
5
5
|
import { cn as l } from "./index39.js";
|
|
6
|
-
function
|
|
6
|
+
function m({
|
|
7
7
|
...t
|
|
8
8
|
}) {
|
|
9
9
|
return /* @__PURE__ */ e.jsx(o.Root, { "data-slot": "alert-dialog", ...t });
|
|
@@ -79,7 +79,7 @@ function D({
|
|
|
79
79
|
}
|
|
80
80
|
);
|
|
81
81
|
}
|
|
82
|
-
const g = i("flex items-center text-lg font-
|
|
82
|
+
const g = i("flex items-center text-lg font-semibold", {
|
|
83
83
|
variants: {
|
|
84
84
|
intent: {
|
|
85
85
|
default: "text-gray-800",
|
|
@@ -144,7 +144,7 @@ function N({
|
|
|
144
144
|
);
|
|
145
145
|
}
|
|
146
146
|
export {
|
|
147
|
-
|
|
147
|
+
m as AlertDialog,
|
|
148
148
|
v as AlertDialogAction,
|
|
149
149
|
N as AlertDialogCancel,
|
|
150
150
|
j as AlertDialogContent,
|
package/dist/index4.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index4.js","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\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-gray-900/48',\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 left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\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-8 text-left font-display', 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('flex gap-8 flex-row justify-end', className)}\n {...props}\n />\n )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-
|
|
1
|
+
{"version":3,"file":"index4.js","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\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-gray-900/48',\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 left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\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-8 text-left font-display', 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('flex gap-8 flex-row justify-end', className)}\n {...props}\n />\n )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-semibold', {\n variants: {\n intent: {\n default: 'text-gray-800',\n warning: 'text-yellow-600',\n danger: 'text-magenta-600'\n }\n },\n defaultVariants: {\n intent: 'default'\n }\n})\n\nfunction AlertDialogTitle({\n className,\n intent,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title> & {\n intent?: VariantProps<typeof titleVariants>['intent']\n}) {\n return (\n <AlertDialogPrimitive.Title\n data-slot=\"alert-dialog-title\"\n className={cn(titleVariants({ intent }), 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('text-base text-gray-900', className)}\n {...props}\n />\n )\n}\n\nfunction AlertDialogAction({\n className,\n intent,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n intent?: VariantProps<typeof buttonVariants>['intent']\n}) {\n return (\n <AlertDialogPrimitive.Action\n className={cn(buttonVariants({ intent }), 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({ intent: 'secondary' }), className)}\n {...props}\n />\n )\n}\n\nexport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogTitle,\n AlertDialogTrigger,\n titleVariants\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","className","jsx","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","titleVariants","cva","AlertDialogTitle","intent","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"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"}
|
package/dist/index5.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),s=require("@radix-ui/react-slot"),b=require("./index38.cjs"),u=require("./index39.cjs"),e=b.cva("inline-flex items-center justify-center rounded-[16px] font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]",{variants:{variant:{green:"bg-green-200/72 text-green-900/88",yellow:"bg-yellow-200/72 text-yellow-900/88",magenta:"bg-magenta-200/56 text-magenta-900/88",gray:"bg-gray-300/80 text-gray-900/88",purple:"bg-purple-200/64 text-purple-900/88",robinblue:"bg-robinblue-200/64 text-robinblue-800/88"},border:{outline:"border",none:"border-0"}},compoundVariants:[{border:"outline",variant:"green",className:"border-green-300"},{border:"outline",variant:"yellow",className:"border-yellow-300"},{border:"outline",variant:"magenta",className:"border-magenta-300"},{border:"outline",variant:"gray",className:"border-gray-400"},{border:"outline",variant:"purple",className:"border-purple-300"},{border:"outline",variant:"robinblue",className:"border-robinblue-300"}],defaultVariants:{variant:"gray",border:"none"}});function d({className:r,variant:a,border:t,asChild:n=!1,...o}){const l=n?s.Slot:"span";return i.jsxRuntimeExports.jsx(l,{"data-slot":"badge",className:u.cn(e({variant:a,border:t}),r),...o})}exports.Badge=d;exports.badgeVariants=e;
|
|
2
2
|
//# sourceMappingURL=index5.cjs.map
|
package/dist/index5.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index5.cjs","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-[16px] font-
|
|
1
|
+
{"version":3,"file":"index5.cjs","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-[16px] font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]',\n {\n variants: {\n variant: {\n green: 'bg-green-200/72 text-green-900/88',\n yellow: 'bg-yellow-200/72 text-yellow-900/88',\n magenta: 'bg-magenta-200/56 text-magenta-900/88',\n gray: 'bg-gray-300/80 text-gray-900/88',\n purple: 'bg-purple-200/64 text-purple-900/88',\n robinblue: 'bg-robinblue-200/64 text-robinblue-800/88'\n },\n border: {\n outline: 'border',\n none: 'border-0'\n }\n },\n compoundVariants: [\n {\n border: 'outline',\n variant: 'green',\n className: 'border-green-300'\n },\n {\n border: 'outline',\n variant: 'yellow',\n className: 'border-yellow-300'\n },\n {\n border: 'outline',\n variant: 'magenta',\n className: 'border-magenta-300'\n },\n {\n border: 'outline',\n variant: 'gray',\n className: 'border-gray-400'\n },\n {\n border: 'outline',\n variant: 'purple',\n className: 'border-purple-300'\n },\n {\n border: 'outline',\n variant: 'robinblue',\n className: 'border-robinblue-300'\n }\n ],\n defaultVariants: {\n variant: 'gray',\n border: 'none'\n }\n }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n className,\n variant,\n border,\n asChild = false,\n ...props\n}: BadgeProps) {\n const Comp = asChild ? Slot : 'span'\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant, border }), className)}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","border","asChild","props","Comp","Slot","jsx","cn"],"mappings":"yMASMA,EAAgBC,EAAAA,IACpB,kJACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,oCACP,OAAQ,sCACR,QAAS,wCACT,KAAM,kCACN,OAAQ,sCACR,UAAW,2CAAA,EAEb,OAAQ,CACN,QAAS,SACT,KAAM,UAAA,CACR,EAEF,iBAAkB,CAChB,CACE,OAAQ,UACR,QAAS,QACT,UAAW,kBAAA,EAEb,CACE,OAAQ,UACR,QAAS,SACT,UAAW,mBAAA,EAEb,CACE,OAAQ,UACR,QAAS,UACT,UAAW,oBAAA,EAEb,CACE,OAAQ,UACR,QAAS,OACT,UAAW,iBAAA,EAEb,CACE,OAAQ,UACR,QAAS,SACT,UAAW,mBAAA,EAEb,CACE,OAAQ,UACR,QAAS,YACT,UAAW,sBAAA,CACb,EAEF,gBAAiB,CACf,QAAS,OACT,OAAQ,MAAA,CACV,CAEJ,EAKA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAAe,CACb,MAAMC,EAAOF,EAAUG,EAAAA,KAAO,OAC9B,OACEC,EAAAA,kBAAAA,IAACF,EAAA,CACC,YAAU,QACV,UAAWG,EAAAA,GAAGX,EAAc,CAAE,QAAAI,EAAS,OAAAC,CAAA,CAAQ,EAAGF,CAAS,EAC1D,GAAGI,CAAA,CAAA,CAGV"}
|
package/dist/index5.js
CHANGED
|
@@ -1,24 +1,19 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { Slot as
|
|
3
|
-
import { cva as
|
|
4
|
-
import { cn as
|
|
5
|
-
const
|
|
6
|
-
"inline-flex items-center justify-center rounded-[16px] font-
|
|
1
|
+
import { j as l } from "./index37.js";
|
|
2
|
+
import { Slot as i } from "@radix-ui/react-slot";
|
|
3
|
+
import { cva as s } from "./index38.js";
|
|
4
|
+
import { cn as b } from "./index39.js";
|
|
5
|
+
const m = s(
|
|
6
|
+
"inline-flex items-center justify-center rounded-[16px] font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]",
|
|
7
7
|
{
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
10
10
|
green: "bg-green-200/72 text-green-900/88",
|
|
11
11
|
yellow: "bg-yellow-200/72 text-yellow-900/88",
|
|
12
12
|
magenta: "bg-magenta-200/56 text-magenta-900/88",
|
|
13
|
-
gray: "bg-gray-
|
|
13
|
+
gray: "bg-gray-300/80 text-gray-900/88",
|
|
14
14
|
purple: "bg-purple-200/64 text-purple-900/88",
|
|
15
15
|
robinblue: "bg-robinblue-200/64 text-robinblue-800/88"
|
|
16
16
|
},
|
|
17
|
-
size: {
|
|
18
|
-
sm: "h-[26px] px-8 text-sm",
|
|
19
|
-
md: "h-32 px-12 text-base",
|
|
20
|
-
icon: "h-32 w-32"
|
|
21
|
-
},
|
|
22
17
|
border: {
|
|
23
18
|
outline: "border",
|
|
24
19
|
none: "border-0"
|
|
@@ -43,7 +38,7 @@ const d = b(
|
|
|
43
38
|
{
|
|
44
39
|
border: "outline",
|
|
45
40
|
variant: "gray",
|
|
46
|
-
className: "border-gray-
|
|
41
|
+
className: "border-gray-400"
|
|
47
42
|
},
|
|
48
43
|
{
|
|
49
44
|
border: "outline",
|
|
@@ -57,32 +52,30 @@ const d = b(
|
|
|
57
52
|
}
|
|
58
53
|
],
|
|
59
54
|
defaultVariants: {
|
|
60
|
-
size: "sm",
|
|
61
55
|
variant: "gray",
|
|
62
56
|
border: "none"
|
|
63
57
|
}
|
|
64
58
|
}
|
|
65
59
|
);
|
|
66
|
-
function
|
|
60
|
+
function c({
|
|
67
61
|
className: e,
|
|
68
62
|
variant: r,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
...n
|
|
63
|
+
border: a,
|
|
64
|
+
asChild: t = !1,
|
|
65
|
+
...o
|
|
73
66
|
}) {
|
|
74
|
-
const
|
|
75
|
-
return /* @__PURE__ */
|
|
76
|
-
|
|
67
|
+
const n = t ? i : "span";
|
|
68
|
+
return /* @__PURE__ */ l.jsx(
|
|
69
|
+
n,
|
|
77
70
|
{
|
|
78
71
|
"data-slot": "badge",
|
|
79
|
-
className: m(
|
|
80
|
-
...
|
|
72
|
+
className: b(m({ variant: r, border: a }), e),
|
|
73
|
+
...o
|
|
81
74
|
}
|
|
82
75
|
);
|
|
83
76
|
}
|
|
84
77
|
export {
|
|
85
|
-
|
|
86
|
-
|
|
78
|
+
c as Badge,
|
|
79
|
+
m as badgeVariants
|
|
87
80
|
};
|
|
88
81
|
//# sourceMappingURL=index5.js.map
|
package/dist/index5.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index5.js","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-[16px] font-
|
|
1
|
+
{"version":3,"file":"index5.js","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-[16px] font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]',\n {\n variants: {\n variant: {\n green: 'bg-green-200/72 text-green-900/88',\n yellow: 'bg-yellow-200/72 text-yellow-900/88',\n magenta: 'bg-magenta-200/56 text-magenta-900/88',\n gray: 'bg-gray-300/80 text-gray-900/88',\n purple: 'bg-purple-200/64 text-purple-900/88',\n robinblue: 'bg-robinblue-200/64 text-robinblue-800/88'\n },\n border: {\n outline: 'border',\n none: 'border-0'\n }\n },\n compoundVariants: [\n {\n border: 'outline',\n variant: 'green',\n className: 'border-green-300'\n },\n {\n border: 'outline',\n variant: 'yellow',\n className: 'border-yellow-300'\n },\n {\n border: 'outline',\n variant: 'magenta',\n className: 'border-magenta-300'\n },\n {\n border: 'outline',\n variant: 'gray',\n className: 'border-gray-400'\n },\n {\n border: 'outline',\n variant: 'purple',\n className: 'border-purple-300'\n },\n {\n border: 'outline',\n variant: 'robinblue',\n className: 'border-robinblue-300'\n }\n ],\n defaultVariants: {\n variant: 'gray',\n border: 'none'\n }\n }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n className,\n variant,\n border,\n asChild = false,\n ...props\n}: BadgeProps) {\n const Comp = asChild ? Slot : 'span'\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant, border }), className)}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","border","asChild","props","Comp","Slot","jsx","cn"],"mappings":";;;;AASA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,MAEb,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ;AAKA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAe;AACb,QAAMC,IAAOF,IAAUG,IAAO;AAC9B,SACEC,gBAAAA,EAAAA;AAAAA,IAACF;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWG,EAAGX,EAAc,EAAE,SAAAI,GAAS,QAAAC,EAAA,CAAQ,GAAGF,CAAS;AAAA,MAC1D,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|