@clasing/ui 2.0.2 → 2.0.4

package/dist/components/table.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BuHQgaKs.cjs"),o=require("../index-DoxiiusW.cjs");function l({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:a.jsxRuntimeExports.jsx("table",{"data-slot":"table",className:o.cn("w-full caption-bottom text-sm",t),...e})})}function r({className:t,...e}){return a.jsxRuntimeExports.jsx("thead",{"data-slot":"table-header",className:o.cn("[&_tr]:border-b",t),...e})}function s({className:t,...e}){return a.jsxRuntimeExports.jsx("tbody",{"data-slot":"table-body",className:o.cn("[&_tr:last-child]:border-0",t),...e})}function n({className:t,...e}){return a.jsxRuntimeExports.jsx("tfoot",{"data-slot":"table-footer",className:o.cn("bg-muted/50 border-t font-semibold [&>tr]:last:border-b-0",t),...e})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx("tr",{"data-slot":"table-row",className:o.cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",t),...e})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx("th",{"data-slot":"table-head",className:o.cn("text-foreground h-10 px-2 text-left align-middle font-semibold whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",t),...e})}function d({className:t,...e}){return a.jsxRuntimeExports.jsx("td",{"data-slot":"table-cell",className:o.cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",t),...e})}function i({className:t,...e}){return a.jsxRuntimeExports.jsx("caption",{"data-slot":"table-caption",className:o.cn("text-muted-foreground mt-4 text-sm",t),...e})}exports.Table=l;exports.TableBody=s;exports.TableCaption=i;exports.TableCell=d;exports.TableFooter=n;exports.TableHead=c;exports.TableHeader=r;exports.TableRow=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BuHQgaKs.cjs"),o=require("../index-DoxiiusW.cjs");function r({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:a.jsxRuntimeExports.jsx("table",{"data-slot":"table",className:o.cn("text-paragraph-sm w-full caption-bottom",t),...e})})}function l({className:t,...e}){return a.jsxRuntimeExports.jsx("thead",{"data-slot":"table-header",className:o.cn("[&_tr]:border-b",t),...e})}function s({className:t,...e}){return a.jsxRuntimeExports.jsx("tbody",{"data-slot":"table-body",className:o.cn("[&_tr:last-child]:border-0",t),...e})}function n({className:t,...e}){return a.jsxRuntimeExports.jsx("tfoot",{"data-slot":"table-footer",className:o.cn("bg-muted/50 border-t font-semibold [&>tr]:last:border-b-0",t),...e})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx("tr",{"data-slot":"table-row",className:o.cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",t),...e})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx("th",{"data-slot":"table-head",className:o.cn("text-foreground h-10 px-2 text-left align-middle font-semibold whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",t),...e})}function d({className:t,...e}){return a.jsxRuntimeExports.jsx("td",{"data-slot":"table-cell",className:o.cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",t),...e})}function i({className:t,...e}){return a.jsxRuntimeExports.jsx("caption",{"data-slot":"table-caption",className:o.cn("text-muted-foreground text-paragraph-sm mt-4",t),...e})}exports.Table=r;exports.TableBody=s;exports.TableCaption=i;exports.TableCell=d;exports.TableFooter=n;exports.TableHead=c;exports.TableHeader=l;exports.TableRow=b;

package/dist/components/table.es.js

@@ -10,7 +10,7 @@ function s({ className: t, ...e }) {
         "table",
         {
           "data-slot": "table",
-          className: o("w-full caption-bottom text-sm", t),
+          className: o("text-paragraph-sm w-full caption-bottom", t),
           ...e
         }
       )
