@luxfi/ui 7.3.0 → 7.3.2

package/dist/select.d.ts

@@ -0,0 +1,130 @@
+import * as RadixSelect from '@radix-ui/react-select';
+import * as React from 'react';
+
+interface ListCollection<T> {
+    items: Array<T>;
+}
+declare function createListCollection<T>(config: {
+    items: Array<T>;
+}): ListCollection<T>;
+type ViewMode = 'default' | 'compact';
+interface SelectOption<Value extends string = string> {
+    label: string;
+    renderLabel?: (place: 'item' | 'value-text') => React.ReactNode;
+    value: Value;
+    icon?: React.ReactNode;
+    afterElement?: React.ReactNode;
+}
+interface SelectRootProps {
+    children?: React.ReactNode;
+    collection?: ListCollection<SelectOption>;
+    defaultValue?: Array<string>;
+    value?: Array<string>;
+    onValueChange?: (details: {
+        value: Array<string>;
+        items: Array<SelectOption>;
+    }) => void;
+    onInteractOutside?: () => void;
+    name?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    size?: 'sm' | 'lg';
+    variant?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    positioning?: {
+        sameWidth?: boolean;
+        offset?: {
+            mainAxis?: number;
+            crossAxis?: number;
+        };
+    };
+    lazyMount?: boolean;
+    unmountOnExit?: boolean;
+    asChild?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    w?: string | Record<string, string>;
+    maxW?: string | Record<string, string>;
+    minW?: string | Record<string, string>;
+    hideFrom?: string;
+}
+declare const SelectRoot: React.ForwardRefExoticComponent<SelectRootProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectControlProps {
+    children?: React.ReactNode;
+    noIndicator?: boolean;
+    triggerProps?: React.ComponentPropsWithoutRef<typeof RadixSelect.Trigger> & {
+        asChild?: boolean;
+        px?: string | number;
+        className?: string;
+    };
+    loading?: boolean;
+    defaultValue?: Array<string>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SelectControl: React.ForwardRefExoticComponent<SelectControlProps & React.RefAttributes<HTMLButtonElement>>;
+interface SelectClearTriggerProps {
+    className?: string;
+}
+declare const SelectClearTrigger: React.ForwardRefExoticComponent<SelectClearTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps {
+    children?: React.ReactNode;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps {
+    item: SelectOption;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectValueTextProps {
+    children?: (items: Array<SelectOption>) => React.ReactNode;
+    placeholder?: string;
+    size?: SelectRootProps['size'];
+    required?: boolean;
+    invalid?: boolean;
+    errorText?: string;
+    mode?: ViewMode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SelectValueText: React.ForwardRefExoticComponent<SelectValueTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface SelectItemGroupProps {
+    children?: React.ReactNode;
+    label: React.ReactNode;
+    className?: string;
+}
+declare const SelectItemGroup: React.ForwardRefExoticComponent<SelectItemGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<RadixSelect.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItemText: React.ForwardRefExoticComponent<RadixSelect.SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface SelectProps extends SelectRootProps {
+    collection: ListCollection<SelectOption>;
+    placeholder: string;
+    portalled?: boolean;
+    loading?: boolean;
+    errorText?: string;
+    contentProps?: SelectContentProps;
+    contentHeader?: React.ReactNode;
+    itemFilter?: (item: SelectOption) => boolean;
+    mode?: ViewMode;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectAsyncProps extends Omit<SelectProps, 'collection'> {
+    placeholder: string;
+    portalled?: boolean;
+    loading?: boolean;
+    loadOptions: (input: string, currentValue: Array<string>) => Promise<ListCollection<SelectOption>>;
+    extraControls?: React.ReactNode;
+    mode?: ViewMode;
+}
+declare const SelectAsync: React.ForwardRefExoticComponent<SelectAsyncProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type ListCollection, Select, SelectAsync, type SelectAsyncProps, SelectClearTrigger, type SelectClearTriggerProps, SelectContent, type SelectContentProps, SelectControl, type SelectControlProps, SelectItem, SelectItemGroup, type SelectItemProps, SelectItemText, SelectLabel, type SelectOption, type SelectProps, SelectRoot, type SelectRootProps, SelectValueText, type ViewMode, createListCollection };

package/dist/separator.d.cts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+type Orientation = 'horizontal' | 'vertical';
+type Variant = 'solid' | 'dashed' | 'dotted';
+type Size = 'xs' | 'sm' | 'md' | 'lg';
+interface SeparatorProps extends React__default.HTMLAttributes<HTMLHRElement> {
+    readonly orientation?: Orientation;
+    readonly variant?: Variant;
+    readonly size?: Size;
+}
+declare const Separator: React__default.ForwardRefExoticComponent<SeparatorProps & React__default.RefAttributes<HTMLHRElement>>;
+
+export { Separator, type SeparatorProps };

package/dist/separator.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+type Orientation = 'horizontal' | 'vertical';
+type Variant = 'solid' | 'dashed' | 'dotted';
+type Size = 'xs' | 'sm' | 'md' | 'lg';
+interface SeparatorProps extends React__default.HTMLAttributes<HTMLHRElement> {
+    readonly orientation?: Orientation;
+    readonly variant?: Variant;
+    readonly size?: Size;
+}
+declare const Separator: React__default.ForwardRefExoticComponent<SeparatorProps & React__default.RefAttributes<HTMLHRElement>>;
+
+export { Separator, type SeparatorProps };

package/dist/skeleton.d.cts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+
+interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
+    readonly loading: boolean | undefined;
+    /** When true, the Skeleton wraps its single child element instead of adding a wrapper div. */
+    readonly asChild?: boolean;
+    readonly w?: any;
+    readonly h?: any;
+    readonly minW?: any;
+    readonly maxW?: any;
+    readonly display?: string;
+    readonly flexGrow?: number;
+    readonly flexShrink?: number;
+    readonly flexBasis?: string;
+    readonly fontWeight?: number | string;
+    readonly textStyle?: string;
+    readonly borderRadius?: string;
+    readonly alignSelf?: string;
+    readonly alignItems?: string;
+    readonly justifyContent?: string;
+    readonly color?: string;
+    readonly mt?: number | string;
+    readonly mb?: number | string;
+    readonly ml?: number | string;
+    readonly mr?: number | string;
+    readonly height?: string;
+    readonly overflow?: string;
+    readonly whiteSpace?: string;
+    readonly textOverflow?: string;
+    readonly textTransform?: string;
+    readonly gap?: number | string;
+    readonly gridTemplateColumns?: string;
+    readonly minWidth?: string;
+    readonly boxSize?: number | string;
+    readonly py?: number | string;
+    readonly px?: number | string;
+    readonly p?: number | string;
+    readonly hideBelow?: string;
+    readonly as?: React.ElementType;
+    readonly fontSize?: string;
+    readonly flexWrap?: React.CSSProperties['flexWrap'];
+    readonly wordBreak?: React.CSSProperties['wordBreak'];
+    readonly lineHeight?: string;
+    readonly marginRight?: string;
+    readonly position?: React.CSSProperties['position'];
+    readonly background?: string;
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+interface SkeletonCircleProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly size?: string | number;
+    readonly loading?: boolean;
+}
+declare const SkeletonCircle: React.ForwardRefExoticComponent<SkeletonCircleProps & React.RefAttributes<HTMLDivElement>>;
+interface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly noOfLines?: number;
+    readonly loading?: boolean;
+}
+declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Skeleton, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, SkeletonText, type SkeletonTextProps };

package/dist/skeleton.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+
+interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
+    readonly loading: boolean | undefined;
+    /** When true, the Skeleton wraps its single child element instead of adding a wrapper div. */
+    readonly asChild?: boolean;
+    readonly w?: any;
+    readonly h?: any;
+    readonly minW?: any;
+    readonly maxW?: any;
+    readonly display?: string;
+    readonly flexGrow?: number;
+    readonly flexShrink?: number;
+    readonly flexBasis?: string;
+    readonly fontWeight?: number | string;
+    readonly textStyle?: string;
+    readonly borderRadius?: string;
+    readonly alignSelf?: string;
+    readonly alignItems?: string;
+    readonly justifyContent?: string;
+    readonly color?: string;
+    readonly mt?: number | string;
+    readonly mb?: number | string;
+    readonly ml?: number | string;
+    readonly mr?: number | string;
+    readonly height?: string;
+    readonly overflow?: string;
+    readonly whiteSpace?: string;
+    readonly textOverflow?: string;
+    readonly textTransform?: string;
+    readonly gap?: number | string;
+    readonly gridTemplateColumns?: string;
+    readonly minWidth?: string;
+    readonly boxSize?: number | string;
+    readonly py?: number | string;
+    readonly px?: number | string;
+    readonly p?: number | string;
+    readonly hideBelow?: string;
+    readonly as?: React.ElementType;
+    readonly fontSize?: string;
+    readonly flexWrap?: React.CSSProperties['flexWrap'];
+    readonly wordBreak?: React.CSSProperties['wordBreak'];
+    readonly lineHeight?: string;
+    readonly marginRight?: string;
+    readonly position?: React.CSSProperties['position'];
+    readonly background?: string;
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+interface SkeletonCircleProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly size?: string | number;
+    readonly loading?: boolean;
+}
+declare const SkeletonCircle: React.ForwardRefExoticComponent<SkeletonCircleProps & React.RefAttributes<HTMLDivElement>>;
+interface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly noOfLines?: number;
+    readonly loading?: boolean;
+}
+declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Skeleton, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, SkeletonText, type SkeletonTextProps };

