@codefast/ui 0.0.9 → 0.0.11

package/dist/separator.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
-type SeparatorProps = SeparatorPrimitive.SeparatorProps;
-declare const Separator: React.ForwardRefExoticComponent<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 export { Separator, type SeparatorProps };

package/dist/separator.js

@@ -14,11 +14,7 @@ var Separator = React.forwardRef(
       ref,
       decorative,
       orientation,
-      className: _chunkG3NP7M2Njs.cn.call(void 0, 
-        "bg-border shrink-0",
-        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
-        className
-      ),
+      className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-border shrink-0", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className),
       ...props
     }
   )

package/dist/separator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/separator.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAgBhC;AARJ,IAAM,YAAkB;AAAA,EAItB,CACE,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GACrE,QAEA;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,gBAAgB;AAAA,QAC/C;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAiC,wBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\ntype SeparatorProps = SeparatorPrimitive.SeparatorProps;\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  SeparatorProps\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref,\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0\",\n        orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator, type SeparatorProps };\n"]}
+{"version":3,"sources":["../src/separator.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAYhC;AAFJ,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GAAG,QACvE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,sBAAsB,gBAAgB,eAAe,gBAAgB,eAAe,SAAS;AAAA,MAC1G,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,UAAU,cAAiC,wBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\ntype SeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\n\nconst Separator = React.forwardRef<SeparatorElement, SeparatorProps>(\n  ({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\"bg-border shrink-0\", orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\", className)}\n      {...props}\n    />\n  ),\n);\n\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator, type SeparatorProps };\n"]}

package/dist/separator.mjs

@@ -14,11 +14,7 @@ var Separator = React.forwardRef(
       ref,
       decorative,
       orientation,
-      className: cn(
-        "bg-border shrink-0",
-        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
-        className
-      ),
+      className: cn("bg-border shrink-0", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className),
       ...props
     }
   )

package/dist/separator.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\ntype SeparatorProps = SeparatorPrimitive.SeparatorProps;\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  SeparatorProps\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref,\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0\",\n        orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator, type SeparatorProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAgBhC;AARJ,IAAM,YAAkB;AAAA,EAItB,CACE,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GACrE,QAEA;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,gBAAgB;AAAA,QAC/C;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAiC,wBAAK;","names":[]}
+{"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\ntype SeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\n\nconst Separator = React.forwardRef<SeparatorElement, SeparatorProps>(\n  ({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\"bg-border shrink-0\", orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\", className)}\n      {...props}\n    />\n  ),\n);\n\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator, type SeparatorProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAYhC;AAFJ,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GAAG,QACvE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,sBAAsB,gBAAgB,eAAe,gBAAgB,eAAe,SAAS;AAAA,MAC1G,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,UAAU,cAAiC,wBAAK;","names":[]}

package/dist/sheet.d.mts

@@ -60,14 +60,14 @@ declare const sheetVariants: (props?: ({
     } | null | undefined;
 })) | undefined) => string;
 type SheetVariantsProps = VariantProps<typeof sheetVariants>;
-type SheetProps = DialogPrimitive.DialogProps;
+type SheetProps = React.ComponentProps<typeof DialogPrimitive.Root>;
 declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
-type SheetTriggerProps = DialogPrimitive.DialogTriggerProps;
+type SheetTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
 declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-type SheetCloseProps = DialogPrimitive.DialogCloseProps;
+type SheetCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
 declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-type SheetContentProps = DialogPrimitive.DialogContentProps & SheetVariantsProps;
-declare const SheetContent: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & SheetVariantsProps & React.RefAttributes<HTMLDivElement>>;
+type SheetContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & SheetVariantsProps;
+declare const SheetContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & SheetVariantsProps & React.RefAttributes<HTMLDivElement>>;
 type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 declare function SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element;
 type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
@@ -75,9 +75,9 @@ declare function SheetFooter({ className, ...props }: SheetFooterProps): React.J
 declare namespace SheetFooter {
     var displayName: string;
 }
-type SheetTitleProps = DialogPrimitive.DialogTitleProps;
-declare const SheetTitle: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-type SheetDescriptionProps = DialogPrimitive.DialogDescriptionProps;
-declare const SheetDescription: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+type SheetTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+type SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
 export { Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps };

package/dist/sheet.d.ts

