@cryptlex/web-components 2.0.2 → 3.1.0

package/dist/components/ui/dialog.es.js

@@ -1,102 +1,102 @@
 "use client";
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-dialog";
-import { Cross2Icon as c } from "@radix-ui/react-icons";
-import * as l from "react";
-import { cn as i } from "../../utils/index.es.js";
-const b = a.Root, h = a.Trigger, m = a.Portal, v = a.Close, r = l.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Overlay,
-  {
-    ref: s,
-    className: i(
-      "fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      e
-    ),
-    ...t
-  }
-));
-r.displayName = a.Overlay.displayName;
-const p = l.forwardRef(({ className: e, children: t, ...s }, d) => /* @__PURE__ */ n(m, { children: [
-  /* @__PURE__ */ o(r, {}),
-  /* @__PURE__ */ n(
-    a.Content,
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { Root as r, Trigger as l, Portal as c, Close as s, Overlay as d, Content as u, Title as f, Description as g } from "../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-dialog/dist/index.es.js";
+import { cn as o } from "../../utils/index.es.js";
+import { Cross as m } from "lucide-react";
+const N = r, v = l, p = c, C = s;
+function x({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    d,
     {
-      ref: d,
-      className: i(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-4 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg",
-        e
+      className: o(
+        "fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        t
       ),
-      ...s,
-      children: [
-        t,
-        /* @__PURE__ */ n(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ o(c, { className: "size-4" }),
-          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
+      ...e
     }
-  )
-] }));
-p.displayName = a.Content.displayName;
-const f = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: i(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      e
-    ),
-    ...t
-  }
-);
-f.displayName = "DialogHeader";
-const g = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: i(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      e
-    ),
-    ...t
-  }
-);
-g.displayName = "DialogFooter";
-const u = l.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Title,
-  {
-    ref: s,
-    className: i(
-      "h3",
-      e
-    ),
-    ...t
-  }
-));
-u.displayName = a.Title.displayName;
-const y = l.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Description,
-  {
-    ref: s,
-    className: i("body text-muted-foreground", e),
-    ...t
-  }
-));
-y.displayName = a.Description.displayName;
+  );
+}
+function z({
+  className: t,
+  children: e,
+  ...i
+}) {
+  return /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ a(x, {}),
+    /* @__PURE__ */ n(
+      u,
+      {
+        className: o(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-4 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+          t
+        ),
+        ...i,
+        children: [
+          e,
+          /* @__PURE__ */ n(s, { className: "absolute right-4 top-4 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ a(m, { className: "size-4" }),
+            /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function w({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: o(
+        "flex flex-col space-y-1.5 text-center sm:text-left",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function T({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: o(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function j({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(f, { className: o("h3", t), ...e });
+}
+function k({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    g,
+    {
+      className: o("body text-muted-foreground", t),
+      ...e
+    }
+  );
+}
 export {
-  b as Dialog,
-  v as DialogClose,
-  p as DialogContent,
-  y as DialogDescription,
-  g as DialogFooter,
-  f as DialogHeader,
-  r as DialogOverlay,
-  m as DialogPortal,
-  u as DialogTitle,
-  h as DialogTrigger
+  N as Dialog,
+  C as DialogClose,
+  z as DialogContent,
+  k as DialogDescription,
+  T as DialogFooter,
+  w as DialogHeader,
+  x as DialogOverlay,
+  p as DialogPortal,
+  j as DialogTitle,
+  v as DialogTrigger
 };
 //# sourceMappingURL=dialog.es.js.map

package/dist/components/ui/dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.es.js","sources":["../../../lib/components/ui/dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { Cross2Icon } from \"@radix-ui/react-icons\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-4 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <Cross2Icon className=\"size-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-1.5 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\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)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"h3\",\n      className\n    )}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"body text-muted-foreground\", className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog, DialogClose,\n  DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger\n}\n\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","jsxs","Cross2Icon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;;AAQA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMW,IAAgBN,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAM,GAAGC,MACpC,gBAAAK,EAACX,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAO,EAACL,GAAc,EAAA;AAAA,EACf,gBAAAS;AAAA,IAACb,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACA,gBAAAC,EAAAb,EAAgB,OAAhB,EAAsB,WAAU,+PAC/B,UAAA;AAAA,UAAC,gBAAAS,EAAAK,GAAA,EAAW,WAAU,SAAS,CAAA;AAAA,UAC9B,gBAAAL,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,QAAA,EACjC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,GACF,CACD;AACDE,EAAc,cAAcX,EAAgB,QAAQ;AAEpD,MAAMe,IAAe,CAAC;AAAA,EACpB,WAAAT;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFQ,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAV;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFS,EAAa,cAAc;AAErB,MAAAC,IAAcZ,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDU,EAAY,cAAcjB,EAAgB,MAAM;AAE1C,MAAAkB,IAAoBb,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,8BAA8BJ,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACN,CACD;AACDW,EAAkB,cAAclB,EAAgB,YAAY;"}
+{"version":3,"file":"dialog.es.js","sources":["../../../lib/components/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { Cross } from \"lucide-react\";\n\nexport const Dialog = DialogPrimitive.Root;\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n\nexport const DialogPortal = DialogPrimitive.Portal;\n\nexport const DialogClose = DialogPrimitive.Close;\n\nexport function DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function DialogContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n\treturn (\n\t\t<DialogPortal>\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-4 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<DialogPrimitive.Close className=\"absolute right-4 top-4 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n\t\t\t\t\t<Cross className=\"size-4\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</DialogPrimitive.Close>\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nexport function DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col space-y-1.5 text-center sm:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title className={cn(\"h3\", className)} {...props} />\n\t);\n}\n\nexport function DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tclassName={cn(\"body text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","className","props","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","jsxs","DialogPrimitive.Content","Cross","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;;AAQO,MAAMA,IAASC,GAETC,IAAgBC,GAEhBC,IAAeC,GAEfC,IAAcC;AAEpB,SAASC,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAyD;AAEvD,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAGO,SAASI,EAAc;AAAA,EAC7B,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAAyD;AACxD,2BACEN,GACA,EAAA,UAAA;AAAA,IAAA,gBAAAO,EAACH,GAAc,EAAA;AAAA,IACf,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACA,WAAWJ;AAAA,UACV;AAAA,UACAJ;AAAA,QACD;AAAA,QACC,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAK;AAAA,UACA,gBAAAC,EAAAT,GAAA,EAAsB,WAAU,oPAChC,UAAA;AAAA,YAAC,gBAAAI,EAAAO,GAAA,EAAM,WAAU,SAAS,CAAA;AAAA,YACzB,gBAAAP,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,UAAA,EAChC,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GACD;AAEF;AAEO,SAASQ,EAAa,EAAE,WAAAV,GAAW,GAAGC,KAAsC;AAEjF,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASU,EAAa,EAAE,WAAAX,GAAW,GAAGC,KAAsC;AAEjF,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASW,EAAY;AAAA,EAC3B,WAAAZ;AAAA,EACA,GAAGC;AACJ,GAAuD;AAErD,SAAA,gBAAAC,EAACW,GAAA,EAAsB,WAAWT,EAAG,MAAMJ,CAAS,GAAI,GAAGC,GAAO;AAEpE;AAEO,SAASa,EAAkB;AAAA,EACjC,WAAAd;AAAA,EACA,GAAGC;AACJ,GAA6D;AAE3D,SAAA,gBAAAC;AAAA,IAACa;AAAAA,IAAA;AAAA,MACA,WAAWX,EAAG,8BAA8BJ,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;"}

package/dist/components/ui/drawer.es.js

@@ -1,64 +1,105 @@
 "use client";
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import * as l from "react";
-import { Drawer as a } from "vaul";
-import { cn as s } from "../../utils/index.es.js";
-const m = ({
-  shouldScaleBackground: e = !0,
-  ...r
-}) => /* @__PURE__ */ t(a.Root, { shouldScaleBackground: e, ...r });
-m.displayName = "Drawer";
-const u = a.Trigger, n = a.Portal, b = a.Close, i = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  a.Overlay,
-  {
-    ref: o,
-    className: s("fixed inset-0 z-50 bg-background/80", e),
-    ...r
-  }
-));
-i.displayName = a.Overlay.displayName;
-const p = l.forwardRef(({ className: e, children: r, ...o }, d) => /* @__PURE__ */ c(n, { children: [
-  /* @__PURE__ */ t(i, {}),
-  /* @__PURE__ */ t(
-    a.Content,
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { Drawer as o } from "vaul";
+import { cn as n } from "../../utils/index.es.js";
+function m({
+  shouldScaleBackground: r = !0,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    o.Root,
     {
-      ref: d,
-      style: { userSelect: "text" },
-      className: s(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
-        e
-      ),
-      ...o,
-      children: r
+      shouldScaleBackground: r,
+      ...e
     }
-  )
-] }));
-p.displayName = "DrawerContent";
-const f = ({ className: e, ...r }) => /* @__PURE__ */ t("div", { className: s("grid gap-1.5 p-4 text-center sm:text-left", e), ...r });
-f.displayName = "DrawerHeader";
-const w = ({ className: e, ...r }) => /* @__PURE__ */ t("div", { className: s("mt-auto flex flex-col gap-2 p-4", e), ...r });
-w.displayName = "DrawerFooter";
-const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(a.Title, { ref: o, className: s("h3", e), ...r }));
-D.displayName = a.Title.displayName;
-const N = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  a.Description,
-  {
-    ref: o,
-    className: s("body text-muted-foreground", e),
-    ...r
-  }
-));
-N.displayName = a.Description.displayName;
+  );
+}
+const x = o.Trigger, c = o.Portal, D = o.Close;
+function i({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    o.Overlay,
+    {
+      className: n("fixed inset-0 z-50 bg-background/80", r),
+      ...e
+    }
+  );
+}
+function d({
+  className: r,
+  children: e,
+  ...a
+}) {
+  return /* @__PURE__ */ s(c, { children: [
+    /* @__PURE__ */ t(i, {}),
+    /* @__PURE__ */ t(
+      o.Content,
+      {
+        style: { userSelect: "text" },
+        className: n(
+          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col border bg-background",
+          r
+        ),
+        ...a,
+        children: e
+      }
+    )
+  ] });
+}
+function g({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: n("grid gap-1.5 p-4 text-center sm:text-left", r),
+      ...e
+    }
+  );
+}
+function w({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: n("mt-auto flex flex-col gap-2 p-4", r),
+      ...e
+    }
+  );
+}
+function p({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(o.Title, { className: n("h3", r), ...e });
+}
+function b({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    o.Description,
+    {
+      className: n("body text-muted-foreground", r),
+      ...e
+    }
+  );
+}
 export {
   m as Drawer,
-  b as DrawerClose,
-  p as DrawerContent,
-  N as DrawerDescription,
+  D as DrawerClose,
+  d as DrawerContent,
+  b as DrawerDescription,
   w as DrawerFooter,
-  f as DrawerHeader,
+  g as DrawerHeader,
   i as DrawerOverlay,
-  n as DrawerPortal,
-  D as DrawerTitle,
-  u as DrawerTrigger
+  c as DrawerPortal,
+  p as DrawerTitle,
+  x as DrawerTrigger
 };
 //# sourceMappingURL=drawer.es.js.map

package/dist/components/ui/drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.es.js","sources":["../../../lib/components/ui/drawer.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nimport { cn } from '@/utils';\n\nconst Drawer = ({\n  shouldScaleBackground = true,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n  <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\n);\nDrawer.displayName = 'Drawer';\n\nconst DrawerTrigger = DrawerPrimitive.Trigger;\n\nconst DrawerPortal: React.FC<React.ComponentProps<typeof DrawerPrimitive.Portal>> =\n  DrawerPrimitive.Portal;\n\nconst DrawerClose = DrawerPrimitive.Close;\n\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Overlay\n    ref={ref}\n    className={cn('fixed inset-0 z-50 bg-background/80', className)}\n    {...props}\n  />\n));\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;\n\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPortal>\n    <DrawerOverlay />\n    <DrawerPrimitive.Content\n      ref={ref}\n      style={{ userSelect: 'text' }}\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPortal>\n));\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('grid gap-1.5 p-4 text-center sm:text-left', className)} {...props} />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title ref={ref} className={cn('h3', className)} {...props} />\n));\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn('body text-muted-foreground', className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\nexport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger\n};\n\n"],"names":["Drawer","shouldScaleBackground","props","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","React","className","ref","jsx","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;;AAMA,MAAMA,IAAS,CAAC;AAAA,EACd,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACL,wBACGC,EAAgB,MAAhB,EAAqB,uBAAAF,GAA+C,GAAGC,EAAO,CAAA;AAEjFF,EAAO,cAAc;AAErB,MAAMI,IAAgBD,EAAgB,SAEhCE,IACJF,EAAgB,QAEZG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGP,EAAM,GAAGQ,MAC1B,gBAAAC;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,uCAAuCH,CAAS;AAAA,IAC7D,GAAGP;AAAA,EAAA;AACN,CACD;AACDK,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMU,IAAgBL,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGZ,EAAM,GAAGQ,MACpC,gBAAAK,EAACV,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAM,EAACJ,GAAc,EAAA;AAAA,EACf,gBAAAI;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,OAAO,EAAE,YAAY,OAAO;AAAA,MAC5B,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGP;AAAA,MAEH,UAAAY;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAc,cAAc;AAE5B,MAAMG,IAAe,CAAC,EAAE,WAAAP,GAAW,GAAGP,EAAM,MACzC,gBAAAS,EAAA,OAAA,EAAI,WAAWC,EAAG,6CAA6CH,CAAS,GAAI,GAAGP,EAAO,CAAA;AAEzFc,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC,EAAE,WAAAR,GAAW,GAAGP,EAAM,MACzC,gBAAAS,EAAA,OAAA,EAAI,WAAWC,EAAG,mCAAmCH,CAAS,GAAI,GAAGP,EAAO,CAAA;AAE/Ee,EAAa,cAAc;AAErB,MAAAC,IAAcV,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGP,EAAM,GAAGQ,MAC1B,gBAAAC,EAACR,EAAgB,OAAhB,EAAsB,KAAAO,GAAU,WAAWE,EAAG,MAAMH,CAAS,GAAI,GAAGP,GAAO,CAC7E;AACDgB,EAAY,cAAcf,EAAgB,MAAM;AAE1C,MAAAgB,IAAoBX,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGP,EAAM,GAAGQ,MAC1B,gBAAAC;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,8BAA8BH,CAAS;AAAA,IACpD,GAAGP;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAchB,EAAgB,YAAY;"}
+{"version":3,"file":"drawer.es.js","sources":["../../../lib/components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@/utils\";\n\nexport function Drawer({\n\tshouldScaleBackground = true,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n\treturn (\n\t\t<DrawerPrimitive.Root\n\t\t\tshouldScaleBackground={shouldScaleBackground}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport const DrawerTrigger = DrawerPrimitive.Trigger;\n\nexport const DrawerPortal: React.FC<\n\tReact.ComponentProps<typeof DrawerPrimitive.Portal>\n> = DrawerPrimitive.Portal;\n\nexport const DrawerClose = DrawerPrimitive.Close;\n\nexport function DrawerOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n\treturn (\n\t\t<DrawerPrimitive.Overlay\n\t\t\tclassName={cn(\"fixed inset-0 z-50 bg-background/80\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DrawerContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n\treturn (\n\t\t<DrawerPortal>\n\t\t\t<DrawerOverlay />\n\t\t\t<DrawerPrimitive.Content\n\t\t\t\tstyle={{ userSelect: \"text\" }}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col border bg-background\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</DrawerPrimitive.Content>\n\t\t</DrawerPortal>\n\t);\n}\n\nexport function DrawerHeader({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DrawerFooter({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DrawerTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n\treturn <DrawerPrimitive.Title className={cn(\"h3\", className)} {...props} />;\n}\n\nexport function DrawerDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n\treturn (\n\t\t<DrawerPrimitive.Description\n\t\t\tclassName={cn(\"body text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","cn","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;AAMO,SAASA,EAAO;AAAA,EACtB,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACJ,GAAsD;AAEpD,SAAA,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACA,uBAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,MAAMG,IAAgBD,EAAgB,SAEhCE,IAETF,EAAgB,QAEPG,IAAcH,EAAgB;AAEpC,SAASI,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGP;AACJ,GAAyD;AAEvD,SAAA,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACA,WAAWM,EAAG,uCAAuCD,CAAS;AAAA,MAC7D,GAAGP;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASS,EAAc;AAAA,EAC7B,WAAAF;AAAA,EACA,UAAAG;AAAA,EACA,GAAGV;AACJ,GAAyD;AACxD,2BACEI,GACA,EAAA,UAAA;AAAA,IAAA,gBAAAH,EAACK,GAAc,EAAA;AAAA,IACf,gBAAAL;AAAA,MAACC,EAAgB;AAAA,MAAhB;AAAA,QACA,OAAO,EAAE,YAAY,OAAO;AAAA,QAC5B,WAAWM;AAAA,UACV;AAAA,UACAD;AAAA,QACD;AAAA,QACC,GAAGP;AAAA,QAEH,UAAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACD;AAEF;AAEO,SAASC,EAAa;AAAA,EAC5B,WAAAJ;AAAA,EACA,GAAGP;AACJ,GAAgC;AAE9B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWO,EAAG,6CAA6CD,CAAS;AAAA,MACnE,GAAGP;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASY,EAAa;AAAA,EAC5B,WAAAL;AAAA,EACA,GAAGP;AACJ,GAAgC;AAE9B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWO,EAAG,mCAAmCD,CAAS;AAAA,MACzD,GAAGP;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASa,EAAY;AAAA,EAC3B,WAAAN;AAAA,EACA,GAAGP;AACJ,GAAuD;AAC/C,SAAA,gBAAAC,EAACC,EAAgB,OAAhB,EAAsB,WAAWM,EAAG,MAAMD,CAAS,GAAI,GAAGP,GAAO;AAC1E;AAEO,SAASc,EAAkB;AAAA,EACjC,WAAAP;AAAA,EACA,GAAGP;AACJ,GAA6D;AAE3D,SAAA,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACA,WAAWM,EAAG,8BAA8BD,CAAS;AAAA,MACpD,GAAGP;AAAA,IAAA;AAAA,EACL;AAEF;"}