@deepnoid/ui 0.0.88 → 0.0.90

package/dist/components/table/index.js

@@ -167,10 +167,7 @@ var CheckBox = (0, import_react.forwardRef)((originalProps, ref) => {
         fill: "none",
         points: "1 9 7 14 15 4",
         stroke: "currentColor",
-        strokeDasharray: 22,
-        strokeDashoffset: isSelected ? 44 : 66,
         strokeLinecap: "round",
-        strokeLinejoin: "round",
         strokeWidth: 3,
         style: isSelected ? {
           transition: "stroke-dashoffset 250ms linear 0.2s"
@@ -188,7 +185,7 @@ CheckBox.displayName = "CheckBox";
 var checkbox_default = CheckBox;
 var checkbox = tv({
   slots: {
-    base: "group relative inline-flex items-center cursor-pointer",
+    base: ["group", "relative", "inline-flex", "items-center", "cursor-pointer"],
     wrapper: [
       "relative",
       "inline-flex",
@@ -215,33 +212,33 @@ var checkbox = tv({
       "group-hover:before:bg-neutral-soft",
       "before:transition duration-200"
     ],
-    icon: "z-10 opacity-0 group-has-[:checked]:opacity-100 text-white",
-    label: "relative text-foreground select-none"
+    icon: ["z-10", "opacity-0", "group-has-[:checked]:opacity-100", "text-white"],
+    label: ["relative", "text-foreground", "select-none"]
   },
   variants: {
     color: {
       primary: {
-        wrapper: "group-has-[:checked]:before:border-primary-main group-has-[:checked]:before:bg-primary-main"
+        wrapper: ["group-has-[:checked]:before:border-primary-main", "group-has-[:checked]:before:bg-primary-main"]
       },
       secondary: {
-        wrapper: "group-has-[:checked]:before:border-secondary-main group-has-[:checked]:before:bg-secondary-main"
+        wrapper: ["group-has-[:checked]:before:border-secondary-main", "group-has-[:checked]:before:bg-secondary-main"]
       }
     },
     size: {
       sm: {
-        wrapper: ["w-[15px] h-[15px] rounded-sm", "before:rounded-[4px]", "after:rounded-[4px]"],
-        label: "text-sm ml-[8px]",
-        icon: "w-[10px] h-[10px]"
+        wrapper: ["w-[15px]", "h-[15px]", "rounded-sm", "before:rounded-[3px]", "after:rounded-[3px]"],
+        label: ["text-sm", "ml-[6px]"],
+        icon: ["w-[10px]", "h-[10px]"]
       },
       md: {
-        wrapper: ["w-[17px] h-[17px] rounded-md", "before:rounded-[5px]", "after:rounded-[5px]"],
-        label: "text-md ml-[9px]",
-        icon: "w-[12px] h-[12px]"
+        wrapper: ["w-[17px]", "h-[17px]", "rounded-md", "before:rounded-[3px]", "after:rounded-[3px]"],
+        label: ["text-md", "ml-[8px]"],
+        icon: ["w-[12px]", "h-[12px]"]
       },
       lg: {
-        wrapper: ["w-[20px] h-[20px] rounded-lg", "before:rounded-[6px]", "after:rounded-[6px]"],
-        label: "text-lg ml-[10px]",
-        icon: "w-[15px] h-[15px]"
+        wrapper: ["w-[20px]", "h-[20px]", "rounded-lg", "before:rounded-[4px]", "after:rounded-[4px]"],
+        label: ["text-lg", "ml-[10px]"],
+        icon: ["w-[15px]", "h-[15px]"]
       }
     },
     lineThrough: {
@@ -262,14 +259,24 @@ var checkbox = tv({
     },
     isInvalid: {
       true: {
-        wrapper: "before:border-danger-main group-has-[:checked]:before:bg-danger-main",
+        wrapper: [
+          "before:border-danger-main",
+          "group-has-[:checked]:before:bg-danger-main",
+          "group-has-[:checked]:before:border-danger-main"
+        ],
         label: "text-danger-main"
       }
     },
     isDisabled: {
       true: {
         base: "opacity-disabled pointer-events-none text-neutral-light",
-        wrapper: "after:bg-neutral-soft before:border-neutral-light before:bg-neutral-soft group-has-[:checked]:before:bg-neutral-soft",
+        wrapper: [
+          "after:bg-neutral-soft",
+          "before:border-neutral-light",
+          "before:bg-neutral-soft",
+          "group-has-[:checked]:before:bg-neutral-soft",
+          "group-has-[:checked]:before:border-neutral-light"
+        ],
         label: "text-neutral-light",
         icon: "text-neutral-light"
       }
@@ -290,8 +297,8 @@ var checkbox = tv({
           "after:!duration-200",
           "motion-reduce:transition-none"
         ],
-        icon: "transition-opacity motion-reduce:transition-none",
-        label: "transition-colors-opacity before:transition-width motion-reduce:transition-none"
+        icon: ["transition-opacity", "motion-reduce:transition-none"],
+        label: ["transition-colors-opacity", "before:transition-width", "motion-reduce:transition-none"]
       }
     }
   },
@@ -637,6 +644,36 @@ var template = {
       }
     );
   },
+  loading: ({ className, fill }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "path",
+            {
+              d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM6.6 12C6.6 14.9823 9.01766 17.4 12 17.4C14.9823 17.4 17.4 14.9823 17.4 12C17.4 9.01766 14.9823 6.6 12 6.6C9.01766 6.6 6.6 9.01766 6.6 12Z",
+              fill: "currentColor",
+              fillOpacity: "0.1"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "path",
+            {
+              d: "M21 12C21 13.9006 20.3983 15.7524 19.2812 17.2901C18.164 18.8277 16.5887 19.9722 14.7812 20.5595C12.9736 21.1468 11.0264 21.1468 9.21885 20.5595C7.41126 19.9722 5.836 18.8277 4.71885 17.2901C3.60169 15.7524 3 13.9006 3 12C3 10.0994 3.60169 8.24756 4.71885 6.70993C5.836 5.1723 7.41126 4.02781 9.21885 3.44049C11.0264 2.85317 12.9736 2.85317 14.7812 3.44049L13.6687 6.8643C12.5841 6.5119 11.4159 6.5119 10.3313 6.86429C9.24675 7.21669 8.3016 7.90338 7.63131 8.82596C6.96102 9.74854 6.6 10.8596 6.6 12C6.6 13.1404 6.96102 14.2515 7.63131 15.174C8.3016 16.0966 9.24675 16.7833 10.3313 17.1357C11.4159 17.4881 12.5841 17.4881 13.6687 17.1357C14.7532 16.7833 15.6984 16.0966 16.3687 15.174C17.039 14.2515 17.4 13.1404 17.4 12H21Z",
+              fill: "currentColor"
+            }
+          )
+        ]
+      }
+    );
+  },
   // ** User **
   "user-circle": ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -3922,7 +3959,7 @@ var TableBody = ({
   const getTrProps = (0, import_react4.useCallback)(
     (index) => ({
       className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr })),
-      "data-isOdd": index % 2 !== 0,
+      "data-odd": index % 2 !== 0,
       "data-expanded": expandedRows.has(index)
     }),
     [classNames == null ? void 0 : classNames.tr, expandedRows, slots]
@@ -3989,7 +4026,7 @@ var TableBody = ({
         isExpanded && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Icon_default,
           {
-            name: expandedRows.has(rowIndex) ? "arrow-down" : "arrow-right",
+            name: expandedRows.has(rowIndex) ? "brace-down" : "brace-right",
             className: `ml-2 transition-transform`,
             size
           }
@@ -4174,7 +4211,9 @@ var table = (0, import_tailwind_variants3.tv)({
       true: {}
     },
     isSelectedRow: {
-      true: {}
+      true: {
+        tr: "cursor-pointer"
+      }
     },
     hideHeader: {
       true: {
@@ -4263,7 +4302,7 @@ var table = (0, import_tailwind_variants3.tv)({
       variant: "stripe",
       color: "primary",
       class: {
-        tr: "data-[isOdd=true]:bg-primary-soft",
+        tr: "data-[odd=true]:bg-primary-soft",
         td: "group-hover:bg-primary-light"
       }
     },
@@ -4271,7 +4310,7 @@ var table = (0, import_tailwind_variants3.tv)({
       variant: "stripe",
       color: "secondary",
       class: {
-        tr: "data-[isOdd=true]:bg-secondary-soft",
+        tr: "data-[odd=true]:bg-secondary-soft",
         td: "group-hover:bg-secondary-light"
       }
     },
@@ -4279,7 +4318,7 @@ var table = (0, import_tailwind_variants3.tv)({
       variant: "stripe",
       color: "neutral",
       class: {
-        tr: "data-[isOdd=true]:bg-trans-soft",
+        tr: "data-[odd=true]:bg-trans-soft",
         td: "group-hover:bg-neutral-light"
       }
     }

package/dist/components/table/index.mjs

@@ -2,15 +2,15 @@
 import "../../chunk-2UUH2MBF.mjs";
 import {
   table_default
-} from "../../chunk-IXFP2WQ4.mjs";
-import "../../chunk-PUFNT5LS.mjs";
-import "../../chunk-KHWFCTPX.mjs";
+} from "../../chunk-6YE26GOI.mjs";
+import "../../chunk-DWROPKZW.mjs";
+import "../../chunk-VG4644BG.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-BE2OG6M4.mjs";
-import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-PRUAIZTU.mjs";
-import "../../chunk-IOV7MEPG.mjs";
+import "../../chunk-ANYPMQH4.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-ZYIIXWVY.mjs";
+import "../../chunk-LCI6RPWE.mjs";
+import "../../chunk-IOCRFIQF.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

package/dist/components/table/table-body.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default, { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 import { TableSlots, TableReturnType, TableRow, TableColumn } from './table.mjs';
 import 'tailwind-variants';
@@ -19,7 +19,7 @@ type TableBodyProps = {
     selectedRows: Set<number>;
     emptyContent?: ReactNode;
     onSelectRow: (index: number) => void;
-    onRowAction?: (e: react__default.MouseEvent, params: TableRow) => void;
+    onRowAction?: (e: React__default.MouseEvent, params: TableRow) => void;
 };
 declare const TableBody: ({ classNames, size, color, slots, rows, columns, isExpanded, isSelected, isSelectedRow, selectedRows, emptyContent, onSelectRow, onRowAction, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
 

package/dist/components/table/table-body.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default, { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 import { TableSlots, TableReturnType, TableRow, TableColumn } from './table.js';
 import 'tailwind-variants';
@@ -19,7 +19,7 @@ type TableBodyProps = {
     selectedRows: Set<number>;
     emptyContent?: ReactNode;
     onSelectRow: (index: number) => void;
-    onRowAction?: (e: react__default.MouseEvent, params: TableRow) => void;
+    onRowAction?: (e: React__default.MouseEvent, params: TableRow) => void;
 };
 declare const TableBody: ({ classNames, size, color, slots, rows, columns, isExpanded, isSelected, isSelectedRow, selectedRows, emptyContent, onSelectRow, onRowAction, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
 

package/dist/components/table/table-body.js

@@ -362,6 +362,36 @@ var template = {
       }
     );
   },
+  loading: ({ className, fill }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM6.6 12C6.6 14.9823 9.01766 17.4 12 17.4C14.9823 17.4 17.4 14.9823 17.4 12C17.4 9.01766 14.9823 6.6 12 6.6C9.01766 6.6 6.6 9.01766 6.6 12Z",
+              fill: "currentColor",
+              fillOpacity: "0.1"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M21 12C21 13.9006 20.3983 15.7524 19.2812 17.2901C18.164 18.8277 16.5887 19.9722 14.7812 20.5595C12.9736 21.1468 11.0264 21.1468 9.21885 20.5595C7.41126 19.9722 5.836 18.8277 4.71885 17.2901C3.60169 15.7524 3 13.9006 3 12C3 10.0994 3.60169 8.24756 4.71885 6.70993C5.836 5.1723 7.41126 4.02781 9.21885 3.44049C11.0264 2.85317 12.9736 2.85317 14.7812 3.44049L13.6687 6.8643C12.5841 6.5119 11.4159 6.5119 10.3313 6.86429C9.24675 7.21669 8.3016 7.90338 7.63131 8.82596C6.96102 9.74854 6.6 10.8596 6.6 12C6.6 13.1404 6.96102 14.2515 7.63131 15.174C8.3016 16.0966 9.24675 16.7833 10.3313 17.1357C11.4159 17.4881 12.5841 17.4881 13.6687 17.1357C14.7532 16.7833 15.6984 16.0966 16.3687 15.174C17.039 14.2515 17.4 13.1404 17.4 12H21Z",
+              fill: "currentColor"
+            }
+          )
+        ]
+      }
+    );
+  },
   // ** User **
   "user-circle": ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -3701,10 +3731,7 @@ var CheckBox = (0, import_react.forwardRef)((originalProps, ref) => {
         fill: "none",
         points: "1 9 7 14 15 4",
         stroke: "currentColor",
-        strokeDasharray: 22,
-        strokeDashoffset: isSelected ? 44 : 66,
         strokeLinecap: "round",
-        strokeLinejoin: "round",
         strokeWidth: 3,
         style: isSelected ? {
           transition: "stroke-dashoffset 250ms linear 0.2s"
@@ -3722,7 +3749,7 @@ CheckBox.displayName = "CheckBox";
 var checkbox_default = CheckBox;
 var checkbox = tv({
   slots: {
-    base: "group relative inline-flex items-center cursor-pointer",
+    base: ["group", "relative", "inline-flex", "items-center", "cursor-pointer"],
     wrapper: [
       "relative",
       "inline-flex",
@@ -3749,33 +3776,33 @@ var checkbox = tv({
       "group-hover:before:bg-neutral-soft",
       "before:transition duration-200"
     ],
-    icon: "z-10 opacity-0 group-has-[:checked]:opacity-100 text-white",
-    label: "relative text-foreground select-none"
+    icon: ["z-10", "opacity-0", "group-has-[:checked]:opacity-100", "text-white"],
+    label: ["relative", "text-foreground", "select-none"]
   },
   variants: {
     color: {
       primary: {
-        wrapper: "group-has-[:checked]:before:border-primary-main group-has-[:checked]:before:bg-primary-main"
+        wrapper: ["group-has-[:checked]:before:border-primary-main", "group-has-[:checked]:before:bg-primary-main"]
       },
       secondary: {
-        wrapper: "group-has-[:checked]:before:border-secondary-main group-has-[:checked]:before:bg-secondary-main"
+        wrapper: ["group-has-[:checked]:before:border-secondary-main", "group-has-[:checked]:before:bg-secondary-main"]
       }
     },
     size: {
       sm: {
-        wrapper: ["w-[15px] h-[15px] rounded-sm", "before:rounded-[4px]", "after:rounded-[4px]"],
-        label: "text-sm ml-[8px]",
-        icon: "w-[10px] h-[10px]"
+        wrapper: ["w-[15px]", "h-[15px]", "rounded-sm", "before:rounded-[3px]", "after:rounded-[3px]"],
+        label: ["text-sm", "ml-[6px]"],
+        icon: ["w-[10px]", "h-[10px]"]
       },
       md: {
-        wrapper: ["w-[17px] h-[17px] rounded-md", "before:rounded-[5px]", "after:rounded-[5px]"],
-        label: "text-md ml-[9px]",
-        icon: "w-[12px] h-[12px]"
+        wrapper: ["w-[17px]", "h-[17px]", "rounded-md", "before:rounded-[3px]", "after:rounded-[3px]"],
+        label: ["text-md", "ml-[8px]"],
+        icon: ["w-[12px]", "h-[12px]"]
       },
       lg: {
-        wrapper: ["w-[20px] h-[20px] rounded-lg", "before:rounded-[6px]", "after:rounded-[6px]"],
-        label: "text-lg ml-[10px]",
-        icon: "w-[15px] h-[15px]"
+        wrapper: ["w-[20px]", "h-[20px]", "rounded-lg", "before:rounded-[4px]", "after:rounded-[4px]"],
+        label: ["text-lg", "ml-[10px]"],
+        icon: ["w-[15px]", "h-[15px]"]
       }
     },
     lineThrough: {
@@ -3796,14 +3823,24 @@ var checkbox = tv({
     },
     isInvalid: {
       true: {
-        wrapper: "before:border-danger-main group-has-[:checked]:before:bg-danger-main",
+        wrapper: [
+          "before:border-danger-main",
+          "group-has-[:checked]:before:bg-danger-main",
+          "group-has-[:checked]:before:border-danger-main"
+        ],
         label: "text-danger-main"
       }
     },
     isDisabled: {
       true: {
         base: "opacity-disabled pointer-events-none text-neutral-light",
-        wrapper: "after:bg-neutral-soft before:border-neutral-light before:bg-neutral-soft group-has-[:checked]:before:bg-neutral-soft",
+        wrapper: [
+          "after:bg-neutral-soft",
+          "before:border-neutral-light",
+          "before:bg-neutral-soft",
+          "group-has-[:checked]:before:bg-neutral-soft",
+          "group-has-[:checked]:before:border-neutral-light"
+        ],
         label: "text-neutral-light",
         icon: "text-neutral-light"
       }
@@ -3824,8 +3861,8 @@ var checkbox = tv({
           "after:!duration-200",
           "motion-reduce:transition-none"
         ],
-        icon: "transition-opacity motion-reduce:transition-none",
-        label: "transition-colors-opacity before:transition-width motion-reduce:transition-none"
+        icon: ["transition-opacity", "motion-reduce:transition-none"],
+        label: ["transition-colors-opacity", "before:transition-width", "motion-reduce:transition-none"]
       }
     }
   },
@@ -3870,7 +3907,7 @@ var TableBody = ({
   const getTrProps = (0, import_react2.useCallback)(
     (index) => ({
       className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr })),
-      "data-isOdd": index % 2 !== 0,
+      "data-odd": index % 2 !== 0,
       "data-expanded": expandedRows.has(index)
     }),
     [classNames == null ? void 0 : classNames.tr, expandedRows, slots]
@@ -3937,7 +3974,7 @@ var TableBody = ({
         isExpanded && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Icon_default,
           {
-            name: expandedRows.has(rowIndex) ? "arrow-down" : "arrow-right",
+            name: expandedRows.has(rowIndex) ? "brace-down" : "brace-right",
             className: `ml-2 transition-transform`,
             size
           }

package/dist/components/table/table-body.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-KHWFCTPX.mjs";
+} from "../../chunk-DWROPKZW.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-BE2OG6M4.mjs";
-import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-PRUAIZTU.mjs";
-import "../../chunk-IOV7MEPG.mjs";
+import "../../chunk-ANYPMQH4.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-ZYIIXWVY.mjs";
+import "../../chunk-LCI6RPWE.mjs";
+import "../../chunk-IOCRFIQF.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

package/dist/components/table/table-head.js

@@ -152,10 +152,7 @@ var CheckBox = (0, import_react.forwardRef)((originalProps, ref) => {
         fill: "none",
         points: "1 9 7 14 15 4",
         stroke: "currentColor",
-        strokeDasharray: 22,
-        strokeDashoffset: isSelected ? 44 : 66,
         strokeLinecap: "round",
-        strokeLinejoin: "round",
         strokeWidth: 3,
         style: isSelected ? {
           transition: "stroke-dashoffset 250ms linear 0.2s"
@@ -173,7 +170,7 @@ CheckBox.displayName = "CheckBox";
 var checkbox_default = CheckBox;
 var checkbox = tv({
   slots: {
-    base: "group relative inline-flex items-center cursor-pointer",
+    base: ["group", "relative", "inline-flex", "items-center", "cursor-pointer"],
     wrapper: [
       "relative",
       "inline-flex",
@@ -200,33 +197,33 @@ var checkbox = tv({
       "group-hover:before:bg-neutral-soft",
       "before:transition duration-200"
     ],
-    icon: "z-10 opacity-0 group-has-[:checked]:opacity-100 text-white",
-    label: "relative text-foreground select-none"
+    icon: ["z-10", "opacity-0", "group-has-[:checked]:opacity-100", "text-white"],
+    label: ["relative", "text-foreground", "select-none"]
   },
   variants: {
     color: {
       primary: {
-        wrapper: "group-has-[:checked]:before:border-primary-main group-has-[:checked]:before:bg-primary-main"
+        wrapper: ["group-has-[:checked]:before:border-primary-main", "group-has-[:checked]:before:bg-primary-main"]
       },
       secondary: {
-        wrapper: "group-has-[:checked]:before:border-secondary-main group-has-[:checked]:before:bg-secondary-main"
+        wrapper: ["group-has-[:checked]:before:border-secondary-main", "group-has-[:checked]:before:bg-secondary-main"]
       }
     },
     size: {
       sm: {
-        wrapper: ["w-[15px] h-[15px] rounded-sm", "before:rounded-[4px]", "after:rounded-[4px]"],
-        label: "text-sm ml-[8px]",
-        icon: "w-[10px] h-[10px]"
+        wrapper: ["w-[15px]", "h-[15px]", "rounded-sm", "before:rounded-[3px]", "after:rounded-[3px]"],
+        label: ["text-sm", "ml-[6px]"],
+        icon: ["w-[10px]", "h-[10px]"]
       },
       md: {
-        wrapper: ["w-[17px] h-[17px] rounded-md", "before:rounded-[5px]", "after:rounded-[5px]"],
-        label: "text-md ml-[9px]",
-        icon: "w-[12px] h-[12px]"
+        wrapper: ["w-[17px]", "h-[17px]", "rounded-md", "before:rounded-[3px]", "after:rounded-[3px]"],
+        label: ["text-md", "ml-[8px]"],
+        icon: ["w-[12px]", "h-[12px]"]
       },
       lg: {
-        wrapper: ["w-[20px] h-[20px] rounded-lg", "before:rounded-[6px]", "after:rounded-[6px]"],
-        label: "text-lg ml-[10px]",
-        icon: "w-[15px] h-[15px]"
+        wrapper: ["w-[20px]", "h-[20px]", "rounded-lg", "before:rounded-[4px]", "after:rounded-[4px]"],
+        label: ["text-lg", "ml-[10px]"],
+        icon: ["w-[15px]", "h-[15px]"]
       }
     },
     lineThrough: {
@@ -247,14 +244,24 @@ var checkbox = tv({
     },
     isInvalid: {
       true: {
-        wrapper: "before:border-danger-main group-has-[:checked]:before:bg-danger-main",
+        wrapper: [
+          "before:border-danger-main",
+          "group-has-[:checked]:before:bg-danger-main",
+          "group-has-[:checked]:before:border-danger-main"
+        ],
         label: "text-danger-main"
       }
     },
     isDisabled: {
       true: {
         base: "opacity-disabled pointer-events-none text-neutral-light",
-        wrapper: "after:bg-neutral-soft before:border-neutral-light before:bg-neutral-soft group-has-[:checked]:before:bg-neutral-soft",
+        wrapper: [
+          "after:bg-neutral-soft",
+          "before:border-neutral-light",
+          "before:bg-neutral-soft",
+          "group-has-[:checked]:before:bg-neutral-soft",
+          "group-has-[:checked]:before:border-neutral-light"
+        ],
         label: "text-neutral-light",
         icon: "text-neutral-light"
       }
@@ -275,8 +282,8 @@ var checkbox = tv({
           "after:!duration-200",
           "motion-reduce:transition-none"
         ],
-        icon: "transition-opacity motion-reduce:transition-none",
-        label: "transition-colors-opacity before:transition-width motion-reduce:transition-none"
+        icon: ["transition-opacity", "motion-reduce:transition-none"],
+        label: ["transition-colors-opacity", "before:transition-width", "motion-reduce:transition-none"]
       }
     }
   },

package/dist/components/table/table-head.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-PUFNT5LS.mjs";
+} from "../../chunk-VG4644BG.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-BE2OG6M4.mjs";
+import "../../chunk-ANYPMQH4.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";

package/dist/components/table/table.d.mts

@@ -1,22 +1,22 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import react__default, { ReactElement } from 'react';
+import React__default, { ReactElement } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
-interface Props extends Omit<react__default.ComponentPropsWithRef<"table">, "ref" | "color" | "slot" | "size" | "defaultChecked" | "defaultValue"> {
+interface Props extends Omit<React__default.ComponentPropsWithRef<"table">, "ref" | "color" | "slot" | "size" | "defaultChecked" | "defaultValue"> {
     rows: TableRow[];
     columns: TableColumn[];
     isLoading?: boolean;
     emptyContent?: ReactElement;
     classNames?: SlotsToClasses<TableSlots>;
-    onRowAction?: (e: react__default.MouseEvent, params: TableRow) => void;
+    onRowAction?: (e: React__default.MouseEvent, params: TableRow) => void;
 }
 interface TableRef {
     selectedRows: Set<number>;
     setSelectedRows: (rows: Set<number>) => void;
 }
-declare const Table: react__default.ForwardRefExoticComponent<Props & TableVariantProps & react__default.RefAttributes<TableRef>>;
+declare const Table: React__default.ForwardRefExoticComponent<Props & TableVariantProps & React__default.RefAttributes<TableRef>>;
 
 declare const table: tailwind_variants.TVReturnType<{
     variant: {
@@ -66,7 +66,9 @@ declare const table: tailwind_variants.TVReturnType<{
         true: {};
     };
     isSelectedRow: {
-        true: {};
+        true: {
+            tr: string;
+        };
     };
     hideHeader: {
         true: {
@@ -150,7 +152,9 @@ declare const table: tailwind_variants.TVReturnType<{
         true: {};
     };
     isSelectedRow: {
-        true: {};
+        true: {
+            tr: string;
+        };
     };
     hideHeader: {
         true: {
@@ -221,7 +225,9 @@ declare const table: tailwind_variants.TVReturnType<{
         true: {};
     };
     isSelectedRow: {
-        true: {};
+        true: {
+            tr: string;
+        };
     };
     hideHeader: {
         true: {
@@ -292,7 +298,9 @@ declare const table: tailwind_variants.TVReturnType<{
         true: {};
     };
     isSelectedRow: {
-        true: {};
+        true: {
+            tr: string;
+        };
     };
     hideHeader: {
         true: {
@@ -376,7 +384,9 @@ declare const table: tailwind_variants.TVReturnType<{
         true: {};
     };
     isSelectedRow: {
-        true: {};
+        true: {
+            tr: string;
+        };
     };
     hideHeader: {
         true: {
@@ -460,7 +470,9 @@ declare const table: tailwind_variants.TVReturnType<{
         true: {};
     };
     isSelectedRow: {
-        true: {};
+        true: {
+            tr: string;
+        };
     };
     hideHeader: {
         true: {
@@ -531,7 +543,9 @@ declare const table: tailwind_variants.TVReturnType<{
         true: {};
     };
     isSelectedRow: {
-        true: {};
+        true: {
+            tr: string;
+        };
     };
     hideHeader: {
         true: {
@@ -577,7 +591,7 @@ type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
     headerName?: string | ReactElement;
     className?: string;
     valueFormatter?: (params: ValueFormatterParams<V>) => F;
-    renderCell?: (params: CellParams<R, V, F>) => react__default.ReactNode;
+    renderCell?: (params: CellParams<R, V, F>) => React__default.ReactNode;
 };
 
 export { type TableColumn, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default };