@apple-pie/slice 0.1.59 → 0.2.0

package/dist/types/components/PromptInput/PromptInput.d.ts

@@ -1,23 +1,29 @@
 import React from 'react';
 import { type FileItem } from '../FileList';
-export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof {
+import type { PromptActions } from './_types';
+export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "dangerouslySetInnerHTML" | keyof {
     attachments?: FileItem[];
-    children?: React.ReactNode;
+    defaultAttachments?: FileItem[];
+    children?: React.ReactNode | ((actions: PromptActions) => React.ReactNode);
     value?: string;
+    defaultValue?: string;
     maxHeight?: string | number;
     working?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
     width?: string | number;
     maxWidth?: string | number;
     minWidth?: string | number;
     borderStyle?: "solid" | "gradient" | "none";
     borderWidth?: number;
-    borderColor?: string | number;
-    borderColorOn?: string | number;
+    borderColor?: import("../..").ColorValue;
+    borderColorFocused?: import("../..").ColorValue;
     borderAnimate?: boolean;
     borderRadius?: number | string;
     placeholder?: string;
     placeholderWorking?: string;
     focused?: boolean;
+    inputName?: string;
     submitClears?: boolean;
     enterSubmits?: boolean;
     sendButton?: boolean;
@@ -28,30 +34,47 @@ export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttr
     attachmentsDisabled?: boolean;
     submitWorking?: boolean;
     textSize?: "xs" | "s" | "m" | "l" | "xl";
-    onChange?: (value: string | undefined, attachments?: FileItem[]) => void;
-    onSubmit?: (value: string | undefined, attachments?: FileItem[]) => void;
-    onBlur?: (value: string | undefined, attachments?: FileItem[]) => void;
-    onFocus?: (value: string | undefined, attachments?: FileItem[]) => void;
+    textAreaProps?: import("./_types").PromptTextAreaProps;
+    fileListProps?: import("../UploadArea").UploadAreaProps["fileListProps"];
+    acceptedTypes?: string[];
+    multiple?: boolean;
+    pasteAttachmentThreshold?: number;
+    attachActionName?: string;
+    sendActionName?: string;
+    stopActionName?: string;
+    onChange?: (value: string, attachments: FileItem[]) => void;
+    onSubmit?: (value: string, attachments: FileItem[]) => void;
+    onBlur?: (value: string, attachments: FileItem[]) => void;
+    onFocus?: (value: string, attachments: FileItem[]) => void;
     onStop?: () => void;
     onAttachmentsChange?: (attachments: FileItem[]) => void;
+    onReject?: (files: import("../UploadArea").UploadFileRejection[]) => void;
+    onToolTip?: (tip: import("../sharedTypes").ToolTip | null) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
 }> & {
     attachments?: FileItem[];
-    children?: React.ReactNode;
+    defaultAttachments?: FileItem[];
+    children?: React.ReactNode | ((actions: PromptActions) => React.ReactNode);
     value?: string;
+    defaultValue?: string;
     maxHeight?: string | number;
     working?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
     width?: string | number;
     maxWidth?: string | number;
     minWidth?: string | number;
     borderStyle?: "solid" | "gradient" | "none";
     borderWidth?: number;
-    borderColor?: string | number;
-    borderColorOn?: string | number;
+    borderColor?: import("../..").ColorValue;
+    borderColorFocused?: import("../..").ColorValue;
     borderAnimate?: boolean;
     borderRadius?: number | string;
     placeholder?: string;
     placeholderWorking?: string;
     focused?: boolean;
+    inputName?: string;
     submitClears?: boolean;
     enterSubmits?: boolean;
     sendButton?: boolean;
@@ -62,10 +85,22 @@ export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttr
     attachmentsDisabled?: boolean;
     submitWorking?: boolean;
     textSize?: "xs" | "s" | "m" | "l" | "xl";
-    onChange?: (value: string | undefined, attachments?: FileItem[]) => void;
-    onSubmit?: (value: string | undefined, attachments?: FileItem[]) => void;
-    onBlur?: (value: string | undefined, attachments?: FileItem[]) => void;
-    onFocus?: (value: string | undefined, attachments?: FileItem[]) => void;
+    textAreaProps?: import("./_types").PromptTextAreaProps;
+    fileListProps?: import("../UploadArea").UploadAreaProps["fileListProps"];
+    acceptedTypes?: string[];
+    multiple?: boolean;
+    pasteAttachmentThreshold?: number;
+    attachActionName?: string;
+    sendActionName?: string;
+    stopActionName?: string;
+    onChange?: (value: string, attachments: FileItem[]) => void;
+    onSubmit?: (value: string, attachments: FileItem[]) => void;
+    onBlur?: (value: string, attachments: FileItem[]) => void;
+    onFocus?: (value: string, attachments: FileItem[]) => void;
     onStop?: () => void;
     onAttachmentsChange?: (attachments: FileItem[]) => void;
+    onReject?: (files: import("../UploadArea").UploadFileRejection[]) => void;
+    onToolTip?: (tip: import("../sharedTypes").ToolTip | null) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/PromptInput/_types.d.ts

@@ -1,23 +1,47 @@
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
 import type { FileItem } from '../FileList';
+import type { TextAreaProps } from '../TextArea';
+import type { UploadAreaProps, UploadFileRejection } from '../UploadArea';
+import type { ToolTip } from '../sharedTypes';
+/** Commands available to custom actions without reaching into the editor DOM. */
+export type PromptActions = {
+    value: string;
+    attachments: FileItem[];
+    canSubmit: boolean;
+    canAttach: boolean;
+    disabled: boolean;
+    focus: () => void;
+    submit: () => void;
+    stop: () => void;
+    openFilePicker: () => void;
+    addFiles: (files: File[]) => boolean;
+    pasteText: (text: string) => void;
+};
+export type PromptTextAreaProps = Omit<TextAreaProps, 'value' | 'defaultValue' | 'inputRef' | 'onChange' | 'onSubmit' | 'onFocus' | 'onBlur' | 'onPaste' | 'onKeyDown' | 'showSendButton' | 'submitClears' | 'allowEmptySubmit' | 'returnSubmits' | 'disabled' | 'readOnly' | 'focused'>;
 type BasePromptProps = {
     attachments?: FileItem[];
-    children?: React.ReactNode;
+    defaultAttachments?: FileItem[];
+    children?: React.ReactNode | ((actions: PromptActions) => React.ReactNode);
     value?: string;
+    defaultValue?: string;
     maxHeight?: string | number;
     working?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
     width?: string | number;
     maxWidth?: string | number;
     minWidth?: string | number;
     borderStyle?: 'solid' | 'gradient' | 'none';
     borderWidth?: number;
-    borderColor?: string | number;
-    borderColorOn?: string | number;
+    borderColor?: ColorValue;
+    borderColorFocused?: ColorValue;
     borderAnimate?: boolean;
     borderRadius?: number | string;
     placeholder?: string;
     placeholderWorking?: string;
     focused?: boolean;
+    inputName?: string;
     submitClears?: boolean;
     enterSubmits?: boolean;
     sendButton?: boolean;
@@ -28,12 +52,25 @@ type BasePromptProps = {
     attachmentsDisabled?: boolean;
     submitWorking?: boolean;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
-    onChange?: (value: string | undefined, attachments?: FileItem[]) => void;
-    onSubmit?: (value: string | undefined, attachments?: FileItem[]) => void;
-    onBlur?: (value: string | undefined, attachments?: FileItem[]) => void;
-    onFocus?: (value: string | undefined, attachments?: FileItem[]) => void;
+    textAreaProps?: PromptTextAreaProps;
+    fileListProps?: UploadAreaProps['fileListProps'];
+    acceptedTypes?: string[];
+    multiple?: boolean;
+    /** Opt-in: plain-text paste longer than this limit becomes a .txt attachment. */
+    pasteAttachmentThreshold?: number;
+    attachActionName?: string;
+    sendActionName?: string;
+    stopActionName?: string;
+    onChange?: (value: string, attachments: FileItem[]) => void;
+    onSubmit?: (value: string, attachments: FileItem[]) => void;
+    onBlur?: (value: string, attachments: FileItem[]) => void;
+    onFocus?: (value: string, attachments: FileItem[]) => void;
     onStop?: () => void;
     onAttachmentsChange?: (attachments: FileItem[]) => void;
+    onReject?: (files: UploadFileRejection[]) => void;
+    onToolTip?: (tip: ToolTip | null) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
 };
-export type PromptProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof BasePromptProps> & BasePromptProps;
+export type PromptProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof BasePromptProps | 'dangerouslySetInnerHTML'> & BasePromptProps;
 export {};

package/dist/types/components/PromptInput/index.d.ts

@@ -1,2 +1,2 @@
 export { PromptInput } from './PromptInput';
-export type { PromptProps } from './_types';
+export type { PromptProps, PromptActions, PromptTextAreaProps } from './_types';

package/dist/types/components/PromptInput/promptText.d.ts

@@ -0,0 +1,6 @@
+/** Clipboard length and native maxLength both use JavaScript string length. */
+export declare function pasteBecomesAttachment(text: string, threshold?: number): boolean;
+export declare function insertPromptText(value: string, text: string, start: number, end: number, maxLength?: number): {
+    value: string;
+    caret: number;
+};

package/dist/types/components/RadioButton/RadioGroupContext.d.ts

@@ -0,0 +1,11 @@
+import type { RadioButtonOption, RadioButtonProps } from './_types';
+export type RadioGroupStyleProps = Pick<RadioButtonProps<unknown>, 'align' | 'iconChecked' | 'iconUnChecked' | 'iconSize' | 'iconColor' | 'iconColorSelected' | 'textColor' | 'textSize' | 'textTopOffset' | 'backgroundColor' | 'backgroundColorSelected' | 'borderWidth' | 'borderColor' | 'borderRadius' | 'padding' | 'gap'>;
+type RadioGroupContextValue = {
+    value: unknown;
+    name: string;
+    disabled: boolean;
+    optionProps: RadioGroupStyleProps;
+    select: (option: RadioButtonOption<unknown>) => void;
+};
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
+export {};

package/dist/types/components/RadioButton/_types.d.ts

@@ -1,27 +1,38 @@
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
+import type { SliceIcon } from '../Icon/_types';
 export type RadioButtonOption<T = string> = {
     fieldName?: string;
     label?: string;
     value?: T;
 };
 type RadioButtonBaseProps<T = string> = {
+    actionName?: string;
+    align?: 'top' | 'middle' | 'bottom';
     children?: React.ReactNode;
     label?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
     fieldName?: string;
     value?: T;
-    selected?: boolean;
-    controlType?: 'radio' | 'checkbox';
-    deselect?: boolean;
-    tabIndex?: number;
-    wrap?: boolean;
-    list?: boolean;
-    hideRadio?: boolean;
-    iconColor?: string;
-    noFrame?: boolean;
+    formValue?: string | number;
+    iconChecked?: SliceIcon;
+    iconUnChecked?: SliceIcon;
+    iconColor?: ColorValue;
+    iconColorSelected?: ColorValue;
+    iconSize?: number;
     gap?: number;
-    icon?: string;
-    checkedIcon?: string;
-    onChange?: (option: RadioButtonOption<T>, selected: boolean) => void;
+    textColor?: ColorValue;
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    textTopOffset?: number;
+    backgroundColor?: ColorValue;
+    backgroundColorSelected?: ColorValue;
+    borderColor?: ColorValue;
+    borderWidth?: number;
+    borderRadius?: number | string;
+    padding?: number | string;
+    onChange?: (option: RadioButtonOption<T>, checked: boolean) => void;
 };
-export type RadioButtonProps<T = string> = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof RadioButtonBaseProps> & RadioButtonBaseProps<T>;
+export type RadioButtonProps<T = string> = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof RadioButtonBaseProps<T> | 'list' | 'type' | 'role' | 'size' | 'color' | 'aria-label' | 'aria-labelledby' | 'aria-checked'> & RadioButtonBaseProps<T>;
 export {};

package/dist/types/components/RadioButtonList/_types.d.ts

@@ -1,26 +1,24 @@
 import type React from 'react';
-import type { RadioButtonOption } from '../RadioButton';
+import type { RadioButtonOption, RadioButtonProps } from '../RadioButton';
+export type RadioButtonListOption<T = string> = Omit<RadioButtonProps<T>, 'checked' | 'defaultChecked' | 'name'> & {
+    value: T;
+};
 type RadioButtonListBaseProps<T = string> = {
-    options?: RadioButtonOption<T>[];
-    selectedIndexes?: number[] | null;
-    selectedOptions?: string[] | null;
-    label?: string | null;
-    deselect?: boolean;
-    multiSelect?: boolean;
+    children?: React.ReactNode;
+    options?: RadioButtonListOption<T>[];
+    value?: T | null;
+    defaultValue?: T | null;
+    name?: string;
+    label?: string;
+    disabled?: boolean;
+    direction?: 'row' | 'column';
     wrap?: boolean;
-    spacer?: 'xl' | 'lg' | 'md' | 'sm' | 'custom' | 'none';
-    custom?: number;
     gap?: number;
-    tabIndexSeed?: number;
-    hideRadio?: boolean;
-    toggleIcon?: boolean;
-    iconColor?: string;
-    iconSelectedColor?: string;
-    noFrame?: boolean;
-    icon?: string;
-    checkedIcon?: string;
+    itemGap?: number;
+    marginBottom?: number | string;
     width?: number | string;
-    onChange?: (options: RadioButtonOption<T>[] | null, indexes: number[] | null) => void;
+    onChange?: (value: T, option: RadioButtonOption<T>) => void;
 };
-export type RadioButtonListProps<T = string> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof RadioButtonListBaseProps> & RadioButtonListBaseProps<T>;
+type OptionStyleProps<T> = Pick<RadioButtonProps<T>, 'align' | 'iconChecked' | 'iconUnChecked' | 'iconSize' | 'iconColor' | 'iconColorSelected' | 'textColor' | 'textSize' | 'textTopOffset' | 'backgroundColor' | 'backgroundColorSelected' | 'borderWidth' | 'borderColor' | 'borderRadius' | 'padding'>;
+export type RadioButtonListProps<T = string> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof RadioButtonListBaseProps<T> | keyof OptionStyleProps<T> | 'children' | 'role' | 'color'> & RadioButtonListBaseProps<T> & OptionStyleProps<T>;
 export {};

package/dist/types/components/RadioButtonList/index.d.ts

@@ -1,2 +1,2 @@
 export { RadioButtonList } from './RadioButtonList';
-export type { RadioButtonListProps } from './_types';
+export type { RadioButtonListProps, RadioButtonListOption } from './_types';

package/dist/types/components/Slider/Slider.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { SliderProps } from './_types';
-export declare const Slider: React.MemoExoticComponent<(props: SliderProps) => React.JSX.Element>;
+export declare const Slider: React.MemoExoticComponent<(rawProps: SliderProps) => React.JSX.Element>;

package/dist/types/components/Slider/_types.d.ts

@@ -1,23 +1,29 @@
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
 type SliderBaseProps = {
     value?: number;
-    scaleMin?: number;
-    scaleMax?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
     width?: number | string;
     height?: number | string;
     touchHeight?: number | string;
     trackHeadSize?: number | null;
-    headColor?: string;
-    trackColor?: string;
-    progressColor?: string;
-    trackHeadBorderSize?: number;
-    trackHeadBorderColor?: string;
+    trackHeadOnHover?: true;
+    trackHeadBorderRadius?: string | number | null;
+    trackHeadColor?: ColorValue;
+    trackColor?: ColorValue;
+    progressColor?: ColorValue;
+    trackHeadBorderWidth?: number;
+    trackHeadBorderColor?: ColorValue;
+    /** Keyboard increment only; pointer dragging remains continuous. */
     step?: number;
     disabled?: boolean;
     disabledOpacity?: number;
     cursor?: 'default' | 'grab' | 'grabbing' | 'pointer';
     onChange?: (value: number, percent: number) => void;
-    onDragChange?: (value: number, percent: number) => void;
+    onChangeEnd?: (value: number, percent: number) => void;
 };
-export type SliderProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof SliderBaseProps> & SliderBaseProps;
+/** Native attributes and events target the range input; className/style target the visual wrapper. */
+export type SliderProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof SliderBaseProps | 'type' | 'size' | 'children' | 'dangerouslySetInnerHTML' | 'readOnly'> & SliderBaseProps;
 export {};

package/dist/types/components/Slider/sliderLogic.d.ts

@@ -0,0 +1,6 @@
+export declare function normalizeSliderRange(min: number, max: number): [number, number];
+export declare function clampSliderValue(value: number, min: number, max: number): number;
+export declare function sliderPercent(value: number, min: number, max: number): number;
+/** Keep the existing keyboard-only step contract; pointer movement stays continuous. */
+export declare function keyboardSliderValue(value: number, key: string, min: number, max: number, step?: number): number | null;
+export declare function sliderLength(value: number | string | undefined, fallback: number): string;

package/dist/types/components/Spacer/index.d.ts

@@ -1,2 +1,2 @@
-export { Spacer } from '../Spacer/Spacer';
+export { Spacer } from './Spacer';
 export type { SpacerProps } from './_types';

package/dist/types/components/Switch/_types.d.ts

@@ -1,15 +1,26 @@
+import type { Transition } from 'motion/react';
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
 type SwitchBaseProps<T = string> = {
-    fieldName?: string;
-    state?: boolean;
+    /** Native button name and accessible label. Blank or omitted names fall back to Switch. */
+    name?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    borderRadius?: number | string;
     height?: number;
     width?: number;
-    backgroundColorOff?: string;
-    backgroundColorOn?: string;
-    knobColor?: string;
+    backgroundColorOff?: ColorValue;
+    backgroundColorOn?: ColorValue;
+    knobColor?: ColorValue;
+    knobRadius?: number | string;
+    knobWidth?: number;
     padding?: number;
+    /** Settings merged with Water for knob movement and knob/track color changes. */
+    transition?: Transition;
+    /** Callback metadata, not a submitted form value. */
     value?: T;
-    onChange?: (value: T | undefined, state: boolean) => void;
+    onChange?: (value: T | undefined, checked: boolean) => void;
 };
-export type SwitchProps<T = string> = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof SwitchBaseProps> & SwitchBaseProps<T>;
+/** Native button events are supported; Motion gestures and callbacks are not part of this API. */
+export type SwitchProps<T = string> = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof SwitchBaseProps<T> | keyof React.AriaAttributes | 'role' | 'children' | 'dangerouslySetInnerHTML'> & SwitchBaseProps<T>;
 export {};

package/dist/types/components/Tab/Tab.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TabProps } from './_types';
+export declare const Tab: <T = string>(props: TabProps<T>) => React.JSX.Element;

package/dist/types/components/Tab/_types.d.ts

@@ -0,0 +1,26 @@
+import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
+import type { SliceIcon } from '../Icon/_types';
+export type TabColorProps = {
+    accentColor?: ColorValue;
+    textColor?: ColorValue;
+    textColorSelected?: ColorValue;
+    underlineColor?: ColorValue;
+    underlineSelectedColor?: ColorValue;
+    iconColor?: ColorValue;
+    iconColorSelected?: ColorValue;
+};
+export type TabOption<T = string> = TabColorProps & {
+    value: T;
+    label?: string;
+    children?: React.ReactNode;
+    icon?: SliceIcon | null;
+    /** Overrides the inherited TabBar icon size in pixels. */
+    iconSize?: number;
+    toolTip?: string;
+    count?: number;
+    disabled?: boolean;
+    id?: string;
+    panelId?: string;
+};
+export type TabProps<T = string> = TabOption<T> & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof TabOption<T> | keyof React.AriaAttributes | 'onChange' | 'role' | 'type' | 'tabIndex'>;

package/dist/types/components/Tab/index.d.ts

@@ -0,0 +1,2 @@
+export { Tab } from './Tab';
+export type { TabProps, TabOption } from './_types';

package/dist/types/components/TabBar/TabBar.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { TabBarProps } from './_types';
-export declare const TabBar: React.MemoExoticComponent<(props: TabBarProps) => React.JSX.Element>;
+export declare const TabBar: <T = string>(props: TabBarProps<T>) => React.JSX.Element;

package/dist/types/components/TabBar/_types.d.ts

@@ -1,19 +1,17 @@
+import type { Transition } from 'motion/react';
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
+import type { TabOption } from '../Tab';
+import type { TabColorProps } from '../Tab/_types';
 import type { ToolTip } from '../sharedTypes';
-export type TabOption = {
-    name?: string;
-    value?: any;
-    icon?: string | null;
-    toolTip?: string;
-    count?: number;
-};
-export declare const placeholderOptions: TabOption[];
-type TabBarBaseProps = {
-    options?: TabOption[];
-    selected?: number;
+type TabBarBaseProps<T> = TabColorProps & {
+    tabBarName?: string;
+    children?: React.ReactNode;
+    options?: TabOption<T>[];
+    value?: T | null;
+    defaultValue?: T | null;
     underline?: boolean;
     border?: boolean;
-    selectedValue?: string;
     height?: number | string;
     width?: number | string;
     tabWidth?: 'compact' | 'fill' | number;
@@ -26,33 +24,12 @@ type TabBarBaseProps = {
     disabled?: boolean;
     hasClose?: boolean;
     onToolTip?: (tip: ToolTip | null) => void;
-    onChange?: (index: number) => void;
-    onTabChange?: (option: TabOption) => void;
+    onChange?: (value: T, option: TabOption<T>) => void;
     onClose?: () => void;
     justify?: 'start' | 'center' | 'end';
-    borderColor?: string;
+    borderColor?: ColorValue;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    transition?: Transition;
 };
-export type TabBarProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TabBarBaseProps> & TabBarBaseProps;
-export interface TabOptionProps {
-    name?: string;
-    index?: number;
-    icon?: string | null;
-    toolTip?: string | null;
-    selected?: boolean;
-    padding?: number | string;
-    iconSize?: number;
-    iconGap?: number;
-    disabled?: boolean;
-    count?: number;
-    iconFill?: boolean;
-    tabWidth?: 'compact' | 'fill' | number;
-    underline?: boolean;
-    onClick?: (index: number) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => void;
-    onToolTip?: (tip: ToolTip | null) => void;
-    buttonRef?: (element: HTMLButtonElement | null) => void;
-    borderColor?: string;
-    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
-}
+export type TabBarProps<T = string> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TabBarBaseProps<T> | keyof React.AriaAttributes | 'role'> & TabBarBaseProps<T>;
 export {};

package/dist/types/components/TabBar/index.d.ts

@@ -1,2 +1,2 @@
 export { TabBar } from './TabBar';
-export type { TabBarProps, TabOption } from './_types';
+export type { TabBarProps } from './_types';

package/dist/types/components/TabBar/shared.d.ts

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+import type React from 'react';
+import type { TabOption } from '../Tab';
+import type { TabColorProps } from '../Tab/_types';
+import type { TabBarProps } from './_types';
+type TabBarContextValue = {
+    value: unknown;
+    firstValue: unknown;
+    iconFill: boolean;
+    colors: TabColorProps;
+    disabled: boolean;
+    register: (element: HTMLButtonElement, option: TabOption<unknown>) => () => void;
+    select: (option: TabOption<unknown>) => void;
+    navigate: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    onToolTip: TabBarProps['onToolTip'];
+};
+export declare const TabContext: React.Context<TabBarContextValue | null>;
+export declare const withoutAria: (attributes: object) => {
+    [k: string]: any;
+};
+export declare const useClientLayoutEffect: typeof useEffect;
+export {};

package/dist/types/components/TextArea/TextArea.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { TextAreaProps } from './_types';
-export declare const TextArea: React.MemoExoticComponent<(props: TextAreaProps) => React.JSX.Element>;
+export declare const TextArea: React.NamedExoticComponent<TextAreaProps>;

package/dist/types/components/TextArea/_types.d.ts

@@ -1,41 +1,62 @@
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
+type NativeInputAttributes = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof React.AriaAttributes | 'children' | 'className' | 'style' | 'role' | 'id' | 'name' | 'value' | 'defaultValue' | 'disabled' | 'readOnly' | 'placeholder' | 'maxLength' | 'rows' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onPaste' | 'onSubmit'>;
 type TextAreaBaseProps = {
+    /** Native editor ref for composed controls and imperative focus. */
+    inputRef?: React.Ref<HTMLTextAreaElement>;
     value?: string;
+    defaultValue?: string;
     name?: string;
+    inputName?: string;
+    inputId?: string;
+    inputAttributes?: NativeInputAttributes;
+    label?: string;
+    labelSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    labelColor?: ColorValue;
     width?: number | string;
     height?: number | string;
+    maxHeight?: number | string;
     minWidth?: number | string;
     rows?: number;
+    autoGrow?: boolean;
     focused?: boolean;
     placeholder?: string;
     padding?: number | string;
     error?: boolean;
-    border?: boolean;
+    errorMessage?: string;
+    tip?: string;
+    borderStyle?: 'box' | 'underline' | 'none';
+    borderColor?: ColorValue;
+    borderColorFocused?: ColorValue;
+    borderColorError?: ColorValue;
     resizable?: boolean;
-    hasSend?: boolean;
+    showSendButton?: boolean;
+    sendActionName?: string;
     sendOffset?: {
         bottom: number;
         right: number;
     };
     sendSize?: number;
-    backgroundColor?: string;
+    backgroundColor?: ColorValue;
     borderRadius?: number | string;
     returnSubmits?: boolean;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    textColor?: ColorValue;
+    textColorDisabled?: ColorValue;
+    textColorPlaceholder?: ColorValue;
+    textColorError?: ColorValue;
     disabled?: boolean;
+    readOnly?: boolean;
+    /** Composed editors may submit associated content even when the text is empty. */
+    allowEmptySubmit?: boolean;
     submitClears?: boolean;
     maxLength?: number;
     onChange?: (value: string) => void;
     onSubmit?: (value: string) => void;
     onFocus?: (value: string) => void;
     onBlur?: (value: string) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
-};
-export type TextAreaProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TextAreaBaseProps> & TextAreaBaseProps;
-export type Tip = {
-    icon?: string;
-    iconRight?: boolean;
-    key: string;
-    label?: string;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
 };
+export type TextAreaProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TextAreaBaseProps | keyof React.AriaAttributes | 'role'> & TextAreaBaseProps;
 export {};