@deepnoid/ui 1.0.21 → 1.0.23

package/dist/components/charts/index.mjs

@@ -1,25 +1,25 @@
 "use client";
 import "../../chunk-3OCNT22V.mjs";
+import {
+  radarChart_default
+} from "../../chunk-IPP2GKZN.mjs";
 import {
   simpleBarChart_default
-} from "../../chunk-WTBRXQFT.mjs";
+} from "../../chunk-5TBL2VZ5.mjs";
 import {
   areaChart_default
-} from "../../chunk-O2KC4CDE.mjs";
+} from "../../chunk-MLMG22I4.mjs";
 import "../../chunk-DQRAFUDA.mjs";
-import "../../chunk-XS32UZI3.mjs";
+import "../../chunk-YYWOSKGH.mjs";
 import {
   BarChartTooltip,
   barChart_default
-} from "../../chunk-62M6VPFS.mjs";
+} from "../../chunk-HDCCDPYL.mjs";
 import {
   circularProgress_default
-} from "../../chunk-PIUOU6LS.mjs";
-import {
-  radarChart_default
-} from "../../chunk-Y3A7PN4Q.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-TEF3UA4E.mjs";
+import "../../chunk-KJFYLLMP.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   areaChart_default as AreaChart,

package/dist/components/charts/radarChart.d.mts

@@ -4,21 +4,21 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
-type RadarData = {
+interface RadarData {
     name: string;
     value: number;
     fullMark?: number;
-};
-type TooltipFormatterParams = {
+}
+interface TooltipFormatterParams {
     label: string;
     data: RadarData;
-};
-type Props = {
+}
+interface Props {
     data?: RadarData[];
     label?: string;
     classNames?: SlotsToClasses<RadarChartSlots>;
     tooltipFormatter?: (props: TooltipFormatterParams) => ReactNode;
-};
+}
 type RadarChartProps = Props & RadarChartVariantProps;
 declare const RadarChart: react.ForwardRefExoticComponent<Props & RadarChartVariantProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/charts/radarChart.d.ts

@@ -4,21 +4,21 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
-type RadarData = {
+interface RadarData {
     name: string;
     value: number;
     fullMark?: number;
-};
-type TooltipFormatterParams = {
+}
+interface TooltipFormatterParams {
     label: string;
     data: RadarData;
-};
-type Props = {
+}
+interface Props {
     data?: RadarData[];
     label?: string;
     classNames?: SlotsToClasses<RadarChartSlots>;
     tooltipFormatter?: (props: TooltipFormatterParams) => ReactNode;
-};
+}
 type RadarChartProps = Props & RadarChartVariantProps;
 declare const RadarChart: react.ForwardRefExoticComponent<Props & RadarChartVariantProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/charts/radarChart.js

@@ -35,16 +35,14 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   const picked = variantKeys.reduce((acc, key) => {
     if (key in props) {
       return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
     }
+    return acc;
   }, {});
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];
-  } else {
-    return [props, picked];
   }
+  return [props, picked];
 };
 
 // src/utils/tailwind-variants.ts
@@ -119,14 +117,14 @@ var RadarChart = (0, import_react.forwardRef)((originalProps, ref) => {
     if (data.length === 3) return { cx: "50%", cy: "65%" };
     return {};
   }, [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: containerHeight, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { height: containerHeight, width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_recharts.RadarChart,
       {
         data: normalizedData,
-        outerRadius,
         margin: chartMargin,
+        outerRadius,
         ...chartCenter,
         className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
         children: [
@@ -140,22 +138,23 @@ var RadarChart = (0, import_react.forwardRef)((originalProps, ref) => {
               tickSize: 15
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.PolarRadiusAxis, { domain: [0, 100], tick: false, tickCount: 6, axisLine: false }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.PolarRadiusAxis, { axisLine: false, domain: [0, 100], tick: false, tickCount: 6 }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_recharts.Radar,
             {
-              name: label,
+              activeDot: false,
               dataKey: "value",
-              stroke: "#3F9CF2",
-              fill: "#EFF8FF",
-              strokeWidth: 1.75,
               dot: false,
-              activeDot: false
+              fill: "#EFF8FF",
+              name: label,
+              stroke: "#3F9CF2",
+              strokeWidth: 1.75
             }
           ),
-          tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          tooltipFormatter ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_recharts.Tooltip,
             {
+              allowEscapeViewBox: { x: true, y: true },
               content: ({ active, payload, label: tooltipLabel }) => {
                 var _a, _b;
                 const currentData = data == null ? void 0 : data.find((item) => item.name === tooltipLabel);
@@ -166,12 +165,11 @@ var RadarChart = (0, import_react.forwardRef)((originalProps, ref) => {
                   data: currentData
                 }) });
               },
-              wrapperStyle: { zIndex: 9999 },
-              allowEscapeViewBox: { x: true, y: true },
+              cursor: false,
               isAnimationActive: false,
-              cursor: false
+              wrapperStyle: { zIndex: 9999 }
             }
-          )
+          ) : null
         ]
       }
     ) }) })

