@okam/stack-ui 1.25.3 → 1.25.6

package/theme/Alerts/index.d.ts

@@ -0,0 +1,1167 @@
+declare const alertsTheme: {
+    wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-color-1-200 p-4 flex flex-col gap-4", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-color-1-200 p-4 flex flex-col gap-4", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    container: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex justify-between items-center gap-4 relative", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex justify-between items-center gap-4 relative", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    closeBtn: import("tailwind-variants").TVReturnType<{} | {
+        buttonStyle: {
+            default: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            outline: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            hollow: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        intent: {
+            error: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        size: {
+            default: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            large: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        shape: {
+            rounded: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            circular: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+    }, undefined, "self-end", import("tailwind-variants/dist/config").TVConfig<{} | {
+        buttonStyle: {
+            default: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            outline: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            hollow: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        intent: {
+            error: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        size: {
+            default: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            large: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        shape: {
+            rounded: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            circular: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+    }, {
+        buttonStyle: {
+            default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+            outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+            hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+        };
+        intent: {
+            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+        };
+        size: {
+            default: "min-w-12 min-h-6";
+            large: "min-w-36 min-h-18";
+        };
+        shape: {
+            rounded: "rounded-md";
+            circular: "rounded-full";
+        };
+    }>, {
+        buttonStyle: {
+            default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+            outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+            hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+        };
+        intent: {
+            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+        };
+        size: {
+            default: "min-w-12 min-h-6";
+            large: "min-w-36 min-h-18";
+        };
+        shape: {
+            rounded: "rounded-md";
+            circular: "rounded-full";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        buttonStyle: {
+            default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+            outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+            hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+        };
+        intent: {
+            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+        };
+        size: {
+            default: "min-w-12 min-h-6";
+            large: "min-w-36 min-h-18";
+        };
+        shape: {
+            rounded: "rounded-md";
+            circular: "rounded-full";
+        };
+    }, undefined, "\n    flex\n    items-center\n    justify-center\n    gap-4\n    transition\n    duration-300\n    ease-in-out\n    disabled:pointer-events-none\n    disabled:opacity-30\n    focus-ring-black\n  ", import("tailwind-variants/dist/config").TVConfig<{
+        buttonStyle: {
+            default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+            outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+            hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+        };
+        intent: {
+            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+        };
+        size: {
+            default: "min-w-12 min-h-6";
+            large: "min-w-36 min-h-18";
+        };
+        shape: {
+            rounded: "rounded-md";
+            circular: "rounded-full";
+        };
+    }, {
+        buttonStyle: {
+            default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+            outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+            hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+        };
+        intent: {
+            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+        };
+        size: {
+            default: "min-w-12 min-h-6";
+            large: "min-w-36 min-h-18";
+        };
+        shape: {
+            rounded: "rounded-md";
+            circular: "rounded-full";
+        };
+    }>, {
+        buttonStyle: {
+            default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+            outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+            hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+        };
+        intent: {
+            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+        };
+        size: {
+            default: "min-w-12 min-h-6";
+            large: "min-w-36 min-h-18";
+        };
+        shape: {
+            rounded: "rounded-md";
+            circular: "rounded-full";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        buttonStyle: {
+            default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+            outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+            hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+        };
+        intent: {
+            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+        };
+        size: {
+            default: "min-w-12 min-h-6";
+            large: "min-w-36 min-h-18";
+        };
+        shape: {
+            rounded: "rounded-md";
+            circular: "rounded-full";
+        };
+    }, undefined, "\n    flex\n    items-center\n    justify-center\n    gap-4\n    transition\n    duration-300\n    ease-in-out\n    disabled:pointer-events-none\n    disabled:opacity-30\n    focus-ring-black\n  ", import("tailwind-variants/dist/config").TVConfig<{
+        buttonStyle: {
+            default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+            outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+            hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+        };
+        intent: {
+            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+        };
+        size: {
+            default: "min-w-12 min-h-6";
+            large: "min-w-36 min-h-18";
+        };
+        shape: {
+            rounded: "rounded-md";
+            circular: "rounded-full";
+        };
+    }, {
+        buttonStyle: {
+            default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+            outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+            hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+        };
+        intent: {
+            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+        };
+        size: {
+            default: "min-w-12 min-h-6";
+            large: "min-w-36 min-h-18";
+        };
+        shape: {
+            rounded: "rounded-md";
+            circular: "rounded-full";
+        };
+    }>, unknown, unknown, undefined>>>;
+    swiper: {
+        swiper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-color-1-300 m-2 rounded-lg order-2", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-color-1-300 m-2 rounded-lg order-2", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+        wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "m-4", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "m-4", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    };
+    item: {
+        wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+        container: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+        title: import("tailwind-variants").TVReturnType<{} | {
+            size: {
+                h1: import("tailwind-variants").ClassValue | {};
+                h2: import("tailwind-variants").ClassValue | {};
+                h3: import("tailwind-variants").ClassValue | {};
+                h4: import("tailwind-variants").ClassValue | {};
+                h5: import("tailwind-variants").ClassValue | {};
+                h6: import("tailwind-variants").ClassValue | {};
+                leading: import("tailwind-variants").ClassValue | {};
+                paragraph: import("tailwind-variants").ClassValue | {};
+                footnotes: import("tailwind-variants").ClassValue | {};
+                xs: import("tailwind-variants").ClassValue | {};
+            };
+            font: {
+                body: import("tailwind-variants").ClassValue | {};
+            };
+            weight: {
+                normal: import("tailwind-variants").ClassValue | {};
+                light: import("tailwind-variants").ClassValue | {};
+                bold: import("tailwind-variants").ClassValue | {};
+            };
+            color: {
+                gray: import("tailwind-variants").ClassValue | {};
+                white: import("tailwind-variants").ClassValue | {};
+            };
+            isError: {
+                true: import("tailwind-variants").ClassValue | {};
+            };
+            align: {
+                center: import("tailwind-variants").ClassValue | {};
+                left: import("tailwind-variants").ClassValue | {};
+                right: import("tailwind-variants").ClassValue | {};
+            };
+        }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{} | {
+            size: {
+                h1: import("tailwind-variants").ClassValue | {};
+                h2: import("tailwind-variants").ClassValue | {};
+                h3: import("tailwind-variants").ClassValue | {};
+                h4: import("tailwind-variants").ClassValue | {};
+                h5: import("tailwind-variants").ClassValue | {};
+                h6: import("tailwind-variants").ClassValue | {};
+                leading: import("tailwind-variants").ClassValue | {};
+                paragraph: import("tailwind-variants").ClassValue | {};
+                footnotes: import("tailwind-variants").ClassValue | {};
+                xs: import("tailwind-variants").ClassValue | {};
+            };
+            font: {
+                body: import("tailwind-variants").ClassValue | {};
+            };
+            weight: {
+                normal: import("tailwind-variants").ClassValue | {};
+                light: import("tailwind-variants").ClassValue | {};
+                bold: import("tailwind-variants").ClassValue | {};
+            };
+            color: {
+                gray: import("tailwind-variants").ClassValue | {};
+                white: import("tailwind-variants").ClassValue | {};
+            };
+            isError: {
+                true: import("tailwind-variants").ClassValue | {};
+            };
+            align: {
+                center: import("tailwind-variants").ClassValue | {};
+                left: import("tailwind-variants").ClassValue | {};
+                right: import("tailwind-variants").ClassValue | {};
+            };
+        }, {
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }>, {
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, undefined, import("tailwind-variants").TVReturnType<{
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, {
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }>, {
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, undefined, import("tailwind-variants").TVReturnType<{
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, {
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }>, unknown, unknown, undefined>>>;
+        content: import("tailwind-variants").TVReturnType<{} | {
+            size: {
+                h1: import("tailwind-variants").ClassValue | {};
+                h2: import("tailwind-variants").ClassValue | {};
+                h3: import("tailwind-variants").ClassValue | {};
+                h4: import("tailwind-variants").ClassValue | {};
+                h5: import("tailwind-variants").ClassValue | {};
+                h6: import("tailwind-variants").ClassValue | {};
+                leading: import("tailwind-variants").ClassValue | {};
+                paragraph: import("tailwind-variants").ClassValue | {};
+                footnotes: import("tailwind-variants").ClassValue | {};
+                xs: import("tailwind-variants").ClassValue | {};
+            };
+            font: {
+                body: import("tailwind-variants").ClassValue | {};
+            };
+            weight: {
+                normal: import("tailwind-variants").ClassValue | {};
+                light: import("tailwind-variants").ClassValue | {};
+                bold: import("tailwind-variants").ClassValue | {};
+            };
+            color: {
+                gray: import("tailwind-variants").ClassValue | {};
+                white: import("tailwind-variants").ClassValue | {};
+            };
+            isError: {
+                true: import("tailwind-variants").ClassValue | {};
+            };
+            align: {
+                center: import("tailwind-variants").ClassValue | {};
+                left: import("tailwind-variants").ClassValue | {};
+                right: import("tailwind-variants").ClassValue | {};
+            };
+        }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{} | {
+            size: {
+                h1: import("tailwind-variants").ClassValue | {};
+                h2: import("tailwind-variants").ClassValue | {};
+                h3: import("tailwind-variants").ClassValue | {};
+                h4: import("tailwind-variants").ClassValue | {};
+                h5: import("tailwind-variants").ClassValue | {};
+                h6: import("tailwind-variants").ClassValue | {};
+                leading: import("tailwind-variants").ClassValue | {};
+                paragraph: import("tailwind-variants").ClassValue | {};
+                footnotes: import("tailwind-variants").ClassValue | {};
+                xs: import("tailwind-variants").ClassValue | {};
+            };
+            font: {
+                body: import("tailwind-variants").ClassValue | {};
+            };
+            weight: {
+                normal: import("tailwind-variants").ClassValue | {};
+                light: import("tailwind-variants").ClassValue | {};
+                bold: import("tailwind-variants").ClassValue | {};
+            };
+            color: {
+                gray: import("tailwind-variants").ClassValue | {};
+                white: import("tailwind-variants").ClassValue | {};
+            };
+            isError: {
+                true: import("tailwind-variants").ClassValue | {};
+            };
+            align: {
+                center: import("tailwind-variants").ClassValue | {};
+                left: import("tailwind-variants").ClassValue | {};
+                right: import("tailwind-variants").ClassValue | {};
+            };
+        }, {
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }>, {
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, undefined, import("tailwind-variants").TVReturnType<{
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, {
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }>, {
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, undefined, import("tailwind-variants").TVReturnType<{
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }, {
+            size: {
+                h1: "text-5xl";
+                h2: "text-4xl";
+                h3: "text-3xl";
+                h4: "text-2xl";
+                h5: "text-xl";
+                h6: "text-lg";
+                leading: "text-md font-bold leading-normal";
+                paragraph: "text-md inline";
+                footnotes: "text-sm";
+                xs: "text-xs";
+            };
+            font: {
+                body: "font-body";
+            };
+            weight: {
+                normal: "font-normal";
+                light: "font-light";
+                bold: "font-bold";
+            };
+            color: {
+                gray: "text-gray-500";
+                white: "text-white";
+            };
+            isError: {
+                true: "text-sm text-error py-3";
+            };
+            align: {
+                center: "text-center";
+                left: "text-left";
+                right: "text-right";
+            };
+        }>, unknown, unknown, undefined>>>;
+        icon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "block w-min bg-color-1-400 p-2 rounded-lg", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "block w-min bg-color-1-400 p-2 rounded-lg", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    };
+    navigation: {
+        button: import("tailwind-variants").TVReturnType<{
+            order: {
+                prev: "order-1";
+                next: "order-3";
+            };
+        }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+            order: {
+                prev: "order-1";
+                next: "order-3";
+            };
+        }, {
+            buttonStyle: {
+                default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+                outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+                hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+            };
+            intent: {
+                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            };
+            size: {
+                default: "min-w-12 min-h-6";
+                large: "min-w-36 min-h-18";
+            };
+            shape: {
+                rounded: "rounded-md";
+                circular: "rounded-full";
+            };
+        }>, {
+            buttonStyle: {
+                default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+                outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+                hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+            };
+            intent: {
+                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            };
+            size: {
+                default: "min-w-12 min-h-6";
+                large: "min-w-36 min-h-18";
+            };
+            shape: {
+                rounded: "rounded-md";
+                circular: "rounded-full";
+            };
+        }, undefined, import("tailwind-variants").TVReturnType<{
+            buttonStyle: {
+                default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+                outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+                hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+            };
+            intent: {
+                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            };
+            size: {
+                default: "min-w-12 min-h-6";
+                large: "min-w-36 min-h-18";
+            };
+            shape: {
+                rounded: "rounded-md";
+                circular: "rounded-full";
+            };
+        }, undefined, "\n    flex\n    items-center\n    justify-center\n    gap-4\n    transition\n    duration-300\n    ease-in-out\n    disabled:pointer-events-none\n    disabled:opacity-30\n    focus-ring-black\n  ", import("tailwind-variants/dist/config").TVConfig<{
+            buttonStyle: {
+                default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+                outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+                hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+            };
+            intent: {
+                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            };
+            size: {
+                default: "min-w-12 min-h-6";
+                large: "min-w-36 min-h-18";
+            };
+            shape: {
+                rounded: "rounded-md";
+                circular: "rounded-full";
+            };
+        }, {
+            buttonStyle: {
+                default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+                outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+                hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+            };
+            intent: {
+                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            };
+            size: {
+                default: "min-w-12 min-h-6";
+                large: "min-w-36 min-h-18";
+            };
+            shape: {
+                rounded: "rounded-md";
+                circular: "rounded-full";
+            };
+        }>, {
+            buttonStyle: {
+                default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+                outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+                hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+            };
+            intent: {
+                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            };
+            size: {
+                default: "min-w-12 min-h-6";
+                large: "min-w-36 min-h-18";
+            };
+            shape: {
+                rounded: "rounded-md";
+                circular: "rounded-full";
+            };
+        }, undefined, import("tailwind-variants").TVReturnType<{
+            buttonStyle: {
+                default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+                outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+                hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+            };
+            intent: {
+                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            };
+            size: {
+                default: "min-w-12 min-h-6";
+                large: "min-w-36 min-h-18";
+            };
+            shape: {
+                rounded: "rounded-md";
+                circular: "rounded-full";
+            };
+        }, undefined, "\n    flex\n    items-center\n    justify-center\n    gap-4\n    transition\n    duration-300\n    ease-in-out\n    disabled:pointer-events-none\n    disabled:opacity-30\n    focus-ring-black\n  ", import("tailwind-variants/dist/config").TVConfig<{
+            buttonStyle: {
+                default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+                outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+                hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+            };
+            intent: {
+                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            };
+            size: {
+                default: "min-w-12 min-h-6";
+                large: "min-w-36 min-h-18";
+            };
+            shape: {
+                rounded: "rounded-md";
+                circular: "rounded-full";
+            };
+        }, {
+            buttonStyle: {
+                default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ";
+                outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ";
+                hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          ";
+            };
+            intent: {
+                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            };
+            size: {
+                default: "min-w-12 min-h-6";
+                large: "min-w-36 min-h-18";
+            };
+            shape: {
+                rounded: "rounded-md";
+                circular: "rounded-full";
+            };
+        }>, unknown, unknown, undefined>>>;
+    };
+    pagination: {
+        wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+        bullet: import("tailwind-variants").TVReturnType<{
+            active: {
+                true: "bg-color-1-100";
+                false: "";
+            };
+        }, undefined, "w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black", import("tailwind-variants/dist/config").TVConfig<{
+            active: {
+                true: "bg-color-1-100";
+                false: "";
+            };
+        }, {
+            active: {
+                true: "bg-color-1-100";
+                false: "";
+            };
+        }>, {
+            active: {
+                true: "bg-color-1-100";
+                false: "";
+            };
+        }, undefined, import("tailwind-variants").TVReturnType<{
+            active: {
+                true: "bg-color-1-100";
+                false: "";
+            };
+        }, undefined, "w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black", import("tailwind-variants/dist/config").TVConfig<{
+            active: {
+                true: "bg-color-1-100";
+                false: "";
+            };
+        }, {
+            active: {
+                true: "bg-color-1-100";
+                false: "";
+            };
+        }>, unknown, unknown, undefined>>;
+    };
+};
+export default alertsTheme;