@sytechui/theme 2.6.0 → 2.6.2

package/dist/components/alert.d.ts

@@ -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 };