@okam/stack-ui 1.37.1 → 1.38.0

package/theme/Box/index.d.ts

@@ -1,214 +1,214 @@
 export declare const main: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "w-full bg-slate-100", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "w-full bg-slate-100", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const container: import("tailwind-variants").TVReturnType<{
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, undefined, "max-w-screen-lg mx-auto w-full", import("tailwind-variants/dist/config.js").TVConfig<{
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, {
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }>, {
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, undefined, "max-w-screen-lg mx-auto w-full", import("tailwind-variants/dist/config.js").TVConfig<{
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, {
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const grid: import("tailwind-variants").TVReturnType<{
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
 }, undefined, "grid grid-cols-12 gap-6 px-4 col-span-full", import("tailwind-variants/dist/config.js").TVConfig<{
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
 }, {
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }>, {
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, undefined, "max-w-screen-lg mx-auto w-full", import("tailwind-variants/dist/config.js").TVConfig<{
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, {
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }>, {
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, undefined, "max-w-screen-lg mx-auto w-full", import("tailwind-variants/dist/config.js").TVConfig<{
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }, {
     fullWidth: {
-        true: "max-w-full col-span-full p-0";
+        true: string;
     };
     spacing: {
-        small: "mb-3";
-        medium: "mb-6";
-        large: "mb-8";
-        none: "mb-0";
+        small: string;
+        medium: string;
+        large: string;
+        none: string;
     };
 }>, unknown, unknown, undefined>>>;
 export declare const gridItem: import("tailwind-variants").TVReturnType<{
     size: {
-        small: "col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4";
-        medium: "col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8";
-        large: "lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13";
+        small: string;
+        medium: string;
+        large: string;
     };
 }, undefined, "bg-slate-300 h-64 p-4 flex justify-start items-end", import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
-        small: "col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4";
-        medium: "col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8";
-        large: "lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13";
+        small: string;
+        medium: string;
+        large: string;
     };
 }, {
     size: {
-        small: "col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4";
-        medium: "col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8";
-        large: "lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13";
+        small: string;
+        medium: string;
+        large: string;
     };
 }>, {
     size: {
-        small: "col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4";
-        medium: "col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8";
-        large: "lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13";
+        small: string;
+        medium: string;
+        large: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     size: {
-        small: "col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4";
-        medium: "col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8";
-        large: "lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13";
+        small: string;
+        medium: string;
+        large: string;
     };
 }, undefined, "bg-slate-300 h-64 p-4 flex justify-start items-end", import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
-        small: "col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4";
-        medium: "col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8";
-        large: "lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13";
+        small: string;
+        medium: string;
+        large: string;
     };
 }, {
     size: {
-        small: "col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4";
-        medium: "col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8";
-        large: "lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13";
+        small: string;
+        medium: string;
+        large: string;
     };
 }>, unknown, unknown, undefined>>;

package/theme/Button/index.d.ts

@@ -1,149 +1,149 @@
 declare const button: 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>>;
 export default button;