@clasing/ui 2.6.0 → 2.7.0

package/dist/chip-BmqvnZuy.js

@@ -0,0 +1,116 @@
+import { j as e, c as l } from "./index-CwFDnnd3.js";
+import { c as m } from "./index-CnqageB2.js";
+import { forwardRef as c } from "react";
+const g = m(
+  `
+    inline-flex items-center gap-1 rounded-full border px-3 py-1.5
+    transition-colors
+    focus-visible:ring-[1.5px] focus-visible:ring-ring-default
+    focus-visible:ring-offset-1 focus-visible:outline-hidden
+  `,
+  {
+    variants: {
+      variant: {
+        selected: [
+          `
+            border-info-foreground bg-info/20 font-semibold text-info-foreground
+            dark:text-info-foreground
+          `
+        ],
+        unselected: [
+          `
+            border bg-background text-foreground
+            hover:bg-muted
+          `
+        ],
+        error: [
+          `
+            border-destructive-foreground bg-destructive
+            text-destructive-foreground
+          `
+        ]
+      },
+      size: {
+        sm: "paragraph-xs",
+        md: "paragraph-sm",
+        lg: "paragraph-md"
+      },
+      weight: {
+        regular: "font-regular",
+        medium: "font-medium",
+        semibold: "font-semibold"
+      },
+      disabled: {
+        false: null,
+        true: `
+          cursor-default border-muted-foreground bg-muted text-muted-foreground
+        `
+      }
+    },
+    defaultVariants: {
+      variant: "unselected",
+      size: "md",
+      weight: "regular"
+    }
+  }
+), b = c(
+  ({
+    className: o,
+    variant: t,
+    size: i,
+    weight: s,
+    children: d,
+    notification: n,
+    onClick: a,
+    disabled: r,
+    ...u
+  }, f) => a ? /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      ref: f,
+      className: l(
+        g({ variant: t, size: i, weight: s, className: o, disabled: r })
+      ),
+      type: "button",
+      disabled: r ?? void 0,
+      onClick: a,
+      ...u,
+      children: [
+        d,
+        n && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            "data-slot": "notification",
+            "aria-hidden": "true",
+            className: "size-1 min-w-1 rounded-full bg-destructive-foreground"
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: f,
+      className: l(
+        g({ variant: t, size: i, weight: s, className: o, disabled: r })
+      ),
+      ...u,
+      children: [
+        d,
+        n && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            "data-slot": "notification",
+            "aria-hidden": "true",
+            className: "size-1 min-w-1 rounded-full bg-destructive-foreground"
+          }
+        )
+      ]
+    }
+  )
+);
+b.displayName = "Chip";
+export {
+  b as C,
+  g as c
+};

package/dist/{clasing-icon-Bym32_-4.cjs → clasing-icon-CHt2Otn8.cjs}

