@deepnoid/ui 0.1.117 → 0.1.119

package/dist/{chunk-LCWEO4U6.mjs → chunk-CTWYY7Z2.mjs}

@@ -1326,6 +1326,34 @@ var template = {
       }
     );
   },
+  "brace-left": ({ className }) => {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ jsx("path", { d: "M11.5 14L6.5 9L11.5 4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+      }
+    );
+  },
+  "brace-right": ({ className }) => {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ jsx("path", { d: "M6.5 4L11.5 9L6.5 14", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   check: ({ className, fill }) => {
@@ -3945,34 +3973,6 @@ var template = {
       }
     );
   },
-  "brace-left": ({ className, fill }) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: /* @__PURE__ */ jsx("path", { d: "M15.75 19.5L8.25 12L15.75 4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
-      }
-    );
-  },
-  "brace-right": ({ className, fill }) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: /* @__PURE__ */ jsx("path", { d: "M8.25 4.5L15.75 12L8.25 19.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
-      }
-    );
-  },
   "brace-double-up": ({ className, fill }) => {
     return /* @__PURE__ */ jsxs(
       "svg",

package/dist/{chunk-HLYTCS7L.mjs → chunk-EM2NIGNZ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-LCWEO4U6.mjs";
+} from "./chunk-CTWYY7Z2.mjs";
 
 // src/components/icon/Icon.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-VPGJ4HZ7.mjs → chunk-EXUHHLSA.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-Q364C3FI.mjs";
 import {
   Icon_default
-} from "./chunk-HLYTCS7L.mjs";
+} from "./chunk-EM2NIGNZ.mjs";
 import {
   tv
 } from "./chunk-CDXBML6O.mjs";
@@ -49,7 +49,7 @@ var Breadcrumb = forwardRef(({ startIconName, size, menus, classNames }, ref) =>
           "aria-current": isLast ? "page" : void 0,
           children: [
             /* @__PURE__ */ jsx(BreadcrumbMenu, { label: menu.label, onClick: menu.onClick, isCurrent: isLast, size }),
-            !isLast && /* @__PURE__ */ jsx(Icon_default, { name: "right", className: slots.separator() })
+            !isLast && /* @__PURE__ */ jsx(Icon_default, { name: "brace-right", className: slots.separator() })
           ]
         },
         `${menu.label}-${index}`

package/dist/{chunk-TO6OPRBH.mjs → chunk-IJS5AWD2.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-M37VBNB3.mjs";
 import {
   pagination_default
-} from "./chunk-3ZH6PWFC.mjs";
+} from "./chunk-BBQNVDIA.mjs";
 import {
   checkbox_default
 } from "./chunk-H6JGLPPF.mjs";

package/dist/{chunk-PHWTRXOL.mjs → chunk-KCOS2KC6.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-HLYTCS7L.mjs";
+} from "./chunk-EM2NIGNZ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   avatar_default
-} from "./chunk-UPPNTDNG.mjs";
+} from "./chunk-RJPBLIEF.mjs";
 import {
   tv
 } from "./chunk-CDXBML6O.mjs";

package/dist/{chunk-6VNOOJDQ.mjs → chunk-MHZ4BO5M.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   select_default
-} from "./chunk-RSD67ORA.mjs";
+} from "./chunk-MIVGSJFF.mjs";
 import {
   Icon_default
-} from "./chunk-HLYTCS7L.mjs";
+} from "./chunk-EM2NIGNZ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-RSD67ORA.mjs → chunk-MIVGSJFF.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-HLYTCS7L.mjs";
+} from "./chunk-EM2NIGNZ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-LIHZG4KM.mjs → chunk-NITERGU5.mjs}

@@ -8,19 +8,19 @@ import {
 } from "./chunk-FWFEKWWD.mjs";
 import {
   input_default
-} from "./chunk-ER3SUAE2.mjs";
+} from "./chunk-CMMVXFHD.mjs";
 import {
   text_button_default
 } from "./chunk-Q364C3FI.mjs";
 import {
   button_default
-} from "./chunk-F7PC2JAF.mjs";
+} from "./chunk-SS6EG5JO.mjs";
 import {
   icon_button_default
-} from "./chunk-LZRBMVT7.mjs";
+} from "./chunk-NV5Z6ZUO.mjs";
 import {
   Icon_default
-} from "./chunk-HLYTCS7L.mjs";
+} from "./chunk-EM2NIGNZ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-MG5E5YZ7.mjs → chunk-NMZFSNPE.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-TRNL3IXF.mjs";
+} from "./chunk-OBMO6LRA.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";