@@ -97,7 +97,7 @@ function u({
     "caption",
     {
       "data-slot": "table-caption",
-      className: o("text-muted-foreground mt-4 text-sm", t),
+      className: o("text-muted-foreground text-paragraph-sm mt-4", t),
       ...e
     }
   );

package/dist/components/textarea.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BuHQgaKs.cjs"),a=require("../index-DoxiiusW.cjs"),v=require("../index-C8P6Mn4U.cjs"),p=require("../icon-component-D5YssRbR.cjs"),x=v.cva("placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{xs:"text-label-sm min-h-16 px-2 py-1",sm:"text-label-md min-h-20 px-2 py-1",md:"text-label-lg min-h-24 px-3 py-2",lg:"text-label-xl min-h-32 px-4 py-3"},resize:{none:"resize-none",vertical:"resize-y",horizontal:"resize-x",both:"resize"}},defaultVariants:{size:"md",resize:"vertical"}});function b({className:o,size:l,resize:d,iconName:u,maxLength:t,showCharacterCount:m=!1,...i}){const r=u?(n=>typeof n=="string"?{name:n}:n)(u):void 0,s=i.value?String(i.value).length:0,c=m||t;return!r&&!c?e.jsxRuntimeExports.jsx("textarea",{"data-slot":"textarea",maxLength:t,className:a.cn(x({size:l,resize:d}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",o),...i}):e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[e.jsxRuntimeExports.jsx("textarea",{"data-slot":"textarea",maxLength:t,className:a.cn(x({size:l,resize:d}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",r?"pr-10":"",o),...i}),r&&e.jsxRuntimeExports.jsx("span",{className:"absolute top-3 right-3 text-muted-foreground",children:e.jsxRuntimeExports.jsx(p.IconComponent,{iconName:r.name,stroke:r.stroke,size:20})})]}),c&&e.jsxRuntimeExports.jsx("div",{className:"flex justify-end",children:e.jsxRuntimeExports.jsx("span",{className:a.cn("text-xs text-muted-foreground",{"text-destructive":t&&s>t}),children:t?`${s}/${t}`:s})})]})}exports.Textarea=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BuHQgaKs.cjs"),a=require("../index-DoxiiusW.cjs"),v=require("../index-C8P6Mn4U.cjs"),p=require("../icon-component-D5YssRbR.cjs"),x=v.cva("placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{xs:"text-label-sm min-h-16 px-2 py-1",sm:"text-label-md min-h-20 px-2 py-1",md:"text-label-lg min-h-24 px-3 py-2",lg:"text-label-xl min-h-32 px-4 py-3"},resize:{none:"resize-none",vertical:"resize-y",horizontal:"resize-x",both:"resize"}},defaultVariants:{size:"md",resize:"vertical"}});function b({className:o,size:l,resize:d,iconName:u,maxLength:r,showCharacterCount:m=!1,...i}){const t=u?(n=>typeof n=="string"?{name:n}:n)(u):void 0,s=i.value?String(i.value).length:0,c=m||r;return!t&&!c?e.jsxRuntimeExports.jsx("textarea",{"data-slot":"textarea",maxLength:r,className:a.cn(x({size:l,resize:d}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",o),...i}):e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[e.jsxRuntimeExports.jsx("textarea",{"data-slot":"textarea",maxLength:r,className:a.cn(x({size:l,resize:d}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t?"pr-10":"",o),...i}),t&&e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-3 right-3",children:e.jsxRuntimeExports.jsx(p.IconComponent,{iconName:t.name,stroke:t.stroke,size:20})})]}),c&&e.jsxRuntimeExports.jsx("div",{className:"flex justify-end",children:e.jsxRuntimeExports.jsx("span",{className:a.cn("text-paragraph-xs text-muted-foreground",{"text-destructive":r&&s>r}),children:r?`${s}/${r}`:s})})]})}exports.Textarea=b;