@@ -60,14 +60,14 @@ declare const sheetVariants: (props?: ({
     } | null | undefined;
 })) | undefined) => string;
 type SheetVariantsProps = VariantProps<typeof sheetVariants>;
-type SheetProps = DialogPrimitive.DialogProps;
+type SheetProps = React.ComponentProps<typeof DialogPrimitive.Root>;
 declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
-type SheetTriggerProps = DialogPrimitive.DialogTriggerProps;
+type SheetTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
 declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-type SheetCloseProps = DialogPrimitive.DialogCloseProps;
+type SheetCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
 declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-type SheetContentProps = DialogPrimitive.DialogContentProps & SheetVariantsProps;
-declare const SheetContent: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & SheetVariantsProps & React.RefAttributes<HTMLDivElement>>;
+type SheetContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & SheetVariantsProps;
+declare const SheetContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & SheetVariantsProps & React.RefAttributes<HTMLDivElement>>;
 type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 declare function SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element;
 type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
@@ -75,9 +75,9 @@ declare function SheetFooter({ className, ...props }: SheetFooterProps): React.J
 declare namespace SheetFooter {
     var displayName: string;
 }
-type SheetTitleProps = DialogPrimitive.DialogTitleProps;
-declare const SheetTitle: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-type SheetDescriptionProps = DialogPrimitive.DialogDescriptionProps;
-declare const SheetDescription: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+type SheetTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+type SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
 export { Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps };

package/dist/sheet.js

@@ -26,88 +26,47 @@ var sheetVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
-var SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPrimitive.Portal, { children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    SheetPrimitive.Overlay,
-    {
-      className: _chunkG3NP7M2Njs.cn.call(void 0, 
-        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
-      )
-    }
-  ),
-  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    SheetPrimitive.Content,
-    {
-      ref,
-      className: _chunkG3NP7M2Njs.cn.call(void 0, sheetVariants({ side }), className),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          SheetPrimitive.Close,
-          {
-            className: _chunkG3NP7M2Njs.cn.call(void 0, 
-              "focus:ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
-            ),
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon, { className: "size-4" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
-            ]
-          }
+var SheetContent = React.forwardRef(
+  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPrimitive.Portal, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      SheetPrimitive.Overlay,
+      {
+        className: _chunkG3NP7M2Njs.cn.call(void 0, 
+          "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
         )
-      ]
-    }
-  )
-] }));
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPrimitive.Content, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, sheetVariants({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        SheetPrimitive.Close,
+        {
+          className: _chunkG3NP7M2Njs.cn.call(void 0, 
+            "data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
+            "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+          ),
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon, { className: "size-4" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
+          ]
+        }
+      )
+    ] })
+  ] })
+);
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-function SheetHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _chunkG3NP7M2Njs.cn.call(void 0, 
-        "flex flex-col space-y-2 text-center sm:text-left",
-        className
-      ),
-      ...props
-    }
-  );
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkG3NP7M2Njs.cn.call(void 0, "flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 }
-function SheetFooter({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _chunkG3NP7M2Njs.cn.call(void 0, 
-        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-        className
-      ),
-      ...props
-    }
-  );
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkG3NP7M2Njs.cn.call(void 0, "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 }
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  SheetPrimitive.Title,
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, "text-foreground text-lg font-semibold", className),
-    ...props
-  }
-));
+var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetPrimitive.Title, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "text-foreground text-lg font-semibold", className), ...props }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  SheetPrimitive.Description,
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground text-sm", className),
-    ...props
-  }
-));
+var SheetDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetPrimitive.Description, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground text-sm", className), ...props })
+);
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 

