@codefast/ui 0.0.57 → 0.0.59

package/src/react/sheet.tsx

@@ -6,29 +6,6 @@ import { Cross2Icon } from '@radix-ui/react-icons';
 import { type VariantProps } from 'cva';
 import { cn, cva } from '../lib/utils';
 
-/* -----------------------------------------------------------------------------
- * Variant: Sheet
- * -------------------------------------------------------------------------- */
-
-const sheetVariants = cva({
-  base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 gap-4 p-6 shadow-lg',
-  variants: {
-    side: {
-      top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b',
-      bottom:
-        'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t',
-      left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
-      right:
-        'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
-    },
-  },
-  defaultVariants: {
-    side: 'right',
-  },
-});
-
-type SheetVariantsProps = VariantProps<typeof sheetVariants>;
-
 /* -----------------------------------------------------------------------------
  * Component: Sheet
  * -------------------------------------------------------------------------- */
@@ -50,20 +27,43 @@ const SheetTrigger = SheetPrimitive.Trigger;
 type SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;
 const SheetClose = SheetPrimitive.Close;
 
+/* -----------------------------------------------------------------------------
+ * Variant: SheetContent
+ * -------------------------------------------------------------------------- */
+
+const sheetContentVariants = cva({
+  base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg',
+  variants: {
+    side: {
+      top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b',
+      bottom:
+        'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t',
+      left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
+      right:
+        'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
+    },
+  },
+  defaultVariants: {
+    side: 'right',
+  },
+});
+
+type SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;
+
 /* -----------------------------------------------------------------------------
  * Component: SheetContent
  * -------------------------------------------------------------------------- */
 
 type SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;
