@clasing/ui 2.0.2 → 2.0.4

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BuHQgaKs.cjs"),p=require("../command-C4Y6Ixrp.cjs"),S=require("../input-wSGCWBH-.cjs"),I=require("../label-U5GnYvFO.cjs"),h=require("../popover-4V87msIT.cjs"),q=require("../scroll-area-hg-bGoRe.cjs"),c=require("../index-DoxiiusW.cjs"),w=require("react"),P=require("react-phone-number-input"),O=require("react-phone-number-input/flags"),_=require("react-phone-number-input/locale/en"),T=require("react-phone-number-input/locale/es"),k=require("react-phone-number-input/locale/fr"),y=require("../icon-component-D5YssRbR.cjs");function C(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,o.get?o:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const f=C(w),E=C(P),N=f.forwardRef(({className:t,onChange:n,value:s,size:o="md",rounded:r="default",label:u,helperText:d,locale:x="en",error:l,touched:m,containerClassName:j,...i},b)=>e.jsxRuntimeExports.jsxs("div",{className:c.cn("flex flex-col gap-2",j),children:[u&&e.jsxRuntimeExports.jsx(I.Label,{htmlFor:i.id,className:c.cn("mb-1",{"opacity-50":i.disabled}),children:u}),e.jsxRuntimeExports.jsx(E.default,{ref:b,className:c.cn("flex",t),flagComponent:R,countrySelectComponent:A,inputComponent:v,smartCaret:!1,labels:x==="es"?T:x==="fr"?k:_,value:s||void 0,onChange:a=>n?.(a||""),countrySelectProps:{size:o,rounded:r,error:l,touched:m},numberInputProps:{size:o,rounded:r,error:l,touched:m},...i}),l&&m?e.jsxRuntimeExports.jsx("span",{id:i.id&&`${i.id}-error-text`,"aria-invalid":!0,className:"text-destructive text-label-md -mt-1",children:l}):d?e.jsxRuntimeExports.jsx("span",{id:i.id&&`${i.id}-helper-text`,className:c.cn("text-label-md -mt-1",{"text-muted-foreground":!l&&!m,"text-destructive":l&&m,"text-muted-foreground opacity-50":i.disabled}),children:d}):null]}));N.displayName="PhoneInput";const v=f.forwardRef(({className:t,rounded:n="default",error:s,touched:o,size:r,...u},d)=>{const{"data-country":x,...l}=u;return e.jsxRuntimeExports.jsx(S.Input,{size:r,containerClassName:"w-full",className:c.cn("w-full",{"border-destructive":s&&o,"border-blue-800":o&&!s,"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"},t),...l,ref:d})});v.displayName="InputComponent";const A=({disabled:t,value:n,options:s,onChange:o,size:r="md",rounded:u="default",error:d,touched:x})=>{const l=f.useRef(null),[m,j]=f.useState(""),[i,b]=f.useState(!1);return e.jsxRuntimeExports.jsxs(h.Popover,{open:i,modal:!0,onOpenChange:a=>{b(a),a&&j("")},children:[e.jsxRuntimeExports.jsx(h.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:c.cn("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 flex w-fit min-w-0 items-center justify-center border border-r-0 bg-transparent text-base transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold focus-visible:z-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",u==="default"?"rounded-e-none":"rounded-s-full rounded-e-none",{"outline-destructive":d&&x,"outline-blue-800":x&&!d,"text-label-md h-8 rounded-s-sm px-2 py-1":r==="sm","text-label-lg h-12 rounded-s-md px-3 py-1":r==="md","text-label-xl h-16 rounded-s-lg px-4 py-2":r==="lg"}),disabled:t,children:[e.jsxRuntimeExports.jsx(R,{country:n,countryName:n,disabled:t}),e.jsxRuntimeExports.jsx(y.IconComponent,{iconName:"IconChevronDown",className:c.cn("-mr-2 size-4 opacity-50",t?"hidden":"opacity-100")})]})}),e.jsxRuntimeExports.jsx(h.PopoverContent,{className:"w-[300px] p-0",children:e.jsxRuntimeExports.jsxs(p.Command,{children:[e.jsxRuntimeExports.jsx(p.CommandInput,{value:m,onValueChange:a=>{j(a),setTimeout(()=>{if(l.current){const g=l.current.querySelector("[data-radix-scroll-area-viewport]");g&&(g.scrollTop=0)}},0)},placeholder:"Search country..."}),e.jsxRuntimeExports.jsx(p.CommandList,{children:e.jsxRuntimeExports.jsxs(q.ScrollArea,{ref:l,className:"h-72",children:[e.jsxRuntimeExports.jsx(p.CommandEmpty,{children:"No country found."}),e.jsxRuntimeExports.jsx(p.CommandGroup,{children:s.map(({value:a,label:g})=>a?e.jsxRuntimeExports.jsx(D,{country:a,countryName:g,selectedCountry:n,onChange:o,onSelectComplete:()=>b(!1)},a):null)})]})})]})})]})},D=({country:t,countryName:n,selectedCountry:s,onChange:o,onSelectComplete:r})=>{const u=()=>{o(t),r()};return e.jsxRuntimeExports.jsxs(p.CommandItem,{className:"gap-2",onSelect:u,children:[e.jsxRuntimeExports.jsx(R,{country:t,countryName:n}),e.jsxRuntimeExports.jsx("span",{className:"flex-1 text-sm",children:n}),e.jsxRuntimeExports.jsx("span",{className:"text-foreground/50 text-sm",children:`+${E.getCountryCallingCode(t)}`}),e.jsxRuntimeExports.jsx(y.IconComponent,{iconName:"IconCheck",className:`ml-auto size-4 ${t===s?"opacity-100":"opacity-0"}`})]})},R=({country:t,countryName:n,disabled:s})=>{const o=O[t];return e.jsxRuntimeExports.jsx("span",{className:c.cn("bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",{"opacity-50":s}),children:o&&e.jsxRuntimeExports.jsx(o,{title:n})})};exports.PhoneInput=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BuHQgaKs.cjs"),c=require("../command-KZ-02POP.cjs"),S=require("../input-B_INrEy1.cjs"),f=require("../popover-4V87msIT.cjs"),I=require("../scroll-area-hg-bGoRe.cjs"),m=require("../index-DoxiiusW.cjs"),q=require("react"),w=require("react-phone-number-input"),P=require("react-phone-number-input/flags"),O=require("react-phone-number-input/locale/en"),_=require("react-phone-number-input/locale/es"),T=require("react-phone-number-input/locale/fr"),b=require("../icon-component-D5YssRbR.cjs");function R(t){const n=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(n,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const d=R(q),y=R(w),C=d.forwardRef(({className:t,onChange:n,value:o,size:r="md",rounded:s="default",locale:l="en",...i},p)=>e.jsxRuntimeExports.jsx(y.default,{ref:p,className:m.cn("flex",t),flagComponent:j,countrySelectComponent:k,inputComponent:E,smartCaret:!1,labels:l==="es"?_:l==="fr"?T:O,value:o||void 0,onChange:u=>n?.(u||""),countrySelectProps:{size:r,rounded:s},numberInputProps:{size:r,rounded:s},...i}));C.displayName="PhoneInput";const E=d.forwardRef(({className:t,rounded:n="default",error:o,touched:r,size:s,...l},i)=>{const{"data-country":p,...u}=l;return e.jsxRuntimeExports.jsx(S.Input,{size:s,className:m.cn("w-full",{"border-destructive":o&&r,"border-blue-800":r&&!o,"rounded-s-none rounded-e-lg":n!=="full","rounded-s-none rounded-e-full":n==="full","rounded-e-sm":s==="sm","rounded-e-md":s==="md","rounded-e-lg":s==="lg"},t),...u,ref:i})});E.displayName="InputComponent";const k=({disabled:t,value:n,options:o,onChange:r,size:s="md",rounded:l="default",error:i,touched:p})=>{const u=d.useRef(null),[v,g]=d.useState(""),[N,h]=d.useState(!1);return e.jsxRuntimeExports.jsxs(f.Popover,{open:N,modal:!0,onOpenChange:a=>{h(a),a&&g("")},children:[e.jsxRuntimeExports.jsx(f.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:m.cn("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:text-paragraph-sm md:text-paragraph-sm flex w-fit min-w-0 items-center justify-center border border-r-0 bg-transparent text-base 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",l==="default"?"rounded-e-none":"rounded-s-full rounded-e-none",{"outline-destructive":i&&p,"outline-blue-800":p&&!i,"text-label-md h-8 rounded-s-sm px-2 py-1":s==="sm","text-label-lg h-12 rounded-s-md px-3 py-1":s==="md","text-label-xl h-16 rounded-s-lg px-4 py-2":s==="lg"}),disabled:t,children:[e.jsxRuntimeExports.jsx(j,{country:n,countryName:n,disabled:t}),e.jsxRuntimeExports.jsx(b.IconComponent,{iconName:"IconChevronDown",className:m.cn("-mr-2 size-4 opacity-50",t?"hidden":"opacity-100")})]})}),e.jsxRuntimeExports.jsx(f.PopoverContent,{className:"w-[300px] p-0",children:e.jsxRuntimeExports.jsxs(c.Command,{children:[e.jsxRuntimeExports.jsx(c.CommandInput,{value:v,onValueChange:a=>{g(a),setTimeout(()=>{if(u.current){const x=u.current.querySelector("[data-radix-scroll-area-viewport]");x&&(x.scrollTop=0)}},0)},placeholder:"Search country..."}),e.jsxRuntimeExports.jsx(c.CommandList,{children:e.jsxRuntimeExports.jsxs(I.ScrollArea,{ref:u,className:"h-72",children:[e.jsxRuntimeExports.jsx(c.CommandEmpty,{children:"No country found."}),e.jsxRuntimeExports.jsx(c.CommandGroup,{children:o.map(({value:a,label:x})=>a?e.jsxRuntimeExports.jsx(A,{country:a,countryName:x,selectedCountry:n,onChange:r,onSelectComplete:()=>h(!1)},a):null)})]})})]})})]})},A=({country:t,countryName:n,selectedCountry:o,onChange:r,onSelectComplete:s})=>{const l=()=>{r(t),s()};return e.jsxRuntimeExports.jsxs(c.CommandItem,{className:"gap-2",onSelect:l,children:[e.jsxRuntimeExports.jsx(j,{country:t,countryName:n}),e.jsxRuntimeExports.jsx("span",{className:"text-paragraph-sm flex-1",children:n}),e.jsxRuntimeExports.jsx("span",{className:"text-foreground/50 text-paragraph-sm",children:`+${y.getCountryCallingCode(t)}`}),e.jsxRuntimeExports.jsx(b.IconComponent,{iconName:"IconCheck",className:`ml-auto size-4 ${t===o?"opacity-100":"opacity-0"}`})]})},j=({country:t,countryName:n,disabled:o})=>{const r=P[t];return e.jsxRuntimeExports.jsx("span",{className:m.cn("bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",{"opacity-50":o}),children:r&&e.jsxRuntimeExports.jsx(r,{title:n})})};exports.PhoneInput=C;

