@apple-pie/slice 0.1.9 → 0.1.11

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

@@ -0,0 +1,131 @@
+import type React from 'react';
+type IconBaseProps = {
+    name?: string;
+    size?: number;
+    stroke?: number;
+    strokeColor?: string;
+    fillColor?: string;
+    coverUp?: string;
+    toggle?: boolean;
+    pointer?: boolean;
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent<SVGElement, MouseEvent>) => void;
+};
+export type IconProps = Omit<React.SVGAttributes<SVGSVGElement>, keyof IconBaseProps> & IconBaseProps;
+export declare const SliceIcons: {
+    readonly arrows: {
+        readonly arrowLeft: "arrow left";
+        readonly arrowRight: "arrow right";
+        readonly arrowUp: "arrow up";
+        readonly arrowDown: "arrow down";
+        readonly chevronDown: "chevron down";
+        readonly chevronUp: "chevron up";
+        readonly navigateRight: "navigate right";
+        readonly navigateLeft: "navigate left";
+        readonly share: "share";
+    };
+    readonly selection: {
+        readonly check: "check";
+        readonly checkCircle: "check circle";
+        readonly checkbox: "checkbox";
+        readonly checkboxChecked: "checkbox checked";
+        readonly checkboxPartial: "checkbox partial";
+        readonly circle: "circle";
+        readonly circleFill: "circle fill";
+        readonly plus: "plus";
+        readonly plusCircle: "plus circle";
+    };
+    readonly Messaging: {
+        readonly chat: "chat";
+        readonly mail: "mail";
+        readonly notification: "notification";
+        readonly inbox: "inbox";
+        readonly like: "like";
+        readonly unlike: "unlike";
+    };
+    readonly media: {
+        readonly camera: "camera";
+        readonly focus: "focus";
+        readonly mic: "mic";
+        readonly micMuted: "mic muted";
+        readonly video: "video";
+        readonly videoOff: "video off";
+        readonly download: "download";
+        readonly upload: "upload";
+    };
+    readonly files: {
+        readonly document: "document";
+        readonly documentEditor: "document editor";
+        readonly textDocument: "text document";
+    };
+    readonly people: {
+        readonly people: "people";
+        readonly person: "person";
+    };
+    readonly business: {
+        readonly briefcase: "briefcase";
+        readonly dollar: "dollar";
+        readonly invoice: "invoice";
+        readonly payment: "payment";
+        readonly wallet: "wallet";
+    };
+    readonly charts: {
+        readonly barChart: "bar chart";
+        readonly chart: "chart";
+        readonly chartArrow: "chart arrow";
+    };
+    readonly status: {
+        readonly alert: "alert";
+        readonly exclamation: "exclamation";
+        readonly help: "help";
+        readonly info: "info";
+        readonly issue: "issue";
+        readonly lightBulb: "light bulb";
+        readonly target: "target";
+        readonly openCircle: "open circle";
+    };
+    readonly brands: {
+        readonly apple: "apple";
+        readonly google: "google";
+        readonly googleMono: "google mono";
+        readonly linkedin: "linkedin";
+    };
+    readonly edit: {
+        readonly edit: "edit";
+        readonly trashBin: "trash bin";
+        readonly copy: "copy";
+        readonly filter: "filter";
+        readonly highlight: "highlight";
+        readonly undo: "undo";
+        readonly concise: "concise";
+        readonly expanded: "expanded";
+        readonly moderate: "moderate";
+        readonly recent: "recent";
+    };
+    readonly typography: {
+        readonly fontLarger: "font larger";
+        readonly fontSmaller: "font smaller";
+        readonly characterBeam: "character beam";
+    };
+    readonly ai: {
+        readonly sparkle: "sparkle";
+        readonly wand: "wand";
+    };
+    readonly ui: {
+        readonly attach: "attach";
+        readonly blank: "blank";
+        readonly book: "book";
+        readonly globeLocation: "globe location";
+        readonly heart: "heart";
+        readonly stop: "stop";
+        readonly search: "search";
+        readonly settings: "settings";
+        readonly view: "view";
+        readonly refresh: "refresh";
+        readonly home: "home";
+        readonly menu: "menu";
+        readonly more: "more";
+        readonly x: "x";
+    };
+};
+export {};

package/dist/types/components/Icon/iconRegistry.d.ts

@@ -0,0 +1,17 @@
+import type { JSX } from 'react';
+export interface IconRenderProps {
+    stroke: number;
+    strokeColor: string;
+    fillColor: string;
+    coverUp: string;
+}
+export type IconLineRenderer = (props: IconRenderProps) => JSX.Element;
+export interface IconDefinition {
+    line: IconLineRenderer;
+    lineOn?: IconLineRenderer;
+}
+/**
+ * Static icon registry created once at module load.
+ * Each entry stores only icon line content renderers.
+ */
+export declare const STATIC_ICON_REGISTRY: Map<string, IconDefinition>;

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