package/dist/sheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/sheet.tsx"],"names":[],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,kBAAkB;AA0DvB,cAWE,YAXF;AAlDJ,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QACE;AAAA,MACF,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AASD,IAAM,QAAuB;AAO7B,IAAM,eAA8B;AAOpC,IAAM,aAA4B;AAOlC,IAAM,eAAqB,iBAGzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QACpD,qBAAgB,uBAAf,EACC;AAAA;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC,WAAW;AAAA,QACT;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MAC/C,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAgB;AAAA,UAAf;AAAA,YACC,WAAW;AAAA,cACT;AAAA,YACF;AAAA,YAEA;AAAA,kCAAC,cAAW,WAAU,UAAS;AAAA,cAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,QACjC;AAAA;AAAA;AAAA,EACF;AAAA,GACF,CACD;AACD,aAAa,cAA6B,uBAAQ;AAOlD,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAOA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,YAAY,cAAc;AAO1B,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,IAC/D,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAA6B,qBAAM;AAO9C,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAA6B,2BAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n  base: \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  variants: {\n    side: {\n      top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b\",\n      bottom:\n        \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t\",\n      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\",\n      right:\n        \"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\",\n    },\n  },\n  defaultVariants: {\n    side: \"right\",\n  },\n});\n\ntype SheetVariantsProps = VariantProps<typeof sheetVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = SheetPrimitive.DialogProps;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = SheetPrimitive.DialogTriggerProps;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseProps = SheetPrimitive.DialogCloseProps;\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentProps = SheetPrimitive.DialogContentProps & SheetVariantsProps;\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n  <SheetPrimitive.Portal>\n    <SheetPrimitive.Overlay\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\",\n      )}\n    />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      {children}\n      <SheetPrimitive.Close\n        className={cn(\n          \"focus:ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\",\n        )}\n      >\n        <Cross2Icon className=\"size-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n    </SheetPrimitive.Content>\n  </SheetPrimitive.Portal>\n));\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\nfunction SheetHeader({\n  className,\n  ...props\n}: SheetHeaderProps): React.JSX.Element {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col space-y-2 text-center sm:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\nfunction SheetFooter({\n  className,\n  ...props\n}: SheetFooterProps): React.JSX.Element {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleProps = SheetPrimitive.DialogTitleProps;\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  SheetTitleProps\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-foreground text-lg font-semibold\", className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionProps = SheetPrimitive.DialogDescriptionProps;\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  SheetDescriptionProps\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n  type SheetProps,\n  type SheetTriggerProps,\n  type SheetCloseProps,\n  type SheetContentProps,\n  type SheetHeaderProps,\n  type SheetFooterProps,\n  type SheetTitleProps,\n  type SheetDescriptionProps,\n};\n"]}
+{"version":3,"sources":["../src/sheet.tsx"],"names":[],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,kBAAkB;AA0DrB,cAOE,YAPF;AAlDN,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QACE;AAAA,MACF,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AASD,IAAM,QAAuB;AAO7B,IAAM,eAA8B;AAOpC,IAAM,aAA4B;AASlC,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QAClD,qBAAgB,uBAAf,EACC;AAAA;AAAA,MAAgB;AAAA,MAAf;AAAA,QACC,WAAW;AAAA,UACT;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,qBAAgB,wBAAf,EAAuB,KAAU,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACtF;AAAA;AAAA,MACD;AAAA,QAAgB;AAAA,QAAf;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,gCAAC,cAAW,WAAU,UAAS;AAAA,YAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,MACjC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,aAAa,cAA6B,uBAAQ;AAQlD,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,oDAAoD,SAAS,GAAI,GAAG,OAAO;AACvG;AAQA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,iEAAiE,SAAS,GAAI,GAAG,OAAO;AACpH;AAEA,YAAY,cAAc;AAS1B,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAChG,oBAAgB,sBAAf,EAAqB,KAAU,WAAW,GAAG,yCAAyC,SAAS,GAAI,GAAG,OAAO,CAC/G;AAED,WAAW,cAA6B,qBAAM;AAS9C,IAAM,mBAAyB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAgB,4BAAf,EAA2B,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEhH;AAEA,iBAAiB,cAA6B,2BAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n  base: \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  variants: {\n    side: {\n      top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b\",\n      bottom:\n        \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t\",\n      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\",\n      right:\n        \"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\",\n    },\n  },\n  defaultVariants: {\n    side: \"right\",\n  },\n});\n\ntype SheetVariantsProps = VariantProps<typeof sheetVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n  ({ side = \"right\", className, children, ...props }, ref) => (\n    <SheetPrimitive.Portal>\n      <SheetPrimitive.Overlay\n        className={cn(\n          \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\",\n        )}\n      />\n      <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n        {children}\n        <SheetPrimitive.Close\n          className={cn(\n            \"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none\",\n            \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n          )}\n        >\n          <Cross2Icon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPrimitive.Portal>\n  ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n  return <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): 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\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title ref={ref} className={cn(\"text-foreground text-lg font-semibold\", className)} {...props} />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <SheetPrimitive.Description ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n  ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n  type SheetProps,\n  type SheetTriggerProps,\n  type SheetCloseProps,\n  type SheetContentProps,\n  type SheetHeaderProps,\n  type SheetFooterProps,\n  type SheetTitleProps,\n  type SheetDescriptionProps,\n};\n"]}

package/dist/sheet.mjs

@@ -26,88 +26,47 @@ var sheetVariants = cva({
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
-var SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [
-  /* @__PURE__ */ jsx(
-    SheetPrimitive.Overlay,
-    {
-      className: cn(
-        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
-      )
-    }
-  ),
-  /* @__PURE__ */ jsxs(
-    SheetPrimitive.Content,
-    {
-      ref,
-      className: cn(sheetVariants({ side }), className),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxs(
-          SheetPrimitive.Close,
-          {
-            className: cn(
-              "focus:ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
-            ),
-            children: [
-              /* @__PURE__ */ jsx(Cross2Icon, { className: "size-4" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-            ]
-          }
+var SheetContent = React.forwardRef(
+  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(
+      SheetPrimitive.Overlay,
+      {
+        className: cn(
+          "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
         )
-      ]
-    }
-  )
-] }));
+      }
+    ),
+    /* @__PURE__ */ jsxs(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsxs(
+        SheetPrimitive.Close,
+        {
+          className: cn(
+            "data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
+            "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Cross2Icon, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ]
+        }
+      )
+    ] })
+  ] })
+);
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-function SheetHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "flex flex-col space-y-2 text-center sm:text-left",
-        className
-      ),
-      ...props
-    }
-  );
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 }
-function SheetFooter({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-        className
-      ),
-      ...props
-    }
-  );
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 }
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SheetPrimitive.Title,
-  {
-    ref,
-    className: cn("text-foreground text-lg font-semibold", className),
-    ...props
-  }
-));
+var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Title, { ref, className: cn("text-foreground text-lg font-semibold", className), ...props }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SheetPrimitive.Description,
-  {
-    ref,
-    className: cn("text-muted-foreground text-sm", className),
-    ...props
-  }
-));
+var SheetDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, { ref, className: cn("text-muted-foreground text-sm", className), ...props })
+);
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 export {
   Sheet,

package/dist/sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n  base: \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  variants: {\n    side: {\n      top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b\",\n      bottom:\n        \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t\",\n      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\",\n      right:\n        \"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\",\n    },\n  },\n  defaultVariants: {\n    side: \"right\",\n  },\n});\n\ntype SheetVariantsProps = VariantProps<typeof sheetVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = SheetPrimitive.DialogProps;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = SheetPrimitive.DialogTriggerProps;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseProps = SheetPrimitive.DialogCloseProps;\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentProps = SheetPrimitive.DialogContentProps & SheetVariantsProps;\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n  <SheetPrimitive.Portal>\n    <SheetPrimitive.Overlay\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\",\n      )}\n    />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      {children}\n      <SheetPrimitive.Close\n        className={cn(\n          \"focus:ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\",\n        )}\n      >\n        <Cross2Icon className=\"size-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n    </SheetPrimitive.Content>\n  </SheetPrimitive.Portal>\n));\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\nfunction SheetHeader({\n  className,\n  ...props\n}: SheetHeaderProps): React.JSX.Element {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col space-y-2 text-center sm:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\nfunction SheetFooter({\n  className,\n  ...props\n}: SheetFooterProps): React.JSX.Element {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleProps = SheetPrimitive.DialogTitleProps;\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  SheetTitleProps\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-foreground text-lg font-semibold\", className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionProps = SheetPrimitive.DialogDescriptionProps;\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  SheetDescriptionProps\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n  type SheetProps,\n  type SheetTriggerProps,\n  type SheetCloseProps,\n  type SheetContentProps,\n  type SheetHeaderProps,\n  type SheetFooterProps,\n  type SheetTitleProps,\n  type SheetDescriptionProps,\n};\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,kBAAkB;AA0DvB,cAWE,YAXF;AAlDJ,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QACE;AAAA,MACF,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AASD,IAAM,QAAuB;AAO7B,IAAM,eAA8B;AAOpC,IAAM,aAA4B;AAOlC,IAAM,eAAqB,iBAGzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QACpD,qBAAgB,uBAAf,EACC;AAAA;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC,WAAW;AAAA,QACT;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MAC/C,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAgB;AAAA,UAAf;AAAA,YACC,WAAW;AAAA,cACT;AAAA,YACF;AAAA,YAEA;AAAA,kCAAC,cAAW,WAAU,UAAS;AAAA,cAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,QACjC;AAAA;AAAA;AAAA,EACF;AAAA,GACF,CACD;AACD,aAAa,cAA6B,uBAAQ;AAOlD,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAOA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,YAAY,cAAc;AAO1B,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,IAC/D,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAA6B,qBAAM;AAO9C,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAA6B,2BAAY;","names":[]}
+{"version":3,"sources":["../src/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n  base: \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  variants: {\n    side: {\n      top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b\",\n      bottom:\n        \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t\",\n      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\",\n      right:\n        \"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\",\n    },\n  },\n  defaultVariants: {\n    side: \"right\",\n  },\n});\n\ntype SheetVariantsProps = VariantProps<typeof sheetVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n  ({ side = \"right\", className, children, ...props }, ref) => (\n    <SheetPrimitive.Portal>\n      <SheetPrimitive.Overlay\n        className={cn(\n          \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\",\n        )}\n      />\n      <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n        {children}\n        <SheetPrimitive.Close\n          className={cn(\n            \"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none\",\n            \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n          )}\n        >\n          <Cross2Icon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPrimitive.Portal>\n  ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n  return <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): 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\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title ref={ref} className={cn(\"text-foreground text-lg font-semibold\", className)} {...props} />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <SheetPrimitive.Description ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n  ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n  type SheetProps,\n  type SheetTriggerProps,\n  type SheetCloseProps,\n  type SheetContentProps,\n  type SheetHeaderProps,\n  type SheetFooterProps,\n  type SheetTitleProps,\n  type SheetDescriptionProps,\n};\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,kBAAkB;AA0DrB,cAOE,YAPF;AAlDN,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QACE;AAAA,MACF,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AASD,IAAM,QAAuB;AAO7B,IAAM,eAA8B;AAOpC,IAAM,aAA4B;AASlC,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QAClD,qBAAgB,uBAAf,EACC;AAAA;AAAA,MAAgB;AAAA,MAAf;AAAA,QACC,WAAW;AAAA,UACT;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,qBAAgB,wBAAf,EAAuB,KAAU,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACtF;AAAA;AAAA,MACD;AAAA,QAAgB;AAAA,QAAf;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,gCAAC,cAAW,WAAU,UAAS;AAAA,YAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,MACjC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,aAAa,cAA6B,uBAAQ;AAQlD,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,oDAAoD,SAAS,GAAI,GAAG,OAAO;AACvG;AAQA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,iEAAiE,SAAS,GAAI,GAAG,OAAO;AACpH;AAEA,YAAY,cAAc;AAS1B,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAChG,oBAAgB,sBAAf,EAAqB,KAAU,WAAW,GAAG,yCAAyC,SAAS,GAAI,GAAG,OAAO,CAC/G;AAED,WAAW,cAA6B,qBAAM;AAS9C,IAAM,mBAAyB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAgB,4BAAf,EAA2B,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEhH;AAEA,iBAAiB,cAA6B,2BAAY;","names":[]}

package/dist/skeleton.js

@@ -5,13 +5,7 @@ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
 // src/skeleton.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-primary/10 animate-pulse rounded-md", className),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-primary/10 animate-pulse rounded-md", className), ...props });
 }
 
 

package/dist/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/skeleton.tsx"],"names":[],"mappings":";;;;;AAUI;AAFJ,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0CAA0C,SAAS;AAAA,MAChE,GAAG;AAAA;AAAA,EACN;AAEJ","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Skeleton\n * -------------------------------------------------------------------------- */\n\ntype SkeletonProps = React.HTMLAttributes<HTMLDivElement>;\nfunction Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"bg-primary/10 animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Skeleton, type SkeletonProps };\n"]}
+{"version":3,"sources":["../src/skeleton.tsx"],"names":[],"mappings":";;;;;AAUS;AADT,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC3E,SAAO,oBAAC,SAAI,WAAW,GAAG,0CAA0C,SAAS,GAAI,GAAG,OAAO;AAC7F","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Skeleton\n * -------------------------------------------------------------------------- */\n\ntype SkeletonProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element {\n  return <div className={cn(\"bg-primary/10 animate-pulse rounded-md\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Skeleton, type SkeletonProps };\n"]}

