@cryptlex/web-components 3.0.0 → 3.1.0

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

@@ -1,26 +1,31 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Root as d, Anchor as s, Trigger as p, Portal as m, Content as t } from "../../node_modules/.pnpm/@radix-ui_react-popover@1.1.13_@types_react-dom@18.3.7_@types_react@18.3.21_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-popover/dist/index.es.js";
-import * as c from "react";
-import { cn as f } from "../../utils/index.es.js";
-const u = d, x = p, P = s, l = c.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...n }, i) => /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(
-  t,
-  {
-    "data-slot": "popover-content",
-    ref: i,
-    align: a,
-    sideOffset: r,
-    className: f(
-      "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) max-h-56 border p-2 outline-hidden",
-      e
-    ),
-    ...n
-  }
-) }));
-l.displayName = t.displayName;
+import { Root as n, Trigger as i, Anchor as d, Portal as s, Content as p } from "../../node_modules/.pnpm/@radix-ui_react-popover@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-popover/dist/index.es.js";
+import { cn as m } from "../../utils/index.es.js";
+const g = n, h = i, v = d;
+function u({
+  className: t,
+  align: e = "center",
+  sideOffset: a = 4,
+  ...r
+}) {
+  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(
+    p,
+    {
+      "data-slot": "popover-content",
+      align: e,
+      sideOffset: a,
+      className: m(
+        "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) max-h-56 border p-2 outline-hidden",
+        t
+      ),
+      ...r
+    }
+  ) });
+}
 export {
-  u as Popover,
-  P as PopoverAnchor,
-  l as PopoverContent,
-  x as PopoverTrigger
+  g as Popover,
+  v as PopoverAnchor,
+  u as PopoverContent,
+  h as PopoverTrigger
 };
 //# sourceMappingURL=popover.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.es.js","sources":["../../../lib/components/ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      data-slot=\"popover-content\"\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) max-h-56 border p-2 outline-hidden\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n\n"],"names":["Popover","PopoverPrimitive.Root","PopoverTrigger","PopoverPrimitive.Trigger","PopoverAnchor","PopoverPrimitive.Anchor","PopoverContent","React","className","align","sideOffset","props","ref","jsx","PopoverPrimitive.Portal","PopoverPrimitive.Content","cn"],"mappings":";;;;AAKA,MAAMA,IAAUC,GAEVC,IAAiBC,GAEjBC,IAAgBC,GAEhBC,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,EAAM,GAAGC,MAC3D,gBAAAC,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACE;AAAAA,EAAA;AAAA,IACC,aAAU;AAAA,IACV,KAAAH;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWM;AAAA,MACT;AAAA,MACAR;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,GACF,CACD;AACDL,EAAe,cAAcS,EAAyB;"}
+{"version":3,"file":"popover.es.js","sources":["../../../lib/components/ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\nexport const Popover = PopoverPrimitive.Root;\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\n\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n\nexport function PopoverContent({\n\tclassName,\n\talign = \"center\",\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n\treturn (\n\t\t<PopoverPrimitive.Portal>\n\t\t\t<PopoverPrimitive.Content\n\t\t\t\tdata-slot=\"popover-content\"\n\t\t\t\talign={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) max-h-56 border p-2 outline-hidden\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</PopoverPrimitive.Portal>\n\t);\n}\n"],"names":["Popover","PopoverPrimitive.Root","PopoverTrigger","PopoverPrimitive.Trigger","PopoverAnchor","PopoverPrimitive.Anchor","PopoverContent","className","align","sideOffset","props","jsx","PopoverPrimitive.Portal","PopoverPrimitive.Content","cn"],"mappings":";;;AAKO,MAAMA,IAAUC,GAEVC,IAAiBC,GAEjBC,IAAgBC;AAEtB,SAASC,EAAe;AAAA,EAC9B,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,GAAGC;AACJ,GAA0D;AAExD,SAAA,gBAAAC,EAACC,GAAA,EACA,UAAA,gBAAAD;AAAA,IAACE;AAAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,OAAAL;AAAA,MACA,YAAAC;AAAA,MACA,WAAWK;AAAA,QACV;AAAA,QACAP;AAAA,MACD;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EAAA,GAEN;AAEF;"}

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

