@clasing/ui 2.0.2 → 2.0.3

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"),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 E(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=E(w),C=E(P),v=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(C.default,{ref:b,className:c.cn("flex",t),flagComponent:R,countrySelectComponent:A,inputComponent:N,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]}));v.displayName="PhoneInput";const N=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,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})});N.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:`+${C.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=v;

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

@@ -1,5 +1,5 @@
 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 { C as N, d as v, f as I, b as S, c as w, 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";
@@ -93,7 +93,6 @@ const y = f.forwardRef(({ className: t, rounded: n = "default", error: l, touche
     R,
     {
       size: o,
-      containerClassName: "w-full",
       className: m(
         "w-full",
         {
@@ -190,8 +189,8 @@ const q = ({
             }
           ),
           /* @__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(
+            /* @__PURE__ */ e.jsx(S, { children: "No country found." }),
+            /* @__PURE__ */ e.jsx(w, { children: l.map(
               ({ value: i, label: g }) => i ? /* @__PURE__ */ e.jsx(
                 D,
                 {

package/package.json

@@ -1,357 +1,357 @@
-{
-  "name": "@clasing/ui",
-  "version": "2.0.2",
-  "type": "module",
-  "main": "./dist/index.umd.js",
-  "module": "./dist/index.es.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    "./styles": "./dist/ui.css",
-    "./accordion": {
-      "import": "./dist/components/accordion.es.js",
-      "require": "./dist/components/accordion.umd.js",
-      "types": "./dist/components/accordion.d.ts"
-    },
-    "./alert": {
-      "import": "./dist/components/alert.es.js",
-      "require": "./dist/components/alert.umd.js",
-      "types": "./dist/components/alert.d.ts"
-    },
-    "./alert-dialog": {
-      "import": "./dist/components/alert-dialog.es.js",
-      "require": "./dist/components/alert-dialog.umd.js",
-      "types": "./dist/components/alert-dialog.d.ts"
-    },
-    "./avatar": {
-      "import": "./dist/components/avatar.es.js",
-      "require": "./dist/components/avatar.umd.js",
-      "types": "./dist/components/avatar.d.ts"
-    },
-    "./badge": {
-      "import": "./dist/components/badge.es.js",
-      "require": "./dist/components/badge.umd.js",
-      "types": "./dist/components/badge.d.ts"
-    },
-    "./breadcrumb": {
-      "import": "./dist/components/breadcrumb.es.js",
-      "require": "./dist/components/breadcrumb.umd.js",
-      "types": "./dist/components/breadcrumb.d.ts"
-    },
-    "./button": {
-      "import": "./dist/components/button.es.js",
-      "require": "./dist/components/button.umd.js",
-      "types": "./dist/components/button.d.ts"
-    },
-    "./calendar": {
-      "import": "./dist/components/calendar.es.js",
-      "require": "./dist/components/calendar.umd.js",
-      "types": "./dist/components/calendar.d.ts"
-    },
-    "./card": {
-      "import": "./dist/components/card.es.js",
-      "require": "./dist/components/card.umd.js",
-      "types": "./dist/components/card.d.ts"
-    },
-    "./chart": {
-      "import": "./dist/components/chart.es.js",
-      "require": "./dist/components/chart.umd.js",
-      "types": "./dist/components/chart.d.ts"
-    },
-    "./checkbox": {
-      "import": "./dist/components/checkbox.es.js",
-      "require": "./dist/components/checkbox.umd.js",
-      "types": "./dist/components/checkbox.d.ts"
-    },
-    "./chip": {
-      "import": "./dist/components/chip.es.js",
-      "require": "./dist/components/chip.umd.js",
-      "types": "./dist/components/chip.d.ts"
-    },
-    "./collapsible": {
-      "import": "./dist/components/collapsible.es.js",
-      "require": "./dist/components/collapsible.umd.js",
-      "types": "./dist/components/collapsible.d.ts"
-    },
-    "./command": {
-      "import": "./dist/components/command.es.js",
-      "require": "./dist/components/command.umd.js",
-      "types": "./dist/components/command.d.ts"
-    },
-    "./context-menu": {
-      "import": "./dist/components/context-menu.es.js",
-      "require": "./dist/components/context-menu.umd.js",
-      "types": "./dist/components/context-menu.d.ts"
-    },
-    "./dialog": {
-      "import": "./dist/components/dialog.es.js",
-      "require": "./dist/components/dialog.umd.js",
-      "types": "./dist/components/dialog.d.ts"
-    },
-    "./divider": {
-      "import": "./dist/components/divider.es.js",
-      "require": "./dist/components/divider.umd.js",
-      "types": "./dist/components/divider.d.ts"
-    },
-    "./drawer": {
-      "import": "./dist/components/drawer.es.js",
-      "require": "./dist/components/drawer.umd.js",
-      "types": "./dist/components/drawer.d.ts"
-    },
-    "./dropdown-menu": {
-      "import": "./dist/components/dropdown-menu.es.js",
-      "require": "./dist/components/dropdown-menu.umd.js",
-      "types": "./dist/components/dropdown-menu.d.ts"
-    },
-    "./form": {
-      "import": "./dist/components/form.es.js",
-      "require": "./dist/components/form.umd.js",
-      "types": "./dist/components/form.d.ts"
-    },
-    "./hover-card": {
-      "import": "./dist/components/hover-card.es.js",
-      "require": "./dist/components/hover-card.umd.js",
-      "types": "./dist/components/hover-card.d.ts"
-    },
-    "./icon-component": {
-      "import": "./dist/components/icon-component.es.js",
-      "require": "./dist/components/icon-component.umd.js",
-      "types": "./dist/components/icon-component.d.ts"
-    },
-    "./input": {
-      "import": "./dist/components/input.es.js",
-      "require": "./dist/components/input.umd.js",
-      "types": "./dist/components/input.d.ts"
-    },
-    "./input-otp": {
-      "import": "./dist/components/input-otp.es.js",
-      "require": "./dist/components/input-otp.umd.js",
-      "types": "./dist/components/input-otp.d.ts"
-    },
-    "./textarea": {
-      "import": "./dist/components/textarea.es.js",
-      "require": "./dist/components/textarea.umd.js",
-      "types": "./dist/components/textarea.d.ts"
-    },
-    "./label": {
-      "import": "./dist/components/label.es.js",
-      "require": "./dist/components/label.umd.js",
-      "types": "./dist/components/label.d.ts"
-    },
-    "./menubar": {
-      "import": "./dist/components/menubar.es.js",
-      "require": "./dist/components/menubar.umd.js",
-      "types": "./dist/components/menubar.d.ts"
-    },
-    "./multi-select": {
-      "import": "./dist/components/multi-select.es.js",
-      "require": "./dist/components/multi-select.umd.js",
-      "types": "./dist/components/multi-select.d.ts"
-    },
-    "./navigation-menu": {
-      "import": "./dist/components/navigation-menu.es.js",
-      "require": "./dist/components/navigation-menu.umd.js",
-      "types": "./dist/components/navigation-menu.d.ts"
-    },
-    "./phone-input": {
-      "import": "./dist/components/phone-input.es.js",
-      "require": "./dist/components/phone-input.umd.js",
-      "types": "./dist/components/phone-input.d.ts"
-    },
-    "./popover": {
-      "import": "./dist/components/popover.es.js",
-      "require": "./dist/components/popover.umd.js",
-      "types": "./dist/components/popover.d.ts"
-    },
-    "./progress": {
-      "import": "./dist/components/progress.es.js",
-      "require": "./dist/components/progress.umd.js",
-      "types": "./dist/components/progress.d.ts"
-    },
-    "./resizable": {
-      "import": "./dist/components/resizable.es.js",
-      "require": "./dist/components/resizable.umd.js",
-      "types": "./dist/components/resizable.d.ts"
-    },
-    "./scroll-area": {
-      "import": "./dist/components/scroll-area.es.js",
-      "require": "./dist/components/scroll-area.umd.js",
-      "types": "./dist/components/scroll-area.d.ts"
-    },
-    "./select": {
-      "import": "./dist/components/select.es.js",
-      "require": "./dist/components/select.umd.js",
-      "types": "./dist/components/select.d.ts"
-    },
-    "./sheet": {
-      "import": "./dist/components/sheet.es.js",
-      "require": "./dist/components/sheet.umd.js",
-      "types": "./dist/components/sheet.d.ts"
-    },
-    "./skeleton": {
-      "import": "./dist/components/skeleton.es.js",
-      "require": "./dist/components/skeleton.umd.js",
-      "types": "./dist/components/skeleton.d.ts"
-    },
-    "./slider": {
-      "import": "./dist/components/slider.es.js",
-      "require": "./dist/components/slider.umd.js",
-      "types": "./dist/components/slider.d.ts"
-    },
-    "./sonner": {
-      "import": "./dist/components/sonner.es.js",
-      "require": "./dist/components/sonner.umd.js",
-      "types": "./dist/components/sonner.d.ts"
-    },
-    "./switch": {
-      "import": "./dist/components/switch.es.js",
-      "require": "./dist/components/switch.umd.js",
-      "types": "./dist/components/switch.d.ts"
-    },
-    "./table": {
-      "import": "./dist/components/table.es.js",
-      "require": "./dist/components/table.umd.js",
-      "types": "./dist/components/table.d.ts"
-    },
-    "./toggle": {
-      "import": "./dist/components/toggle.es.js",
-      "require": "./dist/components/toggle.umd.js",
-      "types": "./dist/components/toggle.d.ts"
-    },
-    "./toggle-group": {
-      "import": "./dist/components/toggle-group.es.js",
-      "require": "./dist/components/toggle-group.umd.js",
-      "types": "./dist/components/toggle-group.d.ts"
-    },
-    "./tooltip": {
-      "import": "./dist/components/tooltip.es.js",
-      "require": "./dist/components/tooltip.umd.js",
-      "types": "./dist/components/tooltip.d.ts"
-    },
-    "./blocks/interactive-card": {
-      "import": "./dist/components/blocks/interactive-card.es.js",
-      "require": "./dist/components/blocks/interactive-card.umd.js",
-      "types": "./dist/components/blocks/interactive-card.d.ts"
-    },
-    "./blocks/selectable-chips": {
-      "import": "./dist/components/blocks/selectable-chips.es.js",
-      "require": "./dist/components/blocks/selectable-chips.umd.js",
-      "types": "./dist/components/blocks/selectable-chips.d.ts"
-    },
-    "./hooks/useOutsideClick": {
-      "import": "./dist/hooks/useOutsideClick.es.js",
-      "require": "./dist/hooks/useOutsideClick.umd.js",
-      "types": "./dist/hooks/useOutsideClick.d.ts"
-    },
-    "./utils/types": {
-      "import": "./dist/utils/types.es.js",
-      "require": "./dist/utils/types.umd.js",
-      "types": "./dist/utils/types.d.ts"
-    }
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build && pnpm run generate-types",
-    "generate-types": "tsc --project tsconfig.build.json",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "test": "vitest --run",
-    "test:watch": "vitest",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "pnpm build && storybook build",
-    "format": "prettier --check --ignore-path .gitignore .",
-    "format:fix": "prettier --write --ignore-path .gitignore .",
-    "check": "prettier --check \"**/*.{ts,tsx,js,jsx,md,mdx,css,yaml,yml}\"",
-    "release": "standard-version"
-  },
-  "dependencies": {
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "express": "^5.1.0",
-    "express-basic-auth": "^1.2.1",
-    "next-themes": "^0.4.6",
-    "react": "^19.1.0",
-    "react-docgen": "^8.0.0",
-    "react-dom": "^19.1.0",
-    "react-resizable-panels": "^3.0.3",
-    "standard-version": "^9.5.0",
-    "tailwind-merge": "^3.3.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.1",
-    "@radix-ui/react-tooltip": "^1.2.7",
-    "@storybook/addon-docs": "^9.0.18",
-    "@storybook/addon-links": "^9.0.18",
-    "@storybook/addon-onboarding": "^9.0.18",
-    "@storybook/react-vite": "^9.0.18",
-    "@tailwindcss/forms": "^0.5.10",
-    "@tailwindcss/vite": "^4.1.11",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.1.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@typescript-eslint/eslint-plugin": "^8.38.0",
-    "@typescript-eslint/parser": "^8.38.0",
-    "@vitejs/plugin-react-swc": "^3.11.0",
-    "eslint": "^9.31.0",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.5.3",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^9.0.18",
-    "jsdom": "^26.1.0",
-    "prettier": "3.6.2",
-    "prettier-plugin-organize-imports": "^4.2.0",
-    "prettier-plugin-tailwindcss": "^0.6.14",
-    "rollup-plugin-visualizer": "^6.0.3",
-    "storybook": "^9.0.18",
-    "tailwindcss": "^4.1.11",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.5",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.4"
-  },
-  "peerDependencies": {
-    "@hookform/resolvers": "^5.2.1",
-    "@radix-ui/react-accordion": "^1.2.11",
-    "@radix-ui/react-alert-dialog": "^1.1.14",
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-collapsible": "^1.1.11",
-    "@radix-ui/react-context-menu": "^2.2.15",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
-    "@radix-ui/react-hover-card": "^1.1.14",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-menubar": "^1.1.15",
-    "@radix-ui/react-navigation-menu": "^1.2.13",
-    "@radix-ui/react-popover": "^1.1.14",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-scroll-area": "^1.2.9",
-    "@radix-ui/react-select": "^2.2.5",
-    "@radix-ui/react-slider": "^1.3.5",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-toggle": "^1.1.9",
-    "@radix-ui/react-toggle-group": "^1.1.10",
-    "@radix-ui/react-tooltip": "^1.2.7",
-    "@tabler/icons-react": "^3.3.0",
-    "@tailwindcss/forms": "^0.5.7",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "input-otp": "^1.4.2",
-    "react-day-picker": "9.5.1",
-    "react-hook-form": "^7.62.0",
-    "react-phone-number-input": "^3.4.12",
-    "recharts": "^3.1.0",
-    "sonner": "^2.0.6",
-    "tw-animate-css": "^1.3.5",
-    "zod": "^4.0.17",
-    "vaul": "^1.1.2"
-  }
-}
+{
+  "name": "@clasing/ui",
+  "version": "2.0.3",
+  "type": "module",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./styles": "./dist/ui.css",
+    "./accordion": {
+      "import": "./dist/components/accordion.es.js",
+      "require": "./dist/components/accordion.umd.js",
+      "types": "./dist/components/accordion.d.ts"
+    },
+    "./alert": {
+      "import": "./dist/components/alert.es.js",
+      "require": "./dist/components/alert.umd.js",
+      "types": "./dist/components/alert.d.ts"
+    },
+    "./alert-dialog": {
+      "import": "./dist/components/alert-dialog.es.js",
+      "require": "./dist/components/alert-dialog.umd.js",
+      "types": "./dist/components/alert-dialog.d.ts"
+    },
+    "./avatar": {
+      "import": "./dist/components/avatar.es.js",
+      "require": "./dist/components/avatar.umd.js",
+      "types": "./dist/components/avatar.d.ts"
+    },
+    "./badge": {
+      "import": "./dist/components/badge.es.js",
+      "require": "./dist/components/badge.umd.js",
+      "types": "./dist/components/badge.d.ts"
+    },
+    "./breadcrumb": {
+      "import": "./dist/components/breadcrumb.es.js",
+      "require": "./dist/components/breadcrumb.umd.js",
+      "types": "./dist/components/breadcrumb.d.ts"
+    },
+    "./button": {
+      "import": "./dist/components/button.es.js",
+      "require": "./dist/components/button.umd.js",
+      "types": "./dist/components/button.d.ts"
+    },
+    "./calendar": {
+      "import": "./dist/components/calendar.es.js",
+      "require": "./dist/components/calendar.umd.js",
+      "types": "./dist/components/calendar.d.ts"
+    },
+    "./card": {
+      "import": "./dist/components/card.es.js",
+      "require": "./dist/components/card.umd.js",
+      "types": "./dist/components/card.d.ts"
+    },
+    "./chart": {
+      "import": "./dist/components/chart.es.js",
+      "require": "./dist/components/chart.umd.js",
+      "types": "./dist/components/chart.d.ts"
+    },
+    "./checkbox": {
+      "import": "./dist/components/checkbox.es.js",
+      "require": "./dist/components/checkbox.umd.js",
+      "types": "./dist/components/checkbox.d.ts"
+    },
+    "./chip": {
+      "import": "./dist/components/chip.es.js",
+      "require": "./dist/components/chip.umd.js",
+      "types": "./dist/components/chip.d.ts"
+    },
+    "./collapsible": {
+      "import": "./dist/components/collapsible.es.js",
+      "require": "./dist/components/collapsible.umd.js",
+      "types": "./dist/components/collapsible.d.ts"
+    },
+    "./command": {
+      "import": "./dist/components/command.es.js",
+      "require": "./dist/components/command.umd.js",
+      "types": "./dist/components/command.d.ts"
+    },
+    "./context-menu": {
+      "import": "./dist/components/context-menu.es.js",
+      "require": "./dist/components/context-menu.umd.js",
+      "types": "./dist/components/context-menu.d.ts"
+    },
+    "./dialog": {
+      "import": "./dist/components/dialog.es.js",
+      "require": "./dist/components/dialog.umd.js",
+      "types": "./dist/components/dialog.d.ts"
+    },
+    "./divider": {
+      "import": "./dist/components/divider.es.js",
+      "require": "./dist/components/divider.umd.js",
+      "types": "./dist/components/divider.d.ts"
+    },
+    "./drawer": {
+      "import": "./dist/components/drawer.es.js",
+      "require": "./dist/components/drawer.umd.js",
+      "types": "./dist/components/drawer.d.ts"
+    },
+    "./dropdown-menu": {
+      "import": "./dist/components/dropdown-menu.es.js",
+      "require": "./dist/components/dropdown-menu.umd.js",
+      "types": "./dist/components/dropdown-menu.d.ts"
+    },
+    "./form": {
+      "import": "./dist/components/form.es.js",
+      "require": "./dist/components/form.umd.js",
+      "types": "./dist/components/form.d.ts"
+    },
+    "./hover-card": {
+      "import": "./dist/components/hover-card.es.js",
+      "require": "./dist/components/hover-card.umd.js",
+      "types": "./dist/components/hover-card.d.ts"
+    },
+    "./icon-component": {
+      "import": "./dist/components/icon-component.es.js",
+      "require": "./dist/components/icon-component.umd.js",
+      "types": "./dist/components/icon-component.d.ts"
+    },
+    "./input": {
+      "import": "./dist/components/input.es.js",
+      "require": "./dist/components/input.umd.js",
+      "types": "./dist/components/input.d.ts"
+    },
+    "./input-otp": {
+      "import": "./dist/components/input-otp.es.js",
+      "require": "./dist/components/input-otp.umd.js",
+      "types": "./dist/components/input-otp.d.ts"
+    },
+    "./textarea": {
+      "import": "./dist/components/textarea.es.js",
+      "require": "./dist/components/textarea.umd.js",
+      "types": "./dist/components/textarea.d.ts"
+    },
+    "./label": {
+      "import": "./dist/components/label.es.js",
+      "require": "./dist/components/label.umd.js",
+      "types": "./dist/components/label.d.ts"
+    },
+    "./menubar": {
+      "import": "./dist/components/menubar.es.js",
+      "require": "./dist/components/menubar.umd.js",
+      "types": "./dist/components/menubar.d.ts"
+    },
+    "./multi-select": {
+      "import": "./dist/components/multi-select.es.js",
+      "require": "./dist/components/multi-select.umd.js",
+      "types": "./dist/components/multi-select.d.ts"
+    },
+    "./navigation-menu": {
+      "import": "./dist/components/navigation-menu.es.js",
+      "require": "./dist/components/navigation-menu.umd.js",
+      "types": "./dist/components/navigation-menu.d.ts"
+    },
+    "./phone-input": {
+      "import": "./dist/components/phone-input.es.js",
+      "require": "./dist/components/phone-input.umd.js",
+      "types": "./dist/components/phone-input.d.ts"
+    },
+    "./popover": {
+      "import": "./dist/components/popover.es.js",
+      "require": "./dist/components/popover.umd.js",
+      "types": "./dist/components/popover.d.ts"
+    },
+    "./progress": {
+      "import": "./dist/components/progress.es.js",
+      "require": "./dist/components/progress.umd.js",
+      "types": "./dist/components/progress.d.ts"
+    },
+    "./resizable": {
+      "import": "./dist/components/resizable.es.js",
+      "require": "./dist/components/resizable.umd.js",
+      "types": "./dist/components/resizable.d.ts"
+    },
+    "./scroll-area": {
+      "import": "./dist/components/scroll-area.es.js",
+      "require": "./dist/components/scroll-area.umd.js",
+      "types": "./dist/components/scroll-area.d.ts"
+    },
+    "./select": {
+      "import": "./dist/components/select.es.js",
+      "require": "./dist/components/select.umd.js",
+      "types": "./dist/components/select.d.ts"
+    },
+    "./sheet": {
+      "import": "./dist/components/sheet.es.js",
+      "require": "./dist/components/sheet.umd.js",
+      "types": "./dist/components/sheet.d.ts"
+    },
+    "./skeleton": {
+      "import": "./dist/components/skeleton.es.js",
+      "require": "./dist/components/skeleton.umd.js",
+      "types": "./dist/components/skeleton.d.ts"
+    },
+    "./slider": {
+      "import": "./dist/components/slider.es.js",
+      "require": "./dist/components/slider.umd.js",
+      "types": "./dist/components/slider.d.ts"
+    },
+    "./sonner": {
+      "import": "./dist/components/sonner.es.js",
+      "require": "./dist/components/sonner.umd.js",
+      "types": "./dist/components/sonner.d.ts"
+    },
+    "./switch": {
+      "import": "./dist/components/switch.es.js",
+      "require": "./dist/components/switch.umd.js",
+      "types": "./dist/components/switch.d.ts"
+    },
+    "./table": {
+      "import": "./dist/components/table.es.js",
+      "require": "./dist/components/table.umd.js",
+      "types": "./dist/components/table.d.ts"
+    },
+    "./toggle": {
+      "import": "./dist/components/toggle.es.js",
+      "require": "./dist/components/toggle.umd.js",
+      "types": "./dist/components/toggle.d.ts"
+    },
+    "./toggle-group": {
+      "import": "./dist/components/toggle-group.es.js",
+      "require": "./dist/components/toggle-group.umd.js",
+      "types": "./dist/components/toggle-group.d.ts"
+    },
+    "./tooltip": {
+      "import": "./dist/components/tooltip.es.js",
+      "require": "./dist/components/tooltip.umd.js",
+      "types": "./dist/components/tooltip.d.ts"
+    },
+    "./blocks/interactive-card": {
+      "import": "./dist/components/blocks/interactive-card.es.js",
+      "require": "./dist/components/blocks/interactive-card.umd.js",
+      "types": "./dist/components/blocks/interactive-card.d.ts"
+    },
+    "./blocks/selectable-chips": {
+      "import": "./dist/components/blocks/selectable-chips.es.js",
+      "require": "./dist/components/blocks/selectable-chips.umd.js",
+      "types": "./dist/components/blocks/selectable-chips.d.ts"
+    },
+    "./hooks/useOutsideClick": {
+      "import": "./dist/hooks/useOutsideClick.es.js",
+      "require": "./dist/hooks/useOutsideClick.umd.js",
+      "types": "./dist/hooks/useOutsideClick.d.ts"
+    },
+    "./utils/types": {
+      "import": "./dist/utils/types.es.js",
+      "require": "./dist/utils/types.umd.js",
+      "types": "./dist/utils/types.d.ts"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && pnpm run generate-types",
+    "generate-types": "tsc --project tsconfig.build.json",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "test": "vitest --run",
+    "test:watch": "vitest",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "pnpm build && storybook build",
+    "format": "prettier --check --ignore-path .gitignore .",
+    "format:fix": "prettier --write --ignore-path .gitignore .",
+    "check": "prettier --check \"**/*.{ts,tsx,js,jsx,md,mdx,css,yaml,yml}\"",
+    "release": "standard-version"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "express": "^5.1.0",
+    "express-basic-auth": "^1.2.1",
+    "next-themes": "^0.4.6",
+    "react": "^19.1.0",
+    "react-docgen": "^8.0.0",
+    "react-dom": "^19.1.0",
+    "react-resizable-panels": "^3.0.3",
+    "standard-version": "^9.5.0",
+    "tailwind-merge": "^3.3.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.0.1",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-links": "^9.0.18",
+    "@storybook/addon-onboarding": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/vite": "^4.1.11",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.1.0",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
+    "@vitejs/plugin-react-swc": "^3.11.0",
+    "eslint": "^9.31.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.3",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.0.18",
+    "jsdom": "^26.1.0",
+    "prettier": "3.6.2",
+    "prettier-plugin-organize-imports": "^4.2.0",
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "rollup-plugin-visualizer": "^6.0.3",
+    "storybook": "^9.0.18",
+    "tailwindcss": "^4.1.11",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.2.4"
+  },
+  "peerDependencies": {
+    "@hookform/resolvers": "^5.2.1",
+    "@radix-ui/react-accordion": "^1.2.11",
+    "@radix-ui/react-alert-dialog": "^1.1.14",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-context-menu": "^2.2.15",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-hover-card": "^1.1.14",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-menubar": "^1.1.15",
+    "@radix-ui/react-navigation-menu": "^1.2.13",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-scroll-area": "^1.2.9",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-toggle": "^1.1.9",
+    "@radix-ui/react-toggle-group": "^1.1.10",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@tabler/icons-react": "^3.3.0",
+    "@tailwindcss/forms": "^0.5.7",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "input-otp": "^1.4.2",
+    "react-day-picker": "9.5.1",
+    "react-hook-form": "^7.62.0",
+    "react-phone-number-input": "^3.4.12",
+    "recharts": "^3.1.0",
+    "sonner": "^2.0.6",
+    "tw-animate-css": "^1.3.5",
+    "zod": "^4.0.17",
+    "vaul": "^1.1.2"
+  }
+}