@sytechui/theme 2.6.0 → 2.6.2

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

@@ -8,14 +8,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"
+  }
+});
 
 export {
-  divider
+  divider,
+  labeledDivider
 };

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

@@ -6,13 +6,13 @@ import {
 var shimmerText = tv({
   base: "sytech-shimmer-text animate-shimmer-text",
   variants: {
-    direction: {
-      auto: "",
-      reverse: "sytech-shimmer-text-reverse"
+    once: {
+      true: "sytech-shimmer-text-once",
+      false: ""
     },
-    iteration: {
-      infinite: "",
-      once: "sytech-shimmer-text-once"
+    reverse: {
+      true: "sytech-shimmer-text-reverse",
+      false: ""
     },
     disableAnimation: {
       true: "sytech-shimmer-text-disabled !animate-none",
@@ -20,8 +20,8 @@ var shimmerText = tv({
     }
   },
   defaultVariants: {
-    direction: "auto",
-    iteration: "infinite",
+    once: false,
+    reverse: false,
     disableAnimation: false
   }
 });

package/dist/chunk-T754O54S.mjs

@@ -0,0 +1,96 @@
+import {
+  tv
+} from "./chunk-RAC3PSZO.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/components/accordion.mjs

@@ -1,29 +1,29 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-AI6SQS6Z.mjs";
-import "../chunk-GQT3YUX3.mjs";
-import "../chunk-P2SWF4YK.mjs";
-import "../chunk-LV6ZC7XH.mjs";
+} from "../chunk-22RNS2JQ.mjs";
+import "../chunk-CR7SUL27.mjs";
+import "../chunk-LD2JADOO.mjs";
 import "../chunk-27EH4573.mjs";
 import "../chunk-6Q4A5IGD.mjs";
 import "../chunk-7MY46DKJ.mjs";
 import "../chunk-7CAOOET2.mjs";
 import "../chunk-GYRKKQKN.mjs";
-import "../chunk-CR7SUL27.mjs";
+import "../chunk-HRULT2QB.mjs";
 import "../chunk-3PBT3W4C.mjs";
+import "../chunk-TYJNRAT2.mjs";
 import "../chunk-M5F7VFZT.mjs";
-import "../chunk-XOVETH7K.mjs";
+import "../chunk-63TVI5PY.mjs";
 import "../chunk-4XFAHRMJ.mjs";
 import "../chunk-OBSH26UE.mjs";
 import "../chunk-K6X3VPO4.mjs";
-import "../chunk-HRULT2QB.mjs";
-import "../chunk-TYJNRAT2.mjs";
+import "../chunk-T754O54S.mjs";
 import "../chunk-GXDNTAQH.mjs";
 import "../chunk-RAC3PSZO.mjs";
+import "../chunk-GQT3YUX3.mjs";
+import "../chunk-P2SWF4YK.mjs";
 import "../chunk-QU72GCNK.mjs";
-import "../chunk-CBIC7UDL.mjs";
-import "../chunk-D2XMP2NC.mjs";
+import "../chunk-YISEC5JS.mjs";
 import "../chunk-JGY6VQQQ.mjs";
 import "../chunk-UJC5GXOO.mjs";
 import "../chunk-FJOYYPB2.mjs";
@@ -32,6 +32,7 @@ import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-WH6SPIFG.mjs";
+import "../chunk-D2XMP2NC.mjs";
 import "../chunk-WQEDQHKX.mjs";
 import "../chunk-CPSLANMP.mjs";
 import "../chunk-FFKHVGFX.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 };