package/dist/skeleton.mjs

@@ -5,13 +5,7 @@ import {
 // src/skeleton.tsx
 import { jsx } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("bg-primary/10 animate-pulse rounded-md", className),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { className: cn("bg-primary/10 animate-pulse rounded-md", className), ...props });
 }
 export {
   Skeleton

package/dist/skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Skeleton\n * -------------------------------------------------------------------------- */\n\ntype SkeletonProps = React.HTMLAttributes<HTMLDivElement>;\nfunction Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"bg-primary/10 animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Skeleton, type SkeletonProps };\n"],"mappings":";;;;;AAUI;AAFJ,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0CAA0C,SAAS;AAAA,MAChE,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../src/skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Skeleton\n * -------------------------------------------------------------------------- */\n\ntype SkeletonProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element {\n  return <div className={cn(\"bg-primary/10 animate-pulse rounded-md\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Skeleton, type SkeletonProps };\n"],"mappings":";;;;;AAUS;AADT,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC3E,SAAO,oBAAC,SAAI,WAAW,GAAG,0CAA0C,SAAS,GAAI,GAAG,OAAO;AAC7F;","names":[]}

package/dist/slider.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 
-type SliderProps = SliderPrimitive.SliderProps;
-declare const Slider: React.ForwardRefExoticComponent<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>>;
+type SliderProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 
 export { Slider, type SliderProps };