package/dist/components/charts/radarChart.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   radarChart_default
-} from "../../chunk-Y3A7PN4Q.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-IPP2GKZN.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   radarChart_default as default

package/dist/components/charts/simpleBarChart.d.mts

@@ -4,15 +4,15 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
-type SimpleBarData = {
+interface SimpleBarData {
     title: string;
     value: number;
-};
-type TooltipFormatterParams = {
+}
+interface TooltipFormatterParams {
     value: number;
     label: string;
-};
-type Props = {
+}
+interface Props {
     data?: SimpleBarData[];
     label?: string;
     classNames?: SlotsToClasses<simpleBarChartSlots>;
@@ -20,7 +20,7 @@ type Props = {
     yAxisDomain?: [number, number];
     barGap?: number;
     tooltipFormatter?: (params: TooltipFormatterParams) => ReactNode;
-};
+}
 type simpleBarChartProps = Props & simpleBarChartVariantProps;
 declare const SimpleBarChartComponent: react.ForwardRefExoticComponent<Props & simpleBarChartVariantProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/charts/simpleBarChart.d.ts

@@ -4,15 +4,15 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
-type SimpleBarData = {
+interface SimpleBarData {
     title: string;
     value: number;
-};
-type TooltipFormatterParams = {
+}
+interface TooltipFormatterParams {
     value: number;
     label: string;
-};
-type Props = {
+}
+interface Props {
     data?: SimpleBarData[];
     label?: string;
     classNames?: SlotsToClasses<simpleBarChartSlots>;
@@ -20,7 +20,7 @@ type Props = {
     yAxisDomain?: [number, number];
     barGap?: number;
     tooltipFormatter?: (params: TooltipFormatterParams) => ReactNode;
-};
+}
 type simpleBarChartProps = Props & simpleBarChartVariantProps;
 declare const SimpleBarChartComponent: react.ForwardRefExoticComponent<Props & simpleBarChartVariantProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/charts/simpleBarChart.js

@@ -76,16 +76,14 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   const picked = variantKeys.reduce((acc, key) => {
     if (key in props) {
       return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
     }
+    return acc;
   }, {});
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];
-  } else {
-    return [props, picked];
   }
+  return [props, picked];
 };
 
 // src/components/charts/simpleBarChart.tsx
@@ -152,7 +150,7 @@ var SimpleBarChartComponent = (0, import_react.forwardRef)((originalProps, ref)
   const handleMouseLeave = () => {
     setTooltipState(null);
   };
-  const CustomBarShape = ({ x, y, width, height, fill }) => {
+  function CustomBarShape({ x, y, width, height, fill }) {
     const radius = 4;
     const extraHeight = 10;
     const adjustedHeight = height + extraHeight;
@@ -164,23 +162,23 @@ var SimpleBarChartComponent = (0, import_react.forwardRef)((originalProps, ref)
         d: `M${x},${bottomY} L${x},${adjustedY + radius} Q${x},${adjustedY} ${x + radius},${adjustedY} L${x + width - radius},${adjustedY} Q${x + width},${adjustedY} ${x + width},${adjustedY + radius} L${x + width},${bottomY} Z`,
         fill
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x, y, width, height: 0, fill });
-  };
-  const CustomTick = ({ x, y, payload }) => {
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { fill, height: 0, width, x, y });
+  }
+  function CustomTick({ x, y, payload }) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "text",
       {
-        x,
-        y: y + 14,
-        textAnchor: "middle",
+        className: "text-body-foreground",
+        fill: "currentColor",
         fontSize: 12,
         fontWeight: 700,
-        fill: "currentColor",
-        className: "text-body-foreground",
+        textAnchor: "middle",
+        x,
+        y: y + 14,
         children: payload.value
       }
     );
