@clasing/ui 2.0.9 → 2.1.1

package/dist/components/accordion.es.js

@@ -1,69 +1,63 @@
-import { j as e, c as a } from "../index-DBpnlzOP.js";
-import * as t from "@radix-ui/react-accordion";
-import { I as i } from "../icon-component-DGImZz3K.js";
+import { j as e, c as a } from "../index-D5lmpham.js";
+import * as n from "@radix-ui/react-accordion";
+import { CaretDownIcon as s } from "@phosphor-icons/react";
 function d({
-  ...o
+  ...t
 }) {
-  return /* @__PURE__ */ e.jsx(t.Root, { "data-slot": "accordion", ...o });
+  return /* @__PURE__ */ e.jsx(n.Root, { "data-slot": "accordion", ...t });
 }
 function l({
-  className: o,
-  ...n
+  className: t,
+  ...o
 }) {
   return /* @__PURE__ */ e.jsx(
-    t.Item,
+    n.Item,
     {
       "data-slot": "accordion-item",
-      className: a("border-b last:border-b-0", o),
-      ...n
+      className: a("border-b last:border-b-0", t),
+      ...o
     }
   );
 }
 function m({
-  className: o,
-  children: n,
+  className: t,
+  children: o,
   ...r
 }) {
-  return /* @__PURE__ */ e.jsx(t.Header, { className: "flex", children: /* @__PURE__ */ e.jsxs(
-    t.Trigger,
+  return /* @__PURE__ */ e.jsx(n.Header, { className: "flex", children: /* @__PURE__ */ e.jsxs(
+    n.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: a(
-        "focus-visible:border-ring focus-visible:ring-ring/50 paragraph-sm flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left font-semibold transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-        o
+        "focus-visible:border-ring focus-visible:ring-ring/50 paragraph-sm [&_svg]:text-muted-foreground flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left font-semibold transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:translate-y-0.5 [&_svg]:transition-transform [&_svg]:duration-200 [&[data-state=open]>svg]:rotate-180",
+        t
       ),
       ...r,
       children: [
-        n,
-        /* @__PURE__ */ e.jsx(
-          i,
-          {
-            iconName: "IconChevronDown",
-            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
-          }
-        )
+        o,
+        /* @__PURE__ */ e.jsx(s, {})
       ]
     }
   ) });
 }
-function p({
-  className: o,
-  children: n,
+function g({
+  className: t,
+  children: o,
   ...r
 }) {
   return /* @__PURE__ */ e.jsx(
-    t.Content,
+    n.Content,
     {
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down paragraph-sm overflow-hidden",
       ...r,
-      children: /* @__PURE__ */ e.jsx("div", { className: a("pt-0 pb-4", o), children: n })
+      children: /* @__PURE__ */ e.jsx("div", { className: a("pt-0 pb-4", t), children: o })
     }
   );
 }
 export {
   d as Accordion,
-  p as AccordionContent,
+  g as AccordionContent,
   l as AccordionItem,
   m as AccordionTrigger
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DSjHHn1r.cjs"),c=require("@radix-ui/react-alert-dialog"),n=require("../button-t0WrANXO.cjs");function u(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,r.get?r:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const o=u(c);function d({...t}){return e.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function g({...t}){return e.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function i({...t}){return e.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function s({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:e.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),...a})}function x({className:t,...a}){return e.jsxRuntimeExports.jsxs(i,{children:[e.jsxRuntimeExports.jsx(s,{}),e.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:e.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),...a})]})}function m({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:e.cn("flex flex-col gap-2 text-left",t),...a})}function f({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:e.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...a})}function p({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:e.cn("label-2xl font-semibold",t),...a})}function j({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:e.cn("text-muted-foreground paragraph-md",t),...a})}function D({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Action,{className:e.cn(n.buttonStyles(),t),...a})}function A({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Cancel,{className:e.cn(n.buttonStyles({variant:"outline"}),t),...a})}exports.AlertDialog=d;exports.AlertDialogAction=D;exports.AlertDialogCancel=A;exports.AlertDialogContent=x;exports.AlertDialogDescription=j;exports.AlertDialogFooter=f;exports.AlertDialogHeader=m;exports.AlertDialogOverlay=s;exports.AlertDialogPortal=i;exports.AlertDialogTitle=p;exports.AlertDialogTrigger=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),c=require("@radix-ui/react-alert-dialog"),n=require("../button-B4yT3Gcz.cjs");function u(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,r.get?r:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const o=u(c);function d({...t}){return e.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function g({...t}){return e.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function i({...t}){return e.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function s({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:e.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),...a})}function x({className:t,...a}){return e.jsxRuntimeExports.jsxs(i,{children:[e.jsxRuntimeExports.jsx(s,{}),e.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:e.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-90 data-[state=open]:zoom-in-90 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 ease-in-out sm:max-w-lg",t),...a})]})}function m({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:e.cn("flex flex-col gap-2 text-left",t),...a})}function f({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:e.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...a})}function p({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:e.cn("label-2xl font-semibold",t),...a})}function j({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:e.cn("text-muted-foreground paragraph-md",t),...a})}function D({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Action,{className:e.cn(n.buttonStyles(),t),...a})}function A({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Cancel,{className:e.cn(n.buttonStyles({variant:"outline"}),t),...a})}exports.AlertDialog=d;exports.AlertDialogAction=D;exports.AlertDialogCancel=A;exports.AlertDialogContent=x;exports.AlertDialogDescription=j;exports.AlertDialogFooter=f;exports.AlertDialogHeader=m;exports.AlertDialogOverlay=s;exports.AlertDialogPortal=i;exports.AlertDialogTitle=p;exports.AlertDialogTrigger=g;

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

