@sytechui/theme 2.6.1 → 2.6.3

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

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

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

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

package/dist/{chunk-4CEUCYJO.mjs → chunk-5DJU5KUL.mjs}

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

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

@@ -1,6 +1,6 @@
 import {
   twMergeConfig
-} from "./chunk-7QDYFNL6.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-FZM5ZZP2.mjs → chunk-AGSAOCCR.mjs}

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

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

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

package/dist/{chunk-7QDYFNL6.mjs → chunk-ECD4ABCS.mjs}

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

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

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

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

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

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

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

package/dist/{chunk-EOYBTX52.mjs → chunk-MTBQ5EO5.mjs}

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

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

@@ -1,12 +1,15 @@
 import {
   baseStyles
-} from "./chunk-JGY6VQQQ.mjs";
+} from "./chunk-7K2CWEHT.mjs";
 import {
   isBaseTheme
 } from "./chunk-D2XMP2NC.mjs";
 import {
   utilities
-} from "./chunk-2WQ76NXU.mjs";
+} 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-QP5CGENQ.mjs → chunk-OSP4OLTO.mjs}

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

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

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

package/dist/chunk-PY74IHS4.mjs

@@ -0,0 +1,96 @@
+import {
+  tv
+} from "./chunk-KKEJLP4U.mjs";
+
+// src/components/alert.ts
+var accentColor = [
+  "text-[color:color-mix(in_oklab,oklch(0.6204_0.195_253.83)_70%,oklch(0.2103_0.0059_285.89)_30%)]",
+  "dark:text-[color:color-mix(in_oklab,oklch(0.6204_0.195_253.83)_80%,oklch(0.9911_0_0)_30%)]"
+];
+var successColor = [
+  "text-[color:color-mix(in_oklab,oklch(0.7329_0.1935_150.81)_80%,oklch(0.2103_0.0059_285.89)_60%)]",
+  "dark:text-[color:color-mix(in_oklab,oklch(0.7329_0.1935_150.81)_80%,oklch(0.9911_0_0)_30%)]"
+];
+var warningColor = [
+  "text-[color:color-mix(in_oklab,oklch(0.7819_0.1585_72.33)_80%,oklch(0.2103_0.0059_285.89)_70%)]",
+  "dark:text-[color:color-mix(in_oklab,oklch(0.8203_0.1388_76.34)_80%,oklch(0.9911_0_0)_30%)]"
+];
+var dangerColor = [
+  "text-[color:color-mix(in_oklab,oklch(0.6532_0.2328_25.74)_70%,oklch(0.2103_0.0059_285.89)_40%)]",
+  "dark:text-[color:color-mix(in_oklab,oklch(0.594_0.1967_24.63)_80%,oklch(0.9911_0_0)_30%)]"
+];
+var alertVariants = tv({
+  slots: {
+    base: [
+      "flex w-full flex-row items-start justify-start gap-1 px-4 py-3",
+      "rounded-[24px] bg-[oklch(100%_0_0)] text-[oklch(0.2103_0.0059_285.89)]",
+      "dark:bg-[oklch(0.2103_0.0059_285.89)] dark:text-[oklch(0.9911_0_0)]",
+      "shadow-[0_2px_4px_0_rgba(0,0,0,0.04),0_1px_2px_0_rgba(0,0,0,0.06),0_0_1px_0_rgba(0,0,0,0.06)]",
+      "dark:shadow-none"
+    ],
+    content: "flex h-full grow flex-col items-start",
+    indicator: [
+      "flex size-6 shrink-0 items-center justify-center p-1 select-none",
+      "[&_[data-slot=alert-default-icon]]:box-content",
+      "[&_[data-slot=alert-default-icon]]:size-4"
+    ],
+    title: "text-small leading-6 font-medium",
+    description: "text-small text-[oklch(0.5517_0.0138_285.94)] dark:text-[oklch(70.5%_0.015_286.067)]"
+  },
+  variants: {
+    status: {
+      default: {
+        base: "border-default-300",
+        indicator: "text-inherit",
+        title: "text-inherit"
+      },
+      accent: {
+        base: "border-primary-300",
+        indicator: accentColor,
+        title: accentColor
+      },
+      success: {
+        base: "border-success-300",
+        indicator: successColor,
+        title: successColor
+      },
+      warning: {
+        base: "border-warning-300",
+        indicator: warningColor,
+        title: warningColor
+      },
+      danger: {
+        base: "border-danger-300",
+        indicator: dangerColor,
+        title: dangerColor
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-small"
+      },
+      md: {
+        base: "rounded-medium"
+      },
+      lg: {
+        base: "rounded-[24px]"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    }
+  },
+  defaultVariants: {
+    radius: "lg",
+    status: "default"
+  }
+});
+var alert = alertVariants;
+
+export {
+  alertVariants,
+  alert
+};

package/dist/{chunk-2WQ76NXU.mjs → chunk-ROFEKAS6.mjs}

@@ -9,7 +9,7 @@ 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";

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

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

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

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

package/dist/{chunk-FNHXMO5W.mjs → chunk-WH4ODSEM.mjs}

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

package/dist/{chunk-2BUT7L7P.mjs → chunk-XBJNS5SU.mjs}

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

package/dist/chunk-XKMMJKKB.mjs

@@ -0,0 +1,29 @@
+import {
+  tv
+} from "./chunk-KKEJLP4U.mjs";
+
+// src/components/divider.ts
+var divider = tv({
+  base: "shrink-0 bg-divider border-none",
+  variants: {
+    orientation: {
+      horizontal: "w-full h-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"
+  }
+});
+
+export {
+  divider,
+  labeledDivider
+};