package/dist/slider.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+interface SliderProps {
+    readonly marks?: Array<number | {
+        readonly value: number;
+        readonly label: React.ReactNode;
+    }>;
+    readonly label?: React.ReactNode;
+    readonly showValue?: boolean;
+    readonly value?: Array<number>;
+    readonly defaultValue?: Array<number>;
+    readonly min?: number;
+    readonly max?: number;
+    readonly step?: number;
+    readonly disabled?: boolean;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly name?: string;
+    readonly onValueChange?: (value: Array<number>) => void;
+    readonly onValueCommit?: (value: Array<number>) => void;
+    readonly className?: string;
+}
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Slider, type SliderProps };

package/dist/slider.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+interface SliderProps {
+    readonly marks?: Array<number | {
+        readonly value: number;
+        readonly label: React.ReactNode;
+    }>;
+    readonly label?: React.ReactNode;
+    readonly showValue?: boolean;
+    readonly value?: Array<number>;
+    readonly defaultValue?: Array<number>;
+    readonly min?: number;
+    readonly max?: number;
+    readonly step?: number;
+    readonly disabled?: boolean;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly name?: string;
+    readonly onValueChange?: (value: Array<number>) => void;
+    readonly onValueCommit?: (value: Array<number>) => void;
+    readonly className?: string;
+}
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Slider, type SliderProps };