@@ -0,0 +1,2 @@
+export { Icon } from './Icon';
+export { SliceIcons } from './_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IconButtonProps } from './_types';
+export declare const IconButton: React.MemoExoticComponent<(props: IconButtonProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,37 @@
+import type { Transition, Variants } from 'motion/react';
+import type React from 'react';
+import type { ToolTip } from '../sharedTypes';
+type IconButtonBaseProps = {
+    frameSize?: number;
+    iconSize?: number;
+    icon?: string;
+    iconColor?: string;
+    iconColorOn?: string;
+    iconColorHover?: string;
+    tooltip?: string;
+    color?: string;
+    colorOn?: string;
+    fillColor?: string;
+    disabled?: boolean;
+    bgColor?: string;
+    bgColorOn?: string;
+    bgColorHover?: string;
+    toggle?: boolean;
+    hover?: boolean;
+    toggleIcon?: boolean;
+    isToggled?: boolean;
+    showDot?: boolean;
+    count?: number;
+    transition?: Transition;
+    label?: string;
+    border?: boolean;
+    variants?: Variants;
+    initial?: string;
+    animate?: string;
+    exit?: string;
+    borderRadius?: number;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onToolTip?: (tip: ToolTip | null) => void;
+};
+export type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof IconButtonBaseProps> & IconButtonBaseProps;
+export {};

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

@@ -0,0 +1,2 @@
+export { IconButton } from './IconButton';
+export type { IconButtonProps } from './_types';

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

@@ -0,0 +1,2 @@
+import { type LabelProps } from './_types';
+export declare function Label(props: Readonly<LabelProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+import type React from 'react';
+export declare enum LabelBackground {
+    red = "red",
+    yellow = "yellow",
+    green = "green",
+    blue = "blue",
+    grey = "grey",
+    lightGrey = "lightGrey",
+    white = "white"
+}
+type LabelBaseProps = {
+    children?: React.ReactNode;
+    label?: string;
+    backgroundColor?: LabelBackground | string;
+    bgColor?: LabelBackground | string;
+    borderWidth?: number;
+    borderSize?: number;
+    borderColor?: string;
+    borderRadius?: number;
+    padding?: number | string;
+    textColor?: string;
+    textSize?: 'xs' | 's' | 'm' | 'l';
+    onClick?: (e: React.MouseEvent<any>) => void;
+};
+export type LabelProps = Omit<React.HTMLAttributes<HTMLElement>, keyof LabelBaseProps> & LabelBaseProps;
+export {};

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

@@ -0,0 +1,3 @@
+export { Label } from './Label';
+export { LabelBackground } from './_types';
+export type { LabelProps } from './_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { OverlayProps } from './_types';
+export declare const Overlay: React.MemoExoticComponent<(props: OverlayProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,12 @@
+import type React from 'react';
+type OverlayBaseProps = {
+    opacity?: number;
+    color?: string;
+    type?: 'clear' | 'dark';
+    global?: boolean;
+    overlay?: any;
+    onClick?: () => void;
+    toggleOverlay?: (state: boolean) => void;
+};
+export type OverlayProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof OverlayBaseProps> & OverlayBaseProps;
+export {};

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

@@ -0,0 +1,2 @@
+export { Overlay } from './Overlay';
+export type { OverlayProps } from './_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { PagerProps } from './_types';
+export declare const Pager: React.MemoExoticComponent<(props: PagerProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,13 @@
+import type React from 'react';
+type PagerBaseProps = {
+    size?: number;
+    index?: number;
+    color?: string;
+    colorOn?: string;
+    colorHover?: string;
+    pages?: number;
+    gap?: number;
+    onChange?: (index: number) => void;
+};
+export type PagerProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof PagerBaseProps> & PagerBaseProps;
+export {};

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

@@ -0,0 +1,2 @@
+export { Pager } from './Pager';
+export type { PagerProps } from './_types';

package/dist/types/components/Progress/DoneCheck/DoneCheck.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DoneCheckProps } from './_types';
+export declare const DoneCheck: React.MemoExoticComponent<(props: DoneCheckProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/components/Progress/DoneCheck/_types.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+type DoneCheckBaseProps = {
+    size?: number;
+    color?: string;
+    stroke?: number;
+    duration?: number;
+    delay?: number;
+    play?: boolean;
+    didStart?: () => void;
+    didEnd?: () => void;
+};
+export type DoneCheckProps = Omit<React.SVGAttributes<SVGSVGElement>, keyof DoneCheckBaseProps> & DoneCheckBaseProps;
+export {};

package/dist/types/components/Progress/ProgressIndicator/ProgressIndicator.d.ts

@@ -0,0 +1,3 @@
+import type { ProgressIndicatorProps } from './_types';
+export declare function ProgressIndicator(props: Readonly<ProgressIndicatorProps>): import("react/jsx-runtime").JSX.Element;
+export declare const OpenCircle: (size: number, secondsPerSpin: number, color: string, stroke?: number, playing?: boolean) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Progress/ProgressIndicator/_types.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+type ProgressIndicatorBaseProps = {
+    size?: number;
+    secondsPerSpin?: number;
+    show?: boolean;
+    color?: string;
+    stroke?: number;
+    duration?: number;
+    inline?: boolean;
+    didStart?: () => void;
+    didStop?: () => void;
+};
+export type ProgressIndicatorProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof ProgressIndicatorBaseProps> & ProgressIndicatorBaseProps;
+export {};

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

@@ -0,0 +1,4 @@
+export { DoneCheck } from './DoneCheck/DoneCheck';
+export type { DoneCheckProps } from './DoneCheck/_types';
+export { ProgressIndicator } from './ProgressIndicator/ProgressIndicator';
+export type { ProgressIndicatorProps } from './ProgressIndicator/_types';

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

@@ -0,0 +1,63 @@
+import React from 'react';
+import { type FileItem } from '../FileList';
+export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof {
+    attachments?: FileItem[];
+    children?: React.ReactNode;
+    value?: string;
+    maxHeight?: string | number;
+    working?: boolean;
+    borderStyle?: "solid" | "gradient" | "none";
+    borderWidth?: number;
+    borderColor?: string | number;
+    borderColorOn?: string | number;
+    borderAnimate?: boolean;
+    borderRadius?: number;
+    placeholder?: string;
+    placeholderWorking?: string;
+    focused?: boolean;
+    submitClears?: boolean;
+    submitEnablesStop?: boolean;
+    enterSubmits?: boolean;
+    sendButton?: boolean;
+    attachButton?: boolean;
+    stopEnabled?: boolean;
+    maxLength?: number;
+    toolbarGap?: number;
+    textSize?: "s" | "m" | "l";
+    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;
+    onStop?: () => void;
+    onAttachmentsChange?: (attachments: FileItem[]) => void;
+}> & {
+    attachments?: FileItem[];
+    children?: React.ReactNode;
+    value?: string;
+    maxHeight?: string | number;
+    working?: boolean;
+    borderStyle?: "solid" | "gradient" | "none";
+    borderWidth?: number;
+    borderColor?: string | number;
+    borderColorOn?: string | number;
+    borderAnimate?: boolean;
+    borderRadius?: number;
+    placeholder?: string;
+    placeholderWorking?: string;
+    focused?: boolean;
+    submitClears?: boolean;
+    submitEnablesStop?: boolean;
+    enterSubmits?: boolean;
+    sendButton?: boolean;
+    attachButton?: boolean;
+    stopEnabled?: boolean;
+    maxLength?: number;
+    toolbarGap?: number;
+    textSize?: "s" | "m" | "l";
+    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;
+    onStop?: () => void;
+    onAttachmentsChange?: (attachments: FileItem[]) => void;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,35 @@
+import type React from 'react';
+import type { FileItem } from '../FileList';
+type BasePromptProps = {
+    attachments?: FileItem[];
+    children?: React.ReactNode;
+    value?: string;
+    maxHeight?: string | number;
+    working?: boolean;
+    borderStyle?: 'solid' | 'gradient' | 'none';
+    borderWidth?: number;
+    borderColor?: string | number;
+    borderColorOn?: string | number;
+    borderAnimate?: boolean;
+    borderRadius?: number;
+    placeholder?: string;
+    placeholderWorking?: string;
+    focused?: boolean;
+    submitClears?: boolean;
+    submitEnablesStop?: boolean;
+    enterSubmits?: boolean;
+    sendButton?: boolean;
+    attachButton?: boolean;
+    stopEnabled?: boolean;
+    maxLength?: number;
+    toolbarGap?: number;
+    textSize?: 's' | 'm' | 'l';
+    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;
+    onStop?: () => void;
+    onAttachmentsChange?: (attachments: FileItem[]) => void;
+};
+export type PromptProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof BasePromptProps> & BasePromptProps;
+export {};

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

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

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

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

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

@@ -0,0 +1,27 @@
+import type React from 'react';
+export type RadioButtonOption<T = string> = {
+    fieldName?: string;
+    label?: string;
+    value?: T;
+};
+type RadioButtonBaseProps<T = string> = {
+    children?: React.ReactNode;
+    label?: string;
+    fieldName?: string;
+    value?: T;
+    selected?: boolean;
+    controlType?: 'radio' | 'checkbox';
+    deselect?: boolean;
+    tabIndex?: number;
+    wrap?: boolean;
+    list?: boolean;
+    hideRadio?: boolean;
+    iconColor?: string;
+    noFrame?: boolean;
+    gap?: number;
+    icon?: string;
+    checkedIcon?: string;
+    onChange?: (option: RadioButtonOption<T>, selected: boolean) => void;
+};
+export type RadioButtonProps<T = string> = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof RadioButtonBaseProps> & RadioButtonBaseProps<T>;
+export {};

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

@@ -0,0 +1,2 @@
+export { RadioButton } from './RadioButton';
+export type { RadioButtonOption, RadioButtonProps } from './_types';

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

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

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

@@ -0,0 +1,26 @@
+import type React from 'react';
+import type { RadioButtonOption } from '../RadioButton';
+type RadioButtonListBaseProps<T = string> = {
+    options?: RadioButtonOption<T>[];
+    selectedIndexes?: number[] | null;
+    selectedOptions?: string[] | null;
+    label?: string | null;
+    deselect?: boolean;
+    multiSelect?: boolean;
+    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;
+    width?: number | string;
+    onChange?: (options: RadioButtonOption<T>[] | null, indexes: number[] | null) => void;
+};
+export type RadioButtonListProps<T = string> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof RadioButtonListBaseProps> & RadioButtonListBaseProps<T>;
+export {};

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

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

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

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

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

@@ -0,0 +1,18 @@
+import type React from 'react';
+type SliderBaseProps = {
+    value?: number;
+    scaleMin?: number;
+    scaleMax?: number;
+    width?: number | string;
+    height?: number | string;
+    touchHeight?: number | string;
+    trackHeadSize?: number | null;
+    headColor?: string;
+    trackColor?: string;
+    progressColor?: string;
+    cursor?: 'default' | 'grab' | 'grabbing' | 'pointer';
+    onChange?: (value: number, percent: number) => void;
+    onDragChange?: (value: number, percent: number) => void;
+};
+export type SliderProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof SliderBaseProps> & SliderBaseProps;
+export {};

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

@@ -0,0 +1,2 @@
+export { Slider } from './Slider';
+export type { SliderProps } from './_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { SpacerProps } from './_types';
+export declare const Spacer: React.MemoExoticComponent<(props: SpacerProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,6 @@
+import type React from 'react';
+type SpacerBaseProps = {
+    size?: number;
+};
+export type SpacerProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof SpacerBaseProps> & SpacerBaseProps;
+export {};

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

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

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

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

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

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Switch } from 'src/components/Switch';
+declare const meta: Meta<typeof Switch>;
+export default meta;
+export declare const Default: StoryObj<typeof Switch>;

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

@@ -0,0 +1,17 @@
+import type React from 'react';
+type SwitchBaseProps<T = string> = {
+    fieldName?: string;
+    state?: boolean;
+    height?: number;
+    width?: number;
+    backgroundColorOff?: string;
+    backgroundColorOn?: string;
+    bgColorOff?: string;
+    bgColorOn?: string;
+    knobColor?: string;
+    padding?: number;
+    value?: T;
+    onChange?: (value: T | undefined, state: boolean) => void;
+};
+export type SwitchProps<T = string> = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof SwitchBaseProps> & SwitchBaseProps<T>;
+export {};

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

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps } from './_types';

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

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

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

@@ -0,0 +1,52 @@
+import type React from 'react';
+import type { ToolTip } from '../sharedTypes';
+export type TabOption = {
+    name?: string;
+    value?: any;
+    icon?: string | null;
+    toolTip?: string;
+    count?: number;
+    component?: any;
+};
+export declare const placeholderOptions: TabOption[];
+type TabBarBaseProps = {
+    options?: TabOption[];
+    selected?: number;
+    underline?: boolean;
+    border?: boolean;
+    selectedValue?: string;
+    height?: number | string;
+    width?: number | string;
+    tabWidth?: 'compact' | 'fill' | number;
+    closeWidth?: number | string;
+    padding?: number | string;
+    iconSize?: number;
+    iconGap?: number;
+    tabGap?: number;
+    disabled?: boolean;
+    hasClose?: boolean;
+    onToolTip?: (tip: ToolTip | null) => void;
+    onChange?: (index: number) => void;
+    onTabChange?: (option: TabOption) => void;
+    onClose?: () => void;
+};
+export type TabBarProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TabBarBaseProps> & TabBarBaseProps;
+export interface TabOptionProps {
+    label?: string;
+    value?: number;
+    icon?: string | null;
+    showToolTip?: string | null;
+    selected?: boolean;
+    padding?: number | string;
+    iconSize?: number;
+    iconGap?: number;
+    disabled?: boolean;
+    count?: number;
+    tabWidth?: 'compact' | 'fill' | number;
+    underline?: boolean;
+    onClick?: (value: number) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, value: number) => void;
+    onToolTip?: (tip: ToolTip | null) => void;
+    buttonRef?: (element: HTMLButtonElement | null) => void;
+}
+export {};

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

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