package/dist/{chunk-LZRBMVT7.mjs → chunk-NV5Z6ZUO.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-SZL743JC.mjs";
 import {
   Icon_default
-} from "./chunk-HLYTCS7L.mjs";
+} from "./chunk-EM2NIGNZ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-TRNL3IXF.mjs → chunk-OBMO6LRA.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-HLYTCS7L.mjs";
+} from "./chunk-EM2NIGNZ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-CUCLHYCE.mjs → chunk-Q5634WTM.mjs}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-2CLPU5LR.mjs";
 import {
   input_default
-} from "./chunk-ER3SUAE2.mjs";
+} from "./chunk-CMMVXFHD.mjs";
 import {
   button_default
-} from "./chunk-F7PC2JAF.mjs";
+} from "./chunk-SS6EG5JO.mjs";
 import {
   icon_button_default
-} from "./chunk-LZRBMVT7.mjs";
+} from "./chunk-NV5Z6ZUO.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "react";

package/dist/{chunk-WIZDHK4O.mjs → chunk-QKRCC26D.mjs}

@@ -62,67 +62,75 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
   };
   return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
-    /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart, { data, margin: { left: -30 }, children: [
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-        /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
-        /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
-      ] }) }),
-      /* @__PURE__ */ jsx(
-        CartesianGrid,
-        {
-          vertical: true,
-          horizontal: false,
-          strokeDasharray: "3 3",
-          className: "stroke-neutral-light",
-          verticalPoints: tickPositions
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        XAxis,
-        {
-          dataKey: "name",
-          axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-          tickLine: false,
-          tick: CustomTick,
-          padding: { left: 35.5, right: 35.5 }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        YAxis,
-        {
-          axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-          tickLine: false,
-          tick: {
-            fontSize: 12,
-            fontWeight: 700,
-            fill: "text-body-foreground",
-            textAnchor: "middle",
-            dx: -10
-          },
-          ticks: [0, 20, 40, 60, 80, 100],
-          domain: [-6, 110]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Area,
-        {
-          type: "monotone",
-          dataKey: "value",
-          stroke: colorHex,
-          strokeWidth: 2,
-          fill: `url(#colorGradient-${uniqueId})`,
-          dot: /* @__PURE__ */ jsx(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
-          activeDot: { r: 7, fill: colorHex }
-        }
-      )
-    ] }) })
+    /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(
+      AreaChart,
+      {
+        data,
+        margin: { left: -30 },
+        className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
+        children: [
+          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
+            /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
+          ] }) }),
+          /* @__PURE__ */ jsx(
+            CartesianGrid,
+            {
+              vertical: true,
+              horizontal: false,
+              strokeDasharray: "3 3",
+              className: "stroke-neutral-light",
+              verticalPoints: tickPositions
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            XAxis,
+            {
+              dataKey: "name",
+              axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
+              tickLine: false,
+              tick: CustomTick,
+              padding: { left: 35.5, right: 35.5 }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            YAxis,
+            {
+              axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
+              tickLine: false,
+              tick: {
+                fontSize: 12,
+                fontWeight: 700,
+                fill: "text-body-foreground",
+                textAnchor: "middle",
+                dx: -10
+              },
+              ticks: [0, 20, 40, 60, 80, 100],
+              domain: [-6, 110]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Area,
+            {
+              type: "monotone",
+              dataKey: "value",
+              stroke: colorHex,
+              strokeWidth: 2,
+              fill: `url(#colorGradient-${uniqueId})`,
+              dot: /* @__PURE__ */ jsx(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
+              activeDot: { r: 7, fill: colorHex }
+            }
+          )
+        ]
+      }
+    ) })
   ] });
 });
 AreaChartComponent.displayName = "AreaChart";
 var areaChart_default = AreaChartComponent;
 var areaChartStyle = tv({
   slots: {
-    base: ["flex", "flex-col", "gap-[10px]"],
+    base: ["flex", "flex-col", "gap-[10px]", "select-none"],
     color: [],
     axis: ["text-sm", "font-bold", "text-center", "text-body-foreground"],
     label: ["text-md", "font-bold", "text-body-foreground"]

package/dist/{chunk-UPPNTDNG.mjs → chunk-RJPBLIEF.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-LCWEO4U6.mjs";
+} from "./chunk-CTWYY7Z2.mjs";
 import {
   tv
 } from "./chunk-CDXBML6O.mjs";

package/dist/{chunk-F7PC2JAF.mjs → chunk-SS6EG5JO.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-SZL743JC.mjs";
 import {
   Icon_default
-} from "./chunk-HLYTCS7L.mjs";
+} from "./chunk-EM2NIGNZ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-CF7LIQF6.mjs → chunk-U33MTXQX.mjs}

@@ -8,17 +8,20 @@ import {
 
 // src/components/charts/barChart.tsx
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { XAxis, YAxis, ResponsiveContainer, CartesianGrid, BarChart, Bar } from "recharts";
+import { XAxis, YAxis, ResponsiveContainer, CartesianGrid, BarChart, Bar, Tooltip } from "recharts";
 import { jsx, jsxs } from "react/jsx-runtime";
 var BarChartComponent = forwardRef((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, barChartStyle.variantKeys);
-  const { data, label, classNames } = { ...props, ...variantProps };
+  const {
+    data,
+    label,
+    classNames,
+    yAxisTicks = [0, 20, 40, 60, 80, 100],
+    yAxisTickFormatter = (value) => `${value}%`,
+    yAxisDomain = [-6, 110],
+    customTooltip
+  } = { ...props, ...variantProps };
   const slots = useMemo(() => barChartStyle({ ...variantProps }), [variantProps]);
-  const COLOR_MAP = {
-    primary: "#C7E5FA",
-    secondary: "#92DCB2",
-    warning: "#DEC1FA"
-  };
   const [tickPositions, setTickPositions] = useState([]);
   const tickRef = useRef([]);
   const CustomBarShape = (barProps) => {
@@ -54,6 +57,28 @@ var BarChartComponent = forwardRef((originalProps, ref) => {
       }
     );
   };
+  const CustomYAxisTick = ({ x, y, payload }) => {
+    return /* @__PURE__ */ jsx(
+      "text",
+      {
+        x: x - 10,
+        y,
+        textAnchor: "middle",
+        fontSize: 12,
+        fontWeight: 700,
+        fill: "currentColor",
+        className: "text-body-foreground",
+        dy: 4,
+        children: yAxisTickFormatter(payload.value)
+      }
+    );
+  };
+  const CustomTooltip = ({ active, payload, label: label2 }) => {
+    if (customTooltip && active && payload && payload.length) {
+      return customTooltip({ active, payload, label: label2 });
+    }
+    return null;
+  };
   useEffect(() => {
     const raf = requestAnimationFrame(() => {
       const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
@@ -72,11 +97,25 @@ var BarChartComponent = forwardRef((originalProps, ref) => {
       BarChart,
       {
         data,
-        margin: { left: -30 },
+        margin: { left: -20 },
         barSize: 20,
-        barGap: 10,
+        barGap: 20,
         className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
         children: [
+          /* @__PURE__ */ jsxs("defs", { children: [
+            /* @__PURE__ */ jsxs("linearGradient", { id: "blueGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+              /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#DEC1FA" }),
+              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#3F9CF2" })
+            ] }),
+            /* @__PURE__ */ jsxs("linearGradient", { id: "greenGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+              /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#C2E59C" }),
+              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#64B3F4" })
+            ] }),
+            /* @__PURE__ */ jsxs("linearGradient", { id: "pinkGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+              /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#DDD6F3" }),
+              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#FAACA8" })
+            ] })
+          ] }),
           /* @__PURE__ */ jsx(
             CartesianGrid,
             {
@@ -90,7 +129,7 @@ var BarChartComponent = forwardRef((originalProps, ref) => {
           /* @__PURE__ */ jsx(
             XAxis,
             {
-              dataKey: "name",
+              dataKey: "title",
               axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
               tickLine: false,
               tick: CustomTick,
@@ -102,20 +141,15 @@ var BarChartComponent = forwardRef((originalProps, ref) => {
             {
               axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
               tickLine: false,
-              tick: {
-                fontSize: 12,
-                fontWeight: 700,
-                fill: "text-body-foreground",
-                textAnchor: "middle",
-                dx: -10
-              },
-              ticks: [0, 20, 40, 60, 80, 100],
-              domain: [-6, 110]
+              tick: CustomYAxisTick,
+              ticks: yAxisTicks,
+              domain: yAxisDomain
             }
           ),
-          /* @__PURE__ */ jsx(Bar, { dataKey: "avg", fill: COLOR_MAP.primary, width: 20, shape: CustomBarShape }),
-          /* @__PURE__ */ jsx(Bar, { dataKey: "high", fill: COLOR_MAP.secondary, width: 20, shape: CustomBarShape }),
-          /* @__PURE__ */ jsx(Bar, { dataKey: "low", fill: COLOR_MAP.warning, width: 20, shape: CustomBarShape })
+          customTooltip && /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(CustomTooltip, {}), cursor: { fill: "transparent" } }),
+          /* @__PURE__ */ jsx(Bar, { dataKey: "blue", fill: "url(#blueGradient)", width: 20, shape: CustomBarShape }),
+          /* @__PURE__ */ jsx(Bar, { dataKey: "green", fill: "url(#greenGradient)", width: 20, shape: CustomBarShape }),
+          /* @__PURE__ */ jsx(Bar, { dataKey: "pink", fill: "url(#pinkGradient)", width: 20, shape: CustomBarShape })
         ]
       }
     ) })

package/dist/{chunk-63KZGR73.mjs → chunk-UA24L44Z.mjs}

@@ -26,31 +26,39 @@ var RadarChart = forwardRef((originalProps, ref) => {
     return Math.max(...data.map((item) => item.fullMark || 100));
   }, [data]);
   return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ jsx(ResponsiveContainer, { width: 580, height: 330, children: /* @__PURE__ */ jsxs(RechartsRadarChart, { data, outerRadius: "80%", children: [
-      /* @__PURE__ */ jsx(PolarGrid, { stroke: "#DFE2E7", strokeWidth: 1.75 }),
-      /* @__PURE__ */ jsx(
-        PolarAngleAxis,
-        {
-          dataKey: "name",
-          tick: { fill: "#333", fontSize: 12, fontWeight: "bold" },
-          tickFormatter: (value) => value,
-          tickSize: 15
-        }
-      ),
-      /* @__PURE__ */ jsx(PolarRadiusAxis, { domain: [0, maxFullMark], tick: false, tickCount: 6, axisLine: false }),
-      /* @__PURE__ */ jsx(
-        Radar,
-        {
-          name: label,
-          dataKey: "value",
-          stroke: "#3F9CF2",
-          fill: "#C7E5FA",
-          strokeWidth: 1.75,
-          dot: false,
-          activeDot: false
-        }
-      )
-    ] }) }),
+    /* @__PURE__ */ jsx(ResponsiveContainer, { width: 580, height: 330, children: /* @__PURE__ */ jsxs(
+      RechartsRadarChart,
+      {
+        data,
+        outerRadius: "80%",
+        className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
+        children: [
+          /* @__PURE__ */ jsx(PolarGrid, { stroke: "#DFE2E7", strokeWidth: 1.75 }),
+          /* @__PURE__ */ jsx(
+            PolarAngleAxis,
+            {
+              dataKey: "name",
+              tick: { fill: "#333", fontSize: 12, fontWeight: "bold" },
+              tickFormatter: (value) => value,
+              tickSize: 15
+            }
+          ),
+          /* @__PURE__ */ jsx(PolarRadiusAxis, { domain: [0, maxFullMark], tick: false, tickCount: 6, axisLine: false }),
+          /* @__PURE__ */ jsx(
+            Radar,
+            {
+              name: label,
+              dataKey: "value",
+              stroke: "#3F9CF2",
+              fill: "#EFF8FF",
+              strokeWidth: 1.75,
+              dot: false,
+              activeDot: false
+            }
+          )
+        ]
+      }
+    ) }),
     label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label })
   ] });
 });
