@noxlovette/material 0.1.0

package/dist/components/buttons/theme.d.ts

@@ -0,0 +1,539 @@
+import { type VariantProps } from 'tailwind-variants';
+export type ButtonVariants = VariantProps<typeof button>;
+export type ButtonGroupVariants = VariantProps<typeof buttonGroup>;
+export type FABVariants = VariantProps<typeof fab>;
+export type FABMenuVariants = VariantProps<typeof fabMenu>;
+export type ButtonMDVariants = VariantProps<typeof button>;
+export type ButtonIconVariants = VariantProps<typeof buttonIcon>;
+export type FABMenuItemVariants = VariantProps<typeof fabMenuItem>;
+export declare const button: import("tailwind-variants").TVReturnType<{
+    variant: {
+        elevated: string;
+        filled: string;
+        tonal: string;
+        outlined: string;
+        text: string;
+        bare: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+    };
+    usage: {
+        selection: string;
+        default: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            icon: string;
+        };
+        lg: {
+            base: string;
+            icon: string;
+        };
+        xl: {
+            base: string;
+            icon: string;
+        };
+    };
+    shape: {
+        round: string;
+        square: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+}, {
+    base: string;
+    icon: string;
+}, undefined, {
+    variant: {
+        elevated: string;
+        filled: string;
+        tonal: string;
+        outlined: string;
+        text: string;
+        bare: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+    };
+    usage: {
+        selection: string;
+        default: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            icon: string;
+        };
+        lg: {
+            base: string;
+            icon: string;
+        };
+        xl: {
+            base: string;
+            icon: string;
+        };
+    };
+    shape: {
+        round: string;
+        square: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+}, {
+    base: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        elevated: string;
+        filled: string;
+        tonal: string;
+        outlined: string;
+        text: string;
+        bare: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+    };
+    usage: {
+        selection: string;
+        default: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            icon: string;
+        };
+        lg: {
+            base: string;
+            icon: string;
+        };
+        xl: {
+            base: string;
+            icon: string;
+        };
+    };
+    shape: {
+        round: string;
+        square: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+}, {
+    base: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const buttonIcon: import("tailwind-variants").TVReturnType<{
+    variant: {
+        elevated: string;
+        filled: string;
+        tonal: string;
+        outlined: string;
+        text: string;
+        bare: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            icon: string;
+        };
+        lg: {
+            base: string;
+            icon: string;
+        };
+        xl: {
+            base: string;
+            icon: string;
+        };
+    };
+    width: {
+        narrow: string;
+        wide: string;
+        default: string;
+    };
+    shape: {
+        round: string;
+        square: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+    variation: {
+        toggle: string;
+        default: string;
+    };
+}, {
+    base: string;
+    icon: string;
+}, undefined, {
+    variant: {
+        elevated: string;
+        filled: string;
+        tonal: string;
+        outlined: string;
+        text: string;
+        bare: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            icon: string;
+        };
+        lg: {
+            base: string;
+            icon: string;
+        };
+        xl: {
+            base: string;
+            icon: string;
+        };
+    };
+    width: {
+        narrow: string;
+        wide: string;
+        default: string;
+    };
+    shape: {
+        round: string;
+        square: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+    variation: {
+        toggle: string;
+        default: string;
+    };
+}, {
+    base: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        elevated: string;
+        filled: string;
+        tonal: string;
+        outlined: string;
+        text: string;
+        bare: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            icon: string;
+        };
+        lg: {
+            base: string;
+            icon: string;
+        };
+        xl: {
+            base: string;
+            icon: string;
+        };
+    };
+    width: {
+        narrow: string;
+        wide: string;
+        default: string;
+    };
+    shape: {
+        round: string;
+        square: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+    variation: {
+        toggle: string;
+        default: string;
+    };
+}, {
+    base: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const buttonGroup: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex rounded-lg shadow-xs", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex rounded-lg shadow-xs", unknown, unknown, undefined>>;
+export declare const fab: import("tailwind-variants").TVReturnType<{
+    config: {
+        primary: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        secondary: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        tertiary: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+    };
+    expanded: {
+        true: string;
+        false: string;
+    };
+    size: {
+        small: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        regular: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        large: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+    };
+}, {
+    base: string;
+    icon: string;
+    label: string;
+}, undefined, {
+    config: {
+        primary: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        secondary: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        tertiary: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+    };
+    expanded: {
+        true: string;
+        false: string;
+    };
+    size: {
+        small: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        regular: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        large: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+    };
+}, {
+    base: string;
+    icon: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    config: {
+        primary: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        secondary: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        tertiary: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+    };
+    expanded: {
+        true: string;
+        false: string;
+    };
+    size: {
+        small: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        regular: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+        large: {
+            base: string;
+            icon: string;
+            label: string;
+        };
+    };
+}, {
+    base: string;
+    icon: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const fabMenu: import("tailwind-variants").TVReturnType<{
+    position: {
+        top: string;
+    };
+}, {
+    base: string;
+}, undefined, {
+    position: {
+        top: string;
+    };
+}, {
+    base: string;
+}, import("tailwind-variants").TVReturnType<{
+    position: {
+        top: string;
+    };
+}, {
+    base: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const fabMenuItem: import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+}, {
+    base: string;
+    icon: string;
+}, undefined, {
+    variant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+}, {
+    base: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+}, {
+    base: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;