@sytechui/theme 2.6.1 → 2.6.3

package/dist/index.mjs

@@ -1,7 +1,6 @@
 import {
   accordion,
   accordionItem,
-  alert,
   avatar,
   avatarGroup,
   badge,
@@ -46,73 +45,78 @@ import {
   toastRegion,
   toggle,
   user
-} from "./chunk-LYTXO6TG.mjs";
+} from "./chunk-Z4ZQGUPY.mjs";
 import {
   scrollShadow
-} from "./chunk-K3TTKHSU.mjs";
+} from "./chunk-EZ47UJPD.mjs";
 import {
   shimmerText
-} from "./chunk-DBDK3IF7.mjs";
+} from "./chunk-W37Q6YFS.mjs";
 import {
   skeleton
-} from "./chunk-JV5J6JHS.mjs";
+} from "./chunk-47BB6GL3.mjs";
 import {
   spacer
-} from "./chunk-FNHXMO5W.mjs";
+} from "./chunk-WH4ODSEM.mjs";
 import {
   spinner
-} from "./chunk-2BUT7L7P.mjs";
+} from "./chunk-XBJNS5SU.mjs";
 import {
   circularProgress,
   progress
-} from "./chunk-QP5CGENQ.mjs";
+} from "./chunk-OSP4OLTO.mjs";
 import {
   scrollArea
-} from "./chunk-BHGZZQCH.mjs";
+} from "./chunk-4N2PLITL.mjs";
 import {
   image
-} from "./chunk-FZM5ZZP2.mjs";
+} from "./chunk-AGSAOCCR.mjs";
 import {
   kbd
-} from "./chunk-4CEUCYJO.mjs";
+} from "./chunk-5DJU5KUL.mjs";
 import {
   dateInput
-} from "./chunk-VK7USAMR.mjs";
+} from "./chunk-ZWG2GMCI.mjs";
 import {
   datePicker,
   dateRangePicker
-} from "./chunk-FLCPUBBE.mjs";
+} from "./chunk-P5HLCB43.mjs";
 import {
-  divider
-} from "./chunk-7ZVSC6V6.mjs";
+  divider,
+  labeledDivider
+} from "./chunk-XKMMJKKB.mjs";
 import {
   drawer
-} from "./chunk-EOYBTX52.mjs";
+} from "./chunk-MTBQ5EO5.mjs";
 import {
   drip
-} from "./chunk-SRSOCM2C.mjs";
+} from "./chunk-AL5UNXQI.mjs";
 import {
   form
-} from "./chunk-KCPJHUUJ.mjs";
+} from "./chunk-USGOG5QI.mjs";
 import {
   colorVariants
 } from "./chunk-GQT3YUX3.mjs";
+import {
+  alert,
+  alertVariants
+} from "./chunk-PY74IHS4.mjs";
 import {
   autocomplete
-} from "./chunk-GQMW4NEU.mjs";
+} from "./chunk-I5YZBAB3.mjs";
 import {
   cn
-} from "./chunk-ZLTZIM6X.mjs";
+} from "./chunk-7ARJ2TQM.mjs";
 import {
   tv
-} from "./chunk-FBI452W6.mjs";
+} from "./chunk-KKEJLP4U.mjs";
 import {
   COMMON_UNITS,
   twMergeConfig
-} from "./chunk-7QDYFNL6.mjs";
+} from "./chunk-ECD4ABCS.mjs";
 import {
   heroui
-} from "./chunk-TOGBVQYA.mjs";
+} from "./chunk-NJBUOBAS.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -123,13 +127,13 @@ import {
   hiddenInputClasses,
   ringClasses,
   translateCenterClasses
-} from "./chunk-JGY6VQQQ.mjs";
+} from "./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";
@@ -165,6 +169,7 @@ export {
   accordion,
   accordionItem,
   alert,
+  alertVariants,
   autocomplete,
   avatar,
   avatarGroup,
@@ -210,6 +215,7 @@ export {
   input,
   inputOtp,
   kbd,
+  labeledDivider,
   lightLayout,
   link,
   linkAnchorClasses,

package/dist/plugin.js

@@ -599,7 +599,37 @@ var custom_default = {
 };
 
 // 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
    */
@@ -618,10 +648,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"
   }
 };
 