@@ -1,6 +1,6 @@
-import { j as e, c as l } from "../index-DBpnlzOP.js";
+import { j as e, c as l } from "../index-D5lmpham.js";
 import * as o from "@radix-ui/react-alert-dialog";
-import { c as r } from "../button-DiOH2ngV.js";
+import { c as r } from "../button-CUrfGF3Y.js";
 function c({
   ...t
 }) {
@@ -43,7 +43,7 @@ function u({
       {
         "data-slot": "alert-dialog-content",
         className: l(
-          "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",
+          "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-90 data-[state=open]:zoom-in-90 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 ease-in-out sm:max-w-lg",
           t
         ),
         ...a

package/dist/components/alert.cjs.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-9HRzXEQf.cjs"),s=require("@phosphor-icons/react"),x=require("../index-ECyCsPX0.cjs"),p=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"}}),m={info:s.InfoIcon,success:s.CheckCircleIcon,warning:s.WarningIcon,error:s.WarningCircleIcon,neutral:s.QuestionIcon},d={info:"text-blue-800",success:"text-success-main",warning:"text-warning-main",error:"text-error-main",neutral:"text-black"};function j({className:e,title:r,content:a,variant:n="neutral",showIcon:c,icon:f,children:o,...u}){const g=m[n];return t.jsxRuntimeExports.jsxs("div",{"data-slot":"alert",role:"alert",className:t.cn(p({variant:n}),e),...u,children:[c&&n&&t.jsxRuntimeExports.jsx(g,{className:t.cn("size-5 min-w-5",d[n])}),r&&t.jsxRuntimeExports.jsx(i,{children:t.jsxRuntimeExports.jsx("p",{className:"label-lg font-semibold",children:r})}),a&&t.jsxRuntimeExports.jsx(l,{children:t.jsxRuntimeExports.jsx("p",{className:"paragraph-sm",children:a})}),o]})}function i({className:e,...r}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"alert-title",className:t.cn("label-lg col-start-2 font-semibold",e),...r})}function l({className:e,...r}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"alert-description",className:t.cn("paragraph-sm col-start-2 grid justify-items-start gap-1",e),...r})}exports.Alert=j;exports.AlertDescription=l;exports.AlertTitle=i;

