@okam/stack-ui 1.44.3 → 1.44.4

package/theme/TextArea/index.d.ts

@@ -2,15 +2,7 @@ export declare const textArea: import('tailwind-variants').TVReturnType<{
     isError: {
         true: string;
     };
-}, undefined, "\n    w-full\n    min-h-32\n    rounded-2xl\n    px-6\n    h-12\n    border-2\n    border-solid\n    transition\n    duration-300\n    ease-in-out\n    text-gray-2\n    placeholder:text-gray-2\n    focus-ring-black\n    \n  ", import('tailwind-variants/dist/config.js').TVConfig<{
-    isError: {
-        true: string;
-    };
-}, {
-    isError: {
-        true: string;
-    };
-}>, {
+}, undefined, "\n    w-full\n    min-h-32\n    rounded-2xl\n    px-6\n    h-12\n    border-2\n    border-solid\n    transition\n    duration-300\n    ease-in-out\n    text-gray-2\n    placeholder:text-gray-2\n    focus-ring-black\n    \n  ", {
     isError: {
         true: string;
     };
@@ -18,12 +10,4 @@ export declare const textArea: import('tailwind-variants').TVReturnType<{
     isError: {
         true: string;
     };
-}, undefined, "\n    w-full\n    min-h-32\n    rounded-2xl\n    px-6\n    h-12\n    border-2\n    border-solid\n    transition\n    duration-300\n    ease-in-out\n    text-gray-2\n    placeholder:text-gray-2\n    focus-ring-black\n    \n  ", import('tailwind-variants/dist/config.js').TVConfig<{
-    isError: {
-        true: string;
-    };
-}, {
-    isError: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "\n    w-full\n    min-h-32\n    rounded-2xl\n    px-6\n    h-12\n    border-2\n    border-solid\n    transition\n    duration-300\n    ease-in-out\n    text-gray-2\n    placeholder:text-gray-2\n    focus-ring-black\n    \n  ", unknown, unknown, undefined>>;

package/theme/TextInput/index.d.ts

@@ -3,15 +3,7 @@ declare const textInputTheme: {
         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;
-        };
-    }>, {
+    }, 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  ", {
         isError: {
             true: string;
         };
@@ -19,61 +11,16 @@ declare const textInputTheme: {
         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>>;
+    }, 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  ", unknown, unknown, undefined>>;
+    container: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-2", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center gap-2", unknown, unknown, undefined>>;
+    inputWrapper: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col order-2", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col order-2", 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  ", {} | {}, 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  ", unknown, unknown, undefined>>;
+    input: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "", 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;
-        };
-    }>, {
+    }, undefined, "ml-0", {
         size: {
             h1: string;
             h2: string;
@@ -139,73 +86,7 @@ declare const textInputTheme: {
             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;
-        };
-    }>, {
+    }, undefined, undefined, {
         size: {
             h1: string;
             h2: string;
@@ -271,73 +152,7 @@ declare const textInputTheme: {
             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>>>;
+    }, undefined, undefined, unknown, unknown, undefined>>>;
     icon: import('tailwind-variants').TVReturnType<{
         isDisabled: {
             true: string;
@@ -345,21 +160,7 @@ declare const textInputTheme: {
         isError: {
             true: string;
         };
-    }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-        isDisabled: {
-            true: string;
-        };
-        isError: {
-            true: string;
-        };
-    }, {
-        isDisabled: {
-            true: string;
-        };
-        isError: {
-            true: string;
-        };
-    }>, {
+    }, undefined, string[], {
         isDisabled: {
             true: string;
         };
@@ -373,34 +174,12 @@ declare const textInputTheme: {
         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>>;
+    }, undefined, 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;
-        };
-    }>, {
+    }, undefined, string[], {
         isError: {
             false: string;
         };
@@ -408,14 +187,6 @@ declare const textInputTheme: {
         isError: {
             false: string;
         };
-    }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-        isError: {
-            false: string;
-        };
-    }, {
-        isError: {
-            false: string;
-        };
-    }>, unknown, unknown, undefined>>;
+    }, undefined, string[], unknown, unknown, undefined>>;
 };
 export default textInputTheme;

package/theme/Typography/index.d.ts

@@ -31,73 +31,7 @@ declare const typography: import('tailwind-variants').TVReturnType<{
         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;
-    };
-}>, {
+}, undefined, undefined, {
     size: {
         h1: string;
         h2: string;
@@ -163,71 +97,5 @@ declare const typography: import('tailwind-variants').TVReturnType<{
         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>>;
+}, undefined, undefined, unknown, unknown, undefined>>;
 export default typography;

package/theme/index.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import * 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,4 +1,3 @@
 import { TTransition } from '../types/components';
-
-declare const AccordionTransition: (props: TTransition) => import("react").JSX.Element;
+declare function AccordionTransition(props: TTransition): import("react").JSX.Element;
 export default AccordionTransition;

package/transitions/ModalTransition.d.ts

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

package/transitions/RenderWithOpacity.d.ts

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

package/transitions/RenderWithSlide.d.ts

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

package/transitions/SidePanelTransition.d.ts

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

package/types/components.d.ts

@@ -1,9 +1,9 @@
-import { default as React, HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { RefCallBack } from 'react-hook-form';
 import { TCustomTheme, TToken } from '../providers/Theme/interface';
-
+import type * as React from 'react';
 export interface TDefaultComponent<T = TToken> {
-    as?: React.ElementType<any>;
+    as?: React.ElementType;
     customTheme?: TCustomTheme;
     tokens?: T;
     themeName?: string | null;
@@ -16,9 +16,29 @@ export interface TReactHookFormValidity {
     isError?: boolean;
     errorMessage?: ReactNode;
 }
+/**
+ * Form handler callback types for react-hook-form integration with react-aria components.
+ *
+ * WHY `any` IS REQUIRED HERE:
+ * These handlers accept different value types depending on the component:
+ * - TextInputField/TextArea: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
+ * - Checkbox: boolean (isSelected state)
+ * - Select/ComboBox: Key | null (selection key)
+ * - Radio: boolean (isSelected state)
+ * - ListBox: FocusEvent (onBlur)
+ *
+ * TypeScript union types for function parameters result in `never` due to contravariance.
+ * Example: ((e: Event) => void) | ((b: boolean) => void) becomes ((param: never) => void)
+ * This is a fundamental TypeScript limitation, not a code quality issue.
+ *
+ * Type safety is enforced at each component's implementation level where the actual
+ * handler signatures are properly typed (e.g., TextInputField's onChange accepts ChangeEvent).
+ *
+ * @see https://github.com/microsoft/TypeScript/issues/14107 for contravariance discussion
+ */
 export type TReactHookForm = TReactHookFormValidity & {
-    onBlur?: (...event: any[]) => void;
-    onChange?: (...event: any[]) => void;
+    onBlur?: (...args: any[]) => void;
+    onChange?: (...args: any[]) => void;
     fieldRef?: RefCallBack;
     min?: string | number | undefined;
     max?: string | number | undefined;

package/types/next-link.d.ts

@@ -1,6 +1,5 @@
-import { UrlObject } from 'url';
-
-export type NextLinkProps = {
+import { UrlObject } from 'node:url';
+export interface NextLinkProps {
     href: string | UrlObject;
     replace?: boolean;
     scroll?: boolean;
@@ -13,4 +12,4 @@ export type NextLinkProps = {
     onTouchStart?: React.TouchEventHandler<HTMLAnchorElement>;
     onClick?: React.MouseEventHandler<HTMLAnchorElement>;
     as?: string | UrlObject;
-};
+}

package/types/react-stately.d.ts

@@ -1,7 +1,6 @@
-import { ItemProps, Node, Key, SectionProps } from 'react-stately';
+import { ItemProps, Key, Node, 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.
  *

package/components/Carousel/carousel.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as Carousel } from '.';
-
-declare const meta: Meta<typeof Carousel>;
-export default meta;
-type Story = StoryObj<typeof Carousel>;
-export declare const MultipleSlidesPerView: Story;
-export declare const Autoplay: Story;
-export declare const FocusableContent: Story;
-export declare const InfiniteLooping: Story;
-export declare const PaginationBullets: Story;
-export declare const PaginationFraction: Story;
-export declare const Legacy: Story;

package/components/Popover/popover.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as PopoverButton } from './components/Button';
-
-declare const meta: Meta<typeof PopoverButton>;
-export default meta;
-type Story = StoryObj<typeof PopoverButton>;
-export declare const Default: Story;
-export declare const ClosesWhenInteractingOutside: Story;

package/components/TabList/tab-list.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as TabList } from '.';
-
-declare const meta: Meta<typeof TabList>;
-export default meta;
-type Story = StoryObj<typeof TabList>;
-export declare const Default: Story;
-export declare const FocusableContent: Story;
-export declare const VerticalOrientation: Story;
-export declare const DisabledKeys: Story;
-export declare const ChildrenRenderFunction: Story;
-export declare const Controlled: Story;

package/components/fields/ComboBox/combo-box.stories.d.ts

@@ -1,15 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as ComboBox } from '.';
-
-declare const meta: Meta<typeof ComboBox>;
-export default meta;
-type Story = StoryObj<typeof ComboBox>;
-export declare const Default: Story;
-export declare const Disabled: Story;
-export declare const WithError: Story;
-export declare const WithSections: Story;
-export declare const AllowsCustomValue: Story;
-export declare const ManualTrigger: Story;
-export declare const ChildrenRenderingFunction: Story;
-export declare const ChildrenRenderingFunctionWithSections: Story;
-export declare const ReactHookForm: Story;

package/components/fields/ListBox/list-box.stories.d.ts

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as ListBox, ReactHookFormListBox } from '.';
-
-declare const meta: Meta<typeof ListBox>;
-export default meta;
-type Story = StoryObj<typeof ListBox>;
-export declare const Default: Story;
-export declare const Sections: Story;
-export declare const ComplexOptions: Story;
-export declare const Disabled: Story;
-export declare const ChildrenRenderingFunction: Story;
-export declare const ChildrenRenderingFunctionWithSections: Story;
-export declare const Selectable: Story;
-export declare const Controlled: Story;
-export declare const LinkOptions: Story;
-type ReactHookFormStory = StoryObj<typeof ReactHookFormListBox>;
-export declare const ReactHookForm: ReactHookFormStory;

package/components/fields/TextInputField/text-input-field.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ReactHookFormInput as TextInputField } from './index';
-
-declare const meta: Meta<typeof TextInputField>;
-export default meta;
-export declare const Default: StoryObj<typeof TextInputField>;
-export declare const Disabled: StoryObj<typeof TextInputField>;
-export declare const Error: StoryObj<typeof TextInputField>;