package/dist/components/phone-input.d.ts

@@ -4,12 +4,7 @@ type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value'
     onChange?: (value: RPNInput.Value) => void;
     size?: 'sm' | 'md' | 'lg';
     rounded?: 'default' | 'full';
-    label?: string;
-    helperText?: string;
     locale?: 'en' | 'es' | 'fr';
-    error?: string;
-    touched?: boolean;
-    containerClassName?: string;
 };
 declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
 export { PhoneInput };

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

@@ -1,207 +1,164 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
-import { C as N, d as v, f as I, b as w, c as S, e as P } from "../command-pED95x7-.js";
-import { I as R } from "../input-Bs18T-Y3.js";
-import { L as O } from "../label-_kG7WBoJ.js";
-import { P as $, c as E, b as F } from "../popover-CHAUhJda.js";
-import { S as L } from "../scroll-area-DwBiu3Jn.js";
-import { c as m } from "../index-CRiPKpXj.js";
-import * as f from "react";
-import * as j from "react-phone-number-input";
-import V from "react-phone-number-input/flags";
-import k from "react-phone-number-input/locale/en";
-import A from "react-phone-number-input/locale/es";
-import T from "react-phone-number-input/locale/fr";
-import { I as C } from "../icon-component-CxQsODCa.js";
-const _ = f.forwardRef(
+import { C as N, d as v, f as I, b as S, c as w, e as P } from "../command-DTwO6Xc5.js";
+import { I as R } from "../input-C71fsEVP.js";
+import { P as O, c as E, b as T } from "../popover-CHAUhJda.js";
+import { S as V } from "../scroll-area-DwBiu3Jn.js";
+import { c } from "../index-CRiPKpXj.js";
+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-CxQsODCa.js";
+const $ = p.forwardRef(
   ({
-    className: t,
+    className: o,
     onChange: n,
-    value: l,
-    size: s = "md",
-    rounded: o = "default",
-    label: d,
-    helperText: c,
-    locale: p = "en",
-    error: r,
-    touched: u,
-    containerClassName: x,
-    ...a
-  }, b) => /* @__PURE__ */ e.jsxs("div", { className: m("flex flex-col gap-2", x), children: [
-    d && /* @__PURE__ */ e.jsx(
-      O,
-      {
-        htmlFor: a.id,
-        className: m("mb-1", {
-          "opacity-50": a.disabled
-        }),
-        children: d
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      j.default,
-      {
-        ref: b,
-        className: m("flex", t),
-        flagComponent: h,
-        countrySelectComponent: q,
-        inputComponent: y,
-        smartCaret: !1,
-        labels: p === "es" ? A : p === "fr" ? T : k,
-        value: l || void 0,
-        onChange: (i) => n?.(i || ""),
-        countrySelectProps: {
-          size: s,
-          rounded: o,
-          error: r,
-          touched: u
-        },
-        numberInputProps: {
-          size: s,
-          rounded: o,
-          error: r,
-          touched: u
-        },
-        ...a
-      }
-    ),
-    r && u ? /* @__PURE__ */ e.jsx(
-      "span",
-      {
-        id: a.id && `${a.id}-error-text`,
-        "aria-invalid": !0,
-        className: "text-destructive text-label-md -mt-1",
-        children: r
-      }
-    ) : c ? /* @__PURE__ */ e.jsx(
-      "span",
-      {
-        id: a.id && `${a.id}-helper-text`,
-        className: m("text-label-md -mt-1", {
-          "text-muted-foreground": !r && !u,
-          "text-destructive": r && u,
-          "text-muted-foreground opacity-50": a.disabled
-        }),
-        children: c
-      }
-    ) : null
-  ] })
+    value: s,
+    size: t = "md",
+    rounded: r = "default",
+    locale: a = "en",
+    ...i
+  }, d) => /* @__PURE__ */ e.jsx(
+    h.default,
+    {
+      ref: d,
+      className: c("flex", o),
+      flagComponent: f,
+      countrySelectComponent: q,
+      inputComponent: C,
+      smartCaret: !1,
+      labels: a === "es" ? F : a === "fr" ? _ : A,
+      value: s || void 0,
+      onChange: (m) => n?.(m || ""),
+      countrySelectProps: {
+        size: t,
+        rounded: r
+      },
+      numberInputProps: {
+        size: t,
+        rounded: r
+      },
+      ...i
+    }
+  )
 );
