@okam/stack-ui 1.37.1 → 1.38.0

package/theme/Carousel/index.d.ts

@@ -7,202 +7,202 @@ declare const carouselTheme: {
     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>>>;
     };
@@ -210,38 +210,38 @@ declare const carouselTheme: {
         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>>;
     };

package/theme/Checkbox/index.d.ts

@@ -1,159 +1,159 @@
 export declare const checkboxContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const checkboxLabel: import("tailwind-variants").TVReturnType<{
     color: {
-        gray: "text-gray-300";
-        black: "text-black";
+        gray: string;
+        black: string;
     };
     isDisabled: {
-        true: "text-gray-6";
+        true: string;
     };
 }, undefined, "hover:cursor-pointer", import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
-        gray: "text-gray-300";
-        black: "text-black";
+        gray: string;
+        black: string;
     };
     isDisabled: {
-        true: "text-gray-6";
+        true: string;
     };
 }, {
     color: {
-        gray: "text-gray-300";
-        black: "text-black";
+        gray: string;
+        black: string;
     };
     isDisabled: {
-        true: "text-gray-6";
+        true: string;
     };
 }>, {
     color: {
-        gray: "text-gray-300";
-        black: "text-black";
+        gray: string;
+        black: string;
     };
     isDisabled: {
-        true: "text-gray-6";
+        true: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     color: {
-        gray: "text-gray-300";
-        black: "text-black";
+        gray: string;
+        black: string;
     };
     isDisabled: {
-        true: "text-gray-6";
+        true: string;
     };
 }, undefined, "hover:cursor-pointer", import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
-        gray: "text-gray-300";
-        black: "text-black";
+        gray: string;
+        black: string;
     };
     isDisabled: {
-        true: "text-gray-6";
+        true: string;
     };
 }, {
     color: {
-        gray: "text-gray-300";
-        black: "text-black";
+        gray: string;
+        black: string;
     };
     isDisabled: {
-        true: "text-gray-6";
+        true: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const checkBox: import("tailwind-variants").TVReturnType<{
     isDisabled: {
-        true: "border-gray-6";
+        true: string;
     };
     isFocused: {
-        true: "outline-black [outline-offset: 2px]";
+        true: string;
     };
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }, undefined, "w-6 h-6 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center", import("tailwind-variants/dist/config.js").TVConfig<{
     isDisabled: {
-        true: "border-gray-6";
+        true: string;
     };
     isFocused: {
-        true: "outline-black [outline-offset: 2px]";
+        true: string;
     };
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }, {
     isDisabled: {
-        true: "border-gray-6";
+        true: string;
     };
     isFocused: {
-        true: "outline-black [outline-offset: 2px]";
+        true: string;
     };
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }>, {
     isDisabled: {
-        true: "border-gray-6";
+        true: string;
     };
     isFocused: {
-        true: "outline-black [outline-offset: 2px]";
+        true: string;
     };
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     isDisabled: {
-        true: "border-gray-6";
+        true: string;
     };
     isFocused: {
-        true: "outline-black [outline-offset: 2px]";
+        true: string;
     };
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }, undefined, "w-6 h-6 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center", import("tailwind-variants/dist/config.js").TVConfig<{
     isDisabled: {
-        true: "border-gray-6";
+        true: string;
     };
     isFocused: {
-        true: "outline-black [outline-offset: 2px]";
+        true: string;
     };
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }, {
     isDisabled: {
-        true: "border-gray-6";
+        true: string;
     };
     isFocused: {
-        true: "outline-black [outline-offset: 2px]";
+        true: string;
     };
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const checkMark: import("tailwind-variants").TVReturnType<{
     selected: {
-        true: "block text-white";
+        true: string;
     };
 }, undefined, "hidden w-4 h-4 bg-gray-300 rounded-full", import("tailwind-variants/dist/config.js").TVConfig<{
     selected: {
-        true: "block text-white";
+        true: string;
     };
 }, {
     selected: {
-        true: "block text-white";
+        true: string;
     };
 }>, {
     selected: {
-        true: "block text-white";
+        true: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     selected: {
-        true: "block text-white";
+        true: string;
     };
 }, undefined, "hidden w-4 h-4 bg-gray-300 rounded-full", import("tailwind-variants/dist/config.js").TVConfig<{
     selected: {
-        true: "block text-white";
+        true: string;
     };
 }, {
     selected: {
-        true: "block text-white";
+        true: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const checkMarkIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-white w-4 h-4 [&_svg]:w-4 [&_svg]:h-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-white w-4 h-4 [&_svg]:w-4 [&_svg]:h-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;

package/theme/CheckboxGroup/index.d.ts

@@ -1,30 +1,30 @@
 export declare const checkboxGroup: import("tailwind-variants").TVReturnType<{
     isDisabled: {
-        true: "opacity-60 pointer-events-none";
+        true: string;
     };
 }, undefined, "block", import("tailwind-variants/dist/config.js").TVConfig<{
     isDisabled: {
-        true: "opacity-60 pointer-events-none";
+        true: string;
     };
 }, {
     isDisabled: {
-        true: "opacity-60 pointer-events-none";
+        true: string;
     };
 }>, {
     isDisabled: {
-        true: "opacity-60 pointer-events-none";
+        true: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     isDisabled: {
-        true: "opacity-60 pointer-events-none";
+        true: string;
     };
 }, undefined, "block", import("tailwind-variants/dist/config.js").TVConfig<{
     isDisabled: {
-        true: "opacity-60 pointer-events-none";
+        true: string;
     };
 }, {
     isDisabled: {
-        true: "opacity-60 pointer-events-none";
+        true: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const checkboxGroupItemsGroup: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-4 py-8", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-col gap-4 py-8", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;