@@ -58,7 +66,7 @@ RadarChart.displayName = "RadarChart";
 var radarChart_default = RadarChart;
 var radarChartStyle = tv({
   slots: {
-    base: ["flex", "flex-col", "items-center", "gap-[10px]"],
+    base: ["flex", "flex-col", "items-center", "gap-[10px]", "select-none"],
     label: ["text-sm", "font-bold", "text-left", "text-body-foreground"]
   },
   variants: {},

package/dist/{chunk-KIN2UK2C.mjs → chunk-VB5NKWJG.mjs}

@@ -102,7 +102,7 @@ CircularProgress.displayName = "CircularProgress";
 var circularProgress_default = CircularProgress;
 var circularProgressStyle = tv({
   slots: {
-    base: ["flex", "flex-col", "items-center", "gap-[20px]"],
+    base: ["flex", "flex-col", "items-center", "gap-[20px]", "select-none"],
     background: ["fill-body-background", "border-neutral-light"],
     progress: ["transition-all", "duration-1000 ease-out"],
     percentage: ["text-xl", "font-bold", "text-body-foreground"],

package/dist/{chunk-PMSUPDDW.mjs → chunk-YLHOBT6S.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-HLYTCS7L.mjs";
+} from "./chunk-EM2NIGNZ.mjs";
 import {
   tv
 } from "./chunk-CDXBML6O.mjs";

package/dist/{chunk-676Y7NKV.mjs → chunk-YUS5SELP.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-HLYTCS7L.mjs";
+} from "./chunk-EM2NIGNZ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";