@sytechui/theme 2.6.1 → 2.6.3

package/dist/components/divider.js

@@ -20,7 +20,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/divider.ts
 var divider_exports = {};
 __export(divider_exports, {
-  divider: () => divider
+  divider: () => divider,
+  labeledDivider: () => labeledDivider
 });
 module.exports = __toCommonJS(divider_exports);
 
@@ -114,6 +115,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 +146,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"
   }
 };
 
@@ -278,14 +300,22 @@ var divider = tv({
   variants: {
     orientation: {
       horizontal: "w-full h-divider",
-      vertical: "h-full w-divider"
+      vertical: "h-auto min-h-2 self-stretch w-divider"
     }
   },
   defaultVariants: {
     orientation: "horizontal"
   }
 });
+var labeledDivider = tv({
+  slots: {
+    base: "flex w-full items-center gap-3",
+    line: "h-divider flex-1 bg-divider",
+    label: "shrink-0 text-small text-default-500"
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  divider
+  divider,
+  labeledDivider
 });

package/dist/components/divider.mjs

@@ -1,15 +1,17 @@
 import {
-  divider
-} from "../chunk-7ZVSC6V6.mjs";
-import "../chunk-FBI452W6.mjs";
-import "../chunk-7QDYFNL6.mjs";
-import "../chunk-2WQ76NXU.mjs";
+  divider,
+  labeledDivider
+} from "../chunk-XKMMJKKB.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 {
-  divider
+  divider,
+  labeledDivider
 };

package/dist/components/drawer.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/drawer.mjs

@@ -1,13 +1,13 @@
 import {
   drawer
-} from "../chunk-EOYBTX52.mjs";
-import "../chunk-FBI452W6.mjs";
-import "../chunk-7QDYFNL6.mjs";
-import "../chunk-2WQ76NXU.mjs";
+} from "../chunk-MTBQ5EO5.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/drip.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/drip.mjs

@@ -1,13 +1,13 @@
 import {
   drip
-} from "../chunk-SRSOCM2C.mjs";
-import "../chunk-FBI452W6.mjs";
-import "../chunk-7QDYFNL6.mjs";
-import "../chunk-2WQ76NXU.mjs";
+} from "../chunk-AL5UNXQI.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/drop-zone.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/drop-zone.mjs

@@ -1,34 +1,35 @@
 import {
   dropZone
-} 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/dropdown.js

@@ -117,6 +117,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
    */
@@ -135,10 +148,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/dropdown.mjs

@@ -3,35 +3,36 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} 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/form.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/form.mjs

@@ -1,13 +1,13 @@
 import {
   form
-} from "../chunk-KCPJHUUJ.mjs";
-import "../chunk-FBI452W6.mjs";
-import "../chunk-7QDYFNL6.mjs";
-import "../chunk-2WQ76NXU.mjs";
+} from "../chunk-USGOG5QI.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/image.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/image.mjs

@@ -1,13 +1,13 @@
 import {
   image
-} from "../chunk-FZM5ZZP2.mjs";
-import "../chunk-FBI452W6.mjs";
-import "../chunk-7QDYFNL6.mjs";
-import "../chunk-2WQ76NXU.mjs";
+} from "../chunk-AGSAOCCR.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/index.d.mts

@@ -27,7 +27,7 @@ export { ModalSlots, ModalVariantProps, modal } from './modal.mjs';
 export { NavbarSlots, NavbarVariantProps, navbar } from './navbar.mjs';
 export { TableReturnType, TableSlots, TableVariantProps, table } from './table.mjs';
 export { SpacerVariantProps, spacer } from './spacer.mjs';
-export { DividerVariantProps, divider } from './divider.mjs';
+export { DividerVariantProps, LabeledDividerSlots, divider, labeledDivider } from './divider.mjs';
 export { KbdSlots, KbdVariantProps, kbd } from './kbd.mjs';
 export { TabsReturnType, TabsSlots, TabsVariantProps, tabs } from './tabs.mjs';
 export { SkeletonSlots, SkeletonVariantProps, skeleton } from './skeleton.mjs';
@@ -42,7 +42,7 @@ export { AutocompleteSlots, AutocompleteVariantProps, autocomplete } from './aut
 export { CalendarReturnType, CalendarSlots, CalendarVariantProps, calendar } from './calendar.mjs';
 export { DateInputReturnType, DateInputSlots, DateInputVariantProps, dateInput } from './date-input.mjs';
 export { DatePickerReturnType, DatePickerSlots, DatePickerVariantProps, DateRangePickerReturnType, DateRangePickerSlots, DateRangePickerVariantProps, datePicker, dateRangePicker } from './date-picker.mjs';
-export { AlertSlots, AlertVariantProps, alert } from './alert.mjs';
+export { AlertSlots, AlertVariantProps, AlertVariants, alert, alertVariants } from './alert.mjs';
 export { DrawerVariants, drawer } from './drawer.mjs';
 export { FormVariantProps, form } from './form.mjs';
 export { NumberInputSlots, NumberInputVariantProps, numberInput } from './number-input.mjs';

package/dist/components/index.d.ts

@@ -27,7 +27,7 @@ export { ModalSlots, ModalVariantProps, modal } from './modal.js';
 export { NavbarSlots, NavbarVariantProps, navbar } from './navbar.js';
 export { TableReturnType, TableSlots, TableVariantProps, table } from './table.js';
 export { SpacerVariantProps, spacer } from './spacer.js';
-export { DividerVariantProps, divider } from './divider.js';
+export { DividerVariantProps, LabeledDividerSlots, divider, labeledDivider } from './divider.js';
 export { KbdSlots, KbdVariantProps, kbd } from './kbd.js';
 export { TabsReturnType, TabsSlots, TabsVariantProps, tabs } from './tabs.js';
 export { SkeletonSlots, SkeletonVariantProps, skeleton } from './skeleton.js';
@@ -42,7 +42,7 @@ export { AutocompleteSlots, AutocompleteVariantProps, autocomplete } from './aut
 export { CalendarReturnType, CalendarSlots, CalendarVariantProps, calendar } from './calendar.js';
 export { DateInputReturnType, DateInputSlots, DateInputVariantProps, dateInput } from './date-input.js';
 export { DatePickerReturnType, DatePickerSlots, DatePickerVariantProps, DateRangePickerReturnType, DateRangePickerSlots, DateRangePickerVariantProps, datePicker, dateRangePicker } from './date-picker.js';
-export { AlertSlots, AlertVariantProps, alert } from './alert.js';
+export { AlertSlots, AlertVariantProps, AlertVariants, alert, alertVariants } from './alert.js';
 export { DrawerVariants, drawer } from './drawer.js';
 export { FormVariantProps, form } from './form.js';
 export { NumberInputSlots, NumberInputVariantProps, numberInput } from './number-input.js';