@okam/stack-ui 1.25.3 → 1.25.6

package/theme/LightBox/index.d.ts

@@ -0,0 +1,455 @@
+declare const lightboxTheme: {
+    wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus-ring-black", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "focus-ring-black", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    container: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "rounded-3xl overflow-hidden", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "rounded-3xl overflow-hidden", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    label: import("tailwind-variants").TVReturnType<{} | {
+        size: {
+            h1: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            h2: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            h3: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            h4: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            h5: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            h6: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            leading: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            paragraph: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            footnotes: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            xs: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        font: {
+            body: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        weight: {
+            normal: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            light: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            bold: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        color: {
+            gray: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            white: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        isError: {
+            true: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        align: {
+            center: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            left: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            right: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+    }, undefined, "sr-only", import("tailwind-variants/dist/config").TVConfig<{} | {
+        size: {
+            h1: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            h2: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            h3: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            h4: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            h5: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            h6: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            leading: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            paragraph: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            footnotes: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            xs: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        font: {
+            body: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        weight: {
+            normal: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            light: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            bold: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        color: {
+            gray: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            white: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        isError: {
+            true: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+        align: {
+            center: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            left: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+            right: import("tailwind-variants").ClassValue | {
+                base?: import("tailwind-variants").ClassValue;
+            };
+        };
+    }, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }>, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }>, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }>, unknown, unknown, undefined>>>;
+    closeBtn: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    absolute\n    xl:top-10\n    xl:right-20\n    lg:top-8\n    lg:right-8\n    z-[10000]\n    top-4\n    right-4\n    size-10\n    focus-ring-black\n  ", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    absolute\n    xl:top-10\n    xl:right-20\n    lg:top-8\n    lg:right-8\n    z-[10000]\n    top-4\n    right-4\n    size-10\n    focus-ring-black\n  ", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    modal: {
+        underlay: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "w-screen h-screen bg-black/50 absolute top-0 left-0 flex justify-center items-center", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "w-screen h-screen bg-black/50 absolute top-0 left-0 flex justify-center items-center", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+        overlay: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+        dialog: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-4 items-center", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-col gap-4 items-center", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    };
+};
+export default lightboxTheme;

package/theme/Radio/index.d.ts

@@ -0,0 +1,108 @@
+export declare const radioLabel: import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}, undefined, "text-black flex flex-row items-center hover:cursor-pointer focus-ring-black", import("tailwind-variants/dist/config").TVConfig<{
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}, {
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}>, {
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}, undefined, "text-black flex flex-row items-center hover:cursor-pointer focus-ring-black", import("tailwind-variants/dist/config").TVConfig<{
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}, {
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}>, unknown, unknown, undefined>>;
+export declare const radio: import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+}, 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").TVConfig<{
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+}, {
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+}>, {
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+}, 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").TVConfig<{
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+}, {
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+}>, unknown, unknown, undefined>>;
+export declare const selectedMark: import("tailwind-variants").TVReturnType<{
+    selected: {
+        true: "block text-white";
+    };
+}, undefined, "hidden w-4 h-4 bg-gray-300 rounded-full", import("tailwind-variants/dist/config").TVConfig<{
+    selected: {
+        true: "block text-white";
+    };
+}, {
+    selected: {
+        true: "block text-white";
+    };
+}>, {
+    selected: {
+        true: "block text-white";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    selected: {
+        true: "block text-white";
+    };
+}, undefined, "hidden w-4 h-4 bg-gray-300 rounded-full", import("tailwind-variants/dist/config").TVConfig<{
+    selected: {
+        true: "block text-white";
+    };
+}, {
+    selected: {
+        true: "block text-white";
+    };
+}>, unknown, unknown, undefined>>;

package/theme/RadioGroup/index.d.ts

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

package/theme/Search/index.d.ts

@@ -0,0 +1,30 @@
+export declare const searchInput: import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: "opacity-60 pointer-events-none";
+    };
+}, undefined, "p-4 w-full outline-0 search-cancel:appearance-none", import("tailwind-variants/dist/config").TVConfig<{
+    isDisabled: {
+        true: "opacity-60 pointer-events-none";
+    };
+}, {
+    isDisabled: {
+        true: "opacity-60 pointer-events-none";
+    };
+}>, {
+    isDisabled: {
+        true: "opacity-60 pointer-events-none";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: "opacity-60 pointer-events-none";
+    };
+}, undefined, "p-4 w-full outline-0 search-cancel:appearance-none", import("tailwind-variants/dist/config").TVConfig<{
+    isDisabled: {
+        true: "opacity-60 pointer-events-none";
+    };
+}, {
+    isDisabled: {
+        true: "opacity-60 pointer-events-none";
+    };
+}>, unknown, unknown, undefined>>;
+export declare const searchIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    box-border \n    absolute \n    right-4 \n    focus-ring-black\n    outline-0\n  ", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    box-border \n    absolute \n    right-4 \n    focus-ring-black\n    outline-0\n  ", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;