@@ -763,7 +801,14 @@ var darkLayout = {
 // 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)`
 });
 
 // src/plugin.ts
@@ -835,7 +880,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/plugin.mjs

@@ -1,13 +1,13 @@
 import {
   heroui
-} from "./chunk-TOGBVQYA.mjs";
-import "./chunk-JGY6VQQQ.mjs";
+} from "./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/utilities/index.d.mts

@@ -64,6 +64,16 @@ declare const utilities: {
         "font-size": string;
         "line-height": string;
     };
+    ".scrollbar": {
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
+    ".scrollbar-thin": {
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
     ".scrollbar-hide": {
         "-ms-overflow-style": string;
         "scrollbar-width": string;
@@ -74,10 +84,18 @@ declare const utilities: {
     ".scrollbar-default": {
         "-ms-overflow-style": string;
         "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
         "&::-webkit-scrollbar": {
             display: string;
         };
     };
+    ".scrollbar-none": {
+        "-ms-overflow-style": string;
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
     ".transition-background": {
         "transition-property": string;
         "transition-timing-function": string;

package/dist/utilities/index.d.ts

@@ -64,6 +64,16 @@ declare const utilities: {
         "font-size": string;
         "line-height": string;
     };
+    ".scrollbar": {
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
+    ".scrollbar-thin": {
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
     ".scrollbar-hide": {
         "-ms-overflow-style": string;
         "scrollbar-width": string;
@@ -74,10 +84,18 @@ declare const utilities: {
     ".scrollbar-default": {
         "-ms-overflow-style": string;
         "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
         "&::-webkit-scrollbar": {
             display: string;
         };
     };
+    ".scrollbar-none": {
+        "-ms-overflow-style": string;
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
     ".transition-background": {
         "transition-property": string;
         "transition-timing-function": string;

package/dist/utilities/index.js

@@ -111,6 +111,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
    */
@@ -129,10 +142,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/utilities/index.mjs

@@ -1,10 +1,10 @@
 import {
   utilities
-} from "../chunk-2WQ76NXU.mjs";
+} from "../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/utilities/scrollbar-hide.d.mts

@@ -1,7 +1,34 @@
-/**
- * Credits to: https://github.com/reslear/tailwind-scrollbar-hide/tree/main
- */
+declare const scrollbarModes: {
+    '[data-scrollbar="thin"]': {
+        "--scrollbar-width": string;
+        "--scrollbar-color": string;
+        "--scrollbar-gutter": string;
+    };
+    '[data-scrollbar="default"]': {
+        "--scrollbar-width": string;
+        "--scrollbar-color": string;
+        "--scrollbar-gutter": string;
+    };
+    '[data-scrollbar="none"]': {
+        "--scrollbar-width": string;
+        "--scrollbar-color": string;
+        "--scrollbar-gutter": string;
+    };
+};
 declare const _default: {
+    /**
+     * Theme-aware scrollbar
+     */
+    ".scrollbar": {
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
+    ".scrollbar-thin": {
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
     /**
      * Scroll Hide
      */
@@ -15,10 +42,18 @@ declare const _default: {
     ".scrollbar-default": {
         "-ms-overflow-style": string;
         "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
         "&::-webkit-scrollbar": {
             display: string;
         };
     };
+    ".scrollbar-none": {
+        "-ms-overflow-style": string;
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
 };
 
-export { _default as default };
+export { _default as default, scrollbarModes };

package/dist/utilities/scrollbar-hide.d.ts

@@ -1,7 +1,34 @@
-/**
- * Credits to: https://github.com/reslear/tailwind-scrollbar-hide/tree/main
- */
+declare const scrollbarModes: {
+    '[data-scrollbar="thin"]': {
+        "--scrollbar-width": string;
+        "--scrollbar-color": string;
+        "--scrollbar-gutter": string;
+    };
+    '[data-scrollbar="default"]': {
+        "--scrollbar-width": string;
+        "--scrollbar-color": string;
+        "--scrollbar-gutter": string;
+    };
+    '[data-scrollbar="none"]': {
+        "--scrollbar-width": string;
+        "--scrollbar-color": string;
+        "--scrollbar-gutter": string;
+    };
+};
 declare const _default: {
+    /**
+     * Theme-aware scrollbar
+     */
+    ".scrollbar": {
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
+    ".scrollbar-thin": {
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
     /**
      * Scroll Hide
      */
@@ -15,10 +42,18 @@ declare const _default: {
     ".scrollbar-default": {
         "-ms-overflow-style": string;
         "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
         "&::-webkit-scrollbar": {
             display: string;
         };
     };
+    ".scrollbar-none": {
+        "-ms-overflow-style": string;
+        "scrollbar-width": string;
+        "scrollbar-color": string;
+        "scrollbar-gutter": string;
+    };
 };
 
-export { _default as default };
+export { _default as default, scrollbarModes };

package/dist/utilities/scrollbar-hide.js

@@ -20,10 +20,41 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utilities/scrollbar-hide.ts
 var scrollbar_hide_exports = {};
 __export(scrollbar_hide_exports, {
-  default: () => scrollbar_hide_default
+  default: () => scrollbar_hide_default,
+  scrollbarModes: () => scrollbarModes
 });
 module.exports = __toCommonJS(scrollbar_hide_exports);
+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
    */
@@ -42,9 +73,21 @@ 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"
   }
 };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  scrollbarModes
+});

package/dist/utilities/scrollbar-hide.mjs

@@ -1,6 +1,8 @@
 import {
+  scrollbarModes,
   scrollbar_hide_default
-} from "../chunk-WH6SPIFG.mjs";
+} from "../chunk-7FAFG773.mjs";
 export {
-  scrollbar_hide_default as default
+  scrollbar_hide_default as default,
+  scrollbarModes
 };

package/dist/utils/classes.d.mts

@@ -5,6 +5,13 @@
 declare const baseStyles: (prefix: string) => {
     color: string;
     backgroundColor: string;
+    "--scrollbar-thumb": string;
+    "--scrollbar-track": string;
+    "--scrollbar-gutter": string;
+    "--scrollbar-width": string;
+    "--scrollbar-color": string;
+    "--table-pinned-bg": string;
+    "--table-pinned-shadow": string;
 };
 /**
  * focus classNames when the element is focused by keyboard.

package/dist/utils/classes.d.ts

@@ -5,6 +5,13 @@
 declare const baseStyles: (prefix: string) => {
     color: string;
     backgroundColor: string;
+    "--scrollbar-thumb": string;
+    "--scrollbar-track": string;
+    "--scrollbar-gutter": string;
+    "--scrollbar-width": string;
+    "--scrollbar-color": string;
+    "--table-pinned-bg": string;
+    "--table-pinned-shadow": string;
 };
 /**
  * focus classNames when the element is focused by keyboard.

package/dist/utils/classes.js

@@ -33,7 +33,14 @@ __export(classes_exports, {
 module.exports = __toCommonJS(classes_exports);
 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/utils/classes.mjs

@@ -8,7 +8,7 @@ import {
   hiddenInputClasses,
   ringClasses,
   translateCenterClasses
-} from "../chunk-JGY6VQQQ.mjs";
+} from "../chunk-7K2CWEHT.mjs";
 export {
   absoluteFullClasses,
   baseStyles,

package/dist/utils/cn.js

@@ -112,6 +112,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
    */
@@ -130,10 +143,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/utils/cn.mjs

@@ -1,12 +1,12 @@
 import {
   cn
-} from "../chunk-ZLTZIM6X.mjs";
-import "../chunk-7QDYFNL6.mjs";
-import "../chunk-2WQ76NXU.mjs";
+} from "../chunk-7ARJ2TQM.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 {