package/dist/components/alert.d.ts

@@ -1,15 +1,14 @@
 import { type VariantProps } from 'class-variance-authority';
-import { TablerIconName } from './icon-component';
 export interface IAlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     title?: string;
     content?: string;
     showIcon?: boolean;
-    iconName?: TablerIconName;
+    icon?: React.ElementType | React.ReactNode;
 }
 declare const alertVariants: (props?: ({
-    variant?: "error" | "info" | "success" | "warning" | "neutral" | null | undefined;
+    variant?: "info" | "success" | "warning" | "error" | "neutral" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Alert({ className, title, content, variant, showIcon, iconName, children, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants> & IAlertProps): import("react/jsx-runtime").JSX.Element;
+declare function Alert({ className, title, content, variant, showIcon, icon, children, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants> & IAlertProps): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 export { Alert, AlertDescription, AlertTitle };

package/dist/components/alert.es.js

@@ -1,7 +1,7 @@
-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(
+import { j as r, c as e } from "../index-D5lmpham.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-DN28Pf0m.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",
   {
     variants: {
@@ -17,80 +17,79 @@ const m = g(
       variant: "neutral"
     }
   }
-), u = {
-  info: "IconInfoCircleFilled",
-  success: "IconCircleCheckFilled",
-  warning: "IconAlertTriangleFilled",
-  error: "IconAlertCircleFilled",
-  neutral: "IconHelpCircleFilled"
-}, p = {
+), 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"
 };
-function v({
+function C({
   className: a,
-  title: e,
-  content: l,
-  variant: s = "neutral",
-  showIcon: n,
-  iconName: i,
-  children: c,
-  ...o
+  title: s,
+  content: n,
+  variant: t = "neutral",
+  showIcon: i,
+  icon: w,
+  children: l,
+  ...c
 }) {
+  const o = h[t];
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
       "data-slot": "alert",
       role: "alert",
-      className: t(m({ variant: s }), a),
-      ...o,
+      className: e(f({ variant: t }), a),
+      ...c,
       children: [
-        n && s && /* @__PURE__ */ r.jsx(
-          d,
+        i && t && /* @__PURE__ */ r.jsx(
+          o,
           {
-            className: t("max-w-5 min-w-5", p[s]),
-            iconName: i ?? u[s],
-            size: 20
+            className: e("size-5 min-w-5", b[t])
           }
         ),
-        e && /* @__PURE__ */ r.jsx(x, { children: /* @__PURE__ */ r.jsx("p", { className: "label-lg font-semibold", children: e }) }),
-        l && /* @__PURE__ */ r.jsx(f, { children: /* @__PURE__ */ r.jsx("p", { className: "paragraph-sm", children: l }) }),
-        c
+        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
       ]
     }
   );
 }
-function x({ className: a, ...e }) {
+function j({ className: a, ...s }) {
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "alert-title",
-      className: t("label-lg col-start-2 font-semibold", a),
-      ...e
+      className: e("label-lg col-start-2 font-semibold", a),
+      ...s
     }
   );
 }
-function f({
+function v({
   className: a,
-  ...e
+  ...s
 }) {
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "alert-description",
-      className: t(
+      className: e(
         "paragraph-sm col-start-2 grid justify-items-start gap-1",
         a
       ),
-      ...e
+      ...s
     }
   );
 }
 export {
-  v as Alert,
-  f as AlertDescription,
-  x as AlertTitle
+  C as Alert,
+  v as AlertDescription,
+  j as AlertTitle
 };

package/dist/components/avatar.cjs.js

@@ -1 +1 @@
-"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;
+"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;

package/dist/components/avatar.es.js

@@ -1,4 +1,4 @@
-import { j as e, c as r } from "../index-DBpnlzOP.js";
+import { j as e, c as r } from "../index-D5lmpham.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-oQqEF2X5.cjs");exports.Badge=e.Badge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../badge-Da_xHgvC.cjs");exports.Badge=e.Badge;

package/dist/components/badge.d.ts

@@ -1,18 +1,14 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-import { TablerIconName } from './icon-component';
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "error" | "outline" | "primary" | "secondary" | "destructive" | "info" | "success" | "warning" | "neutral" | "yellow" | "blue" | "violet" | "not-started" | "in-progress" | "completed" | "blocked" | "paused" | "failed" | "expired" | "cancelled" | null | undefined;
+    variant?: "primary" | "secondary" | "outline" | "destructive" | "default" | "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;
     rounded?: "default" | "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface IBadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {
-    iconName?: TablerIconName;
-    iconPosition?: 'left' | 'right';
-    iconStroke?: string;
     iconOnly?: boolean;
     asChild?: boolean;
 }
-declare function Badge({ className, variant, size, weight, rounded, iconName, iconPosition, iconStroke, iconOnly, asChild, children, ...props }: IBadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function Badge({ className, variant, size, weight, rounded, iconOnly, asChild, children, ...props }: IBadgeProps): import("react/jsx-runtime").JSX.Element;
 export { Badge, badgeVariants };

package/dist/components/badge.es.js

@@ -1,4 +1,4 @@
-import { B as o } from "../badge-Ds17GJH4.js";
+import { B as o } from "../badge-Cprh3bik.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("../../index-DSjHHn1r.cjs"),I=require("../../badge-oQqEF2X5.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;
+"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-BccdAn4x.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;

package/dist/components/blocks/interactive-card.d.ts

@@ -1,5 +1,4 @@
 import { IBadgeProps } from '@/components/badge';
-import { TablerIconName } from '@/components/icon-component';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { VariantProps } from 'class-variance-authority';
 type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Content>;
@@ -12,11 +11,10 @@ export interface IInteractiveCardProps extends React.HTMLAttributes<HTMLDivEleme
     badgeVariant?: IBadgeProps['variant'];
     badgeText?: string;
     badgeSize?: 'xs' | 'sm' | 'md' | 'lg';
-    iconName?: TablerIconName;
-    iconText?: string;
+    icon?: React.ReactNode;
     tooltipText?: string;
     tooltipTitle?: string;
-    tooltipIconName?: TablerIconName;
+    tooltipIcon?: React.ReactNode;
     tooltipSide?: TooltipProps['side'];
     tooltipSideOffset?: TooltipProps['sideOffset'];
     tooltipAlign?: TooltipProps['align'];

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

@@ -1,129 +1,114 @@
-import { j as e, c as a } from "../../index-DBpnlzOP.js";
-import { B as w } from "../../badge-Ds17GJH4.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(
+import { j as r, c as a } from "../../index-D5lmpham.js";
+import { B as v } from "../../badge-Cprh3bik.js";
+import { C as w, e as I, b as y, d as z } from "../../card-CbF9kVVs.js";
+import { T as k, c as B, a as R } from "../../tooltip-rv-jVOxy.js";
+import { InfoIcon as E } from "@phosphor-icons/react";
+import { c as F } from "../../index-DN28Pf0m.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]"
-), p = O(
+), d = H(
   ({
-    className: f,
+    className: x,
     isActive: s,
-    title: m,
-    text: d,
+    title: i,
+    text: m,
     helperText: u,
-    badgeText: n,
-    disabled: r,
-    badgeVariant: g,
-    badgeSize: h = "xs",
-    iconName: t,
-    iconText: c,
-    tooltipIconName: j = "IconHelpCircleFilled",
-    tooltipText: l,
+    badgeText: l,
+    disabled: e,
+    badgeVariant: f,
+    badgeSize: g = "xs",
+    icon: t,
+    tooltipIcon: p,
+    tooltipText: n,
     tooltipTitle: o,
-    tooltipSide: b,
-    tooltipSideOffset: C,
-    tooltipAlign: N,
-    children: v,
-    ...i
-  }, I) => /* @__PURE__ */ e.jsxs(
-    y,
+    tooltipSide: h,
+    tooltipSideOffset: j,
+    tooltipAlign: b,
+    children: C,
+    ...c
+  }, N) => /* @__PURE__ */ r.jsxs(
+    w,
     {
-      ref: I,
-      className: a(S({ className: f }), {
+      ref: N,
+      className: a(O({ className: x }), {
         "bg-blue-050 border-blue-950": s,
-        "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
+        "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
       }),
       role: "button",
       tabIndex: 0,
-      ...i,
+      ...c,
       children: [
-        n || t || c ? /* @__PURE__ */ e.jsxs(z, { className: "flex items-center justify-between gap-2", children: [
-          t || c ? /* @__PURE__ */ e.jsx(
+        l || t ? /* @__PURE__ */ r.jsxs(I, { className: "flex items-center justify-between gap-2", children: [
+          t ? /* @__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": r
+                "bg-white text-neutral-700": e
               }),
-              children: /* @__PURE__ */ e.jsx(
-                x,
-                {
-                  iconName: t,
-                  iconText: c,
-                  size: 20
-                }
-              )
+              children: t
             }
           ) : null,
-          (n || l) && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-            n ? /* @__PURE__ */ e.jsx(
-              w,
+          (l || n) && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+            l ? /* @__PURE__ */ r.jsx(
+              v,
               {
-                variant: g,
-                size: h,
+                variant: f,
+                size: g,
                 weight: "semibold",
                 className: a({
-                  "opacity-50": r
+                  "opacity-50": e
                 }),
-                children: n
+                children: l
               }
             ) : null,
-            l && /* @__PURE__ */ e.jsxs(k, { children: [
-              /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(
-                x,
-                {
-                  iconName: j ?? "IconHelpCircleFilled",
-                  size: 20,
-                  className: "z-10 min-h-5 min-w-5"
-                }
-              ) }),
-              /* @__PURE__ */ e.jsx(
+            n && /* @__PURE__ */ r.jsxs(k, { 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: b,
-                  sideOffset: C,
-                  align: N,
-                  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 })
+                  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 })
                   ] })
                 }
               )
             ] })
           ] })
         ] }) : null,
-        /* @__PURE__ */ e.jsxs(F, { className: "flex flex-col gap-1", children: [
-          m ? /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ r.jsxs(y, { className: "flex flex-col gap-1", children: [
+          i ? /* @__PURE__ */ r.jsx(
             "p",
             {
               className: a("text-foreground label-xl font-semibold", {
-                "text-neutral-700": r
+                "text-neutral-700": e
               }),
-              children: m
+              children: i
             }
           ) : null,
-          d ? /* @__PURE__ */ e.jsx(
+          m ? /* @__PURE__ */ r.jsx(
             "p",
             {
               className: a("text-muted-foreground paragraph-md", {
-                "text-neutral-700": r
+                "text-neutral-700": e
               }),
-              children: d
+              children: m
             }
           ) : null,
-          v
+          C
         ] }),
-        u ? /* @__PURE__ */ e.jsx(H, { children: /* @__PURE__ */ e.jsx(
+        u ? /* @__PURE__ */ r.jsx(z, { children: /* @__PURE__ */ r.jsx(
           "p",
           {
             className: a("paragraph-sm text-neutral-800", {
-              "text-neutral-700": r
+              "text-neutral-700": e
             }),
             children: u
           }
@@ -132,8 +117,8 @@ const S = E(
     }
   )
 );
-p.displayName = "InteractiveCard";
-const P = p;
+d.displayName = "InteractiveCard";
+const M = d;
 export {
-  P as InteractiveCard
+  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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../index-9HRzXEQf.cjs"),p=require("../../chip-BG4NEZUv.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;