package/dist/strategy-builder.d.cts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+interface StrategyLeg {
+    action: 'buy' | 'sell';
+    type: 'call' | 'put';
+    strike: number;
+    expiration: string;
+    quantity: number;
+    premium?: number;
+}
+type StrategyType = 'bull_call_spread' | 'bear_put_spread' | 'iron_condor' | 'butterfly' | 'straddle' | 'strangle' | 'collar' | 'custom';
+interface StrategySubmission {
+    type: string;
+    legs: StrategyLeg[];
+    netPremium: number;
+}
+interface StrategyBuilderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
+    readonly underlying: string;
+    readonly expirations: string[];
+    readonly strikes: number[];
+    readonly spotPrice: number;
+    readonly onSubmit?: (strategy: StrategySubmission) => void;
+}
+declare const StrategyBuilder: React.ForwardRefExoticComponent<StrategyBuilderProps & React.RefAttributes<HTMLDivElement>>;
+
+export { StrategyBuilder, type StrategyBuilderProps, type StrategyLeg, type StrategySubmission, type StrategyType };

package/dist/strategy-builder.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+interface StrategyLeg {
+    action: 'buy' | 'sell';
+    type: 'call' | 'put';
+    strike: number;
+    expiration: string;
+    quantity: number;
+    premium?: number;
+}
+type StrategyType = 'bull_call_spread' | 'bear_put_spread' | 'iron_condor' | 'butterfly' | 'straddle' | 'strangle' | 'collar' | 'custom';
+interface StrategySubmission {
+    type: string;
+    legs: StrategyLeg[];
+    netPremium: number;
+}
+interface StrategyBuilderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
+    readonly underlying: string;
+    readonly expirations: string[];
+    readonly strikes: number[];
+    readonly spotPrice: number;
+    readonly onSubmit?: (strategy: StrategySubmission) => void;
+}
+declare const StrategyBuilder: React.ForwardRefExoticComponent<StrategyBuilderProps & React.RefAttributes<HTMLDivElement>>;
+
+export { StrategyBuilder, type StrategyBuilderProps, type StrategyLeg, type StrategySubmission, type StrategyType };