-_.displayName = "PhoneInput";
-const y = f.forwardRef(({ className: t, rounded: n = "default", error: l, touched: s, size: o, ...d }, c) => {
-  const { "data-country": p, ...r } = d;
+$.displayName = "PhoneInput";
+const C = p.forwardRef(({ className: o, rounded: n = "default", error: s, touched: t, size: r, ...a }, i) => {
+  const { "data-country": d, ...m } = a;
   return /* @__PURE__ */ e.jsx(
     R,
     {
-      size: o,
-      containerClassName: "w-full",
-      className: m(
+      size: r,
+      className: c(
         "w-full",
         {
-          "border-destructive": l && s,
-          "border-blue-800": s && !l,
+          "border-destructive": s && t,
+          "border-blue-800": t && !s,
           "rounded-s-none rounded-e-lg": n !== "full",
           "rounded-s-none rounded-e-full": n === "full",
-          "rounded-e-sm": o === "sm",
-          "rounded-e-md": o === "md",
-          "rounded-e-lg": o === "lg"
+          "rounded-e-sm": r === "sm",
+          "rounded-e-md": r === "md",
+          "rounded-e-lg": r === "lg"
         },
-        t
+        o
       ),
-      ...r,
-      ref: c
+      ...m,
+      ref: i
     }
   );
 });
-y.displayName = "InputComponent";
+C.displayName = "InputComponent";
 const q = ({
-  disabled: t,
+  disabled: o,
   value: n,
-  options: l,
-  onChange: s,
-  size: o = "md",
-  rounded: d = "default",
-  error: c,
-  touched: p
+  options: s,
+  onChange: t,
+  size: r = "md",
+  rounded: a = "default",
+  error: i,
+  touched: d
 }) => {
-  const r = f.useRef(null), [u, x] = f.useState(""), [a, b] = f.useState(!1);
+  const m = p.useRef(null), [j, x] = p.useState(""), [y, g] = p.useState(!1);
   return /* @__PURE__ */ e.jsxs(
-    $,
+    O,
     {
-      open: a,
+      open: y,
       modal: !0,
-      onOpenChange: (i) => {
-        b(i), i && x("");
+      onOpenChange: (l) => {
+        g(l), l && x("");
       },
       children: [
         /* @__PURE__ */ e.jsx(E, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            className: m(
-              "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 flex w-fit min-w-0 items-center justify-center border border-r-0 bg-transparent text-base transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold focus-visible:z-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-              d === "default" ? "rounded-e-none" : "rounded-s-full rounded-e-none",
+            className: c(
+              "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:text-paragraph-sm md:text-paragraph-sm flex w-fit min-w-0 items-center justify-center border border-r-0 bg-transparent text-base 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": c && p,
-                "outline-blue-800": p && !c,
-                "text-label-md h-8 rounded-s-sm px-2 py-1": o === "sm",
-                "text-label-lg h-12 rounded-s-md px-3 py-1": o === "md",
-                "text-label-xl h-16 rounded-s-lg px-4 py-2": o === "lg"
+                "outline-destructive": i && d,
+                "outline-blue-800": d && !i,
+                "text-label-md h-8 rounded-s-sm px-2 py-1": r === "sm",
+                "text-label-lg h-12 rounded-s-md px-3 py-1": r === "md",
+                "text-label-xl h-16 rounded-s-lg px-4 py-2": r === "lg"
               }
             ),
-            disabled: t,
+            disabled: o,
             children: [
               /* @__PURE__ */ e.jsx(
-                h,
+                f,
                 {
                   country: n,
                   countryName: n,
-                  disabled: t
+                  disabled: o
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                C,
+                b,
                 {
                   iconName: "IconChevronDown",
-                  className: m(
+                  className: c(
                     "-mr-2 size-4 opacity-50",
-                    t ? "hidden" : "opacity-100"
+                    o ? "hidden" : "opacity-100"
                   )
                 }
               )
             ]
           }
         ) }),
-        /* @__PURE__ */ e.jsx(F, { className: "w-[300px] p-0", children: /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(T, { className: "w-[300px] p-0", children: /* @__PURE__ */ e.jsxs(N, { children: [
           /* @__PURE__ */ e.jsx(
             v,
             {
-              value: u,
-              onValueChange: (i) => {
-                x(i), setTimeout(() => {
-                  if (r.current) {
-                    const g = r.current.querySelector(
+              value: j,
+              onValueChange: (l) => {
+                x(l), setTimeout(() => {
+                  if (m.current) {
+                    const u = m.current.querySelector(
                       "[data-radix-scroll-area-viewport]"
                     );
-                    g && (g.scrollTop = 0);
+                    u && (u.scrollTop = 0);
                   }
                 }, 0);
               },
               placeholder: "Search country..."
             }
           ),
-          /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsxs(L, { ref: r, className: "h-72", children: [
-            /* @__PURE__ */ e.jsx(w, { children: "No country found." }),
-            /* @__PURE__ */ e.jsx(S, { children: l.map(
-              ({ value: i, label: g }) => i ? /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsxs(V, { ref: m, className: "h-72", children: [
+            /* @__PURE__ */ e.jsx(S, { children: "No country found." }),
+            /* @__PURE__ */ e.jsx(w, { children: s.map(
+              ({ value: l, label: u }) => l ? /* @__PURE__ */ e.jsx(
                 D,
                 {
-                  country: i,
-                  countryName: g,
+                  country: l,
+                  countryName: u,
                   selectedCountry: n,
-                  onChange: s,
-                  onSelectComplete: () => b(!1)
+                  onChange: t,
+                  onSelectComplete: () => g(!1)
                 },
-                i
+                l
               ) : null
             ) })
           ] }) })
@@ -210,44 +167,44 @@ const q = ({
     }
   );
 }, D = ({
-  country: t,
+  country: o,
   countryName: n,
-  selectedCountry: l,
-  onChange: s,
-  onSelectComplete: o
+  selectedCountry: s,
+  onChange: t,
+  onSelectComplete: r
 }) => {
-  const d = () => {
-    s(t), o();
+  const a = () => {
+    t(o), r();
   };
-  return /* @__PURE__ */ e.jsxs(P, { className: "gap-2", onSelect: d, children: [
-    /* @__PURE__ */ e.jsx(h, { country: t, countryName: n }),
-    /* @__PURE__ */ e.jsx("span", { className: "flex-1 text-sm", children: n }),
-    /* @__PURE__ */ e.jsx("span", { className: "text-foreground/50 text-sm", children: `+${j.getCountryCallingCode(t)}` }),
+  return /* @__PURE__ */ e.jsxs(P, { className: "gap-2", onSelect: a, children: [
+    /* @__PURE__ */ e.jsx(f, { country: o, countryName: n }),
+    /* @__PURE__ */ e.jsx("span", { className: "text-paragraph-sm flex-1", children: n }),
+    /* @__PURE__ */ e.jsx("span", { className: "text-foreground/50 text-paragraph-sm", children: `+${h.getCountryCallingCode(o)}` }),
     /* @__PURE__ */ e.jsx(
-      C,
+      b,
       {
         iconName: "IconCheck",
-        className: `ml-auto size-4 ${t === l ? "opacity-100" : "opacity-0"}`
+        className: `ml-auto size-4 ${o === s ? "opacity-100" : "opacity-0"}`
       }
     )
   ] });
-}, h = ({
-  country: t,
+}, f = ({
+  country: o,
   countryName: n,
-  disabled: l
+  disabled: s
 }) => {
-  const s = V[t];
+  const t = k[o];
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: m(
+      className: c(
         "bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",
-        { "opacity-50": l }
+        { "opacity-50": s }
       ),
-      children: s && /* @__PURE__ */ e.jsx(s, { title: n })
+      children: t && /* @__PURE__ */ e.jsx(t, { title: n })
     }
   );
 };
 export {
-  _ as PhoneInput
+  $ as PhoneInput
 };

package/dist/components/select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-BuHQgaKs.cjs"),d=require("@radix-ui/react-select"),r=require("../index-DoxiiusW.cjs"),l=require("../icon-component-D5YssRbR.cjs");function u(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const n=u(d);function x({...e}){return t.jsxRuntimeExports.jsx(n.Root,{"data-slot":"select",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(n.Group,{"data-slot":"select-group",...e})}function m({...e}){return t.jsxRuntimeExports.jsx(n.Value,{"data-slot":"select-value",...e})}function g({className:e,size:s="md",children:o,...a}){return t.jsxRuntimeExports.jsxs(n.Trigger,{"data-slot":"select-trigger","data-size":s,className:r.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"&&'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',s==="sm"&&"text-label-md h-8 px-2 py-1",s==="md"&&"text-label-lg h-12 px-3 py-1",s==="lg"&&"text-label-xl h-16 px-4 py-2",e),...a,children:[o,t.jsxRuntimeExports.jsx(n.Icon,{asChild:!0,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronDown",className:"size-4 opacity-50"})})]})}function f({className:e,children:s,position:o="popper",...a}){return t.jsxRuntimeExports.jsx(n.Portal,{children:t.jsxRuntimeExports.jsxs(n.Content,{"data-slot":"select-content",className:r.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",e),position:o,...a,children:[t.jsxRuntimeExports.jsx(i,{}),t.jsxRuntimeExports.jsx(n.Viewport,{className:r.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}),t.jsxRuntimeExports.jsx(c,{})]})})}function j({className:e,...s}){return t.jsxRuntimeExports.jsx(n.Label,{"data-slot":"select-label",className:r.cn("text-muted-foreground px-2 py-1.5 text-xs",e),...s})}function b({className:e,children:s,...o}){return t.jsxRuntimeExports.jsxs(n.Item,{"data-slot":"select-item",className:r.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm 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",e),...o,children:[t.jsxRuntimeExports.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(n.ItemIndicator,{children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),t.jsxRuntimeExports.jsx(n.ItemText,{children:s})]})}function v({className:e,...s}){return t.jsxRuntimeExports.jsx(n.Separator,{"data-slot":"select-separator",className:r.cn("bg-border pointer-events-none -mx-1 my-1 h-px",e),...s})}function i({className:e,...s}){return t.jsxRuntimeExports.jsx(n.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:r.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronUp",className:"size-4"})})}function c({className:e,...s}){return t.jsxRuntimeExports.jsx(n.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:r.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronDown",className:"size-4"})})}exports.Select=x;exports.SelectContent=f;exports.SelectGroup=p;exports.SelectItem=b;exports.SelectLabel=j;exports.SelectScrollDownButton=c;exports.SelectScrollUpButton=i;exports.SelectSeparator=v;exports.SelectTrigger=g;exports.SelectValue=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-BuHQgaKs.cjs"),d=require("@radix-ui/react-select"),r=require("../index-DoxiiusW.cjs"),l=require("../icon-component-D5YssRbR.cjs");function u(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const n=u(d);function p({...e}){return t.jsxRuntimeExports.jsx(n.Root,{"data-slot":"select",...e})}function x({...e}){return t.jsxRuntimeExports.jsx(n.Group,{"data-slot":"select-group",...e})}function m({...e}){return t.jsxRuntimeExports.jsx(n.Value,{"data-slot":"select-value",...e})}function g({className:e,size:s="md",children:o,...a}){return t.jsxRuntimeExports.jsxs(n.Trigger,{"data-slot":"select-trigger","data-size":s,className:r.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"&&'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',s==="sm"&&"text-label-md h-8 px-2 py-1",s==="md"&&"text-label-lg h-12 px-3 py-1",s==="lg"&&"text-label-xl h-16 px-4 py-2",e),...a,children:[o,t.jsxRuntimeExports.jsx(n.Icon,{asChild:!0,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronDown",className:"size-4 opacity-50"})})]})}function f({className:e,children:s,position:o="popper",...a}){return t.jsxRuntimeExports.jsx(n.Portal,{children:t.jsxRuntimeExports.jsxs(n.Content,{"data-slot":"select-content",className:r.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",e),position:o,...a,children:[t.jsxRuntimeExports.jsx(i,{}),t.jsxRuntimeExports.jsx(n.Viewport,{className:r.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}),t.jsxRuntimeExports.jsx(c,{})]})})}function j({className:e,...s}){return t.jsxRuntimeExports.jsx(n.Label,{"data-slot":"select-label",className:r.cn("text-muted-foreground text-paragraph-xs px-2 py-1.5",e),...s})}function b({className:e,children:s,...o}){return t.jsxRuntimeExports.jsxs(n.Item,{"data-slot":"select-item",className:r.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground text-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",e),...o,children:[t.jsxRuntimeExports.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(n.ItemIndicator,{children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),t.jsxRuntimeExports.jsx(n.ItemText,{children:s})]})}function v({className:e,...s}){return t.jsxRuntimeExports.jsx(n.Separator,{"data-slot":"select-separator",className:r.cn("bg-border pointer-events-none -mx-1 my-1 h-px",e),...s})}function i({className:e,...s}){return t.jsxRuntimeExports.jsx(n.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:r.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronUp",className:"size-4"})})}function c({className:e,...s}){return t.jsxRuntimeExports.jsx(n.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:r.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronDown",className:"size-4"})})}exports.Select=p;exports.SelectContent=f;exports.SelectGroup=x;exports.SelectItem=b;exports.SelectLabel=j;exports.SelectScrollDownButton=c;exports.SelectScrollUpButton=i;exports.SelectSeparator=v;exports.SelectTrigger=g;exports.SelectValue=m;

package/dist/components/select.es.js

@@ -1,6 +1,6 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
 import * as s from "@radix-ui/react-select";
-import { c as o } from "../index-CRiPKpXj.js";
+import { c as r } from "../index-CRiPKpXj.js";
 import { I as n } from "../icon-component-CxQsODCa.js";
 function m({
   ...t
@@ -20,7 +20,7 @@ function f({
 function g({
   className: t,
   size: a = "md",
-  children: r,
+  children: o,
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs(
@@ -28,7 +28,7 @@ function g({
     {
       "data-slot": "select-trigger",
       "data-size": a,
-      className: o(
+      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" && 'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',
         a === "sm" && "text-label-md h-8 px-2 py-1",
@@ -38,7 +38,7 @@ function g({
       ),
       ...l,
       children: [
-        r,
+        o,
         /* @__PURE__ */ e.jsx(s.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(
           n,
           {
@@ -50,31 +50,31 @@ function g({
     }
   );
 }
-function v({
+function h({
   className: t,
   children: a,
-  position: r = "popper",
+  position: o = "popper",
   ...l
 }) {
   return /* @__PURE__ */ e.jsx(s.Portal, { children: /* @__PURE__ */ e.jsxs(
     s.Content,
     {
       "data-slot": "select-content",
-      className: o(
+      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-[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",
+        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,
       ...l,
       children: [
         /* @__PURE__ */ e.jsx(i, {}),
         /* @__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-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
             children: a
           }
@@ -84,7 +84,7 @@ function v({
     }
   ) });
 }
-function h({
+function v({
   className: t,
   ...a
 }) {
@@ -92,7 +92,10 @@ function h({
     s.Label,
     {
       "data-slot": "select-label",
-      className: o("text-muted-foreground px-2 py-1.5 text-xs", t),
+      className: r(
+        "text-muted-foreground text-paragraph-xs px-2 py-1.5",
+        t
+      ),
       ...a
     }
   );
@@ -100,17 +103,17 @@ function h({
 function b({
   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 relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm 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 text-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(s.ItemText, { children: a })
@@ -126,7 +129,7 @@ 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
     }
   );
@@ -139,7 +142,7 @@ function i({
     s.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: o(
+      className: r(
         "flex cursor-default items-center justify-center py-1",
         t
       ),
@@ -156,7 +159,7 @@ function c({
     s.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: o(
+      className: r(
         "flex cursor-default items-center justify-center py-1",
         t
       ),
@@ -167,10 +170,10 @@ function c({
 }
 export {
   m as Select,
-  v as SelectContent,
+  h as SelectContent,
   x as SelectGroup,
   b as SelectItem,
-  h as SelectLabel,
+  v as SelectLabel,
   c as SelectScrollDownButton,
   i as SelectScrollUpButton,
   j as SelectSeparator,

package/dist/components/sheet.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../jsx-runtime-BuHQgaKs.cjs"),i=require("@radix-ui/react-dialog"),a=require("../index-DoxiiusW.cjs"),l=require("../icon-component-D5YssRbR.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const n=d(i);function c({...t}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"sheet",...t})}function u({...t}){return o.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"sheet-trigger",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(n.Close,{"data-slot":"sheet-close",...t})}function m({...t}){return o.jsxRuntimeExports.jsx(n.Portal,{"data-slot":"sheet-portal",...t})}function p({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Overlay,{"data-slot":"sheet-overlay",className:a.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),...e})}function f({className:t,children:e,side:s="right",...r}){return o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(p,{}),o.jsxRuntimeExports.jsxs(n.Content,{"data-slot":"sheet-content",className:a.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),...r,children:[e,o.jsxRuntimeExports.jsxs(n.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:[o.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconX",className:"size-4"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function h({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-header",className:a.cn("flex flex-col gap-1.5 p-4",t),...e})}function g({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-footer",className:a.cn("mt-auto flex flex-col gap-2 p-4",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Title,{"data-slot":"sheet-title",className:a.cn("text-foreground font-semibold",t),...e})}function b({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Description,{"data-slot":"sheet-description",className:a.cn("text-muted-foreground text-sm",t),...e})}exports.Sheet=c;exports.SheetClose=x;exports.SheetContent=f;exports.SheetDescription=b;exports.SheetFooter=g;exports.SheetHeader=h;exports.SheetTitle=j;exports.SheetTrigger=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../jsx-runtime-BuHQgaKs.cjs"),i=require("@radix-ui/react-dialog"),n=require("../index-DoxiiusW.cjs"),l=require("../icon-component-D5YssRbR.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const a=d(i);function c({...t}){return o.jsxRuntimeExports.jsx(a.Root,{"data-slot":"sheet",...t})}function u({...t}){return o.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"sheet-trigger",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(a.Close,{"data-slot":"sheet-close",...t})}function m({...t}){return o.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"sheet-portal",...t})}function p({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Overlay,{"data-slot":"sheet-overlay",className:n.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),...e})}function f({className:t,children:e,side:s="right",...r}){return o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(p,{}),o.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"sheet-content",className:n.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),...r,children:[e,o.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:[o.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconX",className:"size-4"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function h({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-header",className:n.cn("flex flex-col gap-1.5 p-4",t),...e})}function g({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-footer",className:n.cn("mt-auto flex flex-col gap-2 p-4",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Title,{"data-slot":"sheet-title",className:n.cn("text-foreground font-semibold",t),...e})}function b({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Description,{"data-slot":"sheet-description",className:n.cn("text-muted-foreground text-paragraph-sm",t),...e})}exports.Sheet=c;exports.SheetClose=x;exports.SheetContent=f;exports.SheetDescription=b;exports.SheetFooter=g;exports.SheetHeader=h;exports.SheetTitle=j;exports.SheetTrigger=u;

package/dist/components/sheet.es.js

@@ -109,7 +109,7 @@ function y({
     a.Description,
     {
       "data-slot": "sheet-description",
-      className: s("text-muted-foreground text-sm", t),
+      className: s("text-muted-foreground text-paragraph-sm", t),
       ...o
     }
   );