-  };
+  }
   (0, import_react.useLayoutEffect)(() => {
     if (!tooltipState || !chartRef.current || !tooltipRef.current) return;
     const chartRect = chartRef.current.getBoundingClientRect();
@@ -199,7 +197,6 @@ var SimpleBarChartComponent = (0, import_react.forwardRef)((originalProps, ref)
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      ref: chartRef,
       className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
       onMouseLeave: handleMouseLeave,
       onMouseMove: (e) => {
@@ -208,63 +205,64 @@ var SimpleBarChartComponent = (0, import_react.forwardRef)((originalProps, ref)
           setTooltipState(null);
         }
       },
+      ref: chartRef,
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: 140, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { height: 140, width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           import_recharts.BarChart,
           {
-            data,
-            margin: { left: 0, right: 0, top: 0, bottom: 0 },
-            barSize: 10,
             barGap,
+            barSize: 10,
             className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
+            data,
+            margin: { left: 0, right: 0, top: 0, bottom: 0 },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_recharts.CartesianGrid,
                 {
-                  vertical: true,
+                  className: "stroke-neutral-light",
                   horizontal: false,
                   strokeDasharray: "4 4",
-                  className: "stroke-neutral-light",
+                  vertical: true,
                   verticalPoints: tickPositions
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_recharts.CartesianGrid,
                 {
-                  vertical: true,
+                  className: "stroke-neutral-light",
                   horizontal: false,
                   strokeDasharray: "0",
                   strokeWidth: 2,
-                  className: "stroke-neutral-light",
+                  vertical: true,
                   verticalPoints: [0]
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_recharts.XAxis,
                 {
-                  dataKey: "title",
                   axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-                  tickLine: false,
+                  dataKey: "title",
+                  padding: { left: 0, right: 0 },
                   tick: CustomTick,
-                  padding: { left: 0, right: 0 }
+                  tickLine: false
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, { hide: true, ticks: yAxisTicks, domain: yAxisDomain }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, { domain: yAxisDomain, hide: true, ticks: yAxisTicks }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_recharts.Bar,
                 {
                   dataKey: "value",
                   fill: "#C7E5FA",
-                  shape: CustomBarShape,
                   onMouseEnter: handleMouseEnter,
-                  onMouseLeave: handleMouseLeave
+                  onMouseLeave: handleMouseLeave,
+                  shape: CustomBarShape
                 }
               )
             ]
           }
         ) }),
-        tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        tooltipFormatter ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
             ref: tooltipRef,
@@ -280,9 +278,9 @@ var SimpleBarChartComponent = (0, import_react.forwardRef)((originalProps, ref)
               width: "fit-content",
               whiteSpace: "nowrap"
             },
-            children: tooltipState && tooltipFormatter(tooltipState)
+            children: tooltipState ? tooltipFormatter(tooltipState) : null
           }
-        )
+        ) : null
       ]
     }
   );

package/dist/components/charts/simpleBarChart.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   simpleBarChart_default
-} from "../../chunk-WTBRXQFT.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-5TBL2VZ5.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   simpleBarChart_default as default

package/dist/components/checkbox/checkbox.js

@@ -75,21 +75,19 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   const picked = variantKeys.reduce((acc, key) => {
     if (key in props) {
       return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
     }
+    return acc;
   }, {});
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];
-  } else {
-    return [props, picked];
   }
+  return [props, picked];
 };
 
 // src/utils/clsx.ts
 function clsx(...args) {
-  var i = 0, tmp, x, str = "";
+  let i = 0, tmp, x, str = "";
   while (i < args.length) {
     if (tmp = args[i++]) {
       if (x = toVal(tmp)) {
@@ -101,12 +99,12 @@ function clsx(...args) {
   return str;
 }
 function toVal(mix) {
-  var k, y, str = "";
+  let k, y, str = "";
   if (typeof mix === "string" || typeof mix === "number") {
     str += mix;
   } else if (typeof mix === "object") {
     if (Array.isArray(mix)) {
-      var len = mix.length;
+      const len = mix.length;
       for (k = 0; k < len; k++) {
         if (mix[k]) {
           if (y = toVal(mix[k])) {
@@ -143,23 +141,23 @@ var CheckBox = (0, import_react.forwardRef)((originalProps, ref) => {
         labelPosition === "start" && slots.labelReverse({ class: classNames == null ? void 0 : classNames.labelReverse })
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...inputProps, type: "checkbox", ref }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...inputProps, ref, type: "checkbox" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           CheckBoxIcon,
           {
-            size: variantProps.size,
+            className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
             isSelected,
-            className: slots.icon({ class: classNames == null ? void 0 : classNames.icon })
+            size: variantProps.size
           }
         ) }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children })
+        children ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children }) : null
       ]
     }
   );
 });
 CheckBox.displayName = "CheckBox";
 var checkbox_default = CheckBox;
