@deepnoid/ui 0.0.88 → 0.0.89

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

@@ -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: {

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

@@ -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: {

package/dist/components/table/table.js

@@ -165,10 +165,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"
@@ -186,7 +183,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",
@@ -213,33 +210,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: {
@@ -260,14 +257,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"
       }
@@ -288,8 +295,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"]
       }
     }
   },
@@ -635,6 +642,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)(
@@ -3920,7 +3957,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]
@@ -3987,7 +4024,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
           }
@@ -4172,7 +4209,9 @@ var table = (0, import_tailwind_variants3.tv)({
       true: {}
     },
     isSelectedRow: {
-      true: {}
+      true: {
+        tr: "cursor-pointer"
+      }
     },
     hideHeader: {
       true: {
@@ -4261,7 +4300,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"
       }
     },
@@ -4269,7 +4308,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"
       }
     },
@@ -4277,7 +4316,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/table.mjs

@@ -1,15 +1,15 @@
 "use client";
 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";