@okam/stack-ui 1.42.4 → 1.43.0

package/theme/SkipToMain/index.d.ts

@@ -0,0 +1,287 @@
+export declare const skipToMain: import('tailwind-variants').TVReturnType<{} | {
+    type: {
+        button: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        menu: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+    buttonStyle: {
+        default: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        outline: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        hollow: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+    intent: {
+        danger: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        error: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+    size: {
+        default: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        large: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+    shape: {
+        rounded: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        circular: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+}, undefined, "\n    left-1/2\n    absolute\n    -translate-x-1/2\n    -translate-y-[300px]\n    transition-transform\n    focus:-translate-x-1/2\n    focus:translate-y-[75px]\n  ", import('tailwind-variants/dist/config.js').TVConfig<{} | {
+    type: {
+        button: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        menu: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+    buttonStyle: {
+        default: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        outline: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        hollow: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+    intent: {
+        danger: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        error: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+    size: {
+        default: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        large: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+    shape: {
+        rounded: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+        circular: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+}, {
+    type: {
+        button: string;
+        menu: string;
+    };
+    buttonStyle: {
+        default: string;
+        outline: string;
+        hollow: string;
+    };
+    intent: {
+        danger: string;
+        error: string;
+    };
+    size: {
+        default: string;
+        large: string;
+    };
+    shape: {
+        rounded: string;
+        circular: string;
+    };
+}>, {
+    type: {
+        button: string;
+        menu: string;
+    };
+    buttonStyle: {
+        default: string;
+        outline: string;
+        hollow: string;
+    };
+    intent: {
+        danger: string;
+        error: string;
+    };
+    size: {
+        default: string;
+        large: string;
+    };
+    shape: {
+        rounded: string;
+        circular: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    type: {
+        button: string;
+        menu: string;
+    };
+    buttonStyle: {
+        default: string;
+        outline: string;
+        hollow: string;
+    };
+    intent: {
+        danger: string;
+        error: string;
+    };
+    size: {
+        default: string;
+        large: string;
+    };
+    shape: {
+        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    h-fit\n  ", import('tailwind-variants/dist/config.js').TVConfig<{
+    type: {
+        button: string;
+        menu: string;
+    };
+    buttonStyle: {
+        default: string;
+        outline: string;
+        hollow: string;
+    };
+    intent: {
+        danger: string;
+        error: string;
+    };
+    size: {
+        default: string;
+        large: string;
+    };
+    shape: {
+        rounded: string;
+        circular: string;
+    };
+}, {
+    type: {
+        button: string;
+        menu: string;
+    };
+    buttonStyle: {
+        default: string;
+        outline: string;
+        hollow: string;
+    };
+    intent: {
+        danger: string;
+        error: string;
+    };
+    size: {
+        default: string;
+        large: string;
+    };
+    shape: {
+        rounded: string;
+        circular: string;
+    };
+}>, {
+    type: {
+        button: string;
+        menu: string;
+    };
+    buttonStyle: {
+        default: string;
+        outline: string;
+        hollow: string;
+    };
+    intent: {
+        danger: string;
+        error: string;
+    };
+    size: {
+        default: string;
+        large: string;
+    };
+    shape: {
+        rounded: string;
+        circular: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    type: {
+        button: string;
+        menu: string;
+    };
+    buttonStyle: {
+        default: string;
+        outline: string;
+        hollow: string;
+    };
+    intent: {
+        danger: string;
+        error: string;
+    };
+    size: {
+        default: string;
+        large: string;
+    };
+    shape: {
+        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    h-fit\n  ", import('tailwind-variants/dist/config.js').TVConfig<{
+    type: {
+        button: string;
+        menu: string;
+    };
+    buttonStyle: {
+        default: string;
+        outline: string;
+        hollow: string;
+    };
+    intent: {
+        danger: string;
+        error: string;
+    };
+    size: {
+        default: string;
+        large: string;
+    };
+    shape: {
+        rounded: string;
+        circular: string;
+    };
+}, {
+    type: {
+        button: string;
+        menu: string;
+    };
+    buttonStyle: {
+        default: string;
+        outline: string;
+        hollow: string;
+    };
+    intent: {
+        danger: string;
+        error: string;
+    };
+    size: {
+        default: string;
+        large: string;
+    };
+    shape: {
+        rounded: string;
+        circular: string;
+    };
+}>, unknown, unknown, undefined>>>;

package/theme/TabList/index.d.ts

@@ -1,11 +1,11 @@
 declare const tabListTheme: {
-    wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    flex\n    flex-col\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    flex\n    flex-col\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-    container: import("tailwind-variants").TVReturnType<{
+    wrapper: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "\n    flex\n    flex-col\n    gap-4\n  ", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "\n    flex\n    flex-col\n    gap-4\n  ", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    container: import('tailwind-variants').TVReturnType<{
         orientation: {
             horizontal: string;
             vertical: string;
         };
-    }, undefined, "\n    flex\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+    }, undefined, "\n    flex\n    gap-4\n  ", import('tailwind-variants/dist/config.js').TVConfig<{
         orientation: {
             horizontal: string;
             vertical: string;
@@ -20,12 +20,12 @@ declare const tabListTheme: {
             horizontal: string;
             vertical: string;
         };
-    }, undefined, import("tailwind-variants").TVReturnType<{
+    }, undefined, import('tailwind-variants').TVReturnType<{
         orientation: {
             horizontal: string;
             vertical: string;
         };
-    }, undefined, "\n    flex\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+    }, undefined, "\n    flex\n    gap-4\n  ", import('tailwind-variants/dist/config.js').TVConfig<{
         orientation: {
             horizontal: string;
             vertical: string;
@@ -36,12 +36,12 @@ declare const tabListTheme: {
             vertical: string;
         };
     }>, unknown, unknown, undefined>>;
-    list: import("tailwind-variants").TVReturnType<{
+    list: import('tailwind-variants').TVReturnType<{
         orientation: {
             horizontal: string;
             vertical: string;
         };
-    }, undefined, "\n    flex\n    flex-wrap\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+    }, undefined, "\n    flex\n    flex-wrap\n    gap-4\n  ", import('tailwind-variants/dist/config.js').TVConfig<{
         orientation: {
             horizontal: string;
             vertical: string;
@@ -56,12 +56,12 @@ declare const tabListTheme: {
             horizontal: string;
             vertical: string;
         };
-    }, undefined, import("tailwind-variants").TVReturnType<{
+    }, undefined, import('tailwind-variants').TVReturnType<{
         orientation: {
             horizontal: string;
             vertical: string;
         };
-    }, undefined, "\n    flex\n    flex-wrap\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+    }, undefined, "\n    flex\n    flex-wrap\n    gap-4\n  ", import('tailwind-variants/dist/config.js').TVConfig<{
         orientation: {
             horizontal: string;
             vertical: string;
@@ -72,71 +72,71 @@ declare const tabListTheme: {
             vertical: string;
         };
     }>, unknown, unknown, undefined>>;
-    label: import("tailwind-variants").TVReturnType<{} | {
+    label: import('tailwind-variants').TVReturnType<{} | {
         size: {
-            h1: import("tailwind-merge").ClassNameValue | {};
-            h2: import("tailwind-merge").ClassNameValue | {};
-            h3: import("tailwind-merge").ClassNameValue | {};
-            h4: import("tailwind-merge").ClassNameValue | {};
-            h5: import("tailwind-merge").ClassNameValue | {};
-            h6: import("tailwind-merge").ClassNameValue | {};
-            leading: import("tailwind-merge").ClassNameValue | {};
-            paragraph: import("tailwind-merge").ClassNameValue | {};
-            footnotes: import("tailwind-merge").ClassNameValue | {};
-            xs: import("tailwind-merge").ClassNameValue | {};
+            h1: import('tailwind-merge').ClassNameValue | {};
+            h2: import('tailwind-merge').ClassNameValue | {};
+            h3: import('tailwind-merge').ClassNameValue | {};
+            h4: import('tailwind-merge').ClassNameValue | {};
+            h5: import('tailwind-merge').ClassNameValue | {};
+            h6: import('tailwind-merge').ClassNameValue | {};
+            leading: import('tailwind-merge').ClassNameValue | {};
+            paragraph: import('tailwind-merge').ClassNameValue | {};
+            footnotes: import('tailwind-merge').ClassNameValue | {};
+            xs: import('tailwind-merge').ClassNameValue | {};
         };
         font: {
-            body: import("tailwind-merge").ClassNameValue | {};
+            body: import('tailwind-merge').ClassNameValue | {};
         };
         weight: {
-            normal: import("tailwind-merge").ClassNameValue | {};
-            light: import("tailwind-merge").ClassNameValue | {};
-            bold: import("tailwind-merge").ClassNameValue | {};
+            normal: import('tailwind-merge').ClassNameValue | {};
+            light: import('tailwind-merge').ClassNameValue | {};
+            bold: import('tailwind-merge').ClassNameValue | {};
         };
         color: {
-            gray: import("tailwind-merge").ClassNameValue | {};
-            white: import("tailwind-merge").ClassNameValue | {};
+            gray: import('tailwind-merge').ClassNameValue | {};
+            white: import('tailwind-merge').ClassNameValue | {};
         };
         isError: {
-            true: import("tailwind-merge").ClassNameValue | {};
+            true: import('tailwind-merge').ClassNameValue | {};
         };
         align: {
-            center: import("tailwind-merge").ClassNameValue | {};
-            left: import("tailwind-merge").ClassNameValue | {};
-            right: import("tailwind-merge").ClassNameValue | {};
+            center: import('tailwind-merge').ClassNameValue | {};
+            left: import('tailwind-merge').ClassNameValue | {};
+            right: import('tailwind-merge').ClassNameValue | {};
         };
-    }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{} | {
+    }, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{} | {
         size: {
-            h1: import("tailwind-merge").ClassNameValue | {};
-            h2: import("tailwind-merge").ClassNameValue | {};
-            h3: import("tailwind-merge").ClassNameValue | {};
-            h4: import("tailwind-merge").ClassNameValue | {};
-            h5: import("tailwind-merge").ClassNameValue | {};
-            h6: import("tailwind-merge").ClassNameValue | {};
-            leading: import("tailwind-merge").ClassNameValue | {};
-            paragraph: import("tailwind-merge").ClassNameValue | {};
-            footnotes: import("tailwind-merge").ClassNameValue | {};
-            xs: import("tailwind-merge").ClassNameValue | {};
+            h1: import('tailwind-merge').ClassNameValue | {};
+            h2: import('tailwind-merge').ClassNameValue | {};
+            h3: import('tailwind-merge').ClassNameValue | {};
+            h4: import('tailwind-merge').ClassNameValue | {};
+            h5: import('tailwind-merge').ClassNameValue | {};
+            h6: import('tailwind-merge').ClassNameValue | {};
+            leading: import('tailwind-merge').ClassNameValue | {};
+            paragraph: import('tailwind-merge').ClassNameValue | {};
+            footnotes: import('tailwind-merge').ClassNameValue | {};
+            xs: import('tailwind-merge').ClassNameValue | {};
         };
         font: {
-            body: import("tailwind-merge").ClassNameValue | {};
+            body: import('tailwind-merge').ClassNameValue | {};
         };
         weight: {
-            normal: import("tailwind-merge").ClassNameValue | {};
-            light: import("tailwind-merge").ClassNameValue | {};
-            bold: import("tailwind-merge").ClassNameValue | {};
+            normal: import('tailwind-merge').ClassNameValue | {};
+            light: import('tailwind-merge').ClassNameValue | {};
+            bold: import('tailwind-merge').ClassNameValue | {};
         };
         color: {
-            gray: import("tailwind-merge").ClassNameValue | {};
-            white: import("tailwind-merge").ClassNameValue | {};
+            gray: import('tailwind-merge').ClassNameValue | {};
+            white: import('tailwind-merge').ClassNameValue | {};
         };
         isError: {
-            true: import("tailwind-merge").ClassNameValue | {};
+            true: import('tailwind-merge').ClassNameValue | {};
         };
         align: {
-            center: import("tailwind-merge").ClassNameValue | {};
-            left: import("tailwind-merge").ClassNameValue | {};
-            right: import("tailwind-merge").ClassNameValue | {};
+            center: import('tailwind-merge').ClassNameValue | {};
+            left: import('tailwind-merge').ClassNameValue | {};
+            right: import('tailwind-merge').ClassNameValue | {};
         };
     }, {
         size: {
@@ -204,7 +204,7 @@ declare const tabListTheme: {
             left: string;
             right: string;
         };
-    }, undefined, import("tailwind-variants").TVReturnType<{
+    }, undefined, import('tailwind-variants').TVReturnType<{
         size: {
             h1: string;
             h2: string;
@@ -237,7 +237,7 @@ declare const tabListTheme: {
             left: string;
             right: string;
         };
-    }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    }, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
         size: {
             h1: string;
             h2: string;
@@ -336,7 +336,7 @@ declare const tabListTheme: {
             left: string;
             right: string;
         };
-    }, undefined, import("tailwind-variants").TVReturnType<{
+    }, undefined, import('tailwind-variants').TVReturnType<{
         size: {
             h1: string;
             h2: string;
@@ -369,7 +369,7 @@ declare const tabListTheme: {
             left: string;
             right: string;
         };
-    }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    }, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
         size: {
             h1: string;
             h2: string;
@@ -437,10 +437,10 @@ declare const tabListTheme: {
         };
     }>, unknown, unknown, undefined>>>;
     panel: {
-        transition: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-        container: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    mt-4\n    p-4\n    bg-color-1-100\n    rounded-md\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    mt-4\n    p-4\n    bg-color-1-100\n    rounded-md\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+        transition: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+        container: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "\n    mt-4\n    p-4\n    bg-color-1-100\n    rounded-md\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "\n    mt-4\n    p-4\n    bg-color-1-100\n    rounded-md\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
     };
-    tab: import("tailwind-variants").TVReturnType<{
+    tab: import('tailwind-variants').TVReturnType<{
         orientation: {
             horizontal: string;
             vertical: string;
@@ -455,7 +455,7 @@ declare const tabListTheme: {
         isFocusVisible: {
             true: string;
         };
-    }, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n    px-4\n    py-2\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+    }, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n    px-4\n    py-2\n  ", import('tailwind-variants/dist/config.js').TVConfig<{
         orientation: {
             horizontal: string;
             vertical: string;
@@ -536,7 +536,7 @@ declare const tabListTheme: {
             left: string;
             right: string;
         };
-    }, undefined, import("tailwind-variants").TVReturnType<{
+    }, undefined, import('tailwind-variants').TVReturnType<{
         size: {
             h1: string;
             h2: string;
@@ -569,7 +569,7 @@ declare const tabListTheme: {
             left: string;
             right: string;
         };
-    }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    }, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
         size: {
             h1: string;
             h2: string;
@@ -668,7 +668,7 @@ declare const tabListTheme: {
             left: string;
             right: string;
         };
-    }, undefined, import("tailwind-variants").TVReturnType<{
+    }, undefined, import('tailwind-variants').TVReturnType<{
         size: {
             h1: string;
             h2: string;
@@ -701,7 +701,7 @@ declare const tabListTheme: {
             left: string;
             right: string;
         };
-    }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    }, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
         size: {
             h1: string;
             h2: string;