package/dist/switch.d.cts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange' | 'dir'> {
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    labelProps?: React.ComponentPropsWithoutRef<'span'>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+    trackLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    thumbLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (details: {
+        checked: boolean;
+    }) => void;
+    onChange?: React.FormEventHandler<HTMLLabelElement>;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    direction?: 'ltr' | 'rtl';
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Switch, type SwitchProps };

package/dist/switch.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange' | 'dir'> {
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    labelProps?: React.ComponentPropsWithoutRef<'span'>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+    trackLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    thumbLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (details: {
+        checked: boolean;
+    }) => void;
+    onChange?: React.FormEventHandler<HTMLLabelElement>;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    direction?: 'ltr' | 'rtl';
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Switch, type SwitchProps };

package/dist/table.d.cts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ChakraStyleProps {
+    width?: React.CSSProperties['width'];
+    w?: React.CSSProperties['width'];
+    minWidth?: React.CSSProperties['minWidth'];
+    minW?: React.CSSProperties['minWidth'];
+    maxWidth?: React.CSSProperties['maxWidth'];
+    maxW?: React.CSSProperties['maxWidth'];
+    height?: React.CSSProperties['height'];
+    h?: React.CSSProperties['height'];
+    textAlign?: React.CSSProperties['textAlign'];
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+    whiteSpace?: React.CSSProperties['whiteSpace'];
+    wordBreak?: React.CSSProperties['wordBreak'];
+    textTransform?: React.CSSProperties['textTransform'];
+    fontSize?: React.CSSProperties['fontSize'];
+    lineHeight?: React.CSSProperties['lineHeight'];
+    animation?: React.CSSProperties['animation'];
+    tableLayout?: React.CSSProperties['tableLayout'];
+    p?: number | string;
+    px?: number | string;
+    py?: number | string;
+    pr?: number | string;
+    pl?: number | string;
+    pt?: number | string;
+    pb?: number | string;
+    m?: number | string;
+    mx?: number | string;
+    my?: number | string;
+    mr?: number | string;
+    ml?: number | string;
+    mt?: number | string;
+    mb?: number | string;
+    position?: React.CSSProperties['position'];
+    top?: number | string;
+    left?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    zIndex?: React.CSSProperties['zIndex'];
+    backgroundColor?: React.CSSProperties['backgroundColor'] | Record<string, string>;
+    boxShadow?: React.CSSProperties['boxShadow'];
+    alignItems?: React.CSSProperties['alignItems'];
+    fontWeight?: React.CSSProperties['fontWeight'];
+    color?: React.CSSProperties['color'] | string;
+    overflow?: React.CSSProperties['overflow'];
+    borderBottomStyle?: React.CSSProperties['borderBottomStyle'];
+    borderRadius?: React.CSSProperties['borderRadius'];
+    display?: React.CSSProperties['display'];
+    _first?: Record<string, unknown>;
+    _last?: Record<string, unknown>;
+}
+interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
+    children?: React.ReactNode;
+    minWidth?: React.CSSProperties['minWidth'] | Record<string, string>;
+    minW?: React.CSSProperties['minWidth'] | Record<string, string>;
+}
+declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
+interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
+    isNumeric?: boolean;
+    children?: React.ReactNode;
+    display?: string;
+    justifyContent?: string;
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
+    isNumeric?: boolean;
+    children?: React.ReactNode;
+}
+declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
+interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
+    sortField: F;
+    sortValue: string;
+    onSortToggle: (sortField: F) => void;
+    disabled?: boolean;
+    indicatorPosition?: 'left' | 'right';
+    contentAfter?: React.ReactNode;
+}
+declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => react_jsx_runtime.JSX.Element;
+declare const TableHeaderSticky: (props: TableHeaderProps) => react_jsx_runtime.JSX.Element;
+interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
+
+export { TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, TableColumnHeaderSortable, type TableColumnHeaderSortableProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableHeaderSticky, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableScrollWrapper, type TableScrollWrapperProps };

