@okam/stack-ui 1.25.3 → 1.25.6

package/theme/Box/index.d.ts

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

package/theme/Button/index.d.ts

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