package/dist/slider.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 
-type SliderProps = SliderPrimitive.SliderProps;
-declare const Slider: React.ForwardRefExoticComponent<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>>;
+type SliderProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 
 export { Slider, type SliderProps };

package/dist/slider.js

@@ -11,14 +11,19 @@ var Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   SliderPrimitive.Root,
   {
     ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, 
-      "relative flex w-full touch-none select-none items-center",
-      className
-    ),
+    className: _chunkG3NP7M2Njs.cn.call(void 0, "relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderPrimitive.Track, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderPrimitive.Range, { className: "bg-primary absolute h-full" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderPrimitive.Thumb, { className: "border-primary/50 bg-background focus-visible:ring-ring focus-visible:ring-offset-background block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        SliderPrimitive.Thumb,
+        {
+          className: _chunkG3NP7M2Njs.cn.call(void 0, 
+            "border-primary/50 bg-background block size-4 rounded-full border shadow transition-colors disabled:pointer-events-none disabled:opacity-50",
+            "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+          )
+        }
+      )
     ]
   }
 ));

package/dist/slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/slider.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAY/B,SASI,KATJ;AAJF,IAAM,SAAe,iBAGnB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAiB,uBAAhB,EAAsB,WAAU,yEAC/B,8BAAiB,uBAAhB,EAAsB,WAAU,8BAA6B,GAChE;AAAA,MACA,oBAAiB,uBAAhB,EAAsB,WAAU,uRAAsR;AAAA;AAAA;AACzT,CACD;AACD,OAAO,cAA8B,qBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Slider\n * -------------------------------------------------------------------------- */\n\ntype SliderProps = SliderPrimitive.SliderProps;\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative flex w-full touch-none select-none items-center\",\n      className,\n    )}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full\">\n      <SliderPrimitive.Range className=\"bg-primary absolute h-full\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb className=\"border-primary/50 bg-background focus-visible:ring-ring focus-visible:ring-offset-background block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\" />\n  </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Slider, type SliderProps };\n"]}
+{"version":3,"sources":["../src/slider.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAW/B,SAMI,KANJ;AADF,IAAM,SAAe,iBAAuC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACpF;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4DAA4D,SAAS;AAAA,IAClF,GAAG;AAAA,IAEJ;AAAA,0BAAiB,uBAAhB,EAAsB,WAAU,yEAC/B,8BAAiB,uBAAhB,EAAsB,WAAU,8BAA6B,GAChE;AAAA,MACA;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA;AACF,CACD;AAED,OAAO,cAA8B,qBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Slider\n * -------------------------------------------------------------------------- */\n\ntype SliderElement = React.ElementRef<typeof SliderPrimitive.Root>;\ntype SliderProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;\n\nconst Slider = React.forwardRef<SliderElement, SliderProps>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn(\"relative flex w-full touch-none select-none items-center\", className)}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full\">\n      <SliderPrimitive.Range className=\"bg-primary absolute h-full\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb\n      className={cn(\n        \"border-primary/50 bg-background block size-4 rounded-full border shadow transition-colors disabled:pointer-events-none disabled:opacity-50\",\n        \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n      )}\n    />\n  </SliderPrimitive.Root>\n));\n\nSlider.displayName = SliderPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Slider, type SliderProps };\n"]}