@clasing/ui 2.1.0 → 2.2.0

package/dist/components/phone-input.es.js

@@ -1,107 +1,107 @@
-import { j as e, c } from "../index-DBpnlzOP.js";
-import { C as N, d as v, f as I, b as S, c as w, e as P } from "../command-CGUB58ej.js";
-import { I as R } from "../input-B5HLfVv0.js";
-import { P as O, c as E, b as T } from "../popover-Dvf9oQaX.js";
-import { S as V } from "../scroll-area-Dj0Szbw6.js";
+import { j as e, c as u } from "../index-D5lmpham.js";
+import { C as y, d as v, f as N, b as S, c as w, e as I } from "../command-ev4m9IoQ.js";
+import { I as P } from "../input-fvzEG6zH.js";
+import { P as R, c as O, b as E } from "../popover-BdDS9aoy.js";
+import { S as T } from "../scroll-area-oS6ZJIMN.js";
+import { CaretDownIcon as V, CheckIcon as k } from "@phosphor-icons/react";
 import * as p from "react";
 import * as h from "react-phone-number-input";
-import k from "react-phone-number-input/flags";
-import A from "react-phone-number-input/locale/en";
-import F from "react-phone-number-input/locale/es";
-import _ from "react-phone-number-input/locale/fr";
-import { I as b } from "../icon-component-DGImZz3K.js";
-const $ = p.forwardRef(
+import A from "react-phone-number-input/flags";
+import F from "react-phone-number-input/locale/en";
+import _ from "react-phone-number-input/locale/es";
+import $ from "react-phone-number-input/locale/fr";
+const q = p.forwardRef(
   ({
     className: o,
-    onChange: n,
+    onChange: r,
     value: t,
     size: s = "md",
-    rounded: r = "default",
+    rounded: n = "default",
     locale: a = "en",
-    ...m
-  }, i) => /* @__PURE__ */ e.jsx(
+    ...i
+  }, m) => /* @__PURE__ */ e.jsx(
     h.default,
     {
-      ref: i,
-      className: c("flex", o),
+      ref: m,
+      className: u("flex", o),
       flagComponent: f,
-      countrySelectComponent: q,
-      inputComponent: C,
+      countrySelectComponent: D,
+      inputComponent: b,
       smartCaret: !1,
-      labels: a === "es" ? F : a === "fr" ? _ : A,
+      labels: a === "es" ? _ : a === "fr" ? $ : F,
       value: t || void 0,
-      onChange: (d) => n?.(d || ""),
+      onChange: (d) => r?.(d || ""),
       countrySelectProps: {
         size: s,
-        rounded: r
+        rounded: n
       },
       numberInputProps: {
         size: s,
-        rounded: r
+        rounded: n
       },
-      ...m
+      ...i
     }
   )
 );