@@ -1,24 +1,28 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import { Root as o } from "../../node_modules/.pnpm/@radix-ui_react-separator@1.1.6_@types_react-dom@18.3.7_@types_react@18.3.21_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-separator/dist/index.es.js";
-import * as p from "react";
-import { cn as s } from "../../utils/index.es.js";
-const f = p.forwardRef(({ className: a, orientation: r = "horizontal", decorative: m = !0, ...t }, e) => /* @__PURE__ */ l(
-  o,
-  {
-    ref: e,
-    decorative: m,
-    orientation: r,
-    className: s(
-      "shrink-0 bg-border",
-      r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-      a
-    ),
-    ...t
-  }
-));
-f.displayName = o.displayName;
+import { jsx as e } from "react/jsx-runtime";
+import { Root as m } from "../../node_modules/.pnpm/@radix-ui_react-separator@1.1.7_@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-separator/dist/index.es.js";
+import { cn as p } from "../../utils/index.es.js";
+function u({
+  className: o,
+  orientation: r = "horizontal",
+  decorative: t = !0,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    m,
+    {
+      decorative: t,
+      orientation: r,
+      className: p(
+        "shrink-0 bg-border",
+        r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        o
+      ),
+      ...l
+    }
+  );
+}
 export {
-  f as Separator
+  u as Separator
 };
 //# sourceMappingURL=separator.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"separator.es.js","sources":["../../../lib/components/ui/separator.tsx"],"sourcesContent":["'use client';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as React from 'react';\n\nimport { cn } from '@/utils';\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      'shrink-0 bg-border',\n      orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"],"names":["Separator","React","className","orientation","decorative","props","ref","jsx","SeparatorPrimitive.Root","cn"],"mappings":";;;;;AAMA,MAAMA,IAAYC,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,aAAAC,IAAc,cAAc,YAAAC,IAAa,IAAM,GAAGC,KAASC,MACzE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,YAAAF;AAAA,IACA,aAAAD;AAAA,IACA,WAAWM;AAAA,MACT;AAAA,MACAN,MAAgB,eAAe,mBAAmB;AAAA,MAClDD;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAU,cAAcQ,EAAwB;"}
+{"version":3,"file":"separator.es.js","sources":["../../../lib/components/ui/separator.tsx"],"sourcesContent":["\"use client\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** WHY WE HAVE THIS IS BEYOND ME\n * TODO, remove this in favour of borders or <hr>, unless there is good reason to keep this.\n */\nexport function Separator({\n\tclassName,\n\torientation = \"horizontal\",\n\tdecorative = true,\n\t...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n\treturn (\n\t\t<SeparatorPrimitive.Root\n\t\t\tdecorative={decorative}\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t\"shrink-0 bg-border\",\n\t\t\t\torientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive.Root","cn"],"mappings":";;;;AASO,SAASA,EAAU;AAAA,EACzB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACJ,GAAyD;AAEvD,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACV;AAAA,QACAL,MAAgB,eAAe,mBAAmB;AAAA,QAClDD;AAAA,MACD;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EACL;AAEF;"}

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