-type SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetVariantsProps;
+type SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetContentVariantsProps;
 
 const SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(
   ({ children, side = 'right', className, ...props }, ref) => (
     <SheetPrimitive.Portal>
       <SheetPrimitive.Overlay className="data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80" />
-      <SheetPrimitive.Content ref={ref} className={sheetVariants({ side, className })} {...props}>
+      <SheetPrimitive.Content ref={ref} className={sheetContentVariants({ side, className })} {...props}>
         {children}
-        <SheetPrimitive.Close className="data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none">
+        <SheetPrimitive.Close className="data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none">
           <Cross2Icon className="size-4" />
           <span className="sr-only">Close</span>
         </SheetPrimitive.Close>
@@ -81,7 +81,22 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 
 function SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {
-  return <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />;
+  return (
+    <header
+      className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}
+      {...props}
+    />
+  );
+}
+
+/* -----------------------------------------------------------------------------
+ * Component: SheetBody
+ * -------------------------------------------------------------------------- */
+
+type SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;
+
+function SheetBody({ className, ...props }: SheetHeaderProps): React.JSX.Element {
+  return <main className={cn('px-6 py-2', className)} {...props} />;
 }
 
 /* -----------------------------------------------------------------------------
@@ -91,7 +106,12 @@ function SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Eleme
 type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
 
 function SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {
-  return <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />;
+  return (
+    <footer
+      className={cn('flex shrink-0 flex-col-reverse px-6 pb-6 pt-4 sm:flex-row sm:justify-end sm:space-x-2', className)}
+      {...props}
+    />
+  );
 }
 
 SheetFooter.displayName = 'SheetFooter';
@@ -134,6 +154,7 @@ export {
   SheetClose,
   SheetContent,
   SheetHeader,
+  SheetBody,
   SheetFooter,
   SheetTitle,
   SheetDescription,
@@ -142,6 +163,7 @@ export {
   type SheetCloseProps,
   type SheetContentProps,
   type SheetHeaderProps,
+  type SheetBodyProps,
   type SheetFooterProps,
   type SheetTitleProps,
   type SheetDescriptionProps,

package/dist/chunk-LJSD47ZL.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkHQ4AUOQMjs = require('./chunk-HQ4AUOQM.js');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var f=e.Root,P= exports.b =e.Trigger,y= exports.c =e.Close,m= exports.d =s.forwardRef(({children:t,className:o,...l},n)=>_jsxruntime.jsxs.call(void 0, e.Portal,{children:[_jsxruntime.jsx.call(void 0, e.Overlay,{className:"data-[state=open]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsxs.call(void 0, e.Content,{ref:n,className:_chunkHQ4AUOQMjs.b.call(void 0, "bg-background data-[state=open]:animate-in data-[state=open]:animate-duration-200 data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",o),...l,children:[t,_jsxruntime.jsxs.call(void 0, e.Close,{className:"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",children:[_jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})]})]}));m.displayName=e.Content.displayName;function u({className:t,...o}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkHQ4AUOQMjs.b.call(void 0, "flex flex-col space-y-1.5 text-center sm:text-left",t),...o})}function v({className:t,...o}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkHQ4AUOQMjs.b.call(void 0, "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...o})}var g=s.forwardRef(({className:t,...o},l)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:l,className:_chunkHQ4AUOQMjs.b.call(void 0, "text-lg font-semibold leading-none tracking-tight",t),...o}));g.displayName=e.Title.displayName;var D=s.forwardRef(({className:t,...o},l)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:l,className:_chunkHQ4AUOQMjs.b.call(void 0, "text-muted-foreground text-sm",t),...o}));D.displayName=e.Description.displayName;exports.a = f; exports.b = P; exports.c = y; exports.d = m; exports.e = u; exports.f = v; exports.g = g; exports.h = D;
-//# sourceMappingURL=chunk-LJSD47ZL.js.map

package/dist/chunk-LJSD47ZL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/react/dialog.tsx"],"names":["React","DialogPrimitive","Cross2Icon","jsx","jsxs","Dialog","DialogTrigger","DialogClose","DialogContent","children","className","props","ref","cn","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"wCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBAkCrB,cAAAC,EAUE,QAAAC,MAVF,oBA1BN,IAAMC,EAAyB,OAOzBC,EAAgC,UAOhCC,EAA8B,QAS9BC,EAAsB,aAC1B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCR,EAAiB,SAAhB,CACC,UAAAD,EAAiB,UAAhB,CAAwB,UAAU,+IAA+I,EAClLC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,yhBACAH,CACF,EACC,GAAGC,EAEH,UAAAF,EACDL,EAAiB,QAAhB,CAAsB,UAAU,0PAC/B,UAAAD,EAACD,EAAA,CAAW,UAAU,SAAS,EAC/BC,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,EAEAK,EAAc,YAA8B,UAAQ,YAQpD,SAASM,EAAa,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAyC,CACnF,OAAOR,EAAC,OAAI,UAAWU,EAAG,qDAAsDH,CAAS,EAAI,GAAGC,EAAO,CACzG,CAQA,SAASI,EAAa,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAyC,CACnF,OAAOR,EAAC,OAAI,UAAWU,EAAG,gEAAiEH,CAAS,EAAI,GAAGC,EAAO,CACpH,CASA,IAAMK,EAAoB,aAAiD,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IACnGT,EAAiB,QAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,oDAAqDH,CAAS,EAC3E,GAAGC,EACN,CACD,EAEDK,EAAY,YAA8B,QAAM,YAShD,IAAMC,EAA0B,aAC9B,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IACxBT,EAAiB,cAAhB,CAA4B,IAAKS,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEjH,EAEAM,EAAkB,YAA8B,cAAY","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Dialog\n * -------------------------------------------------------------------------- */\n\ntype DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;\nconst Dialog = DialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTrigger\n * -------------------------------------------------------------------------- */\n\ntype DialogTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;\nconst DialogTrigger = DialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogClose\n * -------------------------------------------------------------------------- */\n\ntype DialogCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;\nconst DialogClose = DialogPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogContent\n * -------------------------------------------------------------------------- */\n\ntype DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ntype DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;\n\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n  ({ children, className, ...props }, ref) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay className=\"data-[state=open]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=open]:animate-duration-200 data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none\">\n          <Cross2Icon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  ),\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogHeader\n * -------------------------------------------------------------------------- */\n\ntype DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element {\n  return <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogFooter\n * -------------------------------------------------------------------------- */\n\ntype DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element {\n  return <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTitle\n * -------------------------------------------------------------------------- */\n\ntype DialogTitleElement = React.ElementRef<typeof DialogPrimitive.Title>;\ntype DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\n\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogDescription\n * -------------------------------------------------------------------------- */\n\ntype DialogDescriptionElement = React.ElementRef<typeof DialogPrimitive.Description>;\ntype DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;\n\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n  ),\n);\n\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n  type DialogProps,\n  type DialogTriggerProps,\n  type DialogCloseProps,\n  type DialogContentProps,\n  type DialogHeaderProps,\n  type DialogFooterProps,\n  type DialogTitleProps,\n  type DialogDescriptionProps,\n};\n"]}

