@aic-kits/react 0.35.2 → 0.35.3

package/dist/components/Button/StyledButton.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { BorderWidth, Color, FontSize, Space, Size, FontWeight, Radius, ButtonSize, ButtonVariant } from '../../theme';
 type ButtonContainerProps = {
     $backgroundColor: Color | 'disabled';
@@ -11,10 +12,10 @@ type ButtonContainerProps = {
     $size: ButtonSize;
 };
 declare const StyledButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').BoxProps & {
-    ref?: import('react').ForwardedRef<HTMLDivElement>;
+    ref?: React.ForwardedRef<HTMLDivElement>;
 }, ButtonContainerProps>> & string & Omit<(props: import('..').BoxProps & {
-    ref?: import('react').ForwardedRef<HTMLDivElement>;
-}) => ReturnType<({ children, style, "data-testid": testId, ...otherProps }: import('..').BoxProps, ref: import('react').ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element>, keyof import('react').Component<any, {}, any>>;
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => ReturnType<({ children, style, "data-testid": testId, ...otherProps }: import('..').BoxProps, ref: React.ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element>, keyof React.Component<any, {}, any>>;
 type ButtonTextProps = {
     $themeColor: Color;
     $themeTextColor?: Color;
@@ -22,24 +23,28 @@ type ButtonTextProps = {
     $variant: 'solid' | 'outlined' | 'text';
     $themeFontSize: FontSize;
     $themeFontWeight: FontWeight;
+    $overflow?: React.CSSProperties['overflow'];
+    $textOverflow?: React.CSSProperties['textOverflow'];
+    $maxWidth?: React.CSSProperties['maxWidth'];
+    $whiteSpace?: React.CSSProperties['whiteSpace'];
 };
 declare const StyledButtonText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').TextProps & {
     useRichText?: boolean;
-    ref?: import('react').ForwardedRef<HTMLParagraphElement>;
+    ref?: React.ForwardedRef<HTMLParagraphElement>;
 }, ButtonTextProps>> & string & Omit<(props: import('..').TextProps & {
     useRichText?: boolean;
-    ref?: import('react').ForwardedRef<HTMLParagraphElement>;
-}) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+    ref?: React.ForwardedRef<HTMLParagraphElement>;
+}) => import("react/jsx-runtime").JSX.Element, keyof React.Component<any, {}, any>>;
 type ButtonIconWrapperProps = {
     $themePosition: 'left' | 'right';
     $iconSpacing: Space;
     $hasText?: boolean;
 };
 declare const StyledButtonIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').BoxProps & {