package/dist/components/textarea.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 import { TablerIconName } from './icon-component';
 declare const textareaStyles: (props?: ({
     size?: "lg" | "md" | "sm" | "xs" | null | undefined;

package/dist/components/textarea.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
 import { c as n } from "../index-CRiPKpXj.js";
 import { c as v } from "../index-BqtVL8d-.js";
-import { I as b } from "../icon-component-CxQsODCa.js";
+import { I as p } from "../icon-component-CxQsODCa.js";
 const x = v(
   "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -65,8 +65,8 @@ function j({
           ...t
         }
       ),
-      i && /* @__PURE__ */ e.jsx("span", { className: "absolute top-3 right-3 text-muted-foreground", children: /* @__PURE__ */ e.jsx(
-        b,
+      i && /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground absolute top-3 right-3", children: /* @__PURE__ */ e.jsx(
+        p,
         {
           iconName: i.name,
           stroke: i.stroke,
@@ -77,7 +77,7 @@ function j({
     u && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ e.jsx(
       "span",
       {
-        className: n("text-xs text-muted-foreground", {
+        className: n("text-paragraph-xs text-muted-foreground", {
           "text-destructive": r && a > r
         }),
         children: r ? `${a}/${r}` : a

package/dist/components/toggle-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../jsx-runtime-BuHQgaKs.cjs"),g=require("@radix-ui/react-toggle-group"),m=require("react"),p=require("../toggle-B9JMLYVf.cjs"),s=require("../index-DoxiiusW.cjs");function u(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const l=u(g),c=u(m),d=c.createContext({size:"md",variant:"default"});function f({className:t,variant:o,size:e,children:r,...a}){return i.jsxRuntimeExports.jsx(l.Root,{"data-slot":"toggle-group","data-variant":o,"data-size":e,className:s.cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",t),...a,children:i.jsxRuntimeExports.jsx(d.Provider,{value:{variant:o,size:e},children:r})})}function x({className:t,children:o,variant:e,size:r,...a}){const n=c.useContext(d);return i.jsxRuntimeExports.jsx(l.Item,{"data-slot":"toggle-group-item","data-variant":n.variant||e,"data-size":n.size||r,className:s.cn(p.toggleVariants({variant:n.variant||e,size:n.size||r}),"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",t),...a,children:o})}exports.ToggleGroup=f;exports.ToggleGroupItem=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../jsx-runtime-BuHQgaKs.cjs"),g=require("@radix-ui/react-toggle-group"),m=require("react"),p=require("../toggle-BEGyyGWY.cjs"),s=require("../index-DoxiiusW.cjs");function u(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const l=u(g),c=u(m),d=c.createContext({size:"md",variant:"default"});function f({className:t,variant:o,size:e,children:r,...a}){return i.jsxRuntimeExports.jsx(l.Root,{"data-slot":"toggle-group","data-variant":o,"data-size":e,className:s.cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",t),...a,children:i.jsxRuntimeExports.jsx(d.Provider,{value:{variant:o,size:e},children:r})})}function x({className:t,children:o,variant:e,size:r,...a}){const n=c.useContext(d);return i.jsxRuntimeExports.jsx(l.Item,{"data-slot":"toggle-group-item","data-variant":n.variant||e,"data-size":n.size||r,className:s.cn(p.toggleVariants({variant:n.variant||e,size:n.size||r}),"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",t),...a,children:o})}exports.ToggleGroup=f;exports.ToggleGroupItem=x;

package/dist/components/toggle-group.es.js

@@ -1,7 +1,7 @@
 import { j as n } from "../jsx-runtime-DywqP_6a.js";
 import * as s from "@radix-ui/react-toggle-group";
 import * as d from "react";
-import { t as m } from "../toggle-nsKZaKsW.js";
+import { t as m } from "../toggle-BE4UelY4.js";
 import { c as l } from "../index-CRiPKpXj.js";
 const u = d.createContext({
   size: "md",

package/dist/components/toggle.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../toggle-B9JMLYVf.cjs");exports.Toggle=e.Toggle;exports.toggleVariants=e.toggleVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../toggle-BEGyyGWY.cjs");exports.Toggle=e.Toggle;exports.toggleVariants=e.toggleVariants;

package/dist/components/toggle.es.js

@@ -1,4 +1,4 @@
-import { T as o, t } from "../toggle-nsKZaKsW.js";
+import { T as o, t } from "../toggle-BE4UelY4.js";
 export {
   o as Toggle,
   t as toggleVariants

package/dist/{dialog-C15HjAtO.cjs → dialog-CMSUa1RD.cjs}

@@ -1 +1 @@
-"use strict";const o=require("./jsx-runtime-BuHQgaKs.cjs"),d=require("@radix-ui/react-dialog"),n=require("./index-DoxiiusW.cjs"),c=require("./icon-component-D5YssRbR.cjs");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const a=u(d);function g({...t}){return o.jsxRuntimeExports.jsx(a.Root,{"data-slot":"dialog",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"dialog-trigger",...t})}function r({...t}){return o.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"dialog-portal",...t})}function m({...t}){return o.jsxRuntimeExports.jsx(a.Close,{"data-slot":"dialog-close",...t})}function l({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Overlay,{"data-slot":"dialog-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 p({className:t,children:e,showCloseButton:s=!0,...i}){return o.jsxRuntimeExports.jsxs(r,{"data-slot":"dialog-portal",children:[o.jsxRuntimeExports.jsx(l,{}),o.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"dialog-content",className:n.cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...i,children:[e,s&&o.jsxRuntimeExports.jsxs(a.Close,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[o.jsxRuntimeExports.jsx(c.IconComponent,{iconName:"IconX"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function f({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-header",className:n.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-footer",className:n.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function D({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Title,{"data-slot":"dialog-title",className:n.cn("text-lg leading-none font-semibold",t),...e})}function R({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Description,{"data-slot":"dialog-description",className:n.cn("text-muted-foreground text-sm",t),...e})}exports.Dialog=g;exports.DialogClose=m;exports.DialogContent=p;exports.DialogDescription=R;exports.DialogFooter=j;exports.DialogHeader=f;exports.DialogOverlay=l;exports.DialogPortal=r;exports.DialogTitle=D;exports.DialogTrigger=x;
+"use strict";const o=require("./jsx-runtime-BuHQgaKs.cjs"),d=require("@radix-ui/react-dialog"),n=require("./index-DoxiiusW.cjs"),c=require("./icon-component-D5YssRbR.cjs");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const a=u(d);function g({...t}){return o.jsxRuntimeExports.jsx(a.Root,{"data-slot":"dialog",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"dialog-trigger",...t})}function r({...t}){return o.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"dialog-portal",...t})}function p({...t}){return o.jsxRuntimeExports.jsx(a.Close,{"data-slot":"dialog-close",...t})}function l({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Overlay,{"data-slot":"dialog-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 m({className:t,children:e,showCloseButton:s=!0,...i}){return o.jsxRuntimeExports.jsxs(r,{"data-slot":"dialog-portal",children:[o.jsxRuntimeExports.jsx(l,{}),o.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"dialog-content",className:n.cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...i,children:[e,s&&o.jsxRuntimeExports.jsxs(a.Close,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[o.jsxRuntimeExports.jsx(c.IconComponent,{iconName:"IconX"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function f({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-header",className:n.cn("flex flex-col gap-2 text-left",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-footer",className:n.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function D({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Title,{"data-slot":"dialog-title",className:n.cn("text-label-2xl font-semibold",t),...e})}function b({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Description,{"data-slot":"dialog-description",className:n.cn("text-muted-foreground text-paragraph-md",t),...e})}exports.Dialog=g;exports.DialogClose=p;exports.DialogContent=m;exports.DialogDescription=b;exports.DialogFooter=j;exports.DialogHeader=f;exports.DialogOverlay=l;exports.DialogPortal=r;exports.DialogTitle=D;exports.DialogTrigger=x;

package/dist/{dialog-DIua9sAl.js → dialog-D9ZObHR9.js}

@@ -1,70 +1,70 @@
-import { j as a } from "./jsx-runtime-DywqP_6a.js";
+import { j as t } from "./jsx-runtime-DywqP_6a.js";
 import * as e from "@radix-ui/react-dialog";
 import { c as s } from "./index-CRiPKpXj.js";
 import { I as l } from "./icon-component-CxQsODCa.js";
 function f({
-  ...t
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(e.Root, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ t.jsx(e.Root, { "data-slot": "dialog", ...a });
 }
 function m({
-  ...t
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(e.Trigger, { "data-slot": "dialog-trigger", ...t });
+  return /* @__PURE__ */ t.jsx(e.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
 function r({
-  ...t
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(e.Portal, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ t.jsx(e.Portal, { "data-slot": "dialog-portal", ...a });
 }
 function x({
-  ...t
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(e.Close, { "data-slot": "dialog-close", ...t });
+  return /* @__PURE__ */ t.jsx(e.Close, { "data-slot": "dialog-close", ...a });
 }
 function d({
-  className: t,
+  className: a,
   ...o
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     e.Overlay,
     {
       "data-slot": "dialog-overlay",
       className: s(
         "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
+        a
       ),
       ...o
     }
   );
 }
 function p({
-  className: t,
+  className: a,
   children: o,
   showCloseButton: n = !0,
   ...i
 }) {
-  return /* @__PURE__ */ a.jsxs(r, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a.jsx(d, {}),
-    /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ t.jsxs(r, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ t.jsx(d, {}),
+    /* @__PURE__ */ t.jsxs(
       e.Content,
       {
         "data-slot": "dialog-content",
         className: s(
           "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          t
+          a
         ),
         ...i,
         children: [
           o,
-          n && /* @__PURE__ */ a.jsxs(
+          n && /* @__PURE__ */ t.jsxs(
             e.Close,
             {
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ a.jsx(l, { iconName: "IconX" }),
-                /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ t.jsx(l, { iconName: "IconX" }),
+                /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -73,51 +73,51 @@ function p({
     )
   ] });
 }
-function j({ className: t, ...o }) {
-  return /* @__PURE__ */ a.jsx(
+function j({ className: a, ...o }) {
+  return /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-slot": "dialog-header",
-      className: s("flex flex-col gap-2 text-center sm:text-left", t),
+      className: s("flex flex-col gap-2 text-left", a),
       ...o
     }
   );
 }
-function D({ className: t, ...o }) {
-  return /* @__PURE__ */ a.jsx(
+function D({ className: a, ...o }) {
+  return /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-slot": "dialog-footer",
       className: s(
         "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        t
+        a
       ),
       ...o
     }
   );
 }
 function v({
-  className: t,
+  className: a,
   ...o
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     e.Title,
     {
       "data-slot": "dialog-title",
-      className: s("text-lg leading-none font-semibold", t),
+      className: s("text-label-2xl font-semibold", a),
       ...o
     }
   );
 }
 function b({
-  className: t,
+  className: a,
   ...o
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     e.Description,
     {
       "data-slot": "dialog-description",
-      className: s("text-muted-foreground text-sm", t),
+      className: s("text-muted-foreground text-paragraph-md", a),
       ...o
     }
   );

package/dist/input-B_INrEy1.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./jsx-runtime-BuHQgaKs.cjs"),u=require("./index-DoxiiusW.cjs"),f=require("./index-C8P6Mn4U.cjs"),b=require("react"),g=require("./button-DcyXjceS.cjs"),c=require("./icon-component-D5YssRbR.cjs");function v(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const j=v(b),p=f.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:text-paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{xs:"text-label-sm h-7 px-2 py-1",sm:"text-label-md h-8 px-2 py-1",md:"text-label-lg h-12 px-3 py-1",lg:"text-label-xl h-16 px-4 py-2"}},defaultVariants:{size:"md"}});function w({className:s,type:e,size:t,iconName:i,iconPosition:a="left",...d}){const[o,x]=j.useState(!1),r=i?(l=>typeof l=="string"?{name:l}:l)(i):void 0,m=()=>{x(!o)};return!r&&e!=="password"?n.jsxRuntimeExports.jsx("input",{type:e,"data-slot":"input",className:u.cn(p({size:t}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",s),...d}):n.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[r&&a==="left"&&n.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2",children:n.jsxRuntimeExports.jsx(c.IconComponent,{iconName:r.name,stroke:r.stroke,size:20})}),n.jsxRuntimeExports.jsx("input",{type:e==="password"?o?"text":"password":e,"data-slot":"input",className:u.cn(p({size:t}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",r&&a==="left"?"pl-10":"",r&&a==="right"||e==="password"?"pr-10":"",s),...d}),e==="password"&&n.jsxRuntimeExports.jsx(g.Button,{variant:"inverse",type:"button",size:t==="xs"||t==="sm"?"xs":"md",tabIndex:-1,"aria-label":o?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2",onClick:m,iconName:o?"IconEyeOff":"IconEye"}),r&&a==="right"&&e!=="password"&&n.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2",children:n.jsxRuntimeExports.jsx(c.IconComponent,{iconName:r.name,stroke:r.stroke,size:20})})]})}exports.Input=w;

package/dist/{input-Bs18T-Y3.js → input-C71fsEVP.js}

@@ -1,11 +1,11 @@
 import { j as r } from "./jsx-runtime-DywqP_6a.js";
-import { c as u } from "./index-CRiPKpXj.js";
+import { c as p } from "./index-CRiPKpXj.js";
 import { c as x } from "./index-BqtVL8d-.js";
 import * as b from "react";
-import { B as g } from "./button-C5IBh3Tr.js";
-import { I as m } from "./icon-component-CxQsODCa.js";
-const p = x(
-  "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+import { B as g } from "./button-DPbsJTTm.js";
+import { I as u } from "./icon-component-CxQsODCa.js";
+const m = x(
+  "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:text-paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
       size: {
@@ -36,8 +36,8 @@ function k({
     {
       type: s,
       "data-slot": "input",
-      className: u(
-        p({ size: t }),
+      className: p(
+        m({ size: t }),
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
         n
@@ -46,7 +46,7 @@ function k({
     }
   ) : /* @__PURE__ */ r.jsxs("div", { className: "relative w-full", children: [
     e && a === "left" && /* @__PURE__ */ r.jsx("span", { className: "text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2", children: /* @__PURE__ */ r.jsx(
-      m,
+      u,
       {
         iconName: e.name,
         stroke: e.stroke,
@@ -58,8 +58,8 @@ function k({
       {
         type: s === "password" ? i ? "text" : "password" : s,
         "data-slot": "input",
-        className: u(
-          p({ size: t }),
+        className: p(
+          m({ size: t }),
           "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
           "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
           e && a === "left" ? "pl-10" : "",
@@ -83,7 +83,7 @@ function k({
       }
     ),
     e && a === "right" && s !== "password" && /* @__PURE__ */ r.jsx("span", { className: "text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ r.jsx(
-      m,
+      u,
       {
         iconName: e.name,
         stroke: e.stroke,

package/dist/{toggle-nsKZaKsW.js → toggle-BE4UelY4.js}

@@ -1,9 +1,9 @@
-import { j as n } from "./jsx-runtime-DywqP_6a.js";
-import * as r from "@radix-ui/react-toggle";
+import { j as r } from "./jsx-runtime-DywqP_6a.js";
+import * as n from "@radix-ui/react-toggle";
 import { c as s } from "./index-BqtVL8d-.js";
 import { c as o } from "./index-CRiPKpXj.js";
 const l = s(
-  "hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-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 inline-flex items-center justify-center gap-2 rounded-md text-sm font-semibold whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-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 text-paragraph-sm inline-flex items-center justify-center gap-2 rounded-md font-semibold whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -26,15 +26,15 @@ const l = s(
 function m({
   className: e,
   variant: t,
-  size: i,
-  ...a
+  size: a,
+  ...i
 }) {
-  return /* @__PURE__ */ n.jsx(
-    r.Root,
+  return /* @__PURE__ */ r.jsx(
+    n.Root,
     {
       "data-slot": "toggle",
-      className: o(l({ variant: t, size: i, className: e })),
-      ...a
+      className: o(l({ variant: t, size: a, className: e })),
+      ...i
     }
   );
 }

package/dist/toggle-BEGyyGWY.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./jsx-runtime-BuHQgaKs.cjs"),o=require("@radix-ui/react-toggle"),s=require("./index-C8P6Mn4U.cjs"),l=require("./index-DoxiiusW.cjs");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const d=c(o),r=s.cva("hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-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 text-paragraph-sm inline-flex items-center justify-center gap-2 rounded-md font-semibold whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-transparent",outline:"border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-xs"},size:{xs:'text-label-sm h-7 min-w-7 px-1.5 [&_svg:not([class*="size-"])]:size-3.5',sm:"text-label-md h-8 min-w-8 px-2",md:"text-label-lg h-12 min-w-12 px-3",lg:"text-label-xl h-16 min-w-16 px-4"}},defaultVariants:{variant:"default",size:"md"}});function g({className:e,variant:n,size:t,...i}){return a.jsxRuntimeExports.jsx(d.Root,{"data-slot":"toggle",className:l.cn(r({variant:n,size:t,className:e})),...i})}exports.Toggle=g;exports.toggleVariants=r;

package/dist/ui.css

@@ -280,7 +280,7 @@
   --warning: var(--color-warning-main);
   --info: var(--color-info-main);
   --success: var(--color-success-main);
-  --border: var(--color-neutral-200);
+  --border: var(--color-neutral-050);
   --input: var(--color-neutral-050);
   --ring: var(--color-blue-800);
   --chart-1: var(--color-blue-300);