@sytechui/theme 2.6.2 → 2.6.3

package/dist/{chunk-27EH4573.mjs → chunk-47BB6GL3.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/skeleton.ts
 var skeleton = tv({

package/dist/{chunk-GYRKKQKN.mjs → chunk-4N2PLITL.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/scroll-area.ts
 var scrollArea = tv({

package/dist/{chunk-3PBT3W4C.mjs → chunk-5DJU5KUL.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/kbd.ts
 var kbd = tv({

package/dist/{chunk-P2SWF4YK.mjs → chunk-7ARJ2TQM.mjs}

@@ -1,6 +1,6 @@
 import {
   twMergeConfig
-} from "./chunk-QU72GCNK.mjs";
+} from "./chunk-ECD4ABCS.mjs";
 
 // src/utils/cn.ts
 import { cnMerge } from "tailwind-variants";

package/dist/chunk-7FAFG773.mjs

@@ -0,0 +1,69 @@
+// src/utilities/scrollbar-hide.ts
+var scrollbarModes = {
+  '[data-scrollbar="thin"]': {
+    "--scrollbar-width": "thin",
+    "--scrollbar-color": "var(--scrollbar-thumb) var(--scrollbar-track)",
+    "--scrollbar-gutter": "auto"
+  },
+  '[data-scrollbar="default"]': {
+    "--scrollbar-width": "auto",
+    "--scrollbar-color": "auto",
+    "--scrollbar-gutter": "auto"
+  },
+  '[data-scrollbar="none"]': {
+    "--scrollbar-width": "none",
+    "--scrollbar-color": "auto",
+    "--scrollbar-gutter": "auto"
+  }
+};
+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
+   */
+  ".scrollbar-hide": {
+    /* IE and Edge */
+    "-ms-overflow-style": "none",
+    /* Firefox */
+    "scrollbar-width": "none",
+    /* Safari and Chrome */
+    "&::-webkit-scrollbar": {
+      display: "none"
+    }
+  },
+  ".scrollbar-default": {
+    /* IE and Edge */
+    "-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"
+  }
+};
+
+export {
+  scrollbarModes,
+  scrollbar_hide_default
+};

package/dist/{chunk-JGY6VQQQ.mjs → chunk-7K2CWEHT.mjs}

@@ -1,7 +1,14 @@
 // src/utils/classes.ts
 var baseStyles = (prefix) => ({
   color: `hsl(var(--${prefix}-foreground))`,
-  backgroundColor: `hsl(var(--${prefix}-background))`
+  backgroundColor: `hsl(var(--${prefix}-background))`,
+  "--scrollbar-thumb": `hsl(var(--${prefix}-foreground) / 0.15)`,
+  "--scrollbar-track": "transparent",
+  "--scrollbar-gutter": "auto",
+  "--scrollbar-width": "thin",
+  "--scrollbar-color": "var(--scrollbar-thumb) var(--scrollbar-track)",
+  "--table-pinned-bg": `hsl(var(--${prefix}-content1))`,
+  "--table-pinned-shadow": `hsl(var(--${prefix}-foreground) / 0.25)`
 });
 var focusVisibleClasses = [
   "focus-visible:z-10",

package/dist/{chunk-HRULT2QB.mjs → chunk-AGSAOCCR.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/image.ts
 var image = tv({

package/dist/{chunk-OBSH26UE.mjs → chunk-AL5UNXQI.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/drip.ts
 var drip = tv({

package/dist/{chunk-QU72GCNK.mjs → chunk-ECD4ABCS.mjs}

@@ -1,6 +1,6 @@
 import {
   utilities
-} from "./chunk-UJC5GXOO.mjs";
+} from "./chunk-ROFEKAS6.mjs";
 
 // src/utils/tw-merge-config.ts
 var COMMON_UNITS = ["small", "medium", "large"];

package/dist/{chunk-CR7SUL27.mjs → chunk-EZ47UJPD.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/scroll-shadow.ts
 var verticalShadow = [

package/dist/{chunk-GXDNTAQH.mjs → chunk-I5YZBAB3.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/autocomplete.ts
 var autocomplete = tv({

package/dist/{chunk-RAC3PSZO.mjs → chunk-KKEJLP4U.mjs}

@@ -1,6 +1,6 @@
 import {
   twMergeConfig
-} from "./chunk-QU72GCNK.mjs";
+} from "./chunk-ECD4ABCS.mjs";
 
 // src/utils/tv.ts
 import { tv as tvBase } from "tailwind-variants";

package/dist/{chunk-4XFAHRMJ.mjs → chunk-MTBQ5EO5.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/drawer.ts
 var drawer = tv({

package/dist/{chunk-YISEC5JS.mjs → chunk-NJBUOBAS.mjs}

@@ -1,12 +1,15 @@
 import {
   baseStyles
-} from "./chunk-JGY6VQQQ.mjs";
-import {
-  utilities
-} from "./chunk-UJC5GXOO.mjs";
+} from "./chunk-7K2CWEHT.mjs";
 import {
   isBaseTheme
 } from "./chunk-D2XMP2NC.mjs";
+import {
+  utilities
+} from "./chunk-ROFEKAS6.mjs";
+import {
+  scrollbarModes
+} from "./chunk-7FAFG773.mjs";
 import {
   semanticColors
 } from "./chunk-FFKHVGFX.mjs";
@@ -98,7 +101,8 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
       addBase({
         [":root, [data-theme]"]: {
           ...baseStyles(prefix)
-        }
+        },
+        ...scrollbarModes
       });
       addBase({ ...resolved == null ? void 0 : resolved.baseStyles });
       addUtilities({ ...resolved == null ? void 0 : resolved.utilities, ...utilities });

package/dist/{chunk-7CAOOET2.mjs → chunk-OSP4OLTO.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/progress.ts
 var progress = tv(

package/dist/{chunk-M5F7VFZT.mjs → chunk-P5HLCB43.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/date-picker.ts
 var datePicker = tv({

package/dist/{chunk-T754O54S.mjs → chunk-PY74IHS4.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/alert.ts
 var accentColor = [

package/dist/{chunk-UJC5GXOO.mjs → chunk-ROFEKAS6.mjs}

@@ -1,9 +1,3 @@
-import {
-  shimmer_text_default
-} from "./chunk-FJOYYPB2.mjs";
-import {
-  text_default
-} from "./chunk-RUIUXVZ4.mjs";
 import {
   transition_default
 } from "./chunk-GSRZWDGA.mjs";
@@ -15,7 +9,13 @@ import {
 } from "./chunk-MPVWW3DX.mjs";
 import {
   scrollbar_hide_default
-} from "./chunk-WH6SPIFG.mjs";
+} from "./chunk-7FAFG773.mjs";
+import {
+  shimmer_text_default
+} from "./chunk-FJOYYPB2.mjs";
+import {
+  text_default
+} from "./chunk-RUIUXVZ4.mjs";
 
 // src/utilities/index.ts
 var utilities = {

package/dist/{chunk-K6X3VPO4.mjs → chunk-USGOG5QI.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/form.ts
 var form = tv({

package/dist/{chunk-LD2JADOO.mjs → chunk-W37Q6YFS.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/shimmer-text.ts
 var shimmerText = tv({

package/dist/{chunk-6Q4A5IGD.mjs → chunk-WH4ODSEM.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/spacer.ts
 var spacer = tv({

package/dist/{chunk-7MY46DKJ.mjs → chunk-XBJNS5SU.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/spinner.ts
 var spinner = tv({

package/dist/{chunk-63TVI5PY.mjs → chunk-XKMMJKKB.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-RAC3PSZO.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 
 // src/components/divider.ts
 var divider = tv({