@sytechui/theme 2.6.1 → 2.6.3

package/dist/{chunk-VK7USAMR.mjs → chunk-ZWG2GMCI.mjs}

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

package/dist/components/accordion.js

@@ -115,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
    */
@@ -133,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"
   }
 };
 

package/dist/components/accordion.mjs

@@ -1,35 +1,36 @@
 import {
   accordion,
   accordionItem
-} 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/alert.d.mts

@@ -1,43 +1,32 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
-/**
- * Alert wrapper **Tailwind Variants** component
- *
- * @example
- * ```js
- * const {base, mainWrapper, title, description, closeButton, alertIcon} = alert({...})
- *
- *
- * <div className={base()}>
- *    {alertIcon}
- *    <div className={mainWrapper()}>
- *       <div className={title()}>Title</div>
- *       <div className={description()}>Description</div>
- *   </div>
- *    <button>
- *      // close button
- *    </button>
- * </div>
- * ```
- */
-declare const alert: tailwind_variants.TVReturnType<{
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-    };
-    variant: {
-        solid: {};
-        flat: {};
-        faded: {
+declare const alertVariants: tailwind_variants.TVReturnType<{
+    status: {
+        default: {
+            base: string;
+            indicator: string;
+            title: string;
+        };
+        accent: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        success: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        warning: {
             base: string;
+            indicator: string[];
+            title: string[];
         };
-        bordered: {
+        danger: {
             base: string;
+            indicator: string[];
+            title: string[];
         };
     };
     radius: {
@@ -57,48 +46,89 @@ declare const alert: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    hideIcon: {
-        true: {
-            iconWrapper: string;
+}, {
+    base: string[];
+    content: string;
+    indicator: string[];
+    title: string;
+    description: string;
+}, undefined, {
+    status: {
+        default: {
+            base: string;
+            indicator: string;
+            title: string;
         };
-    };
-    hideIconWrapper: {
-        true: {
+        accent: {
             base: string;
-            iconWrapper: string;
+            indicator: string[];
+            title: string[];
+        };
+        success: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        warning: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        danger: {
+            base: string;
+            indicator: string[];
+            title: string[];
         };
     };
-    hasContent: {
-        false: {
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
             base: string;
-            mainWrapper: string;
         };
     };
 }, {
-    base: string;
-    mainWrapper: string;
+    base: string[];
+    content: string;
+    indicator: string[];
     title: string;
     description: string;
-    closeButton: string;
-    iconWrapper: string;
-    alertIcon: string;
-}, undefined, {
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-    };
-    variant: {
-        solid: {};
-        flat: {};
-        faded: {
+}, tailwind_variants.TVReturnType<{
+    status: {
+        default: {
+            base: string;
+            indicator: string;
+            title: string;
+        };
+        accent: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        success: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        warning: {
             base: string;
+            indicator: string[];
+            title: string[];
         };
-        bordered: {
+        danger: {
             base: string;
+            indicator: string[];
+            title: string[];
         };
     };
     radius: {
@@ -118,48 +148,92 @@ declare const alert: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    hideIcon: {
-        true: {
-            iconWrapper: string;
+}, {
+    base: string[];
+    content: string;
+    indicator: string[];
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type AlertVariants = VariantProps<typeof alertVariants>;
+type AlertSlots = keyof ReturnType<typeof alertVariants>;
+declare const alert: tailwind_variants.TVReturnType<{
+    status: {
+        default: {
+            base: string;
+            indicator: string;
+            title: string;
         };
-    };
-    hideIconWrapper: {
-        true: {
+        accent: {
             base: string;
-            iconWrapper: string;
+            indicator: string[];
+            title: string[];
+        };
+        success: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        warning: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        danger: {
+            base: string;
+            indicator: string[];
+            title: string[];
         };
     };
-    hasContent: {
-        false: {
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
             base: string;
-            mainWrapper: string;
         };
     };
 }, {
-    base: string;
-    mainWrapper: string;
+    base: string[];
+    content: string;
+    indicator: string[];
     title: string;
     description: string;
-    closeButton: string;
-    iconWrapper: string;
-    alertIcon: string;
-}, tailwind_variants.TVReturnType<{
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-    };
-    variant: {
-        solid: {};
-        flat: {};
-        faded: {
+}, undefined, {
+    status: {
+        default: {
+            base: string;
+            indicator: string;
+            title: string;
+        };
+        accent: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        success: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        warning: {
             base: string;
+            indicator: string[];
+            title: string[];
         };
-        bordered: {
+        danger: {
             base: string;
+            indicator: string[];
+            title: string[];
         };
     };
     radius: {
@@ -179,33 +253,64 @@ declare const alert: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    hideIcon: {
-        true: {
-            iconWrapper: string;
+}, {
+    base: string[];
+    content: string;
+    indicator: string[];
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    status: {
+        default: {
+            base: string;
+            indicator: string;
+            title: string;
         };
-    };
-    hideIconWrapper: {
-        true: {
+        accent: {
             base: string;
-            iconWrapper: string;
+            indicator: string[];
+            title: string[];
+        };
+        success: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        warning: {
+            base: string;
+            indicator: string[];
+            title: string[];
+        };
+        danger: {
+            base: string;
+            indicator: string[];
+            title: string[];
         };
     };
-    hasContent: {
-        false: {
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
             base: string;
-            mainWrapper: string;
         };
     };
 }, {
-    base: string;
-    mainWrapper: string;
+    base: string[];
+    content: string;
+    indicator: string[];
     title: string;
     description: string;
-    closeButton: string;
-    iconWrapper: string;
-    alertIcon: string;
 }, undefined, unknown, unknown, undefined>>;
-type AlertVariantProps = VariantProps<typeof alert>;
-type AlertSlots = keyof ReturnType<typeof alert>;
+type AlertVariantProps = AlertVariants;
 
-export { type AlertSlots, type AlertVariantProps, alert };
+export { type AlertSlots, type AlertVariantProps, type AlertVariants, alert, alertVariants };