@okam/next-component 1.2.4 → 1.3.0

package/theme/AdminBar/index.d.ts

@@ -0,0 +1,900 @@
+/**
+ * AdminBar theme components
+ *
+ * The AdminBar is a top bar that appears when in draft mode,
+ * providing administrative controls and status information.
+ */
+export declare const adminBarContainer: import('tailwind-variants').TVReturnType<{
+    position: {
+        top: string;
+        bottom: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    background: {
+        grey: string;
+        dark: string;
+        light: string;
+    };
+    padding: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, undefined, "w-full bg-gray-100 py-2 px-4 border-gray-200 fixed left-0 right-0 z-50", import('tailwind-variants/dist/config.js').TVConfig<{
+    position: {
+        top: string;
+        bottom: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    background: {
+        grey: string;
+        dark: string;
+        light: string;
+    };
+    padding: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, {
+    position: {
+        top: string;
+        bottom: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    background: {
+        grey: string;
+        dark: string;
+        light: string;
+    };
+    padding: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}>, {
+    position: {
+        top: string;
+        bottom: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    background: {
+        grey: string;
+        dark: string;
+        light: string;
+    };
+    padding: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    position: {
+        top: string;
+        bottom: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    background: {
+        grey: string;
+        dark: string;
+        light: string;
+    };
+    padding: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, undefined, "w-full bg-gray-100 py-2 px-4 border-gray-200 fixed left-0 right-0 z-50", import('tailwind-variants/dist/config.js').TVConfig<{
+    position: {
+        top: string;
+        bottom: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    background: {
+        grey: string;
+        dark: string;
+        light: string;
+    };
+    padding: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, {
+    position: {
+        top: string;
+        bottom: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    background: {
+        grey: string;
+        dark: string;
+        light: string;
+    };
+    padding: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const adminBarContent: import('tailwind-variants').TVReturnType<{
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
+    };
+}, undefined, "flex items-center", import('tailwind-variants/dist/config.js').TVConfig<{
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
+    };
+}, {
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
+    };
+}>, {
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
+    };
+}, undefined, "flex items-center", import('tailwind-variants/dist/config.js').TVConfig<{
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
+    };
+}, {
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const adminBarButton: import('tailwind-variants').TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, undefined, "px-3 py-1 rounded text-sm font-medium transition-colors", import('tailwind-variants/dist/config.js').TVConfig<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, {
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}>, {
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, undefined, "px-3 py-1 rounded text-sm font-medium transition-colors", import('tailwind-variants/dist/config.js').TVConfig<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, {
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const adminBarError: import('tailwind-variants').TVReturnType<{
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    hasBorder: {
+        true: string;
+        false: string;
+    };
+}, undefined, "flex items-center justify-center bg-red-50 text-red-700 px-3 py-1 rounded-md text-sm", import('tailwind-variants/dist/config.js').TVConfig<{
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    hasBorder: {
+        true: string;
+        false: string;
+    };
+}, {
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    hasBorder: {
+        true: string;
+        false: string;
+    };
+}>, {
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    hasBorder: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    hasBorder: {
+        true: string;
+        false: string;
+    };
+}, undefined, "flex items-center justify-center bg-red-50 text-red-700 px-3 py-1 rounded-md text-sm", import('tailwind-variants/dist/config.js').TVConfig<{
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    hasBorder: {
+        true: string;
+        false: string;
+    };
+}, {
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    hasBorder: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const adminBarErrorTypography: import('tailwind-variants').TVReturnType<{
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+}, undefined, "text-red-700 text-sm font-medium", import('tailwind-variants/dist/config.js').TVConfig<{
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+}, {
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+}>, {
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+}, undefined, "text-red-700 text-sm font-medium", import('tailwind-variants/dist/config.js').TVConfig<{
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+}, {
+    severity: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const adminBarTheme: {
+    container: import('tailwind-variants').TVReturnType<{
+        position: {
+            top: string;
+            bottom: string;
+        };
+        fullWidth: {
+            true: string;
+        };
+        background: {
+            grey: string;
+            dark: string;
+            light: string;
+        };
+        padding: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }, undefined, "w-full bg-gray-100 py-2 px-4 border-gray-200 fixed left-0 right-0 z-50", import('tailwind-variants/dist/config.js').TVConfig<{
+        position: {
+            top: string;
+            bottom: string;
+        };
+        fullWidth: {
+            true: string;
+        };
+        background: {
+            grey: string;
+            dark: string;
+            light: string;
+        };
+        padding: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }, {
+        position: {
+            top: string;
+            bottom: string;
+        };
+        fullWidth: {
+            true: string;
+        };
+        background: {
+            grey: string;
+            dark: string;
+            light: string;
+        };
+        padding: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }>, {
+        position: {
+            top: string;
+            bottom: string;
+        };
+        fullWidth: {
+            true: string;
+        };
+        background: {
+            grey: string;
+            dark: string;
+            light: string;
+        };
+        padding: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        position: {
+            top: string;
+            bottom: string;
+        };
+        fullWidth: {
+            true: string;
+        };
+        background: {
+            grey: string;
+            dark: string;
+            light: string;
+        };
+        padding: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }, undefined, "w-full bg-gray-100 py-2 px-4 border-gray-200 fixed left-0 right-0 z-50", import('tailwind-variants/dist/config.js').TVConfig<{
+        position: {
+            top: string;
+            bottom: string;
+        };
+        fullWidth: {
+            true: string;
+        };
+        background: {
+            grey: string;
+            dark: string;
+            light: string;
+        };
+        padding: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }, {
+        position: {
+            top: string;
+            bottom: string;
+        };
+        fullWidth: {
+            true: string;
+        };
+        background: {
+            grey: string;
+            dark: string;
+            light: string;
+        };
+        padding: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }>, unknown, unknown, undefined>>;
+    content: import('tailwind-variants').TVReturnType<{
+        justify: {
+            start: string;
+            center: string;
+            end: string;
+            between: string;
+            around: string;
+            evenly: string;
+        };
+        gap: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        wrap: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "flex items-center", import('tailwind-variants/dist/config.js').TVConfig<{
+        justify: {
+            start: string;
+            center: string;
+            end: string;
+            between: string;
+            around: string;
+            evenly: string;
+        };
+        gap: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        wrap: {
+            true: string;
+            false: string;
+        };
+    }, {
+        justify: {
+            start: string;
+            center: string;
+            end: string;
+            between: string;
+            around: string;
+            evenly: string;
+        };
+        gap: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        wrap: {
+            true: string;
+            false: string;
+        };
+    }>, {
+        justify: {
+            start: string;
+            center: string;
+            end: string;
+            between: string;
+            around: string;
+            evenly: string;
+        };
+        gap: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        wrap: {
+            true: string;
+            false: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        justify: {
+            start: string;
+            center: string;
+            end: string;
+            between: string;
+            around: string;
+            evenly: string;
+        };
+        gap: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        wrap: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "flex items-center", import('tailwind-variants/dist/config.js').TVConfig<{
+        justify: {
+            start: string;
+            center: string;
+            end: string;
+            between: string;
+            around: string;
+            evenly: string;
+        };
+        gap: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        wrap: {
+            true: string;
+            false: string;
+        };
+    }, {
+        justify: {
+            start: string;
+            center: string;
+            end: string;
+            between: string;
+            around: string;
+            evenly: string;
+        };
+        gap: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        wrap: {
+            true: string;
+            false: string;
+        };
+    }>, unknown, unknown, undefined>>;
+    button: import('tailwind-variants').TVReturnType<{
+        variant: {
+            primary: string;
+            secondary: string;
+            danger: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }, undefined, "px-3 py-1 rounded text-sm font-medium transition-colors", import('tailwind-variants/dist/config.js').TVConfig<{
+        variant: {
+            primary: string;
+            secondary: string;
+            danger: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }, {
+        variant: {
+            primary: string;
+            secondary: string;
+            danger: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }>, {
+        variant: {
+            primary: string;
+            secondary: string;
+            danger: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        variant: {
+            primary: string;
+            secondary: string;
+            danger: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }, undefined, "px-3 py-1 rounded text-sm font-medium transition-colors", import('tailwind-variants/dist/config.js').TVConfig<{
+        variant: {
+            primary: string;
+            secondary: string;
+            danger: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }, {
+        variant: {
+            primary: string;
+            secondary: string;
+            danger: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    }>, unknown, unknown, undefined>>;
+    error: import('tailwind-variants').TVReturnType<{
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+        hasBorder: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "flex items-center justify-center bg-red-50 text-red-700 px-3 py-1 rounded-md text-sm", import('tailwind-variants/dist/config.js').TVConfig<{
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+        hasBorder: {
+            true: string;
+            false: string;
+        };
+    }, {
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+        hasBorder: {
+            true: string;
+            false: string;
+        };
+    }>, {
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+        hasBorder: {
+            true: string;
+            false: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+        hasBorder: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "flex items-center justify-center bg-red-50 text-red-700 px-3 py-1 rounded-md text-sm", import('tailwind-variants/dist/config.js').TVConfig<{
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+        hasBorder: {
+            true: string;
+            false: string;
+        };
+    }, {
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+        hasBorder: {
+            true: string;
+            false: string;
+        };
+    }>, unknown, unknown, undefined>>;
+    errorTypography: import('tailwind-variants').TVReturnType<{
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+    }, undefined, "text-red-700 text-sm font-medium", import('tailwind-variants/dist/config.js').TVConfig<{
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+    }, {
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+    }>, {
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+    }, undefined, "text-red-700 text-sm font-medium", import('tailwind-variants/dist/config.js').TVConfig<{
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+    }, {
+        severity: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+    }>, unknown, unknown, undefined>>;
+};