@clasing/ui 2.6.0 → 2.7.1

package/dist/components/alert.es.js

@@ -1,95 +1,99 @@
-import { j as r, c as e } from "../index-BCEGphus.js";
-import { QuestionIcon as g, WarningCircleIcon as u, WarningIcon as m, CheckCircleIcon as p, InfoIcon as d } from "@phosphor-icons/react";
-import { c as x } from "../index-DEha_UuN.js";
-const f = x(
-  "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",
+import { j as r, c as n } from "../index-CwFDnnd3.js";
+import { QuestionIcon as d, WarningCircleIcon as g, WarningIcon as u, CheckCircleIcon as f, InfoIcon as m } from "@phosphor-icons/react";
+import { c as p } from "../index-CnqageB2.js";
+const x = p(
+  `
+    relative grid w-full grid-cols-[0_1fr] items-start gap-y-2 rounded-2xl
+    border px-6 py-6 paragraph-sm text-foreground
+    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"
+        info: "border-info-foreground/50 bg-info/50",
+        success: "border-success-foreground/50 bg-success/50",
+        warning: "border-warning-foreground/50 bg-warning/50",
+        error: "border-destructive-foreground/50 bg-destructive/50",
+        neutral: "border-muted bg-muted/50"
       }
     },
     defaultVariants: {
       variant: "neutral"
     }
   }
-), h = {
-  info: d,
-  success: p,
-  warning: m,
-  error: u,
-  neutral: g
-}, b = {
-  info: "text-blue-800",
-  success: "text-success-main",
-  warning: "text-warning-main",
-  error: "text-error-main",
-  neutral: "text-black"
+), b = {
+  info: m,
+  success: f,
+  warning: u,
+  error: g,
+  neutral: d
+}, v = {
+  info: "text-info-foreground!",
+  success: "text-success-foreground!",
+  warning: "text-warning-foreground!",
+  error: "text-destructive-foreground!",
+  neutral: "text-muted-foreground!"
 };
-function C({
-  className: a,
-  title: s,
-  content: n,
+function y({
+  className: s,
+  title: e,
+  content: o,
   variant: t = "neutral",
-  showIcon: i,
-  icon: w,
-  children: l,
+  showIcon: a,
+  children: i,
   ...c
 }) {
-  const o = h[t];
+  const l = b[t];
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
       "data-slot": "alert",
       role: "alert",
-      className: e(f({ variant: t }), a),
+      className: n(x({ variant: t }), s),
       ...c,
       children: [
-        i && t && /* @__PURE__ */ r.jsx(
-          o,
+        a && t && /* @__PURE__ */ r.jsx(
+          l,
           {
-            className: e("size-5 min-w-5", b[t])
+            className: n("size-5 min-w-5", v[t])
           }
         ),
-        s && /* @__PURE__ */ r.jsx(j, { children: /* @__PURE__ */ r.jsx("p", { className: "label-lg font-semibold", children: s }) }),
-        n && /* @__PURE__ */ r.jsx(v, { children: /* @__PURE__ */ r.jsx("p", { className: "paragraph-sm", children: n }) }),
-        l
+        e && /* @__PURE__ */ r.jsx(h, { children: /* @__PURE__ */ r.jsx("p", { className: "label-lg font-semibold", children: e }) }),
+        o && /* @__PURE__ */ r.jsx(j, { children: /* @__PURE__ */ r.jsx("p", { className: "paragraph-sm", children: o }) }),
+        i
       ]
     }
   );
 }
-function j({ className: a, ...s }) {
+function h({ className: s, ...e }) {
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "alert-title",
-      className: e("label-lg col-start-2 font-semibold", a),
-      ...s
+      className: n("col-start-2 label-lg font-semibold", s),
+      ...e
     }
   );
 }
-function v({
-  className: a,
-  ...s
+function j({
+  className: s,
+  ...e
 }) {
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "alert-description",
-      className: e(
-        "paragraph-sm col-start-2 grid justify-items-start gap-1",
-        a
+      className: n(
+        "col-start-2 grid justify-items-start gap-1 paragraph-sm",
+        s
       ),
-      ...s
+      ...e
     }
   );
 }
 export {
-  C as Alert,
-  v as AlertDescription,
-  j as AlertTitle
+  y as Alert,
+  j as AlertDescription,
+  h as AlertTitle
 };

package/dist/components/avatar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../index-9HRzXEQf.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../index-Bfismeyo.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,4 +1,4 @@
-import { j as e, c as r } from "../index-BCEGphus.js";
+import { j as e, c as r } from "../index-CwFDnnd3.js";
 import * as s from "@radix-ui/react-avatar";
 function i({
   className: a,

package/dist/components/badge.cjs.js

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

package/dist/components/badge.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 declare const badgeVariants: (props?: ({
     variant?: "default" | "primary" | "secondary" | "outline" | "destructive" | "info" | "success" | "warning" | "error" | "neutral" | "yellow" | "blue" | "violet" | "not-started" | "in-progress" | "completed" | "blocked" | "paused" | "failed" | "expired" | "cancelled" | null | undefined;
     size?: "lg" | "md" | "sm" | "xs" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+    weight?: "regular" | "medium" | "semibold" | null | undefined;
     rounded?: "default" | "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface IBadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {

package/dist/components/badge.es.js

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

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

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../index-9HRzXEQf.cjs"),N=require("../../badge-Da_xHgvC.cjs"),a=require("../../card-COFAc2zN.cjs"),o=require("../../tooltip-Dd6ylN0m.cjs"),v=require("@phosphor-icons/react"),q=require("../../index-ECyCsPX0.cjs"),w=require("react"),I=q.cva("focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"),d=w.forwardRef(({className:j,isActive:s,title:x,text:u,helperText:m,badgeText:t,disabled:r,badgeVariant:p,badgeSize:g="xs",icon:l,tooltipIcon:h,tooltipText:n,tooltipTitle:i,tooltipSide:f,tooltipSideOffset:b,tooltipAlign:R,children:E,...c},C)=>e.jsxRuntimeExports.jsxs(a.Card,{ref:C,className:e.cn(I({className:j}),{"bg-blue-050 border-blue-950":s,"border-neutral-100 bg-neutral-100":r,"cursor-pointer lg:active:bg-blue-100":c.onClick&&s&&!r,"lg:active:bg-blue-050 cursor-pointer":c.onClick&&!s&&!r}),role:"button",tabIndex:0,...c,children:[t||l?e.jsxRuntimeExports.jsxs(a.CardHeader,{className:"flex items-center justify-between gap-2",children:[l?e.jsxRuntimeExports.jsx("div",{className:e.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:l}):null,(t||n)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[t?e.jsxRuntimeExports.jsx(N.Badge,{variant:p,size:g,weight:"semibold",className:e.cn({"opacity-50":r}),children:t}):null,n&&e.jsxRuntimeExports.jsxs(o.Tooltip,{children:[e.jsxRuntimeExports.jsx(o.TooltipTrigger,{children:h??e.jsxRuntimeExports.jsx(v.InfoIcon,{size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(o.TooltipContent,{side:f,sideOffset:b,align:R,children:i||n&&e.jsxRuntimeExports.jsxs("div",{className:"text-neutral-1000 flex flex-col gap-1",children:[i&&e.jsxRuntimeExports.jsx("p",{className:"paragraph-md font-semibold",children:i}),n&&e.jsxRuntimeExports.jsx("p",{className:"paragraph-md",children:n})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(a.CardContent,{className:"flex flex-col gap-1",children:[x?e.jsxRuntimeExports.jsx("p",{className:e.cn("text-foreground label-xl font-semibold",{"text-neutral-700":r}),children:x}):null,u?e.jsxRuntimeExports.jsx("p",{className:e.cn("text-muted-foreground paragraph-md",{"text-neutral-700":r}),children:u}):null,E]}),m?e.jsxRuntimeExports.jsx(a.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:e.cn("paragraph-sm text-neutral-800",{"text-neutral-700":r}),children:m})}):null]}));d.displayName="InteractiveCard";const y=d;exports.InteractiveCard=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../index-Bfismeyo.cjs"),N=require("../../badge-DK9gdPpu.cjs"),o=require("../../card-DkYKwjsA.cjs"),u=require("../../tooltip-BZWEHWmU.cjs"),v=require("@phosphor-icons/react"),q=require("../../index-BmhzhLcV.cjs"),I=require("react"),y=q.cva(`
+    transition-[color,box-shadow]
+    focus-visible:border-ring focus-visible:ring-[3px]
+    focus-visible:ring-ring/50
+  `),m=I.forwardRef(({className:f,isActive:n,title:x,text:d,helperText:l,badgeText:t,disabled:r,badgeVariant:g,badgeSize:j="xs",icon:i,tooltipIcon:p,tooltipText:s,tooltipTitle:a,tooltipSide:h,tooltipSideOffset:R,tooltipAlign:E,children:b,...c},C)=>e.jsxRuntimeExports.jsxs(o.Card,{ref:C,className:e.cn(y({className:f}),{"border-info-foreground bg-info/50":n,"border-muted-foreground bg-muted":r,"cursor-pointer active:bg-info/30":c.onClick&&n&&!r,"cursor-pointer active:bg-info/15":c.onClick&&!n&&!r}),role:"button",tabIndex:0,...c,children:[t||i?e.jsxRuntimeExports.jsxs(o.CardHeader,{className:"flex items-center justify-between gap-2",children:[i?e.jsxRuntimeExports.jsx("div",{className:e.cn("rounded-full p-1",{"bg-muted text-muted-foreground":!n,"bg-info text-info-foreground":n,"bg-background text-muted-foreground":r}),children:i}):null,(t||s)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[t?e.jsxRuntimeExports.jsx(N.Badge,{variant:g,size:j,weight:"semibold",className:e.cn({"opacity-50":r}),children:t}):null,s&&e.jsxRuntimeExports.jsxs(u.Tooltip,{children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{children:p??e.jsxRuntimeExports.jsx(v.InfoIcon,{size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(u.TooltipContent,{side:h,sideOffset:R,align:E,children:a||s&&e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-1",children:[a&&e.jsxRuntimeExports.jsx("p",{className:"paragraph-md font-semibold",children:a}),s&&e.jsxRuntimeExports.jsx("p",{className:"paragraph-md",children:s})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(o.CardContent,{className:"flex flex-col gap-1",children:[x?e.jsxRuntimeExports.jsx("p",{className:e.cn("label-xl font-semibold text-foreground",{"text-muted-foreground":r}),children:x}):null,d?e.jsxRuntimeExports.jsx("p",{className:e.cn("paragraph-md text-muted-foreground",{"text-muted-foreground":r}),children:d}):null,b]}),l?e.jsxRuntimeExports.jsx(o.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:e.cn("paragraph-sm text-muted-foreground",{"text-muted-foreground":r}),children:l})}):null]}));m.displayName="InteractiveCard";const w=m;exports.InteractiveCard=w;

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

@@ -1,82 +1,86 @@
-import { j as r, c as a } from "../../index-BCEGphus.js";
-import { B as v } from "../../badge-C29hQNIG.js";
-import { C as w, e as I, b as y, d as z } from "../../card-Cv2M4wv8.js";
-import { T as k, c as B, a as R } from "../../tooltip-CHBabriJ.js";
+import { j as r, c as n } from "../../index-CwFDnnd3.js";
+import { B as v } from "../../badge-aFyTFGVU.js";
+import { C as I, e as w, b as y, d as k } from "../../card-aAzRmGVH.js";
+import { T as z, c as B, a as R } from "../../tooltip-BYeLeBei.js";
 import { InfoIcon as E } from "@phosphor-icons/react";
-import { c as F } from "../../index-DEha_UuN.js";
+import { c as F } from "../../index-CnqageB2.js";
 import { forwardRef as H } from "react";
 const O = F(
-  "focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"
-), d = H(
+  `
+    transition-[color,box-shadow]
+    focus-visible:border-ring focus-visible:ring-[3px]
+    focus-visible:ring-ring/50
+  `
+), f = H(
   ({
-    className: x,
+    className: u,
     isActive: s,
     title: i,
     text: m,
-    helperText: u,
-    badgeText: l,
+    helperText: t,
+    badgeText: a,
     disabled: e,
-    badgeVariant: f,
-    badgeSize: g = "xs",
-    icon: t,
+    badgeVariant: g,
+    badgeSize: x = "xs",
+    icon: l,
     tooltipIcon: p,
-    tooltipText: n,
-    tooltipTitle: o,
+    tooltipText: o,
+    tooltipTitle: c,
     tooltipSide: h,
     tooltipSideOffset: j,
-    tooltipAlign: b,
-    children: C,
-    ...c
-  }, N) => /* @__PURE__ */ r.jsxs(
-    w,
+    tooltipAlign: C,
+    children: N,
+    ...d
+  }, b) => /* @__PURE__ */ r.jsxs(
+    I,
     {
-      ref: N,
-      className: a(O({ className: x }), {
-        "bg-blue-050 border-blue-950": s,
-        "border-neutral-100 bg-neutral-100": e,
-        "cursor-pointer lg:active:bg-blue-100": c.onClick && s && !e,
-        "lg:active:bg-blue-050 cursor-pointer": c.onClick && !s && !e
+      ref: b,
+      className: n(O({ className: u }), {
+        "border-info-foreground bg-info/50": s,
+        "border-muted-foreground bg-muted": e,
+        "cursor-pointer active:bg-info/30": d.onClick && s && !e,
+        "cursor-pointer active:bg-info/15": d.onClick && !s && !e
       }),
       role: "button",
       tabIndex: 0,
-      ...c,
+      ...d,
       children: [
-        l || t ? /* @__PURE__ */ r.jsxs(I, { className: "flex items-center justify-between gap-2", children: [
-          t ? /* @__PURE__ */ r.jsx(
+        a || l ? /* @__PURE__ */ r.jsxs(w, { className: "flex items-center justify-between gap-2", children: [
+          l ? /* @__PURE__ */ r.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
+              className: n("rounded-full p-1", {
+                "bg-muted text-muted-foreground": !s,
+                "bg-info text-info-foreground": s,
+                "bg-background text-muted-foreground": e
               }),
-              children: t
+              children: l
             }
           ) : null,
-          (l || n) && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-            l ? /* @__PURE__ */ r.jsx(
+          (a || o) && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+            a ? /* @__PURE__ */ r.jsx(
               v,
               {
-                variant: f,
-                size: g,
+                variant: g,
+                size: x,
                 weight: "semibold",
-                className: a({
+                className: n({
                   "opacity-50": e
                 }),
-                children: l
+                children: a
               }
             ) : null,
-            n && /* @__PURE__ */ r.jsxs(k, { children: [
+            o && /* @__PURE__ */ r.jsxs(z, { children: [
               /* @__PURE__ */ r.jsx(B, { children: p ?? /* @__PURE__ */ r.jsx(E, { size: 20, className: "z-10 min-h-5 min-w-5" }) }),
               /* @__PURE__ */ r.jsx(
                 R,
                 {
                   side: h,
                   sideOffset: j,
-                  align: b,
-                  children: o || n && /* @__PURE__ */ r.jsxs("div", { className: "text-neutral-1000 flex flex-col gap-1", children: [
-                    o && /* @__PURE__ */ r.jsx("p", { className: "paragraph-md font-semibold", children: o }),
-                    n && /* @__PURE__ */ r.jsx("p", { className: "paragraph-md", children: n })
+                  align: C,
+                  children: c || o && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-1", children: [
+                    c && /* @__PURE__ */ r.jsx("p", { className: "paragraph-md font-semibold", children: c }),
+                    o && /* @__PURE__ */ r.jsx("p", { className: "paragraph-md", children: o })
                   ] })
                 }
               )
@@ -87,8 +91,8 @@ const O = F(
           i ? /* @__PURE__ */ r.jsx(
             "p",
             {
-              className: a("text-foreground label-xl font-semibold", {
-                "text-neutral-700": e
+              className: n("label-xl font-semibold text-foreground", {
+                "text-muted-foreground": e
               }),
               children: i
             }
@@ -96,29 +100,29 @@ const O = F(
           m ? /* @__PURE__ */ r.jsx(
             "p",
             {
-              className: a("text-muted-foreground paragraph-md", {
-                "text-neutral-700": e
+              className: n("paragraph-md text-muted-foreground", {
+                "text-muted-foreground": e
               }),
               children: m
             }
           ) : null,
-          C
+          N
         ] }),
-        u ? /* @__PURE__ */ r.jsx(z, { children: /* @__PURE__ */ r.jsx(
+        t ? /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(
           "p",
           {
-            className: a("paragraph-sm text-neutral-800", {
-              "text-neutral-700": e
+            className: n("paragraph-sm text-muted-foreground", {
+              "text-muted-foreground": e
             }),
-            children: u
+            children: t
           }
         ) }) : null
       ]
     }
   )
 );
-d.displayName = "InteractiveCard";
-const M = d;
+f.displayName = "InteractiveCard";
+const M = f;
 export {
   M as InteractiveCard
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../index-9HRzXEQf.cjs"),p=require("../../chip-C_Uh7fe6.cjs"),S=require("../../label-D3iN3bzS.cjs"),y=require("@phosphor-icons/react"),E=({id:j,label:x,options:u,multiple:i=!1,selectedOptions:t,setSelectedOptions:m,className:d,disabled:c,helperText:v,error:a,touched:r})=>{const n=t,h=e=>{if(!i)return m(e.value),e.value;let s=[];return s=Array.isArray(n)?n.includes(e.value)?n.filter(b=>b!==e.value):[...n,e.value]:[e.value],m(s),s},f=e=>i&&Array.isArray(t)?t.includes(e.value):t===e.value;return u.length===0?null:l.jsxRuntimeExports.jsxs("div",{className:l.cn("flex flex-col gap-3",d),children:[x&&l.jsxRuntimeExports.jsx(S.Label,{htmlFor:j,className:l.cn({"text-neutral-700":c}),children:x}),l.jsxRuntimeExports.jsx("div",{className:"flex flex-wrap gap-2",children:u.map(e=>{const s=f(e);return l.jsxRuntimeExports.jsxs(p.ChipComponent,{intent:s?"selected":"unselected",onClick:()=>h(e),className:"py-1",disabled:c,children:[s&&l.jsxRuntimeExports.jsx(y.CheckIcon,{}),e.label]},e.label)})}),a&&r?l.jsxRuntimeExports.jsx("span",{className:"text-error-main label-md -mt-1",children:a}):l.jsxRuntimeExports.jsx("span",{className:l.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:v})]})};exports.SelectableChips=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../index-Bfismeyo.cjs"),O=require("../../chip-BlWb6w16.cjs"),E=require("../../label-O3mSiGyx.cjs"),q=require("@phosphor-icons/react"),A=require("react");function k(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(l,r,c.get?c:{enumerable:!0,get:()=>s[r]})}}return l.default=s,Object.freeze(l)}const x=k(A),f=x.forwardRef(({id:s,label:l,options:r,multiple:c=!1,value:i,defaultValue:m,onChange:p,onValueChange:b,className:h,disabled:u,helperText:o,...j},g)=>{const[y,S]=x.useState(m||(c?[]:"")),n=i!==void 0?i:y,d=e=>{i===void 0&&S(e),p?.(e),b?.(e)},v=e=>{if(!c){d(e.value);return}const a=Array.isArray(n)?n:[],C=a.includes(e.value)?a.filter(N=>N!==e.value):[...a,e.value];d(C)},R=e=>c?Array.isArray(n)&&n.includes(e.value):n===e.value;return r.length===0?null:t.jsxRuntimeExports.jsxs("div",{ref:g,"data-slot":"selectable-chips",className:t.cn("flex flex-col gap-3",h),...j,children:[l&&t.jsxRuntimeExports.jsx(E.Label,{"data-slot":"selectable-chips-label",htmlFor:s,className:t.cn({"text-muted-foreground":u}),children:l}),t.jsxRuntimeExports.jsx("div",{"data-slot":"selectable-chips-container",className:"flex flex-wrap gap-2",children:r.map(e=>{const a=R(e);return t.jsxRuntimeExports.jsxs(O.ChipComponent,{"data-selected":a,variant:a?"selected":"unselected",onClick:()=>v(e),className:"py-1",disabled:u,children:[a&&t.jsxRuntimeExports.jsx(q.CheckIcon,{}),e.label]},e.label)})}),o&&t.jsxRuntimeExports.jsx("p",{"data-slot":"selectable-chips-description",className:t.cn("-mt-1 label-md text-muted-foreground",u&&"text-muted-foreground"),children:o})]})});f.displayName="SelectableChips";exports.SelectableChips=f;

package/dist/components/blocks/selectable-chips.d.ts

@@ -1,16 +1,16 @@
 import { Option } from '@/utils/types';
-import { Dispatch, SetStateAction } from 'react';
+import * as React from 'react';
 export interface ISelectableChipsProps {
     id?: string;
     label?: string;
     options: Option[];
     multiple?: boolean;
-    selectedOptions: Option['value'] | Option['value'][] | undefined;
-    setSelectedOptions: Dispatch<SetStateAction<Option['value'] | Option['value'][] | undefined>>;
+    value?: Option['value'] | Option['value'][];
+    defaultValue?: Option['value'] | Option['value'][];
+    onChange?: (value: Option['value'] | Option['value'][]) => void;
+    onValueChange?: (value: Option['value'] | Option['value'][]) => void;
     className?: string;
     disabled?: boolean;
     helperText?: string;
-    error?: string;
-    touched?: boolean;
 }
-export declare const SelectableChips: ({ id, label, options, multiple, selectedOptions, setSelectedOptions, className, disabled, helperText, error, touched, }: ISelectableChipsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SelectableChips: React.ForwardRefExoticComponent<ISelectableChipsProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,59 +1,92 @@
-import { j as a, c as f, a as y } from "../../index-BCEGphus.js";
-import { C as S } from "../../chip-ZryYiiU1.js";
-import { L as p } from "../../label-Bl6V6esj.js";
-import { CheckIcon as A } from "@phosphor-icons/react";
-const w = ({
-  id: v,
-  label: m,
-  options: x,
-  multiple: u = !1,
-  selectedOptions: r,
-  setSelectedOptions: i,
-  className: d,
-  disabled: n,
-  helperText: h,
-  error: s,
-  touched: c
-}) => {
-  const t = r, j = (e) => {
-    if (!u)
-      return i(e.value), e.value;
-    let l = [];
-    return l = Array.isArray(t) ? t.includes(e.value) ? t.filter((N) => N !== e.value) : [...t, e.value] : [e.value], i(l), l;
-  }, C = (e) => u && Array.isArray(r) ? r.includes(e.value) : r === e.value;
-  return x.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: f("flex flex-col gap-3", d), children: [
-    m && /* @__PURE__ */ a.jsx(p, { htmlFor: v, className: f({ "text-neutral-700": n }), children: m }),
-    /* @__PURE__ */ a.jsx("div", { className: "flex flex-wrap gap-2", children: x.map((e) => {
-      const l = C(e);
-      return /* @__PURE__ */ a.jsxs(
-        S,
-        {
-          intent: l ? "selected" : "unselected",
-          onClick: () => j(e),
-          className: "py-1",
-          disabled: n,
-          children: [
-            l && /* @__PURE__ */ a.jsx(A, {}),
-            e.label
-          ]
-        },
-        e.label
-      );
-    }) }),
-    s && c ? /* @__PURE__ */ a.jsx("span", { className: "text-error-main label-md -mt-1", children: s }) : /* @__PURE__ */ a.jsx(
-      "span",
+import { j as s, c as n } from "../../index-CwFDnnd3.js";
+import { C as R } from "../../chip-BmqvnZuy.js";
+import { L as k } from "../../label-BteX4MEt.js";
+import { CheckIcon as I } from "@phosphor-icons/react";
+import * as u from "react";
+const L = u.forwardRef(
+  ({
+    id: f,
+    label: d,
+    options: i,
+    multiple: l = !1,
+    value: r,
+    defaultValue: h,
+    onChange: x,
+    onValueChange: p,
+    className: v,
+    disabled: c,
+    helperText: o,
+    ...b
+  }, j) => {
+    const [C, g] = u.useState(h || (l ? [] : "")), t = r !== void 0 ? r : C, m = (e) => {
+      r === void 0 && g(e), x?.(e), p?.(e);
+    }, y = (e) => {
+      if (!l) {
+        m(e.value);
+        return;
+      }
+      const a = Array.isArray(t) ? t : [], N = a.includes(e.value) ? a.filter((A) => A !== e.value) : [...a, e.value];
+      m(N);
+    }, S = (e) => l ? Array.isArray(t) && t.includes(e.value) : t === e.value;
+    return i.length === 0 ? null : /* @__PURE__ */ s.jsxs(
+      "div",
       {
-        className: y("label-md -mt-1", {
-          "text-neutral-1000": !s && !c,
-          "text-error-main": s && c,
-          "text-success-main": c && !s,
-          "text-neutral-700": n
-        }),
-        children: h
+        ref: j,
+        "data-slot": "selectable-chips",
+        className: n("flex flex-col gap-3", v),
+        ...b,
+        children: [
+          d && /* @__PURE__ */ s.jsx(
+            k,
+            {
+              "data-slot": "selectable-chips-label",
+              htmlFor: f,
+              className: n({ "text-muted-foreground": c }),
+              children: d
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              "data-slot": "selectable-chips-container",
+              className: "flex flex-wrap gap-2",
+              children: i.map((e) => {
+                const a = S(e);
+                return /* @__PURE__ */ s.jsxs(
+                  R,
+                  {
+                    "data-selected": a,
+                    variant: a ? "selected" : "unselected",
+                    onClick: () => y(e),
+                    className: "py-1",
+                    disabled: c,
+                    children: [
+                      a && /* @__PURE__ */ s.jsx(I, {}),
+                      e.label
+                    ]
+                  },
+                  e.label
+                );
+              })
+            }
+          ),
+          o && /* @__PURE__ */ s.jsx(
+            "p",
+            {
+              "data-slot": "selectable-chips-description",
+              className: n(
+                "-mt-1 label-md text-muted-foreground",
+                c && "text-muted-foreground"
+              ),
+              children: o
+            }
+          )
+        ]
       }
-    )
-  ] });
-};
+    );
+  }
+);
+L.displayName = "SelectableChips";
 export {
-  w as SelectableChips
+  L as SelectableChips
 };

package/dist/components/breadcrumb.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../index-9HRzXEQf.cjs"),i=require("@radix-ui/react-slot"),s=require("@phosphor-icons/react");function o({...e}){return r.jsxRuntimeExports.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx("ol",{"data-slot":"breadcrumb-list",className:r.cn("text-muted-foreground paragraph-sm flex flex-wrap items-center gap-1.5 wrap-break-word sm:gap-2.5",e),...t})}function u({className:e,...t}){return r.jsxRuntimeExports.jsx("li",{"data-slot":"breadcrumb-item",className:r.cn("inline-flex items-center gap-1.5",e),...t})}function m({asChild:e,className:t,...a}){const n=e?i.Slot:"a";return r.jsxRuntimeExports.jsx(n,{"data-slot":"breadcrumb-link",className:r.cn("hover:text-foreground transition-colors",t),...a})}function l({className:e,...t}){return r.jsxRuntimeExports.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:r.cn("text-foreground font-semibold",e),...t})}function d({children:e,className:t,...a}){return r.jsxRuntimeExports.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:r.cn("[&>svg]:size-3.5",t),...a,children:e??r.jsxRuntimeExports.jsx(s.CaretRightIcon,{})})}function x({className:e,...t}){return r.jsxRuntimeExports.jsxs("span",{"data-slot":"breadcrumb-ellipsis",role:"presentation","aria-hidden":"true",className:r.cn("flex size-9 items-center justify-center [&>svg]:size-3.5",e),...t,children:[r.jsxRuntimeExports.jsx(s.DotsThreeIcon,{}),r.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"More"})]})}exports.Breadcrumb=o;exports.BreadcrumbEllipsis=x;exports.BreadcrumbItem=u;exports.BreadcrumbLink=m;exports.BreadcrumbList=c;exports.BreadcrumbPage=l;exports.BreadcrumbSeparator=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../index-Bfismeyo.cjs"),i=require("@radix-ui/react-slot"),s=require("@phosphor-icons/react");function o({...e}){return r.jsxRuntimeExports.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx("ol",{"data-slot":"breadcrumb-list",className:r.cn("text-muted-foreground paragraph-sm flex flex-wrap items-center gap-1.5 wrap-break-word sm:gap-2.5",e),...t})}function u({className:e,...t}){return r.jsxRuntimeExports.jsx("li",{"data-slot":"breadcrumb-item",className:r.cn("inline-flex items-center gap-1.5",e),...t})}function m({asChild:e,className:t,...a}){const n=e?i.Slot:"a";return r.jsxRuntimeExports.jsx(n,{"data-slot":"breadcrumb-link",className:r.cn("hover:text-foreground transition-colors",t),...a})}function l({className:e,...t}){return r.jsxRuntimeExports.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:r.cn("text-foreground font-semibold",e),...t})}function d({children:e,className:t,...a}){return r.jsxRuntimeExports.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:r.cn("[&>svg]:size-3.5",t),...a,children:e??r.jsxRuntimeExports.jsx(s.CaretRightIcon,{})})}function x({className:e,...t}){return r.jsxRuntimeExports.jsxs("span",{"data-slot":"breadcrumb-ellipsis",role:"presentation","aria-hidden":"true",className:r.cn("flex size-9 items-center justify-center [&>svg]:size-3.5",e),...t,children:[r.jsxRuntimeExports.jsx(s.DotsThreeIcon,{}),r.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"More"})]})}exports.Breadcrumb=o;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,4 +1,4 @@
-import { j as a, c as t } from "../index-BCEGphus.js";
+import { j as a, c as t } from "../index-CwFDnnd3.js";
 import { Slot as o } from "@radix-ui/react-slot";
 import { DotsThreeIcon as i, CaretRightIcon as c } from "@phosphor-icons/react";
 function d({ ...r }) {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),s=require("@radix-ui/react-slot"),a=require("../index-ECyCsPX0.cjs"),u=require("../divider-BcIwJzm7.cjs"),n=a.cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",{variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none! [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none!",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none! [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none!"}},defaultVariants:{orientation:"horizontal"}});function l({className:o,orientation:t,...r}){return e.jsxRuntimeExports.jsx("div",{role:"group","data-slot":"button-group","data-orientation":t,className:e.cn(n({orientation:t}),o),...r})}function d({className:o,asChild:t=!1,...r}){const i=t?s.Slot:"div";return e.jsxRuntimeExports.jsx(i,{className:e.cn("bg-muted flex items-center gap-2 rounded-full border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",o),...r})}function c({className:o,orientation:t="vertical",...r}){return e.jsxRuntimeExports.jsx(u.Divider,{"data-slot":"button-group-separator",orientation:t,className:e.cn("bg-input relative m-0! self-stretch data-[orientation=vertical]:h-auto",o),...r})}exports.ButtonGroup=l;exports.ButtonGroupDivider=c;exports.ButtonGroupText=d;exports.buttonGroupVariants=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),s=require("@radix-ui/react-slot"),a=require("../index-BmhzhLcV.cjs"),u=require("../divider-D4EfIlt3.cjs"),n=a.cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",{variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none! [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none!",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none! [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none!"}},defaultVariants:{orientation:"horizontal"}});function l({className:o,orientation:t,...r}){return e.jsxRuntimeExports.jsx("div",{role:"group","data-slot":"button-group","data-orientation":t,className:e.cn(n({orientation:t}),o),...r})}function d({className:o,asChild:t=!1,...r}){const i=t?s.Slot:"div";return e.jsxRuntimeExports.jsx(i,{className:e.cn("bg-muted flex items-center gap-2 rounded-full border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",o),...r})}function c({className:o,orientation:t="vertical",...r}){return e.jsxRuntimeExports.jsx(u.Divider,{"data-slot":"button-group-separator",orientation:t,className:e.cn("bg-input relative m-0! self-stretch data-[orientation=vertical]:h-auto",o),...r})}exports.ButtonGroup=l;exports.ButtonGroupDivider=c;exports.ButtonGroupText=d;exports.buttonGroupVariants=n;

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

@@ -1,7 +1,7 @@
-import { j as r, c as n } from "../index-BCEGphus.js";
+import { j as r, c as n } from "../index-CwFDnnd3.js";
 import { Slot as a } from "@radix-ui/react-slot";
-import { c as i } from "../index-DEha_UuN.js";
-import { D as l } from "../divider-BMxVoyPg.js";
+import { c as i } from "../index-CnqageB2.js";
+import { D as l } from "../divider-DumyhJI_.js";
 const d = i(
   "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {

package/dist/components/button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-BsQuxg6u.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-DWBp81pk.cjs");exports.Button=t.Button;exports.buttonStyles=t.buttonStyles;