-    ref?: import('react').ForwardedRef<HTMLDivElement>;
+    ref?: React.ForwardedRef<HTMLDivElement>;
 }, ButtonIconWrapperProps>> & string & Omit<(props: import('..').BoxProps & {
-    ref?: import('react').ForwardedRef<HTMLDivElement>;
-}) => ReturnType<({ children, style, "data-testid": testId, ...otherProps }: import('..').BoxProps, ref: import('react').ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element>, keyof import('react').Component<any, {}, any>>;
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => ReturnType<({ children, style, "data-testid": testId, ...otherProps }: import('..').BoxProps, ref: React.ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element>, keyof React.Component<any, {}, any>>;
 type ButtonIconProps = {
     $themeColor: Color;
     $themeTextColor?: Color;
@@ -47,5 +52,5 @@ type ButtonIconProps = {
     $variant: 'solid' | 'outlined' | 'text';
     $iconSize: Size;
 };
-declare const StyledButtonIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').IconArtProps | import('..').EmojiArtProps | import('..').SvgArtProps | import('..').ImageArtProps | import('..').BrandArtProps, ButtonIconProps>> & string & Omit<(props: import('..').ArtProps) => React.ReactElement, keyof import('react').Component<any, {}, any>>;
+declare const StyledButtonIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').IconArtProps | import('..').EmojiArtProps | import('..').SvgArtProps | import('..').ImageArtProps | import('..').BrandArtProps, ButtonIconProps>> & string & Omit<(props: import('..').ArtProps) => React.ReactElement, keyof React.Component<any, {}, any>>;
 export { StyledButtonContainer, StyledButtonText, StyledButtonIconWrapper, StyledButtonIcon, };

package/dist/components/Grid/StyledGrid.d.ts

@@ -1,8 +1,17 @@
-import { GridProps, GridColumns } from './types';
+import { GridColumns, GridSpacing, GridSize, GridOffset } from './types';
+interface StyledGridProps {
+    $container?: boolean;
+    $spacing?: GridSpacing;
+    $rowSpacing?: GridSpacing;
+    $columnSpacing?: GridSpacing;
+    $columns?: GridColumns;
+    $size?: GridSize;
+    $offset?: GridOffset;
+    $columnsContext: GridColumns;
+}
 export declare const StyledGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').BoxProps & {
     ref?: import('react').ForwardedRef<HTMLDivElement>;
-}, GridProps & {
-    columnsContext: GridColumns;
-}>> & string & Omit<(props: import('..').BoxProps & {
+}, StyledGridProps>> & string & Omit<(props: import('..').BoxProps & {
     ref?: import('react').ForwardedRef<HTMLDivElement>;
 }) => ReturnType<({ children, style, "data-testid": testId, ...otherProps }: import('..').BoxProps, ref: import('react').ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element>, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/Grid/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Grid/__tests__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -10,7 +10,8 @@ export declare const GRID_BREAKPOINTS: {
     xl: number;
 };
 export type BreakpointKey = keyof typeof GRID_BREAKPOINTS;
-export type GridSizeValue = number | 'auto' | 'grow';
+export declare const DEFAULT_GRID_COLUMNS = 12;
+export type GridSizeValue = number | 'auto';
 export type GridSize = GridSizeValue | Partial<Record<BreakpointKey, GridSizeValue>>;
 export type GridOffsetValue = number | 'auto';
 export type GridOffset = GridOffsetValue | Partial<Record<BreakpointKey, GridOffsetValue>>;

package/dist/components/Grid/utils.d.ts

@@ -1,8 +1,9 @@
 import { Theme } from '../../theme';
 import { GridSpacing, ResponsiveProp, GridSize, GridOffset, GridColumns } from './types';
+export declare const generateColumnsStyles: (columns: GridColumns | undefined) => import('styled-components').RuleSet<object>;
+export declare const generateGapStyles: (theme: Theme, spacing?: GridSpacing, rowSpacing?: GridSpacing, columnSpacing?: GridSpacing) => import('styled-components').RuleSet<object>;
 export declare const resolveSpacing: (theme: Theme, value?: GridSpacing) => ResponsiveProp<string | number> | undefined;
 export declare const generateItemStyles: ({ size, offset, columnsContext, }: {
-    theme: Theme;
     size?: GridSize;
     offset?: GridOffset;
     columnsContext: GridColumns;

package/dist/components/Input/StyledInput.d.ts

@@ -1,10 +1,11 @@
-import { Color } from '../../theme/common';
+import { Color, Radius } from '../../theme/common';
 interface StyledInputContainerProps {
     $isFocused: boolean;
     $isDisabled: boolean;
     $error: boolean;
     $borderColor?: Color;
     $bgColor?: Color;
+    $borderRadius?: Radius;
 }
 export declare const StyledInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputContainerProps>> & string;
 export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

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

@@ -1,6 +1,6 @@
 import { Icon } from '@phosphor-icons/react';
 import { default as React } from 'react';
-import { Color } from '../../theme';
+import { Color, Radius } from '../../theme';
 interface BaseInputProps {
     /**
      * The value of the input field
@@ -54,6 +54,11 @@ interface BaseInputProps {
      * Background color
      */
     bgColor?: Color;
+    /**
+     * Border radius
+     * @default 'md'
+     */
+    borderRadius?: Radius;
 }
 export type InputProps = BaseInputProps & ((Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
     multiline?: false;

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { RadioProps } from './types';
+export declare const Radio: React.FC<RadioProps>;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { RadioButtonProps } from './types';
+export declare const RadioButton: React.FC<RadioButtonProps>;

package/dist/components/Radio/RadioContext.d.ts

@@ -0,0 +1,3 @@
+import { RadioContextValue } from './types';
+export declare const RadioContext: import('react').Context<RadioContextValue | null>;
+export declare const useRadioContext: () => RadioContextValue | null;

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { RadioGroupProps } from './types';
+export declare const RadioGroup: React.FC<RadioGroupProps>;

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,10 @@
+import { Radio as RadioBase } from './Radio';
+import { RadioButton } from './RadioButton';
+import { RadioGroup } from './RadioGroup';
+type RadioType = typeof RadioBase & {
+    Group: typeof RadioGroup;
+    Button: typeof RadioButton;
+};
+declare const Radio: RadioType;
+export { Radio, RadioGroup, RadioButton };
+export * from './types';

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

@@ -0,0 +1,147 @@
+import { default as React } from 'react';
+import { Color } from '../../theme';
+import { RadioSize } from '../../theme/components/radio';
+export interface RadioOption {
+    /**
+     * The label to display for this option.
+     */
+    label: React.ReactNode;
+    /**
+     * The value of this option.
+     */
+    value: string | number;
+    /**
+     * Whether this option is disabled.
+     */
+    disabled?: boolean;
+}
+export interface RadioProps {
+    /**
+     * The value of this radio.
+     */
+    value: string | number;
+    /**
+     * Whether the radio is checked.
+     */
+    checked?: boolean;
+    /**
+     * Whether the radio is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Callback fired when the radio state changes.
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * The label text for the radio.
+     */
+    children?: React.ReactNode;
+    /**
+     * The color scheme for the checked state.
+     * @default 'primary' (from theme)
+     */
+    color?: Color;
+    /**
+     * The size of the radio.
+     * @default 'md' (from theme)
+     */
+    size?: RadioSize;
+    /**
+     * Additional styles to apply.
+     */
+    style?: React.CSSProperties;
+    /**
+     * The test ID for targeting in tests.
+     */
+    'data-testid'?: string;
+}
+export type RadioButtonStyle = 'outline' | 'solid';
+export interface RadioButtonProps extends Omit<RadioProps, 'children'> {
+    /**
+     * The label text for the radio button.
+     */
+    children?: React.ReactNode;
+    /**
+     * The button style.
+     * @default 'outline'
+     */
+    buttonStyle?: RadioButtonStyle;
+}
+export type RadioGroupDirection = 'horizontal' | 'vertical';
+export type RadioGroupOptionType = 'default' | 'button';
+export interface RadioGroupProps {
+    /**
+     * The current selected value.
+     */
+    value?: string | number;
+    /**
+     * The default selected value (uncontrolled mode).
+     */
+    defaultValue?: string | number;
+    /**
+     * Callback fired when the selected value changes.
+     */
+    onChange?: (value: string | number) => void;
+    /**
+     * Whether all radios in the group are disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Options to render as radios (alternative to children).
+     */
+    options?: RadioOption[];
+    /**
+     * The type of radio to render when using options.
+     * @default 'default'
+     */
+    optionType?: RadioGroupOptionType;
+    /**
+     * The button style when optionType is 'button'.
+     * @default 'outline'
+     */
+    buttonStyle?: RadioButtonStyle;
+    /**
+     * The layout direction.
+     * @default 'horizontal'
+     */
+    direction?: RadioGroupDirection;
+    /**
+     * Whether the group should span full width.
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * The size of all radios in the group.
+     * @default 'md' (from theme)
+     */
+    size?: RadioSize;
+    /**
+     * The color scheme for checked radios.
+     * @default 'primary' (from theme)
+     */
+    color?: Color;
+    /**
+     * Radio or Radio.Button children.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional styles to apply.
+     */
+    style?: React.CSSProperties;
+    /**
+     * The test ID for targeting in tests.
+     */
+    'data-testid'?: string;
+}
+export interface RadioContextValue {
+    value?: string | number;
+    onChange?: (value: string | number) => void;
+    disabled?: boolean;
+    size?: RadioSize;
+    color?: Color;
+    optionType?: RadioGroupOptionType;
+    buttonStyle?: RadioButtonStyle;
+    block?: boolean;
+}

package/dist/components/Select/Select.d.ts

@@ -1,2 +1,2 @@
 import { SelectProps } from './types';
-export declare const Select: <T extends string | number>({ options, value, onChange, placeholder, label, helperText, error, disabled, variant, color: colorProp, size: sizeProp, corner: cornerProp, style, "data-testid": testId, searchable, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: <T extends string | number>({ options, value, onChange, placeholder, label, helperText, error, disabled, variant, color: colorProp, size: sizeProp, corner: cornerProp, borderRadius: borderRadiusProp, bgColor: bgColorProp, style, "data-testid": testId, searchable, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Color, SelectSize, SelectVariant } from '../../theme';
+import { Color, Radius, SelectSize, SelectVariant } from '../../theme';
 /**
  * Represents a single option in the Select component.
  */
@@ -63,6 +63,15 @@ export interface SelectProps<T extends string | number> {
      * @default 'circle'
      */
     corner?: 'circle' | 'rounded';
+    /**
+     * Border radius (overrides corner prop when provided).
+     * @default 'md'
+     */
+    borderRadius?: Radius;
+    /**
+     * Background color override. When provided, overrides the variant-based background.
+     */
+    bgColor?: Color;
     /**
      * Additional styles to apply to the container.
      */

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

@@ -0,0 +1,6 @@
+export declare const StyledSwitchHandle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: number;
+    $position: number;
+    $duration: number;
+    $easing: string;
+}>> & string;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SwitchProps } from './types';
+export declare const Switch: React.FC<SwitchProps>;

package/dist/components/Switch/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export * from './Switch';
+export * from './types';

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

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { Color } from '../../theme';
+import { SwitchSize } from '../../theme/components/switch';
+export interface SwitchProps {
+    /**
+     * The label text for the switch.
+     */
+    label?: string;
+    /**
+     * The state of the switch.
+     */
+    checked: boolean;
+    /**
+     * Callback fired when the switch state changes.
+     */
+    onChange: (checked: boolean) => void;
+    /**
+     * Whether the switch is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The base color scheme for the checked state.
+     * @default 'primary' (from theme)
+     */
+    color?: Color;
+    /**
+     * The size of the switch.
+     * @default 'md' (from theme)
+     */
+    size?: SwitchSize;
+    /**
+     * Additional styles to apply to the container.
+     */
+    style?: React.CSSProperties;
+    /**
+     * The test ID for targeting in tests.
+     */
+    'data-testid'?: string;
+    /**
+     * Accessible label for screen readers when no visible label is provided.
+     */
+    'aria-label'?: string;
+}

package/dist/components/Table/AccordionRow.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { AccordionRowProps } from './types';
+export declare function AccordionRow<T extends {
+    id: string | number;
+}>({ item, columns, allColumns, expandedRows, editFormData, loadingDetails, isFormLoading, isEditable, isExpandAccordion, isSelected, onToggleExpanded, onEditFormChange, onSave, onDelete, onQuickEdit, }: AccordionRowProps<T>): React.ReactElement;

package/dist/components/Table/AccordionRowContent.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { Column } from './types';
+export interface AccordionRowContentProps<T extends {
+    id: string | number;
+}> {
+    item: T;
+    allColumns: Column<T>[];
+    editFormData: Record<string | number, Partial<T>>;
+    loadingDetails: Set<string | number>;
+    isFormLoading: boolean;
+    isEditable: boolean;
+    hasChanges: boolean;
+    onEditFormChange: (id: string | number, key: keyof T, value: unknown) => void;
+    onSave: (item: T) => void;
+    onToggleExpanded: (item: T) => void;
+    onDelete?: (item: T) => void;
+}
+export declare function AccordionRowContent<T extends {
+    id: string | number;
+}>({ item, allColumns, editFormData, loadingDetails, isFormLoading, isEditable, hasChanges, onEditFormChange, onSave, onToggleExpanded, onDelete, }: AccordionRowContentProps<T>): React.ReactElement;

package/dist/components/Table/AccordionRowHeader.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { Column } from './types';
+export interface AccordionRowHeaderProps<T extends {
+    id: string | number;
+}> {
+    item: T;
+    columns: Column<T>[];
+    isSelected: boolean;
+    isEditable: boolean;
+    onEditFormChange: (id: string | number, key: keyof T, value: unknown) => void;
+    onSave: (item: T) => void;
+    onQuickEdit?: (item: T, key: keyof T, value: unknown) => void;
+}
+export declare function AccordionRowHeader<T extends {
+    id: string | number;
+}>({ item, columns, isSelected, isEditable, onEditFormChange, onSave, onQuickEdit, }: AccordionRowHeaderProps<T>): React.ReactElement;

package/dist/components/Table/AddForm.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { AddFormProps } from './types';
+export declare function AddForm<T extends {
+    id: string | number;
+}>({ columns, formData, isLoading, onInputChange, onSubmit, onCancel, }: AddFormProps<T>): React.ReactElement;

package/dist/components/Table/DeleteDialog.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { DeleteDialogProps } from './types';
+export declare const DeleteDialog: ({ open, onOpenChange, onConfirm, isLoading, message, deleteButtonText, }: DeleteDialogProps) => React.ReactElement | null;

package/dist/components/Table/Filters.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { FiltersProps } from './types';
+export declare function Filters<T>({ columns, filters, onFiltersChange, borderRadius, }: FiltersProps<T>): React.ReactElement;

package/dist/components/Table/FormFields.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { Radius } from '../../theme';
+import { Column } from './types';
+export interface FormFieldsProps<T extends {
+    id: string | number;
+}> {
+    columns: Column<T>[];
+    getValue: (column: Column<T>) => unknown;
+    onChange: (column: Column<T>, value: unknown) => void;
+    disabled?: boolean;
+    formData?: T;
+    /** Filter function for columns */
+    filterColumn?: (column: Column<T>) => boolean;
+    /** Show non-editable columns as disabled inputs */
+    showNonEditable?: boolean;
+    /**
+     * Border radius for Input and Select components
+     * @default 'md'
+     */
+    borderRadius?: Radius;
+}
+export declare function FormFields<T extends {
+    id: string | number;
+}>({ columns, getValue, onChange, disabled, formData, filterColumn, showNonEditable, borderRadius, }: FormFieldsProps<T>): React.ReactElement;

package/dist/components/Table/InlineMultiSelect.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { InlineMultiSelectProps } from './types';
+export declare const InlineMultiSelect: ({ options, groupOptions, value, onChange, placeholder, max, limit, }: InlineMultiSelectProps) => React.ReactElement;

package/dist/components/Table/InlinePairSelect.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { InlinePairSelectProps } from './types';
+export declare const InlinePairSelect: ({ primaryOptions, secondaryOptions, value, onChange, primaryLabel, secondaryLabel, primaryPlaceholder, secondaryPlaceholder, valueKeys, disabled, borderRadius, }: InlinePairSelectProps) => React.ReactElement;

package/dist/components/Table/StyledTable.d.ts

@@ -0,0 +1,29 @@
+export declare const StyledTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const StyledTableHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const StyledTableBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const StyledTableFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export interface StyledTableRowProps {
+    $isSelected?: boolean;
+    $isClickable?: boolean;
+}
+export declare const StyledTableRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, StyledTableRowProps>> & string;
+export interface StyledTableHeadProps {
+    $sortable?: boolean;
+    $width?: string;
+}
+export declare const StyledTableHead: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, StyledTableHeadProps>> & string;
+export interface StyledTableCellProps {
+    $width?: string;
+    $align?: 'left' | 'center' | 'right';
+}
+export declare const StyledTableCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, StyledTableCellProps>> & string;
+export declare const StyledAccordionCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, keyof StyledTableCellProps> & StyledTableCellProps, never>> & string;
+export declare const StyledTableCaption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const StyledInlineCellTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export interface StyledInlineCellProps {
+    $width?: string;
+    $isEditing?: boolean;
+}
+export declare const StyledInlineCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, StyledInlineCellProps>> & string;
+export declare const StyledCellPreformatted: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLPreElement>, HTMLPreElement>, never>> & string;
+export declare const StyledNoDataCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TableProps } from './types';
+export declare function Table<T extends {
+    id: string | number;
+}>({ data, columns: allColumns, onAdd, onEdit, onDelete, onView, renderExpandedRow, onSelectedItemChange, title, addButtonText, deleteButtonText, confirmDeleteMessage, noDataMessage, total, currentPage, pageSize, pageSizeOptions, sortBy, sortDirection, onPaginationChange, isLoading, filters, onFiltersChange, showFilterBuilder, onFieldChange, expandable, error, }: TableProps<T>): React.ReactElement;

package/dist/components/Table/TableHeaderRow.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Column } from './types';
+export interface TableHeaderRowProps<T> {
+    columns: Column<T>[];
+    totalFlex: number;
+    sortBy?: string;
+    sortDirection: 'asc' | 'desc';
+    onSort: (key: keyof T) => void;
+}
+export declare function TableHeaderRow<T>({ columns, totalFlex, sortBy, sortDirection, onSort, }: TableHeaderRowProps<T>): React.ReactElement;

package/dist/components/Table/TablePagination.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface TablePaginationProps {
+    currentPage: number;
+    pageSize: number;
+    total: number;
+    totalPages: number;
+    pageSizeOptions: number[];
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+}
+export declare function TablePagination({ currentPage, pageSize, total, totalPages, pageSizeOptions, onPageChange, onPageSizeChange, }: TablePaginationProps): React.ReactElement;

package/dist/components/Table/ValidationDialog.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface ValidationDialogProps {
+    errors: string[];
+    onClose: () => void;
+}
+export declare const ValidationDialog: ({ errors, onClose, }: ValidationDialogProps) => React.ReactElement | null;
+export {};

package/dist/components/Table/hooks.d.ts

@@ -0,0 +1,34 @@
+import { TableStateAdapter, UseTableReturn, UseLocalStateAdapterConfig, UseTableStateProps, UseTableStateReturn } from './types';
+/**
+ * Hook for managing table UI state (pagination, sorting, filtering)
+ * Uses adapter pattern to work with different state backends
+ *
+ * @param adapter - State adapter for reading/writing table state
+ * @returns Current state values and handlers
+ *
+ * @example
+ * // With local state adapter
+ * const adapter = useLocalStateAdapter({ defaultPageSize: 10 })
+ * const table = useTable(adapter)
+ *
+ * @example
+ * // With custom URL state adapter
+ * const adapter = useUrlStateAdapter(config)
+ * const table = useTable(adapter)
+ */
+export declare function useTable<T = unknown>(adapter: TableStateAdapter<T>): UseTableReturn<T>;
+/**
+ * Local state adapter for useTable hook
+ * Uses React useState for state management (no URL dependency)
+ *
+ * @param config - Optional configuration for default values
+ * @returns TableStateAdapter that uses local state
+ *
+ * @example
+ * const adapter = useLocalStateAdapter({ defaultPageSize: 10 });
+ * const { currentPage, filters, onPaginationChange } = useTable(adapter);
+ */
+export declare function useLocalStateAdapter<T = unknown>(config?: UseLocalStateAdapterConfig): TableStateAdapter<T>;
+export declare function useTableState<T extends {
+    id: string | number;
+}>({ data, columns: allColumns, currentPage, pageSize, total, sortBy, sortDirection, onPaginationChange, onAdd, onEdit, onDelete, onView, onSelectedItemChange, onFieldChange, renderExpandedRow, }: UseTableStateProps<T>): UseTableStateReturn<T>;