-$.displayName = "PhoneInput";
-const C = p.forwardRef(({ className: o, rounded: n = "default", error: t, touched: s, size: r, ...a }, m) => {
-  const { "data-country": i, ...d } = a;
+q.displayName = "PhoneInput";
+const b = p.forwardRef(({ className: o, rounded: r = "default", error: t, touched: s, size: n, ...a }, i) => {
+  const { "data-country": m, ...d } = a;
   return /* @__PURE__ */ e.jsx(
-    R,
+    P,
     {
-      size: r,
-      className: c(
+      size: n,
+      className: u(
         "w-full",
         {
           "border-destructive": t && s,
           "border-blue-800": s && !t,
-          "rounded-s-none rounded-e-lg": n !== "full",
-          "rounded-s-none rounded-e-full": n === "full",
-          "rounded-e-sm": r === "sm",
-          "rounded-e-md": r === "md",
-          "rounded-e-lg": r === "lg"
+          "rounded-s-none rounded-e-lg": r !== "full",
+          "rounded-s-none rounded-e-full": r === "full",
+          "rounded-e-sm": n === "sm",
+          "rounded-e-md": n === "md",
+          "rounded-e-lg": n === "lg"
         },
         o
       ),
       ...d,
-      ref: m
+      ref: i
     }
   );
 });
-C.displayName = "InputComponent";
-const q = ({
+b.displayName = "InputComponent";
+const D = ({
   disabled: o,
-  value: n,
+  value: r,
   options: t,
   onChange: s,
-  size: r = "md",
+  size: n = "md",
   rounded: a = "default",
-  error: m,
-  touched: i
+  error: i,
+  touched: m
 }) => {
-  const d = p.useRef(null), [j, x] = p.useState(""), [y, g] = p.useState(!1);
+  const d = p.useRef(null), [j, x] = p.useState(""), [C, g] = p.useState(!1);
   return /* @__PURE__ */ e.jsxs(
-    O,
+    R,
     {
-      open: y,
+      open: C,
       modal: !0,
       onOpenChange: (l) => {
         g(l), l && x("");
       },
       children: [
-        /* @__PURE__ */ e.jsx(E, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx(O, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            className: c(
+            className: u(
               "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 file:paragraph-sm md:paragraph-sm paragraph-md flex w-fit min-w-0 items-center justify-center border border-r-0 bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:font-semibold focus-visible:z-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
               a === "default" ? "rounded-e-none" : "rounded-s-full rounded-e-none",
               {
-                "outline-destructive": m && i,
-                "outline-blue-800": i && !m,
-                "label-md h-8 rounded-s-sm px-2 py-1": r === "sm",
-                "label-lg h-12 rounded-s-md px-3 py-1": r === "md",
-                "label-xl h-16 rounded-s-lg px-4 py-2": r === "lg"
+                "outline-destructive": i && m,
+                "outline-blue-800": m && !i,
+                "label-md h-8 rounded-s-sm px-2 py-1": n === "sm",
+                "label-lg h-12 rounded-s-md px-3 py-1": n === "md",
+                "label-xl h-16 rounded-s-lg px-4 py-2": n === "lg"
               }
             ),
             disabled: o,
@@ -109,16 +109,15 @@ const q = ({
               /* @__PURE__ */ e.jsx(
                 f,
                 {
-                  country: n,
-                  countryName: n,
+                  country: r,
+                  countryName: r,
                   disabled: o
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                b,
+                V,
                 {
-                  iconName: "IconChevronDown",
-                  className: c(
+                  className: u(
                     "-mr-2 size-4 opacity-50",
                     o ? "hidden" : "opacity-100"
                   )
@@ -127,7 +126,7 @@ const q = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ e.jsx(T, { className: "w-[300px] p-0", children: /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(E, { className: "w-[300px] p-0", children: /* @__PURE__ */ e.jsxs(y, { children: [
           /* @__PURE__ */ e.jsx(
             v,
             {
@@ -135,25 +134,25 @@ const q = ({
               onValueChange: (l) => {
                 x(l), setTimeout(() => {
                   if (d.current) {
-                    const u = d.current.querySelector(
+                    const c = d.current.querySelector(
                       "[data-radix-scroll-area-viewport]"
                     );
-                    u && (u.scrollTop = 0);
+                    c && (c.scrollTop = 0);
                   }
                 }, 0);
               },
               placeholder: "Search country..."
             }
           ),
-          /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsxs(V, { ref: d, className: "h-72", children: [
+          /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs(T, { ref: d, className: "h-72", children: [
             /* @__PURE__ */ e.jsx(S, { children: "No country found." }),
             /* @__PURE__ */ e.jsx(w, { children: t.map(
-              ({ value: l, label: u }) => l ? /* @__PURE__ */ e.jsx(
-                D,
+              ({ value: l, label: c }) => l ? /* @__PURE__ */ e.jsx(
+                G,
                 {
                   country: l,
-                  countryName: u,
-                  selectedCountry: n,
+                  countryName: c,
+                  selectedCountry: r,
                   onChange: s,
                   onSelectComplete: () => g(!1)
                 },
@@ -165,45 +164,44 @@ const q = ({
       ]
     }
   );
-}, D = ({
+}, G = ({
   country: o,
-  countryName: n,
+  countryName: r,
   selectedCountry: t,
   onChange: s,
-  onSelectComplete: r
+  onSelectComplete: n
 }) => {
   const a = () => {
-    s(o), r();
+    s(o), n();
   };
-  return /* @__PURE__ */ e.jsxs(P, { className: "gap-2", onSelect: a, children: [
-    /* @__PURE__ */ e.jsx(f, { country: o, countryName: n }),
-    /* @__PURE__ */ e.jsx("span", { className: "paragraph-sm flex-1", children: n }),
+  return /* @__PURE__ */ e.jsxs(I, { className: "gap-2", onSelect: a, children: [
+    /* @__PURE__ */ e.jsx(f, { country: o, countryName: r }),
+    /* @__PURE__ */ e.jsx("span", { className: "paragraph-sm flex-1", children: r }),
     /* @__PURE__ */ e.jsx("span", { className: "text-foreground/50 paragraph-sm", children: `+${h.getCountryCallingCode(o)}` }),
     /* @__PURE__ */ e.jsx(
-      b,
+      k,
       {
-        iconName: "IconCheck",
         className: `ml-auto size-4 ${o === t ? "opacity-100" : "opacity-0"}`
       }
     )
   ] });
 }, f = ({
   country: o,
-  countryName: n,
+  countryName: r,
   disabled: t
 }) => {
-  const s = k[o];
+  const s = A[o];
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: c(
+      className: u(
         "bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",
         { "opacity-50": t }
       ),
-      children: s && /* @__PURE__ */ e.jsx(s, { title: n })
+      children: s && /* @__PURE__ */ e.jsx(s, { title: r })
     }
   );
 };
 export {
-  $ as PhoneInput
+  q as PhoneInput
 };

package/dist/components/popover.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../popover-DifOajI4.cjs");exports.Popover=o.Popover;exports.PopoverAnchor=o.PopoverAnchor;exports.PopoverContent=o.PopoverContent;exports.PopoverTrigger=o.PopoverTrigger;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../popover-CeOAAwBQ.cjs");exports.Popover=o.Popover;exports.PopoverAnchor=o.PopoverAnchor;exports.PopoverContent=o.PopoverContent;exports.PopoverTrigger=o.PopoverTrigger;

package/dist/components/popover.es.js

@@ -1,4 +1,4 @@
-import { P as e, a, b as p, c as P } from "../popover-Dvf9oQaX.js";
+import { P as e, a, b as p, c as P } from "../popover-BdDS9aoy.js";
 export {
   e as Popover,
   a as PopoverAnchor,

package/dist/components/progress.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index-DSjHHn1r.cjs"),i=require("@radix-ui/react-progress");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=l(i);function a({className:e,value:t,...r}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"progress",className:o.cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",e),...r,children:o.jsxRuntimeExports.jsx(n.Indicator,{"data-slot":"progress-indicator",className:"bg-primary h-full w-full flex-1 transition-all",style:{transform:`translateX(-${100-(t||0)}%)`}})})}exports.Progress=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index-9HRzXEQf.cjs"),i=require("@radix-ui/react-progress");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=l(i);function a({className:e,value:t,...r}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"progress",className:o.cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",e),...r,children:o.jsxRuntimeExports.jsx(n.Indicator,{"data-slot":"progress-indicator",className:"bg-primary h-full w-full flex-1 transition-all",style:{transform:`translateX(-${100-(t||0)}%)`}})})}exports.Progress=a;

package/dist/components/progress.es.js

@@ -1,4 +1,4 @@
-import { j as r, c as l } from "../index-DBpnlzOP.js";
+import { j as r, c as l } from "../index-D5lmpham.js";
 import * as s from "@radix-ui/react-progress";
 function i({
   className: o,

package/dist/components/resizable.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../index-DSjHHn1r.cjs"),l=require("react-resizable-panels"),o=require("../icon-component-DTlgy__B.cjs");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=s(l);function c({className:e,...t}){return a.jsxRuntimeExports.jsx(i.PanelGroup,{"data-slot":"resizable-panel-group",className:a.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",e),...t})}function u({...e}){return a.jsxRuntimeExports.jsx(i.Panel,{"data-slot":"resizable-panel",...e})}function d({withHandle:e,className:t,...r}){return a.jsxRuntimeExports.jsx(i.PanelResizeHandle,{"data-slot":"resizable-handle",className:a.cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",t),...r,children:e&&a.jsxRuntimeExports.jsx("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",children:a.jsxRuntimeExports.jsx(o.IconComponent,{iconName:"IconGripVertical",className:"size-2.5"})})})}exports.ResizableHandle=d;exports.ResizablePanel=u;exports.ResizablePanelGroup=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../index-9HRzXEQf.cjs"),n=require("react-resizable-panels"),s=require("@phosphor-icons/react");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=o(n);function c({className:e,...t}){return a.jsxRuntimeExports.jsx(i.PanelGroup,{"data-slot":"resizable-panel-group",className:a.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",e),...t})}function u({...e}){return a.jsxRuntimeExports.jsx(i.Panel,{"data-slot":"resizable-panel",...e})}function d({withHandle:e,className:t,...r}){return a.jsxRuntimeExports.jsx(i.PanelResizeHandle,{"data-slot":"resizable-handle",className:a.cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",t),...r,children:e&&a.jsxRuntimeExports.jsx("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",children:a.jsxRuntimeExports.jsx(s.DotsSixVerticalIcon,{className:"size-2.5"})})})}exports.ResizableHandle=d;exports.ResizablePanel=u;exports.ResizablePanelGroup=c;

package/dist/components/resizable.es.js

@@ -1,6 +1,6 @@
-import { j as a, c as i } from "../index-DBpnlzOP.js";
+import { j as a, c as i } from "../index-D5lmpham.js";
 import * as t from "react-resizable-panels";
-import { I as n } from "../icon-component-DGImZz3K.js";
+import { DotsSixVerticalIcon as n } from "@phosphor-icons/react";
 function c({
   className: e,
   ...r
@@ -36,7 +36,7 @@ function f({
         r
       ),
       ...l,
-      children: e && /* @__PURE__ */ a.jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a.jsx(n, { iconName: "IconGripVertical", className: "size-2.5" }) })
+      children: e && /* @__PURE__ */ a.jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a.jsx(n, { className: "size-2.5" }) })
     }
   );
 }

package/dist/components/scroll-area.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../scroll-area-CJpVshOm.cjs");exports.ScrollArea=r.ScrollArea;exports.ScrollBar=r.ScrollBar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../scroll-area-D74XszlE.cjs");exports.ScrollArea=r.ScrollArea;exports.ScrollBar=r.ScrollBar;

package/dist/components/scroll-area.es.js

@@ -1,4 +1,4 @@
-import { S as l, a as o } from "../scroll-area-Dj0Szbw6.js";
+import { S as l, a as o } from "../scroll-area-oS6ZJIMN.js";
 export {
   l as ScrollArea,
   o as ScrollBar

package/dist/components/select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DSjHHn1r.cjs"),d=require("@radix-ui/react-select"),a=require("../icon-component-DTlgy__B.cjs");function u(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return s.default=t,Object.freeze(s)}const n=u(d);function p({...t}){return e.jsxRuntimeExports.jsx(n.Root,{"data-slot":"select",...t})}function x({...t}){return e.jsxRuntimeExports.jsx(n.Group,{"data-slot":"select-group",...t})}function m({...t}){return e.jsxRuntimeExports.jsx(n.Value,{"data-slot":"select-value",...t})}function g({className:t,size:s="md",children:o,...r}){return e.jsxRuntimeExports.jsxs(n.Trigger,{"data-slot":"select-trigger","data-size":s,className:e.cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",s==="xs"&&'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',s==="sm"&&"label-md h-8 px-2 py-1",s==="md"&&"label-lg h-12 px-3 py-1",s==="lg"&&"label-xl h-16 px-4 py-2",t),...r,children:[o,e.jsxRuntimeExports.jsx(n.Icon,{asChild:!0,children:e.jsxRuntimeExports.jsx(a.IconComponent,{iconName:"IconChevronDown",className:"size-4 opacity-50"})})]})}function f({className:t,children:s,position:o="popper",collisionPadding:r=24,...c}){return e.jsxRuntimeExports.jsx(n.Portal,{children:e.jsxRuntimeExports.jsxs(n.Content,{"data-slot":"select-content",className:e.cn("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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",o==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:o,...c,children:[e.jsxRuntimeExports.jsx(l,{}),e.jsxRuntimeExports.jsx(n.Viewport,{className:e.cn("p-1",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:s}),e.jsxRuntimeExports.jsx(i,{})]})})}function j({className:t,...s}){return e.jsxRuntimeExports.jsx(n.Label,{"data-slot":"select-label",className:e.cn("text-muted-foreground paragraph-xs px-2 py-1.5",t),...s})}function b({className:t,children:s,...o}){return e.jsxRuntimeExports.jsxs(n.Item,{"data-slot":"select-item",className:e.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",t),...o,children:[e.jsxRuntimeExports.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:e.jsxRuntimeExports.jsx(n.ItemIndicator,{children:e.jsxRuntimeExports.jsx(a.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),e.jsxRuntimeExports.jsx(n.ItemText,{children:s})]})}function v({className:t,...s}){return e.jsxRuntimeExports.jsx(n.Separator,{"data-slot":"select-separator",className:e.cn("bg-border pointer-events-none -mx-1 my-1 h-px",t),...s})}function l({className:t,...s}){return e.jsxRuntimeExports.jsx(n.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:e.cn("flex cursor-default items-center justify-center py-1",t),...s,children:e.jsxRuntimeExports.jsx(a.IconComponent,{iconName:"IconChevronUp",className:"size-4"})})}function i({className:t,...s}){return e.jsxRuntimeExports.jsx(n.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:e.cn("flex cursor-default items-center justify-center py-1",t),...s,children:e.jsxRuntimeExports.jsx(a.IconComponent,{iconName:"IconChevronDown",className:"size-4"})})}exports.Select=p;exports.SelectContent=f;exports.SelectGroup=x;exports.SelectItem=b;exports.SelectLabel=j;exports.SelectScrollDownButton=i;exports.SelectScrollUpButton=l;exports.SelectSeparator=v;exports.SelectTrigger=g;exports.SelectValue=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),d=require("@radix-ui/react-select"),o=require("@phosphor-icons/react");function u(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(s,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return s.default=t,Object.freeze(s)}const r=u(d);function p({...t}){return e.jsxRuntimeExports.jsx(r.Root,{"data-slot":"select",...t})}function x({...t}){return e.jsxRuntimeExports.jsx(r.Group,{"data-slot":"select-group",...t})}function m({...t}){return e.jsxRuntimeExports.jsx(r.Value,{"data-slot":"select-value",...t})}function g({className:t,size:s="md",children:a,...n}){return e.jsxRuntimeExports.jsxs(r.Trigger,{"data-slot":"select-trigger","data-size":s,className:e.cn("border-input data-placeholder:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",s==="xs"&&'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',s==="sm"&&"label-md h-8 px-2 py-1",s==="md"&&"label-lg h-12 px-3 py-1",s==="lg"&&"label-xl h-16 px-4 py-2",t),...n,children:[a,e.jsxRuntimeExports.jsx(r.Icon,{asChild:!0,children:e.jsxRuntimeExports.jsx(o.CaretDownIcon,{className:"size-4 opacity-50"})})]})}function f({className:t,children:s,position:a="popper",collisionPadding:n=24,...c}){return e.jsxRuntimeExports.jsx(r.Portal,{children:e.jsxRuntimeExports.jsxs(r.Content,{"data-slot":"select-content",className:e.cn("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 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",a==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:a,...c,children:[e.jsxRuntimeExports.jsx(l,{}),e.jsxRuntimeExports.jsx(r.Viewport,{className:e.cn("p-1",a==="popper"&&"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"),children:s}),e.jsxRuntimeExports.jsx(i,{})]})})}function j({className:t,...s}){return e.jsxRuntimeExports.jsx(r.Label,{"data-slot":"select-label",className:e.cn("text-muted-foreground paragraph-xs px-2 py-1.5",t),...s})}function b({className:t,children:s,...a}){return e.jsxRuntimeExports.jsxs(r.Item,{"data-slot":"select-item",className:e.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",t),...a,children:[e.jsxRuntimeExports.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:e.jsxRuntimeExports.jsx(r.ItemIndicator,{children:e.jsxRuntimeExports.jsx(o.CheckIcon,{className:"size-4"})})}),e.jsxRuntimeExports.jsx(r.ItemText,{children:s})]})}function v({className:t,...s}){return e.jsxRuntimeExports.jsx(r.Separator,{"data-slot":"select-separator",className:e.cn("bg-border pointer-events-none -mx-1 my-1 h-px",t),...s})}function l({className:t,...s}){return e.jsxRuntimeExports.jsx(r.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:e.cn("flex cursor-default items-center justify-center py-1",t),...s,children:e.jsxRuntimeExports.jsx(o.CaretUpIcon,{className:"size-4"})})}function i({className:t,...s}){return e.jsxRuntimeExports.jsx(r.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:e.cn("flex cursor-default items-center justify-center py-1",t),...s,children:e.jsxRuntimeExports.jsx(o.CaretDownIcon,{className:"size-4"})})}exports.Select=p;exports.SelectContent=f;exports.SelectGroup=x;exports.SelectItem=b;exports.SelectLabel=j;exports.SelectScrollDownButton=i;exports.SelectScrollUpButton=l;exports.SelectSeparator=v;exports.SelectTrigger=g;exports.SelectValue=m;

package/dist/components/select.es.js

@@ -1,25 +1,25 @@
-import { j as e, c as o } from "../index-DBpnlzOP.js";
+import { j as e, c as r } from "../index-D5lmpham.js";
 import * as s from "@radix-ui/react-select";
-import { I as n } from "../icon-component-DGImZz3K.js";
-function m({
+import { CheckIcon as d, CaretDownIcon as n, CaretUpIcon as c } from "@phosphor-icons/react";
+function g({
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(s.Root, { "data-slot": "select", ...t });
 }
-function x({
+function f({
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(s.Group, { "data-slot": "select-group", ...t });
 }
-function g({
+function h({
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(s.Value, { "data-slot": "select-value", ...t });
 }
-function f({
+function v({
   className: t,
   size: a = "md",
-  children: r,
+  children: o,
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs(
@@ -27,8 +27,8 @@ function f({
     {
       "data-slot": "select-trigger",
       "data-size": a,
-      className: o(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      className: r(
+        "border-input data-placeholder:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         a === "xs" && 'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',
         a === "sm" && "label-md h-8 px-2 py-1",
         a === "md" && "label-lg h-12 px-3 py-1",
@@ -37,22 +37,16 @@ function f({
       ),
       ...l,
       children: [
-        r,
-        /* @__PURE__ */ e.jsx(s.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-          n,
-          {
-            iconName: "IconChevronDown",
-            className: "size-4 opacity-50"
-          }
-        ) })
+        o,
+        /* @__PURE__ */ e.jsx(s.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(n, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function h({
+function b({
   className: t,
   children: a,
-  position: r = "popper",
+  position: o = "popper",
   collisionPadding: l = 24,
   ...i
 }) {
@@ -60,31 +54,31 @@ function h({
     s.Content,
     {
       "data-slot": "select-content",
-      className: o(
-        "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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-        r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className: r(
+        "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 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         t
       ),
-      position: r,
+      position: o,
       ...i,
       children: [
-        /* @__PURE__ */ e.jsx(c, {}),
+        /* @__PURE__ */ e.jsx(u, {}),
         /* @__PURE__ */ e.jsx(
           s.Viewport,
           {
-            className: o(
+            className: r(
               "p-1",
-              r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+              o === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"
             ),
             children: a
           }
         ),
-        /* @__PURE__ */ e.jsx(d, {})
+        /* @__PURE__ */ e.jsx(p, {})
       ]
     }
   ) });
 }
-function v({
+function j({
   className: t,
   ...a
 }) {
@@ -92,7 +86,7 @@ function v({
     s.Label,
     {
       "data-slot": "select-label",
-      className: o(
+      className: r(
         "text-muted-foreground paragraph-xs px-2 py-1.5",
         t
       ),
@@ -100,28 +94,28 @@ function v({
     }
   );
 }
-function b({
+function y({
   className: t,
   children: a,
-  ...r
+  ...o
 }) {
   return /* @__PURE__ */ e.jsxs(
     s.Item,
     {
       "data-slot": "select-item",
-      className: o(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         t
       ),
-      ...r,
+      ...o,
       children: [
-        /* @__PURE__ */ e.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(s.ItemIndicator, { children: /* @__PURE__ */ e.jsx(n, { iconName: "IconCheck", className: "size-4" }) }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(s.ItemIndicator, { children: /* @__PURE__ */ e.jsx(d, { className: "size-4" }) }) }),
         /* @__PURE__ */ e.jsx(s.ItemText, { children: a })
       ]
     }
   );
 }
-function j({
+function w({
   className: t,
   ...a
 }) {
@@ -129,12 +123,12 @@ function j({
     s.Separator,
     {
       "data-slot": "select-separator",
-      className: o("bg-border pointer-events-none -mx-1 my-1 h-px", t),
+      className: r("bg-border pointer-events-none -mx-1 my-1 h-px", t),
       ...a
     }
   );
 }
-function c({
+function u({
   className: t,
   ...a
 }) {
@@ -142,16 +136,16 @@ function c({
     s.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: o(
+      className: r(
         "flex cursor-default items-center justify-center py-1",
         t
       ),
       ...a,
-      children: /* @__PURE__ */ e.jsx(n, { iconName: "IconChevronUp", className: "size-4" })
+      children: /* @__PURE__ */ e.jsx(c, { className: "size-4" })
     }
   );
 }
-function d({
+function p({
   className: t,
   ...a
 }) {
@@ -159,24 +153,24 @@ function d({
     s.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: o(
+      className: r(
         "flex cursor-default items-center justify-center py-1",
         t
       ),
       ...a,
-      children: /* @__PURE__ */ e.jsx(n, { iconName: "IconChevronDown", className: "size-4" })
+      children: /* @__PURE__ */ e.jsx(n, { className: "size-4" })
     }
   );
 }
 export {
-  m as Select,
-  h as SelectContent,
-  x as SelectGroup,
-  b as SelectItem,
-  v as SelectLabel,
-  d as SelectScrollDownButton,
-  c as SelectScrollUpButton,
-  j as SelectSeparator,
-  f as SelectTrigger,
-  g as SelectValue
+  g as Select,
+  b as SelectContent,
+  f as SelectGroup,
+  y as SelectItem,
+  j as SelectLabel,
+  p as SelectScrollDownButton,
+  u as SelectScrollUpButton,
+  w as SelectSeparator,
+  v as SelectTrigger,
+  h as SelectValue
 };

package/dist/components/sheet.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DSjHHn1r.cjs"),r=require("@radix-ui/react-dialog"),i=require("../icon-component-DTlgy__B.cjs");function l(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const a=l(r);function d({...t}){return e.jsxRuntimeExports.jsx(a.Root,{"data-slot":"sheet",...t})}function c({...t}){return e.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"sheet-trigger",...t})}function u({...t}){return e.jsxRuntimeExports.jsx(a.Close,{"data-slot":"sheet-close",...t})}function x({...t}){return e.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"sheet-portal",...t})}function m({className:t,...o}){return e.jsxRuntimeExports.jsx(a.Overlay,{"data-slot":"sheet-overlay",className:e.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...o})}function p({className:t,children:o,side:s="right",...n}){return e.jsxRuntimeExports.jsxs(x,{children:[e.jsxRuntimeExports.jsx(m,{}),e.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"sheet-content",className:e.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",s==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",s==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",s==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",s==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...n,children:[o,e.jsxRuntimeExports.jsxs(a.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[e.jsxRuntimeExports.jsx(i.IconComponent,{iconName:"IconX",className:"size-4"}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function f({className:t,...o}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-header",className:e.cn("flex flex-col gap-1.5 p-4",t),...o})}function h({className:t,...o}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-footer",className:e.cn("mt-auto flex flex-col gap-2 p-4",t),...o})}function g({className:t,...o}){return e.jsxRuntimeExports.jsx(a.Title,{"data-slot":"sheet-title",className:e.cn("text-foreground font-semibold",t),...o})}function j({className:t,...o}){return e.jsxRuntimeExports.jsx(a.Description,{"data-slot":"sheet-description",className:e.cn("text-muted-foreground paragraph-sm",t),...o})}exports.Sheet=d;exports.SheetClose=u;exports.SheetContent=p;exports.SheetDescription=j;exports.SheetFooter=h;exports.SheetHeader=f;exports.SheetTitle=g;exports.SheetTrigger=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),r=require("@radix-ui/react-dialog"),i=require("@phosphor-icons/react");function l(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const a=l(r);function d({...t}){return e.jsxRuntimeExports.jsx(a.Root,{"data-slot":"sheet",...t})}function u({...t}){return e.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"sheet-trigger",...t})}function c({...t}){return e.jsxRuntimeExports.jsx(a.Close,{"data-slot":"sheet-close",...t})}function x({...t}){return e.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"sheet-portal",...t})}function m({className:t,...o}){return e.jsxRuntimeExports.jsx(a.Overlay,{"data-slot":"sheet-overlay",className:e.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...o})}function p({className:t,children:o,side:s="right",...n}){return e.jsxRuntimeExports.jsxs(x,{children:[e.jsxRuntimeExports.jsx(m,{}),e.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"sheet-content",className:e.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",s==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",s==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",s==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",s==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...n,children:[o,e.jsxRuntimeExports.jsxs(a.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[e.jsxRuntimeExports.jsx(i.XIcon,{className:"size-4"}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function f({className:t,...o}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-header",className:e.cn("flex flex-col gap-1.5 p-4",t),...o})}function h({className:t,...o}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-footer",className:e.cn("mt-auto flex flex-col gap-2 p-4",t),...o})}function g({className:t,...o}){return e.jsxRuntimeExports.jsx(a.Title,{"data-slot":"sheet-title",className:e.cn("text-foreground font-semibold",t),...o})}function j({className:t,...o}){return e.jsxRuntimeExports.jsx(a.Description,{"data-slot":"sheet-description",className:e.cn("text-muted-foreground paragraph-sm",t),...o})}exports.Sheet=d;exports.SheetClose=c;exports.SheetContent=p;exports.SheetDescription=j;exports.SheetFooter=h;exports.SheetHeader=f;exports.SheetTitle=g;exports.SheetTrigger=u;