@@ -1 +1 @@
-"use strict";const t=require("./index-9HRzXEQf.cjs");function e({className:i,variant:l,color:x="currentColor",...L}){let s=[];return l==="default"?s=["#6CC422","#FF7BAA","#FF6F03","#0243F1","#00DBB7","#CF161C","#DD6DFF","#F6AF00"]:s=Array(8).fill(x),t.jsxRuntimeExports.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t.cn(i),...L,children:[t.jsxRuntimeExports.jsx("path",{d:"M22.0316 19.2438L9.82361 6.99085C9.05365 6.2205 7.80528 6.2205 7.0353 6.99085L7.03328 6.99289C6.26332 7.76325 6.26332 9.01224 7.03328 9.78259L19.1481 21.9646L22.0316 24.1086V19.2438Z",fill:s[0]}),t.jsxRuntimeExports.jsx("path",{d:"M40.9576 38.2141L28.8136 25.9861L22.0315 24.1099L26.0506 28.8388L38.1672 41.0059C38.9372 41.7762 40.1856 41.7762 40.9556 41.0059L40.9576 41.0038C41.7275 40.2335 41.7275 38.9845 40.9576 38.2141Z",fill:s[1]}),t.jsxRuntimeExports.jsx("path",{d:"M28.7858 21.9952L40.9823 9.77469C41.7437 9.00615 41.7437 7.76007 40.9823 6.99153L40.9803 6.98949C40.2188 6.22095 38.9843 6.22095 38.2229 6.98949L25.9939 19.087L22.0315 24.1086L28.7858 21.9952Z",fill:s[2]}),t.jsxRuntimeExports.jsx("path",{d:"M19.1799 26.0002L7.03063 38.1476C6.2599 38.9162 6.26441 40.2079 7.03514 40.9765L7.03717 40.9785C7.8079 41.747 9.0575 41.747 9.82824 40.9785L22.0309 28.782V24.1099L19.1799 26.0002Z",fill:s[3]}),t.jsxRuntimeExports.jsx("path",{d:"M19.1588 21.961L1.94788 21.9965C0.872081 21.9965 0 22.8889 0 23.9898V23.9928C0 25.0937 0.872081 25.9862 1.94788 25.9862L19.1803 26.0002L22.0312 24.1099L19.1588 21.961Z",fill:s[4]}),t.jsxRuntimeExports.jsx("path",{d:"M28.6254 25.9858H46.0272C47.1167 25.9858 47.9999 25.0933 47.9999 23.9924V23.9895C47.9999 22.8886 47.1167 21.9961 46.0272 21.9961H28.7858L22.0315 24.1096L28.6254 25.9858Z",fill:s[5]}),t.jsxRuntimeExports.jsx("path",{d:"M22.0059 45.9811C22.0051 47.0967 22.896 48.0012 23.9948 48.0004C25.0914 47.9995 25.98 47.0973 25.9809 45.9841L26.0502 28.8388L22.0311 24.1099",fill:s[6]}),t.jsxRuntimeExports.jsx("path",{d:"M22.0319 24.109L25.9943 19.0874V1.84509C25.9943 0.7448 25.0315 0 23.9311 0H23.9282C22.8278 0 21.9263 0.891965 21.9263 1.99226",fill:s[7]})]})}exports.ClasingIcon=e;
+"use strict";const t=require("./index-Bfismeyo.cjs");function e({className:i,variant:l,color:x="currentColor",...L}){let s=[];return l==="default"?s=["#6CC422","#FF7BAA","#FF6F03","#0243F1","#00DBB7","#CF161C","#DD6DFF","#F6AF00"]:s=Array(8).fill(x),t.jsxRuntimeExports.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t.cn(i),...L,children:[t.jsxRuntimeExports.jsx("path",{d:"M22.0316 19.2438L9.82361 6.99085C9.05365 6.2205 7.80528 6.2205 7.0353 6.99085L7.03328 6.99289C6.26332 7.76325 6.26332 9.01224 7.03328 9.78259L19.1481 21.9646L22.0316 24.1086V19.2438Z",fill:s[0]}),t.jsxRuntimeExports.jsx("path",{d:"M40.9576 38.2141L28.8136 25.9861L22.0315 24.1099L26.0506 28.8388L38.1672 41.0059C38.9372 41.7762 40.1856 41.7762 40.9556 41.0059L40.9576 41.0038C41.7275 40.2335 41.7275 38.9845 40.9576 38.2141Z",fill:s[1]}),t.jsxRuntimeExports.jsx("path",{d:"M28.7858 21.9952L40.9823 9.77469C41.7437 9.00615 41.7437 7.76007 40.9823 6.99153L40.9803 6.98949C40.2188 6.22095 38.9843 6.22095 38.2229 6.98949L25.9939 19.087L22.0315 24.1086L28.7858 21.9952Z",fill:s[2]}),t.jsxRuntimeExports.jsx("path",{d:"M19.1799 26.0002L7.03063 38.1476C6.2599 38.9162 6.26441 40.2079 7.03514 40.9765L7.03717 40.9785C7.8079 41.747 9.0575 41.747 9.82824 40.9785L22.0309 28.782V24.1099L19.1799 26.0002Z",fill:s[3]}),t.jsxRuntimeExports.jsx("path",{d:"M19.1588 21.961L1.94788 21.9965C0.872081 21.9965 0 22.8889 0 23.9898V23.9928C0 25.0937 0.872081 25.9862 1.94788 25.9862L19.1803 26.0002L22.0312 24.1099L19.1588 21.961Z",fill:s[4]}),t.jsxRuntimeExports.jsx("path",{d:"M28.6254 25.9858H46.0272C47.1167 25.9858 47.9999 25.0933 47.9999 23.9924V23.9895C47.9999 22.8886 47.1167 21.9961 46.0272 21.9961H28.7858L22.0315 24.1096L28.6254 25.9858Z",fill:s[5]}),t.jsxRuntimeExports.jsx("path",{d:"M22.0059 45.9811C22.0051 47.0967 22.896 48.0012 23.9948 48.0004C25.0914 47.9995 25.98 47.0973 25.9809 45.9841L26.0502 28.8388L22.0311 24.1099",fill:s[6]}),t.jsxRuntimeExports.jsx("path",{d:"M22.0319 24.109L25.9943 19.0874V1.84509C25.9943 0.7448 25.0315 0 23.9311 0H23.9282C22.8278 0 21.9263 0.891965 21.9263 1.99226",fill:s[7]})]})}exports.ClasingIcon=e;