-var CheckBoxIcon = ({ size, isSelected, className }) => {
+function CheckBoxIcon({ size, isSelected, className }) {
   const strokeWidth = (0, import_react.useMemo)(() => {
     switch (size) {
       case "sm":
@@ -174,18 +172,18 @@ var CheckBoxIcon = ({ size, isSelected, className }) => {
         return 1.25;
     }
   }, [size]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 13 13", fill: "none", className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className, fill: "none", viewBox: "0 0 13 13", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "path",
     {
       d: "M2.16667 6.90123L5.63334 10.1111L10.8333 2.88889",
       stroke: "currentColor",
-      strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      strokeWidth,
       style: isSelected ? { transition: "stroke-dashoffset 250ms linear 0.2s" } : {}
     }
   ) });
-};
+}
 var checkboxStyle = tv({
   slots: {
     base: ["group", "relative", "inline-flex", "items-center", "cursor-pointer"],

package/dist/components/checkbox/checkbox.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   checkbox_default
-} from "../../chunk-37BZALDV.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-RZD3NZIL.mjs";
+import "../../chunk-KJFYLLMP.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   checkbox_default as default

package/dist/components/checkbox/index.js

@@ -77,21 +77,19 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   const picked = variantKeys.reduce((acc, key) => {
     if (key in props) {
       return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
     }
+    return acc;
   }, {});
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];
-  } else {
-    return [props, picked];
   }
+  return [props, picked];
 };
 
 // src/utils/clsx.ts
 function clsx(...args) {
-  var i = 0, tmp, x, str = "";
+  let i = 0, tmp, x, str = "";
   while (i < args.length) {
     if (tmp = args[i++]) {
       if (x = toVal(tmp)) {
@@ -103,12 +101,12 @@ function clsx(...args) {
   return str;
 }
 function toVal(mix) {
-  var k, y, str = "";
+  let k, y, str = "";
   if (typeof mix === "string" || typeof mix === "number") {
     str += mix;
   } else if (typeof mix === "object") {
     if (Array.isArray(mix)) {
-      var len = mix.length;
+      const len = mix.length;
       for (k = 0; k < len; k++) {
         if (mix[k]) {
           if (y = toVal(mix[k])) {
@@ -145,23 +143,23 @@ var CheckBox = (0, import_react.forwardRef)((originalProps, ref) => {
         labelPosition === "start" && slots.labelReverse({ class: classNames == null ? void 0 : classNames.labelReverse })
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...inputProps, type: "checkbox", ref }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...inputProps, ref, type: "checkbox" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           CheckBoxIcon,
           {
-            size: variantProps.size,
+            className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
             isSelected,
-            className: slots.icon({ class: classNames == null ? void 0 : classNames.icon })
+            size: variantProps.size
           }
         ) }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children })
+        children ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children }) : null
       ]
     }
   );
 });
 CheckBox.displayName = "CheckBox";
 var checkbox_default = CheckBox;
-var CheckBoxIcon = ({ size, isSelected, className }) => {
+function CheckBoxIcon({ size, isSelected, className }) {
   const strokeWidth = (0, import_react.useMemo)(() => {
     switch (size) {
       case "sm":
@@ -176,18 +174,18 @@ var CheckBoxIcon = ({ size, isSelected, className }) => {
         return 1.25;
     }
   }, [size]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 13 13", fill: "none", className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className, fill: "none", viewBox: "0 0 13 13", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "path",
     {
       d: "M2.16667 6.90123L5.63334 10.1111L10.8333 2.88889",
       stroke: "currentColor",
-      strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      strokeWidth,
       style: isSelected ? { transition: "stroke-dashoffset 250ms linear 0.2s" } : {}
     }
   ) });
-};
+}
 var checkboxStyle = tv({
   slots: {
     base: ["group", "relative", "inline-flex", "items-center", "cursor-pointer"],

package/dist/components/checkbox/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
-} from "../../chunk-37BZALDV.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-RZD3NZIL.mjs";
+import "../../chunk-KJFYLLMP.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   checkbox_default as CheckBox