@@ -1,23 +1,26 @@
 "use client";
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { Root as u, Close as d, Portal as g, Trigger as y, Content as n, Description as l, Overlay as m, Title as c } from "../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.13_@types_react-dom@18.3.7_@types_react@18.3.21_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-dialog/dist/index.es.js";
-import { cva as b } from "class-variance-authority";
-import * as i from "react";
-import { cn as s } from "../../utils/index.es.js";
-import { Cross as x } from "lucide-react";
-const H = u, O = y, P = d, N = g, f = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
-  m,
-  {
-    className: s(
-      "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,
-    ref: o
-  }
-));
-f.displayName = m.displayName;
-const S = b(
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Root as d, Trigger as l, Close as n, Portal as c, Overlay as m, Content as f, Title as u, Description as p } 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 { cva as h } from "class-variance-authority";
+import { cn as a } from "../../utils/index.es.js";
+import { Cross as g } from "lucide-react";
+const T = d, j = l, k = n, b = c;
+function x({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    m,
+    {
+      className: a(
+        "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
+      ),
+      ...e
+    }
+  );
+}
+const y = h(
   "fixed z-50 gap-4 bg-background p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
     variants: {
@@ -32,55 +35,89 @@ const S = b(
       side: "right"
     }
   }
-), w = i.forwardRef(({ side: e = "right", className: t, children: o, ...p }, h) => /* @__PURE__ */ r(N, { children: [
-  /* @__PURE__ */ a(f, {}),
-  /* @__PURE__ */ r(n, { ref: h, className: s(S({ side: e }), t), ...p, children: [
-    /* @__PURE__ */ r(d, { 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-secondary", children: [
-      /* @__PURE__ */ a(x, { className: "size-icon" }),
-      /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-    ] }),
-    o
-  ] })
-] }));
-w.displayName = n.displayName;
-const v = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: s("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
-v.displayName = "SheetHeader";
-const C = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e),
-    ...t
-  }
 );
