@okam/stack-ui 1.37.1 → 1.38.0

package/theme/Alerts/index.d.ts

@@ -85,192 +85,192 @@ declare const alertsTheme: {
         };
     }, {
         type: {
-            button: "";
-            menu: "text-2xl";
+            button: string;
+            menu: string;
         };
         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          ";
+            default: string;
+            outline: string;
+            hollow: string;
         };
         intent: {
-            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            error: string;
         };
         size: {
-            default: "min-w-12 min-h-6";
-            large: "min-w-36 min-h-18";
+            default: string;
+            large: string;
         };
         shape: {
-            rounded: "rounded-md";
-            circular: "rounded-full";
+            rounded: string;
+            circular: string;
         };
     }>, {
         type: {
-            button: "";
-            menu: "text-2xl";
+            button: string;
+            menu: string;
         };
         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          ";
+            default: string;
+            outline: string;
+            hollow: string;
         };
         intent: {
-            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            error: string;
         };
         size: {
-            default: "min-w-12 min-h-6";
-            large: "min-w-36 min-h-18";
+            default: string;
+            large: string;
         };
         shape: {
-            rounded: "rounded-md";
-            circular: "rounded-full";
+            rounded: string;
+            circular: string;
         };
     }, undefined, import("tailwind-variants").TVReturnType<{
         type: {
-            button: "";
-            menu: "text-2xl";
+            button: string;
+            menu: string;
         };
         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          ";
+            default: string;
+            outline: string;
+            hollow: string;
         };
         intent: {
-            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            error: string;
         };
         size: {
-            default: "min-w-12 min-h-6";
-            large: "min-w-36 min-h-18";
+            default: string;
+            large: string;
         };
         shape: {
-            rounded: "rounded-md";
-            circular: "rounded-full";
+            rounded: string;
+            circular: string;
         };
     }, 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.js").TVConfig<{
         type: {
-            button: "";
-            menu: "text-2xl";
+            button: string;
+            menu: string;
         };
         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          ";
+            default: string;
+            outline: string;
+            hollow: string;
         };
         intent: {
-            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            error: string;
         };
         size: {
-            default: "min-w-12 min-h-6";
-            large: "min-w-36 min-h-18";
+            default: string;
+            large: string;
         };
         shape: {
-            rounded: "rounded-md";
-            circular: "rounded-full";
+            rounded: string;
+            circular: string;
         };
     }, {
         type: {
-            button: "";
-            menu: "text-2xl";
+            button: string;
+            menu: string;
         };
         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          ";
+            default: string;
+            outline: string;
+            hollow: string;
         };
         intent: {
-            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            error: string;
         };
         size: {
-            default: "min-w-12 min-h-6";
-            large: "min-w-36 min-h-18";
+            default: string;
+            large: string;
         };
         shape: {
-            rounded: "rounded-md";
-            circular: "rounded-full";
+            rounded: string;
+            circular: string;
         };
     }>, {
         type: {
-            button: "";
-            menu: "text-2xl";
+            button: string;
+            menu: string;
         };
         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          ";
+            default: string;
+            outline: string;
+            hollow: string;
         };
         intent: {
-            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            error: string;
         };
         size: {
-            default: "min-w-12 min-h-6";
-            large: "min-w-36 min-h-18";
+            default: string;
+            large: string;
         };
         shape: {
-            rounded: "rounded-md";
-            circular: "rounded-full";
+            rounded: string;
+            circular: string;
         };
     }, undefined, import("tailwind-variants").TVReturnType<{
         type: {
-            button: "";
-            menu: "text-2xl";
+            button: string;
+            menu: string;
         };
         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          ";
+            default: string;
+            outline: string;
+            hollow: string;
         };
         intent: {
-            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            error: string;
         };
         size: {
-            default: "min-w-12 min-h-6";
-            large: "min-w-36 min-h-18";
+            default: string;
+            large: string;
         };
         shape: {
-            rounded: "rounded-md";
-            circular: "rounded-full";
+            rounded: string;
+            circular: string;
         };
     }, 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.js").TVConfig<{
         type: {
-            button: "";
-            menu: "text-2xl";
+            button: string;
+            menu: string;
         };
         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          ";
