@clasing/ui 2.0.5 → 2.0.7

package/dist/components/alert-dialog.es.js

@@ -1,23 +1,22 @@
-import { j as e } from "../jsx-runtime-DywqP_6a.js";
+import { j as e, c as l } from "../index-DBpnlzOP.js";
 import * as o from "@radix-ui/react-alert-dialog";
-import { c as r } from "../button-D8hlW1CJ.js";
-import { c as l } from "../index-CRiPKpXj.js";
-function g({
+import { c as r } from "../button-DiOH2ngV.js";
+function c({
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(o.Root, { "data-slot": "alert-dialog", ...t });
 }
-function u({
+function g({
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(o.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
 }
-function i({
+function n({
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(o.Portal, { "data-slot": "alert-dialog-portal", ...t });
 }
-function n({
+function i({
   className: t,
   ...a
 }) {
@@ -33,12 +32,12 @@ function n({
     }
   );
 }
-function f({
+function u({
   className: t,
   ...a
 }) {
-  return /* @__PURE__ */ e.jsxs(i, { children: [
-    /* @__PURE__ */ e.jsx(n, {}),
+  return /* @__PURE__ */ e.jsxs(n, { children: [
+    /* @__PURE__ */ e.jsx(i, {}),
     /* @__PURE__ */ e.jsx(
       o.Content,
       {
@@ -52,7 +51,7 @@ function f({
     )
   ] });
 }
-function m({
+function f({
   className: t,
   ...a
 }) {
@@ -65,7 +64,7 @@ function m({
     }
   );
 }
-function x({
+function m({
   className: t,
   ...a
 }) {
@@ -81,7 +80,7 @@ function x({
     }
   );
 }
-function p({
+function x({
   className: t,
   ...a
 }) {
@@ -94,7 +93,7 @@ function p({
     }
   );
 }
-function j({
+function p({
   className: t,
   ...a
 }) {
@@ -107,7 +106,7 @@ function j({
     }
   );
 }
-function A({
+function j({
   className: t,
   ...a
 }) {
@@ -119,7 +118,7 @@ function A({
     }
   );
 }
-function D({
+function A({
   className: t,
   ...a
 }) {
@@ -132,15 +131,15 @@ function D({
   );
 }
 export {
-  g as AlertDialog,
-  A as AlertDialogAction,
-  D as AlertDialogCancel,
-  f as AlertDialogContent,
-  j as AlertDialogDescription,
-  x as AlertDialogFooter,
-  m as AlertDialogHeader,
-  n as AlertDialogOverlay,
-  i as AlertDialogPortal,
-  p as AlertDialogTitle,
-  u as AlertDialogTrigger
+  c as AlertDialog,
+  j as AlertDialogAction,
+  A as AlertDialogCancel,
+  u as AlertDialogContent,
+  p as AlertDialogDescription,
+  m as AlertDialogFooter,
+  f as AlertDialogHeader,
+  i as AlertDialogOverlay,
+  n as AlertDialogPortal,
+  x as AlertDialogTitle,
+  g as AlertDialogTrigger
 };

package/dist/components/alert.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BuHQgaKs.cjs"),n=require("../index-DoxiiusW.cjs"),g=require("../index-C8P6Mn4U.cjs"),d=require("../icon-component-4lyl8wE_.cjs"),m=g.cva("paragraph-sm text-foreground relative grid w-full grid-cols-[0_1fr] items-start gap-y-2 rounded-2xl px-6 py-6 has-[>svg]:grid-cols-[calc(var(--spacing)*5)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-5 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{info:"bg-blue-050",success:"bg-success-light",warning:"bg-warning-light",error:"bg-error-light",neutral:"bg-neutral-000"}},defaultVariants:{variant:"neutral"}}),p={info:"IconInfoCircleFilled",success:"IconCircleCheckFilled",warning:"IconAlertTriangleFilled",error:"IconAlertCircleFilled",neutral:"IconHelpCircleFilled"},j={info:"text-blue-800",success:"text-success-main",warning:"text-warning-main",error:"text-error-main",neutral:"text-black"};function f({className:t,title:r,content:i,variant:s="neutral",showIcon:c,iconName:o,children:u,...x}){return e.jsxRuntimeExports.jsxs("div",{"data-slot":"alert",role:"alert",className:n.cn(m({variant:s}),t),...x,children:[c&&s&&e.jsxRuntimeExports.jsx(d.IconComponent,{className:n.cn("max-w-5 min-w-5",j[s]),iconName:o??p[s],size:20}),r&&e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx("p",{className:"label-lg font-semibold",children:r})}),i&&e.jsxRuntimeExports.jsx(a,{children:e.jsxRuntimeExports.jsx("p",{className:"paragraph-sm",children:i})}),u]})}function l({className:t,...r}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-title",className:n.cn("label-lg col-start-2 font-semibold",t),...r})}function a({className:t,...r}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-description",className:n.cn("paragraph-sm col-start-2 grid justify-items-start gap-1",t),...r})}exports.Alert=f;exports.AlertDescription=a;exports.AlertTitle=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DSjHHn1r.cjs"),x=require("../index-BVmT9wZC.cjs"),g=require("../icon-component-DTlgy__B.cjs"),d=x.cva("paragraph-sm text-foreground relative grid w-full grid-cols-[0_1fr] items-start gap-y-2 rounded-2xl px-6 py-6 has-[>svg]:grid-cols-[calc(var(--spacing)*5)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-5 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{info:"bg-blue-050",success:"bg-success-light",warning:"bg-warning-light",error:"bg-error-light",neutral:"bg-neutral-000"}},defaultVariants:{variant:"neutral"}}),p={info:"IconInfoCircleFilled",success:"IconCircleCheckFilled",warning:"IconAlertTriangleFilled",error:"IconAlertCircleFilled",neutral:"IconHelpCircleFilled"},m={info:"text-blue-800",success:"text-success-main",warning:"text-warning-main",error:"text-error-main",neutral:"text-black"};function j({className:t,title:r,content:n,variant:s="neutral",showIcon:a,iconName:c,children:o,...u}){return e.jsxRuntimeExports.jsxs("div",{"data-slot":"alert",role:"alert",className:e.cn(d({variant:s}),t),...u,children:[a&&s&&e.jsxRuntimeExports.jsx(g.IconComponent,{className:e.cn("max-w-5 min-w-5",m[s]),iconName:c??p[s],size:20}),r&&e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx("p",{className:"label-lg font-semibold",children:r})}),n&&e.jsxRuntimeExports.jsx(i,{children:e.jsxRuntimeExports.jsx("p",{className:"paragraph-sm",children:n})}),o]})}function l({className:t,...r}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-title",className:e.cn("label-lg col-start-2 font-semibold",t),...r})}function i({className:t,...r}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-description",className:e.cn("paragraph-sm col-start-2 grid justify-items-start gap-1",t),...r})}exports.Alert=j;exports.AlertDescription=i;exports.AlertTitle=l;

package/dist/components/alert.es.js

@@ -1,8 +1,7 @@
-import { j as r } from "../jsx-runtime-DywqP_6a.js";
-import { c as t } from "../index-CRiPKpXj.js";
-import { c as g } from "../index-BqtVL8d-.js";
-import { I as m } from "../icon-component-Db_44zX2.js";
-const d = g(
+import { j as r, c as t } from "../index-DBpnlzOP.js";
+import { c as g } from "../index-CwXB7YIx.js";
+import { I as d } from "../icon-component-DGImZz3K.js";
+const m = g(
   "paragraph-sm text-foreground relative grid w-full grid-cols-[0_1fr] items-start gap-y-2 rounded-2xl px-6 py-6 has-[>svg]:grid-cols-[calc(var(--spacing)*5)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-5 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
@@ -18,26 +17,26 @@ const d = g(
       variant: "neutral"
     }
   }
-), p = {
+), u = {
   info: "IconInfoCircleFilled",
   success: "IconCircleCheckFilled",
   warning: "IconAlertTriangleFilled",
   error: "IconAlertCircleFilled",
   neutral: "IconHelpCircleFilled"
-}, u = {
+}, p = {
   info: "text-blue-800",
   success: "text-success-main",
   warning: "text-warning-main",
   error: "text-error-main",
   neutral: "text-black"
 };
-function w({
+function v({
   className: a,
   title: e,
   content: l,
   variant: s = "neutral",
-  showIcon: i,
-  iconName: n,
+  showIcon: n,
+  iconName: i,
   children: c,
   ...o
 }) {
@@ -46,14 +45,14 @@ function w({
     {
       "data-slot": "alert",
       role: "alert",
-      className: t(d({ variant: s }), a),
+      className: t(m({ variant: s }), a),
       ...o,
       children: [
-        i && s && /* @__PURE__ */ r.jsx(
-          m,
+        n && s && /* @__PURE__ */ r.jsx(
+          d,
           {
-            className: t("max-w-5 min-w-5", u[s]),
-            iconName: n ?? p[s],
+            className: t("max-w-5 min-w-5", p[s]),
+            iconName: i ?? u[s],
             size: 20
           }
         ),
@@ -91,7 +90,7 @@ function f({
   );
 }
 export {
-  w as Alert,
+  v as Alert,
   f as AlertDescription,
   x as AlertTitle
 };

package/dist/components/avatar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsx-runtime-BuHQgaKs.cjs"),i=require("@radix-ui/react-avatar"),n=require("../index-DoxiiusW.cjs");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const s=o(i);function u({className:e,...t}){return r.jsxRuntimeExports.jsx(s.Root,{"data-slot":"avatar",className:n.cn("relative flex size-8 shrink-0 overflow-hidden rounded-full",e),...t})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx(s.Image,{"data-slot":"avatar-image",className:n.cn("aspect-square size-full",e),...t})}function f({className:e,...t}){return r.jsxRuntimeExports.jsx(s.Fallback,{"data-slot":"avatar-fallback",className:n.cn("bg-muted paragraph-sm flex size-full items-center justify-center rounded-full",e),...t})}exports.Avatar=u;exports.AvatarFallback=f;exports.AvatarImage=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../index-DSjHHn1r.cjs"),s=require("@radix-ui/react-avatar");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=i(s);function o({className:e,...t}){return a.jsxRuntimeExports.jsx(n.Root,{"data-slot":"avatar",className:a.cn("relative flex size-8 shrink-0 overflow-hidden rounded-full",e),...t})}function c({className:e,...t}){return a.jsxRuntimeExports.jsx(n.Image,{"data-slot":"avatar-image",className:a.cn("aspect-square size-full",e),...t})}function u({className:e,...t}){return a.jsxRuntimeExports.jsx(n.Fallback,{"data-slot":"avatar-fallback",className:a.cn("bg-muted paragraph-sm flex size-full items-center justify-center rounded-full",e),...t})}exports.Avatar=o;exports.AvatarFallback=u;exports.AvatarImage=c;

package/dist/components/avatar.es.js

@@ -1,15 +1,14 @@
-import { j as r } from "../jsx-runtime-DywqP_6a.js";
-import * as e from "@radix-ui/react-avatar";
-import { c as s } from "../index-CRiPKpXj.js";
+import { j as e, c as r } from "../index-DBpnlzOP.js";
+import * as s from "@radix-ui/react-avatar";
 function i({
   className: a,
   ...t
 }) {
-  return /* @__PURE__ */ r.jsx(
-    e.Root,
+  return /* @__PURE__ */ e.jsx(
+    s.Root,
     {
       "data-slot": "avatar",
-      className: s(
+      className: r(
         "relative flex size-8 shrink-0 overflow-hidden rounded-full",
         a
       ),
@@ -17,15 +16,15 @@ function i({
     }
   );
 }
-function m({
+function o({
   className: a,
   ...t
 }) {
-  return /* @__PURE__ */ r.jsx(
-    e.Image,
+  return /* @__PURE__ */ e.jsx(
+    s.Image,
     {
       "data-slot": "avatar-image",
-      className: s("aspect-square size-full", a),
+      className: r("aspect-square size-full", a),
       ...t
     }
   );
@@ -34,11 +33,11 @@ function n({
   className: a,
   ...t
 }) {
-  return /* @__PURE__ */ r.jsx(
-    e.Fallback,
+  return /* @__PURE__ */ e.jsx(
+    s.Fallback,
     {
       "data-slot": "avatar-fallback",
-      className: s(
+      className: r(
         "bg-muted paragraph-sm flex size-full items-center justify-center rounded-full",
         a
       ),
@@ -49,5 +48,5 @@ function n({
 export {
   i as Avatar,
   n as AvatarFallback,
-  m as AvatarImage
+  o as AvatarImage
 };

package/dist/components/badge.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../badge-DuEEk3J_.cjs");exports.Badge=e.Badge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../badge-CS2XfLYQ.cjs");exports.Badge=e.Badge;

package/dist/components/badge.es.js

@@ -1,4 +1,4 @@
-import { B as o } from "../badge-DgjaD6g5.js";
+import { B as o } from "../badge-B4oRxQ-G.js";
 export {
   o as Badge
 };

package/dist/components/blocks/interactive-card.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),I=require("../../badge-DuEEk3J_.cjs"),i=require("../../card-BJMc0row.cjs"),j=require("../../icon-component-4lyl8wE_.cjs"),u=require("../../tooltip-__VfWmJD.cjs"),n=require("../../index-DoxiiusW.cjs"),q=require("../../index-C8P6Mn4U.cjs"),w=require("react"),y=q.cva("focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"),g=w.forwardRef(({className:h,isActive:s,title:m,text:d,helperText:p,badgeText:l,disabled:r,badgeVariant:f,badgeSize:R="xs",iconName:o,iconText:a,tooltipIconName:b="IconHelpCircleFilled",tooltipText:t,tooltipTitle:c,tooltipSide:C,tooltipSideOffset:E,tooltipAlign:N,...x},v)=>e.jsxRuntimeExports.jsxs(i.Card,{ref:v,className:n.cn(y({className:h}),{"bg-blue-050 border-blue-950":s,"border-neutral-100 bg-neutral-100":r,"cursor-pointer lg:active:bg-blue-100":x.onClick&&s&&!r,"lg:active:bg-blue-050 cursor-pointer":x.onClick&&!s&&!r}),role:"button",tabIndex:0,...x,children:[l||o||a?e.jsxRuntimeExports.jsxs(i.CardHeader,{className:"flex items-center justify-between gap-2",children:[o||a?e.jsxRuntimeExports.jsx("div",{className:n.cn("rounded-full p-1",{"bg-neutral-000 text-muted-foreground":!s,"bg-white text-blue-800":s,"bg-white text-neutral-700":r}),children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:o,iconText:a,size:20})}):null,(l||t)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[l?e.jsxRuntimeExports.jsx(I.Badge,{variant:f,size:R,weight:"semibold",className:n.cn({"opacity-50":r}),children:l}):null,t&&e.jsxRuntimeExports.jsxs(u.Tooltip,{children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:b??"IconHelpCircleFilled",size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(u.TooltipContent,{side:C,sideOffset:E,align:N,children:c||t&&e.jsxRuntimeExports.jsxs("div",{className:"text-neutral-1000 flex flex-col gap-1",children:[c&&e.jsxRuntimeExports.jsx("p",{className:"paragraph-md font-semibold",children:c}),t&&e.jsxRuntimeExports.jsx("p",{className:"paragraph-md",children:t})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(i.CardContent,{className:"flex flex-col gap-1",children:[m?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-foreground label-xl font-semibold",{"text-neutral-700":r}),children:m}):null,d?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-muted-foreground paragraph-md",{"text-neutral-700":r}),children:d}):null]}),p?e.jsxRuntimeExports.jsx(i.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:n.cn("paragraph-sm text-neutral-800",{"text-neutral-700":r}),children:p})}):null]}));g.displayName="InteractiveCard";const z=g;exports.InteractiveCard=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../index-DSjHHn1r.cjs"),I=require("../../badge-CS2XfLYQ.cjs"),l=require("../../card-Dj2wgH-P.cjs"),p=require("../../icon-component-DTlgy__B.cjs"),x=require("../../tooltip-BvdeurjC.cjs"),q=require("../../index-BVmT9wZC.cjs"),w=require("react"),y=q.cva("focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"),j=w.forwardRef(({className:g,isActive:n,title:u,text:m,helperText:d,badgeText:t,disabled:r,badgeVariant:h,badgeSize:f="xs",iconName:i,iconText:a,tooltipIconName:R="IconHelpCircleFilled",tooltipText:s,tooltipTitle:o,tooltipSide:b,tooltipSideOffset:C,tooltipAlign:E,children:N,...c},v)=>e.jsxRuntimeExports.jsxs(l.Card,{ref:v,className:e.cn(y({className:g}),{"bg-blue-050 border-blue-950":n,"border-neutral-100 bg-neutral-100":r,"cursor-pointer lg:active:bg-blue-100":c.onClick&&n&&!r,"lg:active:bg-blue-050 cursor-pointer":c.onClick&&!n&&!r}),role:"button",tabIndex:0,...c,children:[t||i||a?e.jsxRuntimeExports.jsxs(l.CardHeader,{className:"flex items-center justify-between gap-2",children:[i||a?e.jsxRuntimeExports.jsx("div",{className:e.cn("rounded-full p-1",{"bg-neutral-000 text-muted-foreground":!n,"bg-white text-blue-800":n,"bg-white text-neutral-700":r}),children:e.jsxRuntimeExports.jsx(p.IconComponent,{iconName:i,iconText:a,size:20})}):null,(t||s)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[t?e.jsxRuntimeExports.jsx(I.Badge,{variant:h,size:f,weight:"semibold",className:e.cn({"opacity-50":r}),children:t}):null,s&&e.jsxRuntimeExports.jsxs(x.Tooltip,{children:[e.jsxRuntimeExports.jsx(x.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(p.IconComponent,{iconName:R??"IconHelpCircleFilled",size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(x.TooltipContent,{side:b,sideOffset:C,align:E,children:o||s&&e.jsxRuntimeExports.jsxs("div",{className:"text-neutral-1000 flex flex-col gap-1",children:[o&&e.jsxRuntimeExports.jsx("p",{className:"paragraph-md font-semibold",children:o}),s&&e.jsxRuntimeExports.jsx("p",{className:"paragraph-md",children:s})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(l.CardContent,{className:"flex flex-col gap-1",children:[u?e.jsxRuntimeExports.jsx("p",{className:e.cn("text-foreground label-xl font-semibold",{"text-neutral-700":r}),children:u}):null,m?e.jsxRuntimeExports.jsx("p",{className:e.cn("text-muted-foreground paragraph-md",{"text-neutral-700":r}),children:m}):null,N]}),d?e.jsxRuntimeExports.jsx(l.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:e.cn("paragraph-sm text-neutral-800",{"text-neutral-700":r}),children:d})}):null]}));j.displayName="InteractiveCard";const z=j;exports.InteractiveCard=z;

package/dist/components/blocks/interactive-card.es.js

@@ -1,14 +1,13 @@
-import { j as r } from "../../jsx-runtime-DywqP_6a.js";
-import { B as I } from "../../badge-DgjaD6g5.js";
-import { C as w, e as y, b as z, d as F } from "../../card-DPaMJS2f.js";
-import { I as x } from "../../icon-component-Db_44zX2.js";
-import { T as H, c as k, a as B } from "../../tooltip-DgWl3klK.js";
-import { c as a } from "../../index-CRiPKpXj.js";
-import { c as R } from "../../index-BqtVL8d-.js";
-import { forwardRef as E } from "react";
-const O = R(
+import { j as e, c as a } from "../../index-DBpnlzOP.js";
+import { B as w } from "../../badge-B4oRxQ-G.js";
+import { C as y, e as z, b as F, d as H } from "../../card-BNTyYiyA.js";
+import { I as x } from "../../icon-component-DGImZz3K.js";
+import { T as k, c as B, a as R } from "../../tooltip-CUaxcngn.js";
+import { c as E } from "../../index-CwXB7YIx.js";
+import { forwardRef as O } from "react";
+const S = E(
   "focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"
-), p = E(
+), p = O(
   ({
     className: f,
     isActive: s,
@@ -16,66 +15,67 @@ const O = R(
     text: d,
     helperText: u,
     badgeText: n,
-    disabled: e,
+    disabled: r,
     badgeVariant: g,
     badgeSize: h = "xs",
-    iconName: o,
-    iconText: t,
+    iconName: t,
+    iconText: c,
     tooltipIconName: j = "IconHelpCircleFilled",
     tooltipText: l,
-    tooltipTitle: c,
+    tooltipTitle: o,
     tooltipSide: b,
     tooltipSideOffset: C,
     tooltipAlign: N,
+    children: v,
     ...i
-  }, v) => /* @__PURE__ */ r.jsxs(
-    w,
+  }, I) => /* @__PURE__ */ e.jsxs(
+    y,
     {
-      ref: v,
-      className: a(O({ className: f }), {
+      ref: I,
+      className: a(S({ className: f }), {
         "bg-blue-050 border-blue-950": s,
-        "border-neutral-100 bg-neutral-100": e,
-        "cursor-pointer lg:active:bg-blue-100": i.onClick && s && !e,
-        "lg:active:bg-blue-050 cursor-pointer": i.onClick && !s && !e
+        "border-neutral-100 bg-neutral-100": r,
+        "cursor-pointer lg:active:bg-blue-100": i.onClick && s && !r,
+        "lg:active:bg-blue-050 cursor-pointer": i.onClick && !s && !r
       }),
       role: "button",
       tabIndex: 0,
       ...i,
       children: [
-        n || o || t ? /* @__PURE__ */ r.jsxs(y, { className: "flex items-center justify-between gap-2", children: [
-          o || t ? /* @__PURE__ */ r.jsx(
+        n || t || c ? /* @__PURE__ */ e.jsxs(z, { className: "flex items-center justify-between gap-2", children: [
+          t || c ? /* @__PURE__ */ e.jsx(
             "div",
             {
               className: a("rounded-full p-1", {
                 "bg-neutral-000 text-muted-foreground": !s,
                 "bg-white text-blue-800": s,
-                "bg-white text-neutral-700": e
+                "bg-white text-neutral-700": r
               }),
-              children: /* @__PURE__ */ r.jsx(
+              children: /* @__PURE__ */ e.jsx(
                 x,
                 {
-                  iconName: o,
-                  iconText: t,
+                  iconName: t,
+                  iconText: c,
                   size: 20
                 }
               )
             }
           ) : null,
-          (n || l) && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-            n ? /* @__PURE__ */ r.jsx(
-              I,
+          (n || l) && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+            n ? /* @__PURE__ */ e.jsx(
+              w,
               {
                 variant: g,
                 size: h,
                 weight: "semibold",
                 className: a({
-                  "opacity-50": e
+                  "opacity-50": r
                 }),
                 children: n
               }
             ) : null,
-            l && /* @__PURE__ */ r.jsxs(H, { children: [
-              /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(
+            l && /* @__PURE__ */ e.jsxs(k, { children: [
+              /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(
                 x,
                 {
                   iconName: j ?? "IconHelpCircleFilled",
@@ -83,46 +83,47 @@ const O = R(
                   className: "z-10 min-h-5 min-w-5"
                 }
               ) }),
-              /* @__PURE__ */ r.jsx(
-                B,
+              /* @__PURE__ */ e.jsx(
+                R,
                 {
                   side: b,
                   sideOffset: C,
                   align: N,
-                  children: c || l && /* @__PURE__ */ r.jsxs("div", { className: "text-neutral-1000 flex flex-col gap-1", children: [
-                    c && /* @__PURE__ */ r.jsx("p", { className: "paragraph-md font-semibold", children: c }),
-                    l && /* @__PURE__ */ r.jsx("p", { className: "paragraph-md", children: l })
+                  children: o || l && /* @__PURE__ */ e.jsxs("div", { className: "text-neutral-1000 flex flex-col gap-1", children: [
+                    o && /* @__PURE__ */ e.jsx("p", { className: "paragraph-md font-semibold", children: o }),
+                    l && /* @__PURE__ */ e.jsx("p", { className: "paragraph-md", children: l })
                   ] })
                 }
               )
             ] })
           ] })
         ] }) : null,
-        /* @__PURE__ */ r.jsxs(z, { className: "flex flex-col gap-1", children: [
-          m ? /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ e.jsxs(F, { className: "flex flex-col gap-1", children: [
+          m ? /* @__PURE__ */ e.jsx(
             "p",
             {
               className: a("text-foreground label-xl font-semibold", {
-                "text-neutral-700": e
+                "text-neutral-700": r
               }),
               children: m
             }
           ) : null,
-          d ? /* @__PURE__ */ r.jsx(
+          d ? /* @__PURE__ */ e.jsx(
             "p",
             {
               className: a("text-muted-foreground paragraph-md", {
-                "text-neutral-700": e
+                "text-neutral-700": r
               }),
               children: d
             }
-          ) : null
+          ) : null,
+          v
         ] }),
-        u ? /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsx(
+        u ? /* @__PURE__ */ e.jsx(H, { children: /* @__PURE__ */ e.jsx(
           "p",
           {
             className: a("paragraph-sm text-neutral-800", {
-              "text-neutral-700": e
+              "text-neutral-700": r
             }),
             children: u
           }

package/dist/components/blocks/selectable-chips.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../jsx-runtime-BuHQgaKs.cjs"),p=require("../../chip-CXa6E8Cf.cjs"),y=require("../../label-RxaHfl3U.cjs"),u=require("../../index-DoxiiusW.cjs"),R=({id:d,label:x,options:i,multiple:m=!1,selectedOptions:t,setSelectedOptions:j,className:v,disabled:c,helperText:h,error:a,touched:r})=>{const n=t,f=e=>{if(!m)return j(e.value),e.value;let l=[];return l=Array.isArray(n)?n.includes(e.value)?n.filter(S=>S!==e.value):[...n,e.value]:[e.value],j(l),l},b=e=>m&&Array.isArray(t)?t.includes(e.value):t===e.value;return i.length===0?null:s.jsxRuntimeExports.jsxs("div",{className:u.cn("flex flex-col gap-3",v),children:[x&&s.jsxRuntimeExports.jsx(y.Label,{htmlFor:d,className:u.cn({"text-neutral-700":c}),children:x}),s.jsxRuntimeExports.jsx("div",{className:"flex flex-wrap gap-2",children:i.map(e=>{const l=b(e);return s.jsxRuntimeExports.jsx(p.ChipComponent,{intent:l?"selected":"unselected",iconLeft:l?"IconCheck":void 0,onClick:()=>f(e),className:"py-1",disabled:c,children:e.label},e.label)})}),a&&r?s.jsxRuntimeExports.jsx("span",{className:"text-error-main label-md -mt-1",children:a}):s.jsxRuntimeExports.jsx("span",{className:u.clsx("label-md -mt-1",{"text-neutral-1000":!a&&!r,"text-error-main":a&&r,"text-success-main":r&&!a,"text-neutral-700":c}),children:h})]})};exports.SelectableChips=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../index-DSjHHn1r.cjs"),S=require("../../chip-DVKpteyL.cjs"),p=require("../../label-eHraXPfy.cjs"),y=({id:d,label:u,options:x,multiple:i=!1,selectedOptions:t,setSelectedOptions:m,className:j,disabled:c,helperText:v,error:s,touched:r})=>{const n=t,h=e=>{if(!i)return m(e.value),e.value;let a=[];return a=Array.isArray(n)?n.includes(e.value)?n.filter(b=>b!==e.value):[...n,e.value]:[e.value],m(a),a},f=e=>i&&Array.isArray(t)?t.includes(e.value):t===e.value;return x.length===0?null:l.jsxRuntimeExports.jsxs("div",{className:l.cn("flex flex-col gap-3",j),children:[u&&l.jsxRuntimeExports.jsx(p.Label,{htmlFor:d,className:l.cn({"text-neutral-700":c}),children:u}),l.jsxRuntimeExports.jsx("div",{className:"flex flex-wrap gap-2",children:x.map(e=>{const a=f(e);return l.jsxRuntimeExports.jsx(S.ChipComponent,{intent:a?"selected":"unselected",iconLeft:a?"IconCheck":void 0,onClick:()=>h(e),className:"py-1",disabled:c,children:e.label},e.label)})}),s&&r?l.jsxRuntimeExports.jsx("span",{className:"text-error-main label-md -mt-1",children:s}):l.jsxRuntimeExports.jsx("span",{className:l.clsx("label-md -mt-1",{"text-neutral-1000":!s&&!r,"text-error-main":s&&r,"text-success-main":r&&!s,"text-neutral-700":c}),children:v})]})};exports.SelectableChips=y;

package/dist/components/blocks/selectable-chips.es.js

@@ -1,8 +1,7 @@
-import { j as l } from "../../jsx-runtime-DywqP_6a.js";
-import { C as y } from "../../chip-C5OWe3FG.js";
-import { L as S } from "../../label-CKObiJEl.js";
-import { c as f, a as p } from "../../index-CRiPKpXj.js";
-const k = ({
+import { j as l, c as f, a as y } from "../../index-DBpnlzOP.js";
+import { C as S } from "../../chip-CK2VBBsV.js";
+import { L as A } from "../../label-Bp4qkqFq.js";
+const L = ({
   id: v,
   label: m,
   options: x,
@@ -22,11 +21,11 @@ const k = ({
     return a = Array.isArray(t) ? t.includes(e.value) ? t.filter((N) => N !== e.value) : [...t, e.value] : [e.value], i(a), a;
   }, C = (e) => u && Array.isArray(r) ? r.includes(e.value) : r === e.value;
   return x.length === 0 ? null : /* @__PURE__ */ l.jsxs("div", { className: f("flex flex-col gap-3", d), children: [
-    m && /* @__PURE__ */ l.jsx(S, { htmlFor: v, className: f({ "text-neutral-700": n }), children: m }),
+    m && /* @__PURE__ */ l.jsx(A, { htmlFor: v, className: f({ "text-neutral-700": n }), children: m }),
     /* @__PURE__ */ l.jsx("div", { className: "flex flex-wrap gap-2", children: x.map((e) => {
       const a = C(e);
       return /* @__PURE__ */ l.jsx(
-        y,
+        S,
         {
           intent: a ? "selected" : "unselected",
           iconLeft: a ? "IconCheck" : void 0,
@@ -41,7 +40,7 @@ const k = ({
     s && c ? /* @__PURE__ */ l.jsx("span", { className: "text-error-main label-md -mt-1", children: s }) : /* @__PURE__ */ l.jsx(
       "span",
       {
-        className: p("label-md -mt-1", {
+        className: y("label-md -mt-1", {
           "text-neutral-1000": !s && !c,
           "text-error-main": s && c,
           "text-success-main": c && !s,
@@ -53,5 +52,5 @@ const k = ({
   ] });
 };
 export {
-  k as SelectableChips
+  L as SelectableChips
 };

package/dist/components/breadcrumb.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-BuHQgaKs.cjs"),i=require("@radix-ui/react-slot"),a=require("../index-DoxiiusW.cjs"),n=require("../icon-component-4lyl8wE_.cjs");function c({...e}){return t.jsxRuntimeExports.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function u({className:e,...r}){return t.jsxRuntimeExports.jsx("ol",{"data-slot":"breadcrumb-list",className:a.cn("text-muted-foreground paragraph-sm flex flex-wrap items-center gap-1.5 break-words sm:gap-2.5",e),...r})}function m({className:e,...r}){return t.jsxRuntimeExports.jsx("li",{"data-slot":"breadcrumb-item",className:a.cn("inline-flex items-center gap-1.5",e),...r})}function l({asChild:e,className:r,...s}){const o=e?i.Slot:"a";return t.jsxRuntimeExports.jsx(o,{"data-slot":"breadcrumb-link",className:a.cn("hover:text-foreground transition-colors",r),...s})}function d({className:e,...r}){return t.jsxRuntimeExports.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:a.cn("text-foreground font-semibold",e),...r})}function x({children:e,className:r,...s}){return t.jsxRuntimeExports.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:a.cn("[&>svg]:size-3.5",r),...s,children:e??t.jsxRuntimeExports.jsx(n.IconComponent,{iconName:"IconChevronRight"})})}function b({className:e,...r}){return t.jsxRuntimeExports.jsxs("span",{"data-slot":"breadcrumb-ellipsis",role:"presentation","aria-hidden":"true",className:a.cn("flex size-9 items-center justify-center [&>svg]:size-3.5",e),...r,children:[t.jsxRuntimeExports.jsx(n.IconComponent,{iconName:"IconDots"}),t.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"More"})]})}exports.Breadcrumb=c;exports.BreadcrumbEllipsis=b;exports.BreadcrumbItem=m;exports.BreadcrumbLink=l;exports.BreadcrumbList=u;exports.BreadcrumbPage=d;exports.BreadcrumbSeparator=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DSjHHn1r.cjs"),o=require("@radix-ui/react-slot"),s=require("../icon-component-DTlgy__B.cjs");function i({...r}){return e.jsxRuntimeExports.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...r})}function c({className:r,...t}){return e.jsxRuntimeExports.jsx("ol",{"data-slot":"breadcrumb-list",className:e.cn("text-muted-foreground paragraph-sm flex flex-wrap items-center gap-1.5 break-words sm:gap-2.5",r),...t})}function u({className:r,...t}){return e.jsxRuntimeExports.jsx("li",{"data-slot":"breadcrumb-item",className:e.cn("inline-flex items-center gap-1.5",r),...t})}function m({asChild:r,className:t,...a}){const n=r?o.Slot:"a";return e.jsxRuntimeExports.jsx(n,{"data-slot":"breadcrumb-link",className:e.cn("hover:text-foreground transition-colors",t),...a})}function l({className:r,...t}){return e.jsxRuntimeExports.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:e.cn("text-foreground font-semibold",r),...t})}function d({children:r,className:t,...a}){return e.jsxRuntimeExports.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:e.cn("[&>svg]:size-3.5",t),...a,children:r??e.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconChevronRight"})})}function x({className:r,...t}){return e.jsxRuntimeExports.jsxs("span",{"data-slot":"breadcrumb-ellipsis",role:"presentation","aria-hidden":"true",className:e.cn("flex size-9 items-center justify-center [&>svg]:size-3.5",r),...t,children:[e.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconDots"}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"More"})]})}exports.Breadcrumb=i;exports.BreadcrumbEllipsis=x;exports.BreadcrumbItem=u;exports.BreadcrumbLink=m;exports.BreadcrumbList=c;exports.BreadcrumbPage=l;exports.BreadcrumbSeparator=d;

package/dist/components/breadcrumb.es.js

@@ -1,11 +1,10 @@
-import { j as a } from "../jsx-runtime-DywqP_6a.js";
+import { j as a, c as t } from "../index-DBpnlzOP.js";
 import { Slot as i } from "@radix-ui/react-slot";
-import { c as t } from "../index-CRiPKpXj.js";
-import { I as n } from "../icon-component-Db_44zX2.js";
-function d({ ...r }) {
+import { I as n } from "../icon-component-DGImZz3K.js";
+function u({ ...r }) {
   return /* @__PURE__ */ a.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
 }
-function b({ className: r, ...e }) {
+function d({ className: r, ...e }) {
   return /* @__PURE__ */ a.jsx(
     "ol",
     {
@@ -18,7 +17,7 @@ function b({ className: r, ...e }) {
     }
   );
 }
-function p({ className: r, ...e }) {
+function b({ className: r, ...e }) {
   return /* @__PURE__ */ a.jsx(
     "li",
     {
@@ -28,7 +27,7 @@ function p({ className: r, ...e }) {
     }
   );
 }
-function f({
+function p({
   asChild: r,
   className: e,
   ...s
@@ -56,7 +55,7 @@ function x({ className: r, ...e }) {
     }
   );
 }
-function g({
+function f({
   children: r,
   className: e,
   ...s
@@ -73,7 +72,7 @@ function g({
     }
   );
 }
-function j({
+function g({
   className: r,
   ...e
 }) {
@@ -96,11 +95,11 @@ function j({
   );
 }
 export {
-  d as Breadcrumb,
-  j as BreadcrumbEllipsis,
-  p as BreadcrumbItem,
-  f as BreadcrumbLink,
-  b as BreadcrumbList,
+  u as Breadcrumb,
+  g as BreadcrumbEllipsis,
+  b as BreadcrumbItem,
+  p as BreadcrumbLink,
+  d as BreadcrumbList,
   x as BreadcrumbPage,
-  g as BreadcrumbSeparator
+  f as BreadcrumbSeparator
 };

package/dist/components/button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-U1793OQ4.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-t0WrANXO.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;

package/dist/components/button.es.js

@@ -1,4 +1,4 @@
-import { B as s, b as a, a as e, c as n } from "../button-D8hlW1CJ.js";
+import { B as s, b as a, a as e, c as n } from "../button-DiOH2ngV.js";
 export {
   s as Button,
   a as buttonActiveStyles,