-C.displayName = "SheetFooter";
-const R = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
-  c,
-  {
-    ref: o,
-    className: s("h3 font-semibold text-foreground", e),
-    ...t
-  }
-));
-R.displayName = c.displayName;
-const T = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
-  l,
-  {
-    ref: o,
-    className: s("body text-muted-foreground", e),
-    ...t
-  }
-));
-T.displayName = l.displayName;
+function z({
+  side: t = "right",
+  className: e,
+  children: i,
+  ...r
+}) {
+  return /* @__PURE__ */ s(b, { children: [
+    /* @__PURE__ */ o(x, {}),
+    /* @__PURE__ */ s(
+      f,
+      {
+        className: a(y({ side: t }), e),
+        ...r,
+        children: [
+          /* @__PURE__ */ s(n, { 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-secondary", children: [
+            /* @__PURE__ */ o(g, { className: "size-icon" }),
+            /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+          ] }),
+          i
+        ]
+      }
+    )
+  ] });
+}
+function D({ className: t, ...e }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: a(
+        "flex flex-col space-y-2 text-center sm:text-left",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function O({ className: t, ...e }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: a(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function P({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    u,
+    {
+      className: a("h3 font-semibold text-foreground", t),
+      ...e
+    }
+  );
+}
+function V({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    p,
+    {
+      className: a("body text-muted-foreground", t),
+      ...e
+    }
+  );
+}
 export {
-  H as Sheet,
-  P as SheetClose,
-  w as SheetContent,
-  T as SheetDescription,
-  C as SheetFooter,
-  v as SheetHeader,
-  f as SheetOverlay,
-  N as SheetPortal,
-  R as SheetTitle,
-  O as SheetTrigger
+  T as Sheet,
+  k as SheetClose,
+  z as SheetContent,
+  V as SheetDescription,
+  O as SheetFooter,
+  D as SheetHeader,
+  x as SheetOverlay,
+  b as SheetPortal,
+  P as SheetTitle,
+  j as SheetTrigger
 };
 //# sourceMappingURL=sheet.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.es.js","sources":["../../../lib/components/ui/sheet.tsx"],"sourcesContent":["'use client';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/utils';\nimport { Cross } from 'lucide-react';\n\nconst Sheet = SheetPrimitive.Root;\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\nconst SheetClose = SheetPrimitive.Close;\n\nconst SheetPortal = SheetPrimitive.Portal;\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\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    ref={ref}\n  />\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\nconst sheetVariants = cva(\n  'fixed z-50 gap-4 bg-background p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\n        right:\n          'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  },\n);\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n  VariantProps<typeof sheetVariants> { }\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = 'right', className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n      {/* TODO (mudasirpandith) Close button should be in document flow not absolutely positioned */}\n      <SheetPrimitive.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-secondary\">\n        <Cross className=\"size-icon\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n      {children}\n    </SheetPrimitive.Content>\n  </SheetPortal>\n));\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />\n);\nSheetHeader.displayName = 'SheetHeader';\n\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n);\nSheetFooter.displayName = 'SheetFooter';\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn('h3 font-semibold text-foreground', className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn('body text-muted-foreground', className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger\n};\n\n"],"names":["Sheet","SheetPrimitive.Root","SheetTrigger","SheetPrimitive.Trigger","SheetClose","SheetPrimitive.Close","SheetPortal","SheetPrimitive.Portal","SheetOverlay","React","className","props","ref","jsx","SheetPrimitive.Overlay","cn","sheetVariants","cva","SheetContent","side","children","jsxs","SheetPrimitive.Content","Cross","SheetHeader","SheetFooter","SheetTitle","SheetPrimitive.Title","SheetDescription","SheetPrimitive.Description"],"mappings":";;;;;;;AAQA,MAAMA,IAAQC,GAERC,IAAeC,GAEfC,IAAaC,GAEbC,IAAcC,GAEdC,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAcM,EAAuB;AAElD,MAAME,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAMMC,IAAeT,EAAM,WAGzB,CAAC,EAAE,MAAAU,IAAO,SAAS,WAAAT,GAAW,UAAAU,GAAU,GAAGT,EAAS,GAAAC,wBACnDN,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAO,EAACL,GAAa,EAAA;AAAA,EACb,gBAAAa,EAAAC,GAAA,EAAuB,KAAAV,GAAU,WAAWG,EAAGC,EAAc,EAAE,MAAAG,EAAM,CAAA,GAAGT,CAAS,GAAI,GAAGC,GAEvF,UAAA;AAAA,IAAA,gBAAAU,EAAChB,GAAA,EAAqB,WAAU,+MAC9B,UAAA;AAAA,MAAC,gBAAAQ,EAAAU,GAAA,EAAM,WAAU,YAAY,CAAA;AAAA,MAC5B,gBAAAV,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,IAAA,GACjC;AAAA,IACCO;AAAA,EAAA,EACH,CAAA;AAAA,GACF,CACD;AACDF,EAAa,cAAcI,EAAuB;AAElD,MAAME,IAAc,CAAC,EAAE,WAAAd,GAAW,GAAGC,EAAM,MACxC,gBAAAE,EAAA,OAAA,EAAI,WAAWE,EAAG,oDAAoDL,CAAS,GAAI,GAAGC,EAAO,CAAA;AAEhGa,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC,EAAE,WAAAf,GAAW,GAAGC,EACnC,MAAA,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE,EAAG,iEAAiEL,CAAS;AAAA,IACvF,GAAGC;AAAA,EAAA;AACN;AAEFc,EAAY,cAAc;AAEpB,MAAAC,IAAajB,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACc;AAAAA,EAAA;AAAA,IACC,KAAAf;AAAA,IACA,WAAWG,EAAG,oCAAoCL,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDe,EAAW,cAAcC,EAAqB;AAExC,MAAAC,IAAmBnB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACgB;AAAAA,EAAA;AAAA,IACC,KAAAjB;AAAA,IACA,WAAWG,EAAG,8BAA8BL,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACN,CACD;AACDiB,EAAiB,cAAcC,EAA2B;"}
+{"version":3,"file":"sheet.es.js","sources":["../../../lib/components/ui/sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { Cross } from \"lucide-react\";\n\nexport const Sheet = SheetPrimitive.Root;\nexport const SheetTrigger = SheetPrimitive.Trigger;\nexport const SheetClose = SheetPrimitive.Close;\nexport const SheetPortal = SheetPrimitive.Portal;\n\nexport function SheetOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n\treturn (\n\t\t<SheetPrimitive.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\nconst sheetVariants = cva(\n\t\"fixed z-50 gap-4 bg-background p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n\t{\n\t\tvariants: {\n\t\t\tside: {\n\t\t\t\ttop: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n\t\t\t\tbottom:\n\t\t\t\t\t\"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n\t\t\t\tleft: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n\t\t\t\tright:\n\t\t\t\t\t\"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tside: \"right\",\n\t\t},\n\t},\n);\n\ninterface SheetContentProps\n\textends React.ComponentProps<typeof SheetPrimitive.Content>,\n\tVariantProps<typeof sheetVariants> { }\n\nexport function SheetContent({\n\tside = \"right\",\n\tclassName,\n\tchildren,\n\t...props\n}: SheetContentProps) {\n\treturn (\n\t\t<SheetPortal>\n\t\t\t<SheetOverlay />\n\t\t\t<SheetPrimitive.Content\n\t\t\t\tclassName={cn(sheetVariants({ side }), className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{/* TODO (mudasirpandith) Close button should be in document flow not absolutely positioned */}\n\t\t\t\t<SheetPrimitive.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-secondary\">\n\t\t\t\t\t<Cross className=\"size-icon\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</SheetPrimitive.Close>\n\t\t\t\t{children}\n\t\t\t</SheetPrimitive.Content>\n\t\t</SheetPortal>\n\t);\n}\n\nexport function SheetHeader({ 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-2 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 SheetFooter({ 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 SheetTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n\treturn (\n\t\t<SheetPrimitive.Title\n\t\t\tclassName={cn(\"h3 font-semibold text-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function SheetDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n\treturn (\n\t\t<SheetPrimitive.Description\n\t\t\tclassName={cn(\"body text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Sheet","SheetPrimitive.Root","SheetTrigger","SheetPrimitive.Trigger","SheetClose","SheetPrimitive.Close","SheetPortal","SheetPrimitive.Portal","SheetOverlay","className","props","jsx","SheetPrimitive.Overlay","cn","sheetVariants","cva","SheetContent","side","children","jsxs","SheetPrimitive.Content","Cross","SheetHeader","SheetFooter","SheetTitle","SheetPrimitive.Title","SheetDescription","SheetPrimitive.Description"],"mappings":";;;;;;AAQO,MAAMA,IAAQC,GACRC,IAAeC,GACfC,IAAaC,GACbC,IAAcC;AAEpB,SAASC,EAAa;AAAA,EAC5B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAwD;AAEtD,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEA,MAAMI,IAAgBC;AAAA,EACrB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,MAAM;AAAA,QACL,KAAK;AAAA,QACL,QACC;AAAA,QACD,MAAM;AAAA,QACN,OACC;AAAA,MAAA;AAAA,IAEH;AAAA,IACA,iBAAiB;AAAA,MAChB,MAAM;AAAA,IAAA;AAAA,EACP;AAEF;AAMO,SAASC,EAAa;AAAA,EAC5B,MAAAC,IAAO;AAAA,EACP,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,GAAGR;AACJ,GAAsB;AACrB,2BACEJ,GACA,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACH,GAAa,EAAA;AAAA,IACd,gBAAAW;AAAA,MAACC;AAAAA,MAAA;AAAA,QACA,WAAWP,EAAGC,EAAc,EAAE,MAAAG,EAAM,CAAA,GAAGR,CAAS;AAAA,QAC/C,GAAGC;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAS,EAACd,GAAA,EAAqB,WAAU,+MAC/B,UAAA;AAAA,YAAC,gBAAAM,EAAAU,GAAA,EAAM,WAAU,YAAY,CAAA;AAAA,YAC5B,gBAAAV,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,UAAA,GAChC;AAAA,UACCO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACD;AAEF;AAEO,SAASI,EAAY,EAAE,WAAAb,GAAW,GAAGC,KAAsC;AAEhF,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASa,EAAY,EAAE,WAAAd,GAAW,GAAGC,KAAsC;AAEhF,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASc,EAAW;AAAA,EAC1B,WAAAf;AAAA,EACA,GAAGC;AACJ,GAAsD;AAEpD,SAAA,gBAAAC;AAAA,IAACc;AAAAA,IAAA;AAAA,MACA,WAAWZ,EAAG,oCAAoCJ,CAAS;AAAA,MAC1D,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASgB,EAAiB;AAAA,EAChC,WAAAjB;AAAA,EACA,GAAGC;AACJ,GAA4D;AAE1D,SAAA,gBAAAC;AAAA,IAACgB;AAAAA,IAAA;AAAA,MACA,WAAWd,EAAG,8BAA8BJ,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;"}