@okam/stack-ui 1.42.4 → 1.43.0

package/theme/TextInput/index.d.ts

@@ -0,0 +1,421 @@
+declare const textInputTheme: {
+    wrapper: import('tailwind-variants').TVReturnType<{
+        isError: {
+            true: string;
+        };
+    }, undefined, "\n    relative\n    group\n    flex\n    items-center\n    gap-4\n    rounded-md\n    px-4\n    py-1\n    mb-3\n    m-0.5\n    border-2\n    aria-disabled:pointer-events-none\n    aria-disabled:opacity-30\n    focus-ring-black\n  ", import('tailwind-variants/dist/config.js').TVConfig<{
+        isError: {
+            true: string;
+        };
+    }, {
+        isError: {
+            true: string;
+        };
+    }>, {
+        isError: {
+            true: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        isError: {
+            true: string;
+        };
+    }, undefined, "\n    relative\n    group\n    flex\n    items-center\n    gap-4\n    rounded-md\n    px-4\n    py-1\n    mb-3\n    m-0.5\n    border-2\n    aria-disabled:pointer-events-none\n    aria-disabled:opacity-30\n    focus-ring-black\n  ", import('tailwind-variants/dist/config.js').TVConfig<{
+        isError: {
+            true: string;
+        };
+    }, {
+        isError: {
+            true: string;
+        };
+    }>, unknown, unknown, undefined>>;
+    container: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center gap-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    inputWrapper: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col order-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col order-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    label: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "\n    group-has-[:required]:after:content-[\"_*\"]\n    group-has-[:required]:after:text-red-500\n    text-xs\n  ", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "\n    group-has-[:required]:after:content-[\"_*\"]\n    group-has-[:required]:after:text-red-500\n    text-xs\n  ", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    input: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    errorMessage: import('tailwind-variants').TVReturnType<{
+        isError: {
+            false: string;
+        };
+    }, undefined, "ml-0", import('tailwind-variants/dist/config.js').TVConfig<{
+        isError: {
+            false: string;
+        };
+    }, {
+        size: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            leading: string;
+            paragraph: string;
+            footnotes: string;
+            xs: string;
+        };
+        font: {
+            body: string;
+        };
+        weight: {
+            normal: string;
+            light: string;
+            bold: string;
+        };
+        color: {
+            gray: string;
+            white: string;
+        };
+        isError: {
+            true: string;
+        };
+        align: {
+            center: string;
+            left: string;
+            right: string;
+        };
+    }>, {
+        size: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            leading: string;
+            paragraph: string;
+            footnotes: string;
+            xs: string;
+        };
+        font: {
+            body: string;
+        };
+        weight: {
+            normal: string;
+            light: string;
+            bold: string;
+        };
+        color: {
+            gray: string;
+            white: string;
+        };
+        isError: {
+            true: string;
+        };
+        align: {
+            center: string;
+            left: string;
+            right: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        size: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            leading: string;
+            paragraph: string;
+            footnotes: string;
+            xs: string;
+        };
+        font: {
+            body: string;
+        };
+        weight: {
+            normal: string;
+            light: string;
+            bold: string;
+        };
+        color: {
+            gray: string;
+            white: string;
+        };
+        isError: {
+            true: string;
+        };
+        align: {
+            center: string;
+            left: string;
+            right: string;
+        };
+    }, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+        size: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            leading: string;
+            paragraph: string;
+            footnotes: string;
+            xs: string;
+        };
+        font: {
+            body: string;
+        };
+        weight: {
+            normal: string;
+            light: string;
+            bold: string;
+        };
+        color: {
+            gray: string;
+            white: string;
+        };
+        isError: {
+            true: string;
+        };
+        align: {
+            center: string;
+            left: string;
+            right: string;
+        };
+    }, {
+        size: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            leading: string;
+            paragraph: string;
+            footnotes: string;
+            xs: string;
+        };
+        font: {
+            body: string;
+        };
+        weight: {
+            normal: string;
+            light: string;
+            bold: string;
+        };
+        color: {
+            gray: string;
+            white: string;
+        };
+        isError: {
+            true: string;
+        };
+        align: {
+            center: string;
+            left: string;
+            right: string;
+        };
+    }>, {
+        size: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            leading: string;
+            paragraph: string;
+            footnotes: string;
+            xs: string;
+        };
+        font: {
+            body: string;
+        };
+        weight: {
+            normal: string;
+            light: string;
+            bold: string;
+        };
+        color: {
+            gray: string;
+            white: string;
+        };
+        isError: {
+            true: string;
+        };
+        align: {
+            center: string;
+            left: string;
+            right: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        size: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            leading: string;
+            paragraph: string;
+            footnotes: string;
+            xs: string;
+        };
+        font: {
+            body: string;
+        };
+        weight: {
+            normal: string;
+            light: string;
+            bold: string;
+        };
+        color: {
+            gray: string;
+            white: string;
+        };
+        isError: {
+            true: string;
+        };
+        align: {
+            center: string;
+            left: string;
+            right: string;
+        };
+    }, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+        size: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            leading: string;
+            paragraph: string;
+            footnotes: string;
+            xs: string;
+        };
+        font: {
+            body: string;
+        };
+        weight: {
+            normal: string;
+            light: string;
+            bold: string;
+        };
+        color: {
+            gray: string;
+            white: string;
+        };
+        isError: {
+            true: string;
+        };
+        align: {
+            center: string;
+            left: string;
+            right: string;
+        };
+    }, {
+        size: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            leading: string;
+            paragraph: string;
+            footnotes: string;
+            xs: string;
+        };
+        font: {
+            body: string;
+        };
+        weight: {
+            normal: string;
+            light: string;
+            bold: string;
+        };
+        color: {
+            gray: string;
+            white: string;
+        };
+        isError: {
+            true: string;
+        };
+        align: {
+            center: string;
+            left: string;
+            right: string;
+        };
+    }>, unknown, unknown, undefined>>>;
+    icon: import('tailwind-variants').TVReturnType<{
+        isDisabled: {
+            true: string;
+        };
+        isError: {
+            true: string;
+        };
+    }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
+        isDisabled: {
+            true: string;
+        };
+        isError: {
+            true: string;
+        };
+    }, {
+        isDisabled: {
+            true: string;
+        };
+        isError: {
+            true: string;
+        };
+    }>, {
+        isDisabled: {
+            true: string;
+        };
+        isError: {
+            true: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        isDisabled: {
+            true: string;
+        };
+        isError: {
+            true: string;
+        };
+    }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
+        isDisabled: {
+            true: string;
+        };
+        isError: {
+            true: string;
+        };
+    }, {
+        isDisabled: {
+            true: string;
+        };
+        isError: {
+            true: string;
+        };
+    }>, unknown, unknown, undefined>>;
+    errorIcon: import('tailwind-variants').TVReturnType<{
+        isError: {
+            false: string;
+        };
+    }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
+        isError: {
+            false: string;
+        };
+    }, {
+        isError: {
+            false: string;
+        };
+    }>, {
+        isError: {
+            false: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        isError: {
+            false: string;
+        };
+    }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
+        isError: {
+            false: string;
+        };
+    }, {
+        isError: {
+            false: string;
+        };
+    }>, unknown, unknown, undefined>>;
+};
+export default textInputTheme;