package/dist/table.d.ts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ChakraStyleProps {
+    width?: React.CSSProperties['width'];
+    w?: React.CSSProperties['width'];
+    minWidth?: React.CSSProperties['minWidth'];
+    minW?: React.CSSProperties['minWidth'];
+    maxWidth?: React.CSSProperties['maxWidth'];
+    maxW?: React.CSSProperties['maxWidth'];
+    height?: React.CSSProperties['height'];
+    h?: React.CSSProperties['height'];
+    textAlign?: React.CSSProperties['textAlign'];
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+    whiteSpace?: React.CSSProperties['whiteSpace'];
+    wordBreak?: React.CSSProperties['wordBreak'];
+    textTransform?: React.CSSProperties['textTransform'];
+    fontSize?: React.CSSProperties['fontSize'];
+    lineHeight?: React.CSSProperties['lineHeight'];
+    animation?: React.CSSProperties['animation'];
+    tableLayout?: React.CSSProperties['tableLayout'];
+    p?: number | string;
+    px?: number | string;
+    py?: number | string;
+    pr?: number | string;
+    pl?: number | string;
+    pt?: number | string;
+    pb?: number | string;
+    m?: number | string;
+    mx?: number | string;
+    my?: number | string;
+    mr?: number | string;
+    ml?: number | string;
+    mt?: number | string;
+    mb?: number | string;
+    position?: React.CSSProperties['position'];
+    top?: number | string;
+    left?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    zIndex?: React.CSSProperties['zIndex'];
+    backgroundColor?: React.CSSProperties['backgroundColor'] | Record<string, string>;
+    boxShadow?: React.CSSProperties['boxShadow'];
+    alignItems?: React.CSSProperties['alignItems'];
+    fontWeight?: React.CSSProperties['fontWeight'];
+    color?: React.CSSProperties['color'] | string;
+    overflow?: React.CSSProperties['overflow'];
+    borderBottomStyle?: React.CSSProperties['borderBottomStyle'];
+    borderRadius?: React.CSSProperties['borderRadius'];
+    display?: React.CSSProperties['display'];
+    _first?: Record<string, unknown>;
+    _last?: Record<string, unknown>;
+}
+interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
+    children?: React.ReactNode;
+    minWidth?: React.CSSProperties['minWidth'] | Record<string, string>;
+    minW?: React.CSSProperties['minWidth'] | Record<string, string>;
+}
+declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
+interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
+    isNumeric?: boolean;
+    children?: React.ReactNode;
+    display?: string;
+    justifyContent?: string;
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
+    isNumeric?: boolean;
+    children?: React.ReactNode;
+}
+declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
+interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
+    sortField: F;
+    sortValue: string;
+    onSortToggle: (sortField: F) => void;
+    disabled?: boolean;
+    indicatorPosition?: 'left' | 'right';
+    contentAfter?: React.ReactNode;
+}
+declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => react_jsx_runtime.JSX.Element;
+declare const TableHeaderSticky: (props: TableHeaderProps) => react_jsx_runtime.JSX.Element;
+interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
+
+export { TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, TableColumnHeaderSortable, type TableColumnHeaderSortableProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableHeaderSticky, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableScrollWrapper, type TableScrollWrapperProps };