@codefast/ui 0.0.58 → 0.0.60

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-IUT4SHXE.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=closed]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 grid place-items-center overflow-auto bg-black/80 p-4 sm:pb-12 sm:pt-8\">\n        <DialogPrimitive.Content\n          ref={ref}\n          className={cn(\n            'bg-background data-[state=open]:animate-in data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out relative z-50 flex w-full max-w-lg flex-col rounded-lg border shadow-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 p-1 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.Overlay>\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 (\n    <header\n      className={cn('flex shrink-0 flex-col space-y-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogBody\n * -------------------------------------------------------------------------- */\n\ntype DialogBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogBody({ className, ...props }: DialogFooterProps): React.JSX.Element {\n  return <main className={cn('grow overflow-y-auto px-6 py-2', 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 (\n    <footer\n      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)}\n      {...props}\n    />\n  );\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  DialogBody,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n  type DialogProps,\n  type DialogTriggerProps,\n  type DialogCloseProps,\n  type DialogContentProps,\n  type DialogHeaderProps,\n  type DialogBodyProps,\n  type DialogFooterProps,\n  type DialogTitleProps,\n  type DialogDescriptionProps,\n};\n"],"mappings":"yCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBA4CjB,OACE,OAAAC,EADF,QAAAC,MAAA,oBApCV,IAAMC,EAAyB,OAOzBC,EAAgC,UAOhCC,EAA8B,QAS9BC,EAAsB,aAC1B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCT,EAAiB,SAAhB,CACC,SAAAA,EAAiB,UAAhB,CAAwB,UAAU,mPACjC,SAAAC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,yVACAH,CACF,EACC,GAAGC,EAEH,UAAAF,EACDL,EAAiB,QAAhB,CAAsB,UAAU,8PAC/B,UAAAD,EAACW,EAAA,CAAW,UAAU,SAAS,EAC/BX,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,EACF,EACF,CAEJ,EAEAK,EAAc,YAA8B,UAAQ,YAQpD,SAASO,EAAa,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAyC,CACnF,OACER,EAAC,UACC,UAAWU,EAAG,6EAA8EH,CAAS,EACpG,GAAGC,EACN,CAEJ,CAQA,SAASK,EAAW,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAyC,CACjF,OAAOR,EAAC,QAAK,UAAWU,EAAG,iCAAkCH,CAAS,EAAI,GAAGC,EAAO,CACtF,CAQA,SAASM,EAAa,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAyC,CACnF,OACER,EAAC,UACC,UAAWU,EAAG,wFAAyFH,CAAS,EAC/G,GAAGC,EACN,CAEJ,CASA,IAAMO,EAAoB,aAAiD,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACnGT,EAAiB,QAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,oDAAqDH,CAAS,EAC3E,GAAGC,EACN,CACD,EAEDO,EAAY,YAA8B,QAAM,YAShD,IAAMC,EAA0B,aAC9B,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IACxBT,EAAiB,cAAhB,CAA4B,IAAKS,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEjH,EAEAQ,EAAkB,YAA8B,cAAY","names":["React","DialogPrimitive","Cross2Icon","jsx","jsxs","Dialog","DialogTrigger","DialogClose","DialogContent","children","className","props","ref","cn","Cross2Icon","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogDescription"]}

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"]}