+            default: string;
+            outline: string;
+            hollow: string;
         };
         intent: {
-            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            error: string;
         };
         size: {
-            default: "min-w-12 min-h-6";
-            large: "min-w-36 min-h-18";
+            default: string;
+            large: string;
         };
         shape: {
-            rounded: "rounded-md";
-            circular: "rounded-full";
+            rounded: string;
+            circular: string;
         };
     }, {
         type: {
-            button: "";
-            menu: "text-2xl";
+            button: string;
+            menu: string;
         };
         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          ";
+            default: string;
+            outline: string;
+            hollow: string;
         };
         intent: {
-            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+            error: string;
         };
         size: {
-            default: "min-w-12 min-h-6";
-            large: "min-w-36 min-h-18";
+            default: string;
+            large: string;
         };
         shape: {
-            rounded: "rounded-md";
-            circular: "rounded-full";
+            rounded: string;
+            circular: string;
         };
     }>, unknown, unknown, undefined>>>;
     swiper: {
@@ -348,300 +348,300 @@ declare const alertsTheme: {
             };
         }, {
             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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }>, {
             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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, 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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, undefined, undefined, import("tailwind-variants/dist/config.js").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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, {
             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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }>, {
             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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, 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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, undefined, undefined, import("tailwind-variants/dist/config.js").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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, {
             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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }>, unknown, unknown, undefined>>>;
         content: import("tailwind-variants").TVReturnType<{} | {
@@ -712,300 +712,300 @@ declare const alertsTheme: {
             };
         }, {
             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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }>, {
             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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, 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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, undefined, undefined, import("tailwind-variants/dist/config.js").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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, {
             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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }>, {
             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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, 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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, undefined, undefined, import("tailwind-variants/dist/config.js").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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }, {
             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";
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+                leading: string;
+                paragraph: string;
+                footnotes: string;
+                xs: string;
             };
             font: {
-                body: "font-body";
+                body: string;
             };
             weight: {
-                normal: "font-normal";
-                light: "font-light";
-                bold: "font-bold";
+                normal: string;
+                light: string;
+                bold: string;
             };
             color: {
-                gray: "text-gray-500";
-                white: "text-white";
+                gray: string;
+                white: string;
             };
             isError: {
-                true: "text-sm text-error py-3";
+                true: string;
             };
             align: {
-                center: "text-center";
-                left: "text-left";
-                right: "text-right";
+                center: string;
+                left: string;
+                right: string;
             };
         }>, 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.js").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.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
@@ -1013,202 +1013,202 @@ declare const alertsTheme: {
     navigation: {
         button: import("tailwind-variants").TVReturnType<{
             order: {
-                prev: "order-1";
-                next: "order-3";
+                prev: string;
+                next: string;
             };
         }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
             order: {
-                prev: "order-1";
-                next: "order-3";
+                prev: string;
+                next: string;
             };
         }, {
             type: {
-                button: "";
-                menu: "text-2xl";
+                button: string;
+                menu: string;
             };
             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          ";
+                default: string;
+                outline: string;
+                hollow: string;
             };
             intent: {
-                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+                error: string;
             };
             size: {
-                default: "min-w-12 min-h-6";
-                large: "min-w-36 min-h-18";
+                default: string;
+                large: string;
             };
             shape: {
-                rounded: "rounded-md";
-                circular: "rounded-full";
+                rounded: string;
+                circular: string;
             };
         }>, {
             type: {
-                button: "";
-                menu: "text-2xl";
+                button: string;
+                menu: string;
             };
             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          ";
+                default: string;
+                outline: string;
+                hollow: string;
             };
             intent: {
-                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+                error: string;
             };
             size: {
-                default: "min-w-12 min-h-6";
-                large: "min-w-36 min-h-18";
+                default: string;
+                large: string;
             };
             shape: {
-                rounded: "rounded-md";
-                circular: "rounded-full";
+                rounded: string;
+                circular: string;
             };
         }, undefined, import("tailwind-variants").TVReturnType<{
             type: {
-                button: "";
-                menu: "text-2xl";
+                button: string;
+                menu: string;
             };
             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          ";
+                default: string;
+                outline: string;
+                hollow: string;
             };
             intent: {
-                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+                error: string;
             };
             size: {
-                default: "min-w-12 min-h-6";
-                large: "min-w-36 min-h-18";
+                default: string;
+                large: string;
             };
             shape: {
-                rounded: "rounded-md";
-                circular: "rounded-full";
+                rounded: string;
+                circular: string;
             };
         }, 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.js").TVConfig<{
             type: {
-                button: "";
-                menu: "text-2xl";
+                button: string;
+                menu: string;
             };
             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          ";