package/dist/chunk-W3VRLCP7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../plugin/animate.plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport { type Config } from 'tailwindcss/types/config';\n\ntype Theme = <TDefaultValue = Config['theme']>(path?: string, defaultValue?: TDefaultValue) => TDefaultValue;\n\nconst animate = plugin(\n  ({ addUtilities, matchUtilities, theme }) => {\n    // Keyframes\n    addUtilities({\n      '@keyframes in': {\n        from: {\n          opacity: 'var(--animate-in-opacity, 1)',\n          transform: [\n            'translate3d(var(--animate-in-translate-x, 0), var(--animate-in-translate-y, 0), 0)',\n            'scale3d(var(--animate-in-scale, 1), var(--animate-in-scale, 1), var(--animate-in-scale, 1))',\n            'rotate(var(--animate-in-rotate, 0))',\n          ].join(' '),\n        },\n      },\n\n      '@keyframes out': {\n        to: {\n          opacity: 'var(--animate-out-opacity, 1)',\n          transform: [\n            'translate3d(var(--animate-out-translate-x, 0), var(--animate-out-translate-y, 0), 0)',\n            'scale3d(var(--animate-out-scale, 1), var(--animate-out-scale, 1), var(--animate-out-scale, 1))',\n            'rotate(var(--animate-out-rotate, 0))',\n          ].join(' '),\n        },\n      },\n\n      '@keyframes fade-in': {\n        from: {\n          opacity: 'var(--animate-in-opacity, 0)',\n        },\n      },\n\n      '@keyframes fade-out': {\n        to: {\n          opacity: 'var(--animate-out-opacity, 0)',\n        },\n      },\n\n      '.animate-in': {\n        animationName: 'in',\n        animationDuration: theme('animationDuration.DEFAULT'),\n        '--animate-in-opacity': 'initial',\n        '--animate-in-scale': 'initial',\n        '--animate-in-rotate': 'initial',\n        '--animate-in-translate-x': 'initial',\n        '--animate-in-translate-y': 'initial',\n      },\n\n      '.animate-out': {\n        animationName: 'out',\n        animationDuration: theme('animationDuration.DEFAULT'),\n        '--animate-out-opacity': 'initial',\n        '--animate-out-scale': 'initial',\n        '--animate-out-rotate': 'initial',\n        '--animate-out-translate-x': 'initial',\n        '--animate-out-translate-y': 'initial',\n      },\n\n      '.animate-fade-in': {\n        animationName: 'fade-in',\n        animationDuration: theme('animationDuration.DEFAULT'),\n        '--animate-in-opacity': 'initial',\n      },\n\n      '.animate-fade-out': {\n        animationName: 'fade-out',\n        animationDuration: theme('animationDuration.DEFAULT'),\n        '--animate-out-opacity': 'initial',\n      },\n    });\n\n    // Play state\n    addUtilities({\n      '.animation-running': {\n        animationPlayState: 'running',\n      },\n      '.animation-paused': {\n        animationPlayState: 'paused',\n      },\n    });\n\n    // Delay\n    matchUtilities(\n      {\n        'animate-delay': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          animationDelay: value,\n        }),\n      },\n      {\n        values: theme('animationDelay'),\n      },\n    );\n\n    // Direction\n    matchUtilities(\n      {\n        'animate-direction': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          animationDirection: value,\n        }),\n      },\n      {\n        values: theme('animationDirection'),\n      },\n    );\n\n    // Duration\n    matchUtilities(\n      {\n        'animate-duration': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          animationDuration: value,\n        }),\n      },\n      {\n        values: theme('animationDuration'),\n      },\n    );\n\n    // Fill mode\n    matchUtilities(\n      {\n        'animate-fill-mode': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          animationFillMode: value,\n        }),\n      },\n      {\n        values: theme('animationFillMode'),\n      },\n    );\n\n    // Opacity\n    matchUtilities(\n      {\n        'fade-in': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          '--animate-in-opacity': value,\n        }),\n        'fade-out': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          '--animate-out-opacity': value,\n        }),\n      },\n      {\n        values: theme('animationOpacity'),\n      },\n    );\n\n    // Repeat\n    matchUtilities(\n      {\n        'animate-repeat': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          animationIterationCount: value,\n        }),\n      },\n      {\n        values: theme('animationRepeat'),\n      },\n    );\n\n    // Rotate\n    matchUtilities(\n      {\n        'spin-in': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          '--animate-in-rotate': value,\n        }),\n        'spin-out': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          '--animate-out-rotate': value,\n        }),\n      },\n      {\n        values: theme('animationRotate'),\n      },\n    );\n\n    // Scale - Zoom\n    matchUtilities(\n      {\n        'zoom-in': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          '--animate-in-scale': value,\n        }),\n        'zoom-out': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          '--animate-out-scale': value,\n        }),\n      },\n      {\n        values: theme('animationScale'),\n      },\n    );\n\n    // Timing function\n    matchUtilities(\n      {\n        'animate-ease': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          animationTimingFunction: value,\n        }),\n      },\n      {\n        values: theme('animationTimingFunction'),\n      },\n    );\n\n    // Translate - Slide\n    matchUtilities(\n      {\n        'slide-in-from-top': (value) => ({\n          '--animate-in-translate-y': `-${value}`,\n        }),\n\n        'slide-in-from-bottom': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          '--animate-in-translate-y': value,\n        }),\n\n        'slide-in-from-left': (value) => ({\n          '--animate-in-translate-x': `-${value}`,\n        }),\n\n        'slide-in-from-right': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          '--animate-in-translate-x': value,\n        }),\n\n        'slide-out-to-top': (value) => ({\n          '--animate-out-translate-y': `-${value}`,\n        }),\n\n        'slide-out-to-bottom': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          '--animate-out-translate-y': value,\n        }),\n\n        'slide-out-to-left': (value) => ({\n          '--animate-out-translate-x': `-${value}`,\n        }),\n\n        'slide-out-to-right': (value) => ({\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n          '--animate-out-translate-x': value,\n        }),\n      },\n      {\n        values: theme('animationTranslate'),\n      },\n    );\n  },\n  {\n    theme: {\n      extend: {\n        animationDelay: ({ theme }: { theme: Theme }) => ({\n          ...theme('transitionDelay'),\n        }),\n\n        animationDirection: {\n          normal: 'normal',\n          reverse: 'reverse',\n          alternate: 'alternate',\n          'alternate-reverse': 'alternate-reverse',\n        },\n\n        animationDuration: ({ theme }: { theme: Theme }) => ({\n          ...theme('transitionDuration'),\n        }),\n\n        animationFillMode: {\n          none: 'none',\n          forwards: 'forwards',\n          backwards: 'backwards',\n          both: 'both',\n        },\n\n        animationOpacity: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: 0,\n          ...theme('opacity'),\n        }),\n\n        animationRepeat: {\n          0: '0',\n          1: '1',\n          infinite: 'infinite',\n        },\n\n        animationRotate: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: '30deg',\n          ...theme('rotate'),\n        }),\n\n        animationScale: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: 0,\n          ...theme('scale'),\n        }),\n\n        animationTimingFunction: ({ theme }: { theme: Theme }) => ({\n          ...theme('transitionTimingFunction'),\n        }),\n\n        animationTranslate: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: '100%',\n          ...theme('translate'),\n        }),\n      },\n    },\n  },\n);\n\nexport default animate;\n"],"mappings":"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","names":["plugin","animate","addUtilities","matchUtilities","theme","value","animate_plugin_default"]}

package/dist/chunk-Y2GMHG3Z.mjs

@@ -1,2 +0,0 @@
-import{b as a}from"./chunk-LEUB3C3L.mjs";import*as s from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as p}from"@radix-ui/react-icons";import{jsx as i,jsxs as r}from"react/jsx-runtime";var f=e.Root,P=e.Trigger,y=e.Close,m=s.forwardRef(({children:t,className:o,...l},n)=>r(e.Portal,{children:[i(e.Overlay,{className:"data-[state=open]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),r(e.Content,{ref:n,className:a("bg-background data-[state=open]:animate-in data-[state=open]:animate-duration-200 data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",o),...l,children:[t,r(e.Close,{className:"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",children:[i(p,{className:"size-4"}),i("span",{className:"sr-only",children:"Close"})]})]})]}));m.displayName=e.Content.displayName;function u({className:t,...o}){return i("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",t),...o})}function v({className:t,...o}){return i("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...o})}var g=s.forwardRef(({className:t,...o},l)=>i(e.Title,{ref:l,className:a("text-lg font-semibold leading-none tracking-tight",t),...o}));g.displayName=e.Title.displayName;var D=s.forwardRef(({className:t,...o},l)=>i(e.Description,{ref:l,className:a("text-muted-foreground text-sm",t),...o}));D.displayName=e.Description.displayName;export{f as a,P as b,y as c,m as d,u as e,v as f,g,D as h};
-//# sourceMappingURL=chunk-Y2GMHG3Z.mjs.map

package/dist/chunk-Y2GMHG3Z.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/react/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Dialog\n * -------------------------------------------------------------------------- */\n\ntype DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;\nconst Dialog = DialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTrigger\n * -------------------------------------------------------------------------- */\n\ntype DialogTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;\nconst DialogTrigger = DialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogClose\n * -------------------------------------------------------------------------- */\n\ntype DialogCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;\nconst DialogClose = DialogPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogContent\n * -------------------------------------------------------------------------- */\n\ntype DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ntype DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;\n\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n  ({ children, className, ...props }, ref) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay className=\"data-[state=open]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=open]:animate-duration-200 data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none\">\n          <Cross2Icon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  ),\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogHeader\n * -------------------------------------------------------------------------- */\n\ntype DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element {\n  return <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogFooter\n * -------------------------------------------------------------------------- */\n\ntype DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element {\n  return <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTitle\n * -------------------------------------------------------------------------- */\n\ntype DialogTitleElement = React.ElementRef<typeof DialogPrimitive.Title>;\ntype DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\n\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogDescription\n * -------------------------------------------------------------------------- */\n\ntype DialogDescriptionElement = React.ElementRef<typeof DialogPrimitive.Description>;\ntype DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;\n\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n  ),\n);\n\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n  type DialogProps,\n  type DialogTriggerProps,\n  type DialogCloseProps,\n  type DialogContentProps,\n  type DialogHeaderProps,\n  type DialogFooterProps,\n  type DialogTitleProps,\n  type DialogDescriptionProps,\n};\n"],"mappings":"yCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBAkCrB,cAAAC,EAUE,QAAAC,MAVF,oBA1BN,IAAMC,EAAyB,OAOzBC,EAAgC,UAOhCC,EAA8B,QAS9BC,EAAsB,aAC1B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCR,EAAiB,SAAhB,CACC,UAAAD,EAAiB,UAAhB,CAAwB,UAAU,+IAA+I,EAClLC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,yhBACAH,CACF,EACC,GAAGC,EAEH,UAAAF,EACDL,EAAiB,QAAhB,CAAsB,UAAU,0PAC/B,UAAAD,EAACW,EAAA,CAAW,UAAU,SAAS,EAC/BX,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,EAEAK,EAAc,YAA8B,UAAQ,YAQpD,SAASO,EAAa,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAyC,CACnF,OAAOR,EAAC,OAAI,UAAWU,EAAG,qDAAsDH,CAAS,EAAI,GAAGC,EAAO,CACzG,CAQA,SAASK,EAAa,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAyC,CACnF,OAAOR,EAAC,OAAI,UAAWU,EAAG,gEAAiEH,CAAS,EAAI,GAAGC,EAAO,CACpH,CASA,IAAMM,EAAoB,aAAiD,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IACnGT,EAAiB,QAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,oDAAqDH,CAAS,EAC3E,GAAGC,EACN,CACD,EAEDM,EAAY,YAA8B,QAAM,YAShD,IAAMC,EAA0B,aAC9B,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACxBT,EAAiB,cAAhB,CAA4B,IAAKS,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEjH,EAEAO,EAAkB,YAA8B,cAAY","names":["React","DialogPrimitive","Cross2Icon","jsx","jsxs","Dialog","DialogTrigger","DialogClose","DialogContent","children","className","props","ref","cn","Cross2Icon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"]}