@nextui-org/theme 0.0.0-canary-20240429052129

package/dist/components/badge.d.ts

@@ -0,0 +1,484 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+
+/**
+ * Badge wrapper **Tailwind Variants** component
+ *
+ * const {base, badge} = badge({...})
+ *
+ * @example
+ * <div className={base())}>
+ *   // children
+ *   <span className={badge()}>5+</span>
+ * </div>
+ */
+declare const badge: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+        flat: {};
+        faded: {
+            badge: string;
+        };
+        shadow: {};
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            badge: string;
+        };
+        md: {
+            badge: string;
+        };
+        lg: {
+            badge: string;
+        };
+    };
+    placement: {
+        "top-right": {};
+        "top-left": {};
+        "bottom-right": {};
+        "bottom-left": {};
+    };
+    shape: {
+        circle: {};
+        rectangle: {};
+    };
+    isInvisible: {
+        true: {};
+    };
+    isOneChar: {
+        true: {
+            badge: string;
+        };
+    };
+    isDot: {
+        true: {};
+    };
+    disableAnimation: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+    showOutline: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+}, {
+    base: string[];
+    badge: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {};
+        flat: {};
+        faded: {
+            badge: string;
+        };
+        shadow: {};
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            badge: string;
+        };
+        md: {
+            badge: string;
+        };
+        lg: {
+            badge: string;
+        };
+    };
+    placement: {
+        "top-right": {};
+        "top-left": {};
+        "bottom-right": {};
+        "bottom-left": {};
+    };
+    shape: {
+        circle: {};
+        rectangle: {};
+    };
+    isInvisible: {
+        true: {};
+    };
+    isOneChar: {
+        true: {
+            badge: string;
+        };
+    };
+    isDot: {
+        true: {};
+    };
+    disableAnimation: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+    showOutline: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+}, {
+    variant: {
+        solid: {};
+        flat: {};
+        faded: {
+            badge: string;
+        };
+        shadow: {};
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            badge: string;
+        };
+        md: {
+            badge: string;
+        };
+        lg: {
+            badge: string;
+        };
+    };
+    placement: {
+        "top-right": {};
+        "top-left": {};
+        "bottom-right": {};
+        "bottom-left": {};
+    };
+    shape: {
+        circle: {};
+        rectangle: {};
+    };
+    isInvisible: {
+        true: {};
+    };
+    isOneChar: {
+        true: {
+            badge: string;
+        };
+    };
+    isDot: {
+        true: {};
+    };
+    disableAnimation: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+    showOutline: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+}>, {
+    variant: {
+        solid: {};
+        flat: {};
+        faded: {
+            badge: string;
+        };
+        shadow: {};
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            badge: string;
+        };
+        md: {
+            badge: string;
+        };
+        lg: {
+            badge: string;
+        };
+    };
+    placement: {
+        "top-right": {};
+        "top-left": {};
+        "bottom-right": {};
+        "bottom-left": {};
+    };
+    shape: {
+        circle: {};
+        rectangle: {};
+    };
+    isInvisible: {
+        true: {};
+    };
+    isOneChar: {
+        true: {
+            badge: string;
+        };
+    };
+    isDot: {
+        true: {};
+    };
+    disableAnimation: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+    showOutline: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+}, {
+    base: string[];
+    badge: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+        flat: {};
+        faded: {
+            badge: string;
+        };
+        shadow: {};
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            badge: string;
+        };
+        md: {
+            badge: string;
+        };
+        lg: {
+            badge: string;
+        };
+    };
+    placement: {
+        "top-right": {};
+        "top-left": {};
+        "bottom-right": {};
+        "bottom-left": {};
+    };
+    shape: {
+        circle: {};
+        rectangle: {};
+    };
+    isInvisible: {
+        true: {};
+    };
+    isOneChar: {
+        true: {
+            badge: string;
+        };
+    };
+    isDot: {
+        true: {};
+    };
+    disableAnimation: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+    showOutline: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+}, {
+    base: string[];
+    badge: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {};
+        flat: {};
+        faded: {
+            badge: string;
+        };
+        shadow: {};
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            badge: string;
+        };
+        md: {
+            badge: string;
+        };
+        lg: {
+            badge: string;
+        };
+    };
+    placement: {
+        "top-right": {};
+        "top-left": {};
+        "bottom-right": {};
+        "bottom-left": {};
+    };
+    shape: {
+        circle: {};
+        rectangle: {};
+    };
+    isInvisible: {
+        true: {};
+    };
+    isOneChar: {
+        true: {
+            badge: string;
+        };
+    };
+    isDot: {
+        true: {};
+    };
+    disableAnimation: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+    showOutline: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+}, {
+    variant: {
+        solid: {};
+        flat: {};
+        faded: {
+            badge: string;
+        };
+        shadow: {};
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            badge: string;
+        };
+        md: {
+            badge: string;
+        };
+        lg: {
+            badge: string;
+        };
+    };
+    placement: {
+        "top-right": {};
+        "top-left": {};
+        "bottom-right": {};
+        "bottom-left": {};
+    };
+    shape: {
+        circle: {};
+        rectangle: {};
+    };
+    isInvisible: {
+        true: {};
+    };
+    isOneChar: {
+        true: {
+            badge: string;
+        };
+    };
+    isDot: {
+        true: {};
+    };
+    disableAnimation: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+    showOutline: {
+        true: {
+            badge: string;
+        };
+        false: {
+            badge: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type BadgeVariantProps = VariantProps<typeof badge>;
+type BadgeSlots = keyof ReturnType<typeof badge>;
+
+export { BadgeSlots, BadgeVariantProps, badge };