+                default: string;
+                outline: string;
+                hollow: string;
             };
             intent: {
-                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+                error: string;
             };
             size: {
-                default: "min-w-12 min-h-6";
-                large: "min-w-36 min-h-18";
+                default: string;
+                large: string;
             };
             shape: {
-                rounded: "rounded-md";
-                circular: "rounded-full";
+                rounded: string;
+                circular: string;
             };
         }, {
             type: {
-                button: "";
-                menu: "text-2xl";
+                button: string;
+                menu: string;
             };
             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          ";
+                default: string;
+                outline: string;
+                hollow: string;
             };
             intent: {
-                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+                error: string;
             };
             size: {
-                default: "min-w-12 min-h-6";
-                large: "min-w-36 min-h-18";
+                default: string;
+                large: string;
             };
             shape: {
-                rounded: "rounded-md";
-                circular: "rounded-full";
+                rounded: string;
+                circular: string;
             };
         }>, {
             type: {
-                button: "";
-                menu: "text-2xl";
+                button: string;
+                menu: string;
             };
             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          ";
+                default: string;
+                outline: string;
+                hollow: string;
             };
             intent: {
-                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+                error: string;
             };
             size: {
-                default: "min-w-12 min-h-6";
-                large: "min-w-36 min-h-18";
+                default: string;
+                large: string;
             };
             shape: {
-                rounded: "rounded-md";
-                circular: "rounded-full";
+                rounded: string;
+                circular: string;
             };
         }, undefined, import("tailwind-variants").TVReturnType<{
             type: {
-                button: "";
-                menu: "text-2xl";
+                button: string;
+                menu: string;
             };
             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          ";
+                default: string;
+                outline: string;
+                hollow: string;
             };
             intent: {
-                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+                error: string;
             };
             size: {
-                default: "min-w-12 min-h-6";
-                large: "min-w-36 min-h-18";
+                default: string;
+                large: string;
             };
             shape: {
-                rounded: "rounded-md";
-                circular: "rounded-full";
+                rounded: string;
+                circular: string;
             };
         }, 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.js").TVConfig<{
             type: {
-                button: "";
-                menu: "text-2xl";
+                button: string;
+                menu: string;
             };
             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          ";
+                default: string;
+                outline: string;
+                hollow: string;
             };
             intent: {
-                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+                error: string;
             };
             size: {
-                default: "min-w-12 min-h-6";
-                large: "min-w-36 min-h-18";
+                default: string;
+                large: string;
             };
             shape: {
-                rounded: "rounded-md";
-                circular: "rounded-full";
+                rounded: string;
+                circular: string;
             };
         }, {
             type: {
-                button: "";
-                menu: "text-2xl";
+                button: string;
+                menu: string;
             };
             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          ";
+                default: string;
+                outline: string;
+                hollow: string;
             };
             intent: {
-                error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          ";
+                error: string;
             };
             size: {
-                default: "min-w-12 min-h-6";
-                large: "min-w-36 min-h-18";
+                default: string;
+                large: string;
             };
             shape: {
-                rounded: "rounded-md";
-                circular: "rounded-full";
+                rounded: string;
+                circular: string;
             };
         }>, unknown, unknown, undefined>>>;
     };
@@ -1216,38 +1216,38 @@ declare const alertsTheme: {
         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.js").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.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
         bullet: import("tailwind-variants").TVReturnType<{
             active: {
-                true: "bg-color-1-100";
-                false: "";
+                true: string;
+                false: string;
             };
         }, undefined, "w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<{
             active: {
-                true: "bg-color-1-100";
-                false: "";
+                true: string;
+                false: string;
             };
         }, {
             active: {
-                true: "bg-color-1-100";
-                false: "";
+                true: string;
+                false: string;
             };
         }>, {
             active: {
-                true: "bg-color-1-100";
-                false: "";
+                true: string;
+                false: string;
             };
         }, undefined, import("tailwind-variants").TVReturnType<{
             active: {
-                true: "bg-color-1-100";
-                false: "";
+                true: string;
+                false: string;
             };
         }, undefined, "w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<{
             active: {
-                true: "bg-color-1-100";
-                false: "";
+                true: string;
+                false: string;
             };
         }, {
             active: {
-                true: "bg-color-1-100";
-                false: "";
+                true: string;
+                false: string;
             };
         }>, unknown, unknown, undefined>>;
     };