package/theme/Typography/index.d.ts

@@ -1,4 +1,4 @@
-declare const typography: import("tailwind-variants").TVReturnType<{
+declare const typography: import('tailwind-variants').TVReturnType<{
     size: {
         h1: string;
         h2: string;
@@ -31,7 +31,7 @@ declare const typography: import("tailwind-variants").TVReturnType<{
         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;
@@ -130,7 +130,7 @@ declare const typography: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnType<{
     size: {
         h1: string;
         h2: string;
@@ -163,7 +163,7 @@ declare const typography: import("tailwind-variants").TVReturnType<{
         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;

package/theme/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 declare const _default: React.MemoExoticComponent<({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element>;

package/transitions/AccordionTransition.d.ts

@@ -1,3 +1,4 @@
-import type { TTransition } from '../types/components';
-declare const AccordionTransition: (props: TTransition) => JSX.Element;
+import { TTransition } from '../types/components';
+
+declare const AccordionTransition: (props: TTransition) => import("react").JSX.Element;
 export default AccordionTransition;

package/transitions/ModalTransition.d.ts

@@ -1,3 +1,4 @@
-import type { TTransition } from '../types/components';
-declare const ModalTransition: ({ isVisible, children, themeName, tokens, customTheme }: TTransition) => JSX.Element;
+import { TTransition } from '../types/components';
+
+declare const ModalTransition: ({ isVisible, children, themeName, tokens, customTheme }: TTransition) => import("react").JSX.Element;
 export default ModalTransition;

package/transitions/RenderWithOpacity.d.ts

@@ -1,3 +1,4 @@
-import type { TTransition } from '../types/components';
-declare const RenderWithOpacity: ({ isVisible, children, themeName, tokens, customTheme, ...rest }: TTransition) => JSX.Element;
+import { TTransition } from '../types/components';
+
+declare const RenderWithOpacity: ({ isVisible, children, themeName, tokens, customTheme, ...rest }: TTransition) => import("react").JSX.Element;
 export default RenderWithOpacity;

package/transitions/RenderWithSlide.d.ts

@@ -1,3 +1,4 @@
-import type { TTransition } from '../types/components';
-declare const RenderWithSlide: ({ isVisible, children, themeName, tokens, customTheme }: TTransition) => JSX.Element;
+import { TTransition } from '../types/components';
+
+declare const RenderWithSlide: ({ isVisible, children, themeName, tokens, customTheme }: TTransition) => import("react").JSX.Element;
 export default RenderWithSlide;

package/transitions/SidePanelTransition.d.ts

@@ -1,3 +1,4 @@
-import type { TTransition } from '../types/components';
-declare const SidePanelTransition: ({ isVisible, children, themeName, tokens, customTheme }: TTransition) => JSX.Element;
+import { TTransition } from '../types/components';
+
+declare const SidePanelTransition: ({ isVisible, children, themeName, tokens, customTheme }: TTransition) => import("react").JSX.Element;
 export default SidePanelTransition;

package/types/components.d.ts

@@ -1,7 +1,7 @@
-import type React from 'react';
-import type { HTMLAttributes } from 'react';
-import type { RefCallBack } from 'react-hook-form';
-import type { TCustomTheme, TToken } from '../providers/Theme/interface';
+import { default as React, HTMLAttributes, ReactNode } from 'react';
+import { RefCallBack } from 'react-hook-form';
+import { TCustomTheme, TToken } from '../providers/Theme/interface';
+
 export interface TDefaultComponent<T = TToken> {
     as?: React.ElementType<any>;
     customTheme?: TCustomTheme;
@@ -9,7 +9,14 @@ export interface TDefaultComponent<T = TToken> {
     themeName?: string | null;
     children?: React.ReactNode;
 }
-export type TReactHookForm = {
+export interface TReactHookFormValidity {
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isError?: boolean;
+    errorMessage?: ReactNode;
+}
+export type TReactHookForm = TReactHookFormValidity & {
     onBlur?: (...event: any[]) => void;
     onChange?: (...event: any[]) => void;
     fieldRef?: RefCallBack;

package/types/next-link.d.ts

@@ -1,11 +1,12 @@
-import type { UrlObject } from 'url';
+import { UrlObject } from 'url';
+
 export type NextLinkProps = {
     href: string | UrlObject;
     replace?: boolean;
     scroll?: boolean;
     shallow?: boolean;
     passHref?: boolean;
-    prefetch?: boolean | null;
+    prefetch?: 'auto' | 'unstable_forceStale' | boolean | null;
     locale?: string | false;
     legacyBehavior?: boolean;
     onMouseEnter?: React.MouseEventHandler<HTMLAnchorElement>;

package/types/react-stately.d.ts

@@ -1,6 +1,7 @@
-import type { ItemProps, Node, Key, SectionProps } from 'react-stately';
-import type { TToken } from '../providers/Theme/interface';
-import type { TDefaultComponent } from './components';
+import { ItemProps, Node, Key, SectionProps } from 'react-stately';
+import { TToken } from '../providers/Theme/interface';
+import { TDefaultComponent } from './components';
+
 /**
  * Overrides the `Node` type from `react-stately` that allows typing the `props` property.
  *