@sytechui/theme 2.6.1 → 2.6.3

package/dist/components/spinner.js

@@ -114,6 +114,19 @@ var custom_default = {
 
 // src/utilities/scrollbar-hide.ts
 var scrollbar_hide_default = {
+  /**
+   * Theme-aware scrollbar
+   */
+  ".scrollbar": {
+    "scrollbar-width": "var(--scrollbar-width)",
+    "scrollbar-color": "var(--scrollbar-color)",
+    "scrollbar-gutter": "var(--scrollbar-gutter)"
+  },
+  ".scrollbar-thin": {
+    "scrollbar-width": "thin",
+    "scrollbar-color": "var(--scrollbar-thumb) var(--scrollbar-track)",
+    "scrollbar-gutter": "auto"
+  },
   /**
    * Scroll Hide
    */
@@ -132,10 +145,18 @@ var scrollbar_hide_default = {
     "-ms-overflow-style": "auto",
     /* Firefox */
     "scrollbar-width": "auto",
+    "scrollbar-color": "auto",
+    "scrollbar-gutter": "auto",
     /* Safari and Chrome */
     "&::-webkit-scrollbar": {
       display: "block"
     }
+  },
+  ".scrollbar-none": {
+    "-ms-overflow-style": "none",
+    "scrollbar-width": "none",
+    "scrollbar-color": "auto",
+    "scrollbar-gutter": "auto"
   }
 };
 

package/dist/components/spinner.mjs

@@ -1,13 +1,13 @@
 import {
   spinner
-} from "../chunk-2BUT7L7P.mjs";
-import "../chunk-FBI452W6.mjs";
-import "../chunk-7QDYFNL6.mjs";
-import "../chunk-2WQ76NXU.mjs";
+} from "../chunk-XBJNS5SU.mjs";
+import "../chunk-KKEJLP4U.mjs";
+import "../chunk-ECD4ABCS.mjs";
+import "../chunk-ROFEKAS6.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
-import "../chunk-WH6SPIFG.mjs";
+import "../chunk-7FAFG773.mjs";
 import "../chunk-FJOYYPB2.mjs";
 import "../chunk-RUIUXVZ4.mjs";
 export {

package/dist/components/stepper.js

@@ -120,6 +120,19 @@ var custom_default = {
 
 // src/utilities/scrollbar-hide.ts
 var scrollbar_hide_default = {
+  /**
+   * Theme-aware scrollbar
+   */
+  ".scrollbar": {
+    "scrollbar-width": "var(--scrollbar-width)",
+    "scrollbar-color": "var(--scrollbar-color)",
+    "scrollbar-gutter": "var(--scrollbar-gutter)"
+  },
+  ".scrollbar-thin": {
+    "scrollbar-width": "thin",
+    "scrollbar-color": "var(--scrollbar-thumb) var(--scrollbar-track)",
+    "scrollbar-gutter": "auto"
+  },
   /**
    * Scroll Hide
    */
@@ -138,10 +151,18 @@ var scrollbar_hide_default = {
     "-ms-overflow-style": "auto",
     /* Firefox */
     "scrollbar-width": "auto",
+    "scrollbar-color": "auto",
+    "scrollbar-gutter": "auto",
     /* Safari and Chrome */
     "&::-webkit-scrollbar": {
       display: "block"
     }
+  },
+  ".scrollbar-none": {
+    "-ms-overflow-style": "none",
+    "scrollbar-width": "none",
+    "scrollbar-color": "auto",
+    "scrollbar-gutter": "auto"
   }
 };
 

package/dist/components/stepper.mjs

@@ -1,34 +1,35 @@
 import {
   stepper
-} from "../chunk-LYTXO6TG.mjs";
-import "../chunk-K3TTKHSU.mjs";
-import "../chunk-DBDK3IF7.mjs";
-import "../chunk-JV5J6JHS.mjs";
-import "../chunk-FNHXMO5W.mjs";
-import "../chunk-2BUT7L7P.mjs";
-import "../chunk-QP5CGENQ.mjs";
-import "../chunk-BHGZZQCH.mjs";
-import "../chunk-FZM5ZZP2.mjs";
-import "../chunk-4CEUCYJO.mjs";
-import "../chunk-VK7USAMR.mjs";
-import "../chunk-FLCPUBBE.mjs";
-import "../chunk-7ZVSC6V6.mjs";
-import "../chunk-EOYBTX52.mjs";
-import "../chunk-SRSOCM2C.mjs";
-import "../chunk-KCPJHUUJ.mjs";
+} from "../chunk-Z4ZQGUPY.mjs";
+import "../chunk-EZ47UJPD.mjs";
+import "../chunk-W37Q6YFS.mjs";
+import "../chunk-47BB6GL3.mjs";
+import "../chunk-WH4ODSEM.mjs";
+import "../chunk-XBJNS5SU.mjs";
+import "../chunk-OSP4OLTO.mjs";
+import "../chunk-4N2PLITL.mjs";
+import "../chunk-AGSAOCCR.mjs";
+import "../chunk-5DJU5KUL.mjs";
+import "../chunk-ZWG2GMCI.mjs";
+import "../chunk-P5HLCB43.mjs";
+import "../chunk-XKMMJKKB.mjs";
+import "../chunk-MTBQ5EO5.mjs";
+import "../chunk-AL5UNXQI.mjs";
+import "../chunk-USGOG5QI.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-GQMW4NEU.mjs";
-import "../chunk-ZLTZIM6X.mjs";
-import "../chunk-FBI452W6.mjs";
-import "../chunk-7QDYFNL6.mjs";
-import "../chunk-TOGBVQYA.mjs";
-import "../chunk-JGY6VQQQ.mjs";
+import "../chunk-PY74IHS4.mjs";
+import "../chunk-I5YZBAB3.mjs";
+import "../chunk-7ARJ2TQM.mjs";
+import "../chunk-KKEJLP4U.mjs";
+import "../chunk-ECD4ABCS.mjs";
+import "../chunk-NJBUOBAS.mjs";
+import "../chunk-7K2CWEHT.mjs";
 import "../chunk-D2XMP2NC.mjs";
-import "../chunk-2WQ76NXU.mjs";
+import "../chunk-ROFEKAS6.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
-import "../chunk-WH6SPIFG.mjs";
+import "../chunk-7FAFG773.mjs";
 import "../chunk-FJOYYPB2.mjs";
 import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-WQEDQHKX.mjs";

package/dist/components/table.d.mts

@@ -65,6 +65,14 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    overflowMode: {
+        wrap: {
+            td: string;
+        };
+        truncate: {
+            td: string;
+        };
+    };
     shadow: {
         none: {
             wrapper: string;
@@ -95,9 +103,22 @@ declare const table: tailwind_variants.TVReturnType<{
         };
         false: {};
     };
-    isHeaderSticky: {
+    isBordered: {
         true: {
-            thead: string;
+            td: string[];
+        };
+    };
+    isGlass: {
+        true: {};
+    };
+    isSticky: {
+        true: {
+            thead: string[];
+        };
+    };
+    isFooterSticky: {
+        true: {
+            tfoot: string;
         };
     };
     isSelectable: {
@@ -117,6 +138,9 @@ declare const table: tailwind_variants.TVReturnType<{
     radius: {
         none: {
             wrapper: string;
+            tfoot: string;
+            thead: string[];
+            tbody: string;
             th: string[];
             td: string[];
         };
@@ -154,11 +178,14 @@ declare const table: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     wrapper: string[];
+    scrollContainer: string[];
+    resizableContainer: string[];
     table: string;
-    thead: string;
-    tbody: string;
+    thead: string[];
+    tbody: string[];
     tr: string[];
     th: string[];
+    columnResizer: string[];
     td: string[];
     tfoot: string;
     sortIcon: string[];
@@ -193,6 +220,14 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    overflowMode: {
+        wrap: {
+            td: string;
+        };
+        truncate: {
+            td: string;
+        };
+    };
     shadow: {
         none: {
             wrapper: string;
@@ -223,9 +258,22 @@ declare const table: tailwind_variants.TVReturnType<{
         };
         false: {};
     };
-    isHeaderSticky: {
+    isBordered: {
         true: {
-            thead: string;
+            td: string[];
+        };
+    };
+    isGlass: {
+        true: {};
+    };
+    isSticky: {
+        true: {
+            thead: string[];
+        };
+    };
+    isFooterSticky: {
+        true: {
+            tfoot: string;
         };
     };
     isSelectable: {
@@ -245,6 +293,9 @@ declare const table: tailwind_variants.TVReturnType<{
     radius: {
         none: {
             wrapper: string;
+            tfoot: string;
+            thead: string[];
+            tbody: string;
             th: string[];
             td: string[];
         };
@@ -282,11 +333,14 @@ declare const table: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     wrapper: string[];
+    scrollContainer: string[];
+    resizableContainer: string[];
     table: string;
-    thead: string;
-    tbody: string;
+    thead: string[];
+    tbody: string[];
     tr: string[];
     th: string[];
+    columnResizer: string[];
     td: string[];
     tfoot: string;
     sortIcon: string[];
@@ -321,6 +375,14 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    overflowMode: {
+        wrap: {
+            td: string;
+        };
+        truncate: {
+            td: string;
+        };
+    };
     shadow: {
         none: {
             wrapper: string;
@@ -351,9 +413,22 @@ declare const table: tailwind_variants.TVReturnType<{
         };
         false: {};
     };
-    isHeaderSticky: {
+    isBordered: {
         true: {
-            thead: string;
+            td: string[];
+        };
+    };
+    isGlass: {
+        true: {};
+    };
+    isSticky: {
+        true: {
+            thead: string[];
+        };
+    };
+    isFooterSticky: {
+        true: {
+            tfoot: string;
         };
     };
     isSelectable: {
@@ -373,6 +448,9 @@ declare const table: tailwind_variants.TVReturnType<{
     radius: {
         none: {
             wrapper: string;
+            tfoot: string;
+            thead: string[];
+            tbody: string;
             th: string[];
             td: string[];
         };
@@ -410,11 +488,14 @@ declare const table: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     wrapper: string[];
+    scrollContainer: string[];
+    resizableContainer: string[];
     table: string;
-    thead: string;
-    tbody: string;
+    thead: string[];
+    tbody: string[];
     tr: string[];
     th: string[];
+    columnResizer: string[];
     td: string[];
     tfoot: string;
     sortIcon: string[];

package/dist/components/table.d.ts

@@ -65,6 +65,14 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    overflowMode: {
+        wrap: {
+            td: string;
+        };
+        truncate: {
+            td: string;
+        };
+    };
     shadow: {
         none: {
             wrapper: string;
@@ -95,9 +103,22 @@ declare const table: tailwind_variants.TVReturnType<{
         };
         false: {};
     };
-    isHeaderSticky: {
+    isBordered: {
         true: {
-            thead: string;
+            td: string[];
+        };
+    };
+    isGlass: {
+        true: {};
+    };
+    isSticky: {
+        true: {
+            thead: string[];
+        };
+    };
+    isFooterSticky: {
+        true: {
+            tfoot: string;
         };
     };
     isSelectable: {
@@ -117,6 +138,9 @@ declare const table: tailwind_variants.TVReturnType<{
     radius: {
         none: {
             wrapper: string;
+            tfoot: string;
+            thead: string[];
+            tbody: string;
             th: string[];
             td: string[];
         };
@@ -154,11 +178,14 @@ declare const table: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     wrapper: string[];
+    scrollContainer: string[];
+    resizableContainer: string[];
     table: string;
-    thead: string;
-    tbody: string;
+    thead: string[];
+    tbody: string[];
     tr: string[];
     th: string[];
+    columnResizer: string[];
     td: string[];
     tfoot: string;
     sortIcon: string[];
@@ -193,6 +220,14 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    overflowMode: {
+        wrap: {
+            td: string;
+        };
+        truncate: {
+            td: string;
+        };
+    };
     shadow: {
         none: {
             wrapper: string;
@@ -223,9 +258,22 @@ declare const table: tailwind_variants.TVReturnType<{
         };
         false: {};
     };
-    isHeaderSticky: {
+    isBordered: {
         true: {
-            thead: string;
+            td: string[];
+        };
+    };
+    isGlass: {
+        true: {};
+    };
+    isSticky: {
+        true: {
+            thead: string[];
+        };
+    };
+    isFooterSticky: {
+        true: {
+            tfoot: string;
         };
     };
     isSelectable: {
@@ -245,6 +293,9 @@ declare const table: tailwind_variants.TVReturnType<{
     radius: {
         none: {
             wrapper: string;
+            tfoot: string;
+            thead: string[];
+            tbody: string;
             th: string[];
             td: string[];
         };
@@ -282,11 +333,14 @@ declare const table: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     wrapper: string[];
+    scrollContainer: string[];
+    resizableContainer: string[];
     table: string;
-    thead: string;
-    tbody: string;
+    thead: string[];
+    tbody: string[];
     tr: string[];
     th: string[];
+    columnResizer: string[];
     td: string[];
     tfoot: string;
     sortIcon: string[];
@@ -321,6 +375,14 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    overflowMode: {
+        wrap: {
+            td: string;
+        };
+        truncate: {
+            td: string;
+        };
+    };
     shadow: {
         none: {
             wrapper: string;
@@ -351,9 +413,22 @@ declare const table: tailwind_variants.TVReturnType<{
         };
         false: {};
     };
-    isHeaderSticky: {
+    isBordered: {
         true: {
-            thead: string;
+            td: string[];
+        };
+    };
+    isGlass: {
+        true: {};
+    };
+    isSticky: {
+        true: {
+            thead: string[];
+        };
+    };
+    isFooterSticky: {
+        true: {
+            tfoot: string;
         };
     };
     isSelectable: {
@@ -373,6 +448,9 @@ declare const table: tailwind_variants.TVReturnType<{
     radius: {
         none: {
             wrapper: string;
+            tfoot: string;
+            thead: string[];
+            tbody: string;
             th: string[];
             td: string[];
         };
@@ -410,11 +488,14 @@ declare const table: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     wrapper: string[];
+    scrollContainer: string[];
+    resizableContainer: string[];
     table: string;
-    thead: string;
-    tbody: string;
+    thead: string[];
+    tbody: string[];
     tr: string[];
     th: string[];
+    columnResizer: string[];
     td: string[];
     tfoot: string;
     sortIcon: string[];