package/dist/{clasing-icon-BIYMLc8o.js → clasing-icon-CJQQN554.js}

@@ -1,4 +1,4 @@
-import { j as L, c as i } from "./index-BCEGphus.js";
+import { j as L, c as i } from "./index-CwFDnnd3.js";
 function h({
   className: s,
   variant: t,

package/dist/command-FBkK3fzE.cjs

@@ -0,0 +1,36 @@
+"use strict";const e=require("./index-Bfismeyo.cjs"),o=require("cmdk"),a=require("./dialog-BUaX7IId.cjs"),c=require("@phosphor-icons/react");function r({className:t,...n}){return e.jsxRuntimeExports.jsx(o.Command,{"data-slot":"command",className:e.cn(`
+          flex h-full w-full flex-col overflow-hidden rounded-md bg-popover
+          text-popover-foreground
+        `,t),...n})}function u({title:t="Command Palette",description:n="Search for a command to run...",children:m,className:s,showCloseButton:d=!0,...i}){return e.jsxRuntimeExports.jsxs(a.Dialog,{...i,children:[e.jsxRuntimeExports.jsxs(a.DialogHeader,{className:"sr-only",children:[e.jsxRuntimeExports.jsx(a.DialogTitle,{children:t}),e.jsxRuntimeExports.jsx(a.DialogDescription,{children:n})]}),e.jsxRuntimeExports.jsx(a.DialogContent,{className:e.cn("overflow-hidden p-0",s),showCloseButton:d,children:e.jsxRuntimeExports.jsx(r,{className:`\r
+            **:data-[slot=command-input-wrapper]:h-12\r
+            [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\r
+            [&_[cmdk-input-wrapper]_svg]:size-5\r
+            [&_[cmdk-item]_svg]:size-5\r
+            **:[[cmdk-group-heading]]:px-2\r
+            **:[[cmdk-group-heading]]:font-semibold\r
+            **:[[cmdk-group-heading]]:text-muted-foreground\r
+            **:[[cmdk-group]]:px-2\r
+            **:[[cmdk-input]]:h-12\r
+            **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3\r
+          `,children:m})})]})}function p({className:t,...n}){return e.jsxRuntimeExports.jsxs("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3",children:[e.jsxRuntimeExports.jsx(c.MagnifyingGlassIcon,{className:"size-4 shrink-0 opacity-50"}),e.jsxRuntimeExports.jsx(o.Command.Input,{"data-slot":"command-input",className:e.cn(`
+            flex h-10 w-full rounded-md bg-transparent py-3 paragraph-sm
+            outline-hidden
+            placeholder:text-muted-foreground
+            disabled:cursor-not-allowed disabled:opacity-50
+          `,t),...n})]})}function l({className:t,...n}){return e.jsxRuntimeExports.jsx(o.Command.List,{"data-slot":"command-list",className:e.cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",t),...n})}function x({...t}){return e.jsxRuntimeExports.jsx(o.Command.Empty,{"data-slot":"command-empty",className:"py-6 text-center paragraph-sm",...t})}function g({className:t,...n}){return e.jsxRuntimeExports.jsx(o.Command.Group,{"data-slot":"command-group",className:e.cn(`
+          overflow-hidden p-1 text-foreground
+          **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5
+          **:[[cmdk-group-heading]]:paragraph-xs
+          **:[[cmdk-group-heading]]:font-semibold
+          **:[[cmdk-group-heading]]:text-muted-foreground
+        `,t),...n})}function h({className:t,...n}){return e.jsxRuntimeExports.jsx(o.Command.Separator,{"data-slot":"command-separator",className:e.cn("-mx-1 h-px bg-border",t),...n})}function f({className:t,...n}){return e.jsxRuntimeExports.jsx(o.Command.Item,{"data-slot":"command-item",className:e.cn(`
+          relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
+          paragraph-sm outline-hidden select-none
+          data-[disabled=true]:pointer-events-none
+          data-[disabled=true]:opacity-50
+          data-[selected=true]:bg-accent
+          data-[selected=true]:text-accent-foreground
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+          [&_svg:not([class*='text-'])]:text-muted-foreground
+        `,t),...n})}function j({className:t,...n}){return e.jsxRuntimeExports.jsx("span",{"data-slot":"command-shortcut",className:e.cn("ml-auto paragraph-xs tracking-widest text-muted-foreground",t),...n})}exports.Command=r;exports.CommandDialog=u;exports.CommandEmpty=x;exports.CommandGroup=g;exports.CommandInput=p;exports.CommandItem=f;exports.CommandList=l;exports.CommandSeparator=h;exports.CommandShortcut=j;

package/dist/{command-CGrOI2Z9.js → command-Vk11GgqU.js}

@@ -1,6 +1,6 @@
-import { j as e, c as o } from "./index-BCEGphus.js";
+import { j as e, c as o } from "./index-CwFDnnd3.js";
 import { Command as r } from "cmdk";
-import { D as c, e as i, h as p, c as l, b as u } from "./dialog-CH4VxKX4.js";
+import { D as c, e as i, h as p, c as l, b as u } from "./dialog-CdmsVmRe.js";
 import { MagnifyingGlassIcon as g } from "@phosphor-icons/react";
 function x({
   className: a,
@@ -11,19 +11,22 @@ function x({
     {
       "data-slot": "command",
       className: o(
-        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        `
+          flex h-full w-full flex-col overflow-hidden rounded-md bg-popover
+          text-popover-foreground
+        `,
         a
       ),
       ...t
     }
   );
 }
-function j({
+function v({
   title: a = "Command Palette",
   description: t = "Search for a command to run...",
   children: n,
-  className: d,
-  showCloseButton: s = !0,
+  className: s,
+  showCloseButton: d = !0,
   ...m
 }) {
   return /* @__PURE__ */ e.jsxs(c, { ...m, children: [
@@ -34,9 +37,26 @@ function j({
     /* @__PURE__ */ e.jsx(
       u,
       {
-        className: o("overflow-hidden p-0", d),
-        showCloseButton: s,
-        children: /* @__PURE__ */ e.jsx(x, { className: "**:[[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-semibold **:[[cmdk-group]]:px-2 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3", children: n })
+        className: o("overflow-hidden p-0", s),
+        showCloseButton: d,
+        children: /* @__PURE__ */ e.jsx(
+          x,
+          {
+            className: `\r
+            **:data-[slot=command-input-wrapper]:h-12\r
+            [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\r
+            [&_[cmdk-input-wrapper]_svg]:size-5\r
+            [&_[cmdk-item]_svg]:size-5\r
+            **:[[cmdk-group-heading]]:px-2\r
+            **:[[cmdk-group-heading]]:font-semibold\r
+            **:[[cmdk-group-heading]]:text-muted-foreground\r
+            **:[[cmdk-group]]:px-2\r
+            **:[[cmdk-input]]:h-12\r
+            **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3\r
+          `,
+            children: n
+          }
+        )
       }
     )
   ] });
@@ -57,7 +77,12 @@ function b({
           {
             "data-slot": "command-input",
             className: o(
-              "placeholder:text-muted-foreground paragraph-sm flex h-10 w-full rounded-md bg-transparent py-3 outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              `
+            flex h-10 w-full rounded-md bg-transparent py-3 paragraph-sm
+            outline-hidden
+            placeholder:text-muted-foreground
+            disabled:cursor-not-allowed disabled:opacity-50
+          `,
               a
             ),
             ...t
@@ -67,7 +92,7 @@ function b({
     }
   );
 }
-function w({
+function y({
   className: a,
   ...t
 }) {
@@ -83,19 +108,19 @@ function w({
     }
   );
 }
-function y({
+function C({
   ...a
 }) {
   return /* @__PURE__ */ e.jsx(
     r.Empty,
     {
       "data-slot": "command-empty",
-      className: "paragraph-sm py-6 text-center",
+      className: "py-6 text-center paragraph-sm",
       ...a
     }
   );
 }
-function C({
+function N({
   className: a,
   ...t
 }) {
@@ -104,14 +129,20 @@ function C({
     {
       "data-slot": "command-group",
       className: o(
-        "text-foreground **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group-heading]]:paragraph-xs overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:font-semibold",
+        `
+          overflow-hidden p-1 text-foreground
+          **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5
+          **:[[cmdk-group-heading]]:paragraph-xs
+          **:[[cmdk-group-heading]]:font-semibold
+          **:[[cmdk-group-heading]]:text-muted-foreground
+        `,
         a
       ),
       ...t
     }
   );
 }
-function _({
+function w({
   className: a,
   ...t
 }) {
@@ -119,12 +150,12 @@ function _({
     r.Separator,
     {
       "data-slot": "command-separator",
-      className: o("bg-border -mx-1 h-px", a),
+      className: o("-mx-1 h-px bg-border", a),
       ...t
     }
   );
 }
-function N({
+function _({
   className: a,
   ...t
 }) {
@@ -133,7 +164,17 @@ function N({
     {
       "data-slot": "command-item",
       className: o(
-        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        `
+          relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
+          paragraph-sm outline-hidden select-none
+          data-[disabled=true]:pointer-events-none
+          data-[disabled=true]:opacity-50
+          data-[selected=true]:bg-accent
+          data-[selected=true]:text-accent-foreground
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+          [&_svg:not([class*='text-'])]:text-muted-foreground
+        `,
         a
       ),
       ...t
@@ -149,7 +190,7 @@ function D({
     {
       "data-slot": "command-shortcut",
       className: o(
-        "text-muted-foreground paragraph-xs ml-auto tracking-widest",
+        "ml-auto paragraph-xs tracking-widest text-muted-foreground",
         a
       ),
       ...t
@@ -158,12 +199,12 @@ function D({
 }
 export {
   x as C,
-  j as a,
-  y as b,
-  C as c,
+  v as a,
+  C as b,
+  N as c,
   b as d,
-  N as e,
-  w as f,
-  _ as g,
+  _ as e,
+  y as f,
+  w as g,
   D as h
 };

package/dist/components/accordion.cjs.js

@@ -1 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-9HRzXEQf.cjs"),s=require("@radix-ui/react-accordion"),a=require("@phosphor-icons/react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const r=c(s);function d({...e}){return t.jsxRuntimeExports.jsx(r.Root,{"data-slot":"accordion",...e})}function l({className:e,...n}){return t.jsxRuntimeExports.jsx(r.Item,{"data-slot":"accordion-item",className:t.cn("border-b last:border-b-0",e),...n})}function u({className:e,children:n,...o}){return t.jsxRuntimeExports.jsx(r.Header,{className:"flex",children:t.jsxRuntimeExports.jsxs(r.Trigger,{"data-slot":"accordion-trigger",className:t.cn("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",e),...o,children:[n,t.jsxRuntimeExports.jsx(a.CaretDownIcon,{})]})})}function m({className:e,children:n,...o}){return t.jsxRuntimeExports.jsx(r.Content,{"data-slot":"accordion-content",className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down paragraph-sm overflow-hidden",...o,children:t.jsxRuntimeExports.jsx("div",{className:t.cn("pt-0 pb-4",e),children:n})})}exports.Accordion=d;exports.AccordionContent=m;exports.AccordionItem=l;exports.AccordionTrigger=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-Bfismeyo.cjs"),s=require("@radix-ui/react-accordion"),a=require("@phosphor-icons/react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const o=c(s);function d({...e}){return t.jsxRuntimeExports.jsx(o.Root,{"data-slot":"accordion",...e})}function u({className:e,...n}){return t.jsxRuntimeExports.jsx(o.Item,{"data-slot":"accordion-item",className:t.cn(`
+          border-b
+          last:border-b-0
+        `,e),...n})}function l({className:e,children:n,...r}){return t.jsxRuntimeExports.jsx(o.Header,{className:"flex",children:t.jsxRuntimeExports.jsxs(o.Trigger,{"data-slot":"accordion-trigger",className:t.cn(`
+            flex flex-1 items-start justify-between gap-4 rounded-md py-4
+            text-left paragraph-sm font-semibold text-foreground transition-all
+            outline-none
+            hover:underline
+            focus-visible:border-ring focus-visible:ring-[3px]
+            focus-visible:ring-ring/50
+            disabled:pointer-events-none disabled:opacity-50
+            [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:translate-y-0.5
+            [&_svg]:text-muted-foreground [&_svg]:transition-transform
+            [&_svg]:duration-200
+            [&[data-state=open]>svg]:rotate-180
+          `,e),...r,children:[n,t.jsxRuntimeExports.jsx(a.CaretDownIcon,{})]})})}function g({className:e,children:n,...r}){return t.jsxRuntimeExports.jsx(o.Content,{"data-slot":"accordion-content",className:`\r
+        overflow-hidden paragraph-sm text-foreground\r
+        data-[state=closed]:animate-accordion-up\r
+        data-[state=open]:animate-accordion-down\r
+      `,...r,children:t.jsxRuntimeExports.jsx("div",{className:t.cn("pt-0 pb-4",e),children:n})})}exports.Accordion=d;exports.AccordionContent=g;exports.AccordionItem=u;exports.AccordionTrigger=l;

package/dist/components/accordion.es.js

@@ -1,20 +1,26 @@
-import { j as e, c as a } from "../index-BCEGphus.js";
-import * as n from "@radix-ui/react-accordion";
+import { j as e, c as a } from "../index-CwFDnnd3.js";
+import * as r from "@radix-ui/react-accordion";
 import { CaretDownIcon as s } from "@phosphor-icons/react";
-function d({
+function c({
   ...t
 }) {
-  return /* @__PURE__ */ e.jsx(n.Root, { "data-slot": "accordion", ...t });
+  return /* @__PURE__ */ e.jsx(r.Root, { "data-slot": "accordion", ...t });
 }
 function l({
   className: t,
   ...o
 }) {
   return /* @__PURE__ */ e.jsx(
-    n.Item,
+    r.Item,
     {
       "data-slot": "accordion-item",
-      className: a("border-b last:border-b-0", t),
+      className: a(
+        `
+          border-b
+          last:border-b-0
+        `,
+        t
+      ),
       ...o
     }
   );
@@ -22,17 +28,29 @@ function l({
 function m({
   className: t,
   children: o,
-  ...r
+  ...n
 }) {
-  return /* @__PURE__ */ e.jsx(n.Header, { className: "flex", children: /* @__PURE__ */ e.jsxs(
-    n.Trigger,
+  return /* @__PURE__ */ e.jsx(r.Header, { className: "flex", children: /* @__PURE__ */ e.jsxs(
+    r.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: a(
-        "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",
+        `
+            flex flex-1 items-start justify-between gap-4 rounded-md py-4
+            text-left paragraph-sm font-semibold text-foreground transition-all
+            outline-none
+            hover:underline
+            focus-visible:border-ring focus-visible:ring-[3px]
+            focus-visible:ring-ring/50
+            disabled:pointer-events-none disabled:opacity-50
+            [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:translate-y-0.5
+            [&_svg]:text-muted-foreground [&_svg]:transition-transform
+            [&_svg]:duration-200
+            [&[data-state=open]>svg]:rotate-180
+          `,
         t
       ),
-      ...r,
+      ...n,
       children: [
         o,
         /* @__PURE__ */ e.jsx(s, {})
@@ -43,20 +61,24 @@ function m({
 function g({
   className: t,
   children: o,
-  ...r
+  ...n
 }) {
   return /* @__PURE__ */ e.jsx(
-    n.Content,
+    r.Content,
     {
       "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down paragraph-sm overflow-hidden",
-      ...r,
+      className: `\r
+        overflow-hidden paragraph-sm text-foreground\r
+        data-[state=closed]:animate-accordion-up\r
+        data-[state=open]:animate-accordion-down\r
+      `,
+      ...n,
       children: /* @__PURE__ */ e.jsx("div", { className: a("pt-0 pb-4", t), children: o })
     }
   );
 }
 export {
-  d as Accordion,
+  c as Accordion,
   g as AccordionContent,
   l as AccordionItem,
   m as AccordionTrigger

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

@@ -1 +1,17 @@
-"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-BsQuxg6u.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),u=require("@radix-ui/react-alert-dialog"),n=require("../button-DWBp81pk.cjs");function c(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=c(u);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(`
+          fixed inset-0 z-50 bg-black/50
+          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+          data-[state=open]:animate-in data-[state=open]:fade-in-0
+        `,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(`
+            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
+            bg-background p-6 shadow-lg duration-200 ease-in-out
+            data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+            data-[state=closed]:zoom-out-90
+            data-[state=open]:animate-in data-[state=open]:fade-in-0
+            data-[state=open]:zoom-in-90
+            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 text-foreground",t),...a})}function j({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:e.cn("paragraph-md text-muted-foreground",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-BCEGphus.js";
+import { j as e, c as l } from "../index-CwFDnnd3.js";
 import * as o from "@radix-ui/react-alert-dialog";
-import { c as r } from "../button-BIGg5o8m.js";
+import { b as r } from "../button-2VesFn_C.js";
 function c({
   ...t
 }) {
@@ -25,7 +25,11 @@ function i({
     {
       "data-slot": "alert-dialog-overlay",
       className: l(
-        "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",
+        `
+          fixed inset-0 z-50 bg-black/50
+          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+          data-[state=open]:animate-in data-[state=open]:fade-in-0
+        `,
         t
       ),
       ...a
@@ -43,7 +47,16 @@ 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-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",
+          `
+            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
+            bg-background p-6 shadow-lg duration-200 ease-in-out
+            data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+            data-[state=closed]:zoom-out-90
+            data-[state=open]:animate-in data-[state=open]:fade-in-0
+            data-[state=open]:zoom-in-90
+            sm:max-w-lg
+          `,
           t
         ),
         ...a
@@ -73,7 +86,10 @@ function m({
     {
       "data-slot": "alert-dialog-footer",
       className: l(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        `
+          flex flex-col-reverse gap-2
+          sm:flex-row sm:justify-end
+        `,
         t
       ),
       ...a
@@ -88,7 +104,7 @@ function x({
     o.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: l("label-2xl font-semibold", t),
+      className: l("label-2xl font-semibold text-foreground", t),
       ...a
     }
   );
@@ -101,7 +117,7 @@ function p({
     o.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: l("text-muted-foreground paragraph-md", t),
+      className: l("paragraph-md text-muted-foreground", t),
       ...a
     }
   );

package/dist/components/alert.cjs.js

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

package/dist/components/alert.d.ts

@@ -3,12 +3,11 @@ export interface IAlertProps extends React.HTMLAttributes<HTMLDivElement>, Varia
     title?: string;
     content?: string;
     showIcon?: boolean;
-    icon?: React.ElementType | React.ReactNode;
 }
 declare const alertVariants: (props?: ({
     variant?: "info" | "success" | "warning" | "error" | "neutral" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-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 Alert({ className, title, content, variant, showIcon, 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 };