draft-components 1.5.0 → 1.7.0

package/types/components/filtered-search/filter-item.d.ts

@@ -0,0 +1,10 @@
+import { Filter } from './types';
+export type FilterItemProps = {
+    filter: Filter;
+    isEditing: boolean;
+    onEditStart: (filter: Filter) => void;
+    onEditCancel: (filter: Filter) => void;
+    onRemove: (filter: Filter) => void;
+    onChange: (filter: Filter) => void;
+};
+export declare function FilterItem({ filter, isEditing, onEditStart, onEditCancel, onRemove, onChange, }: FilterItemProps): import("react/jsx-runtime").JSX.Element;

package/types/components/filtered-search/filter-operator-select.d.ts

@@ -0,0 +1,10 @@
+export type FilterOperatorSelectProps<T extends string> = {
+    className?: string;
+    accessibleName?: string;
+    label: string;
+    values: T[];
+    value: T;
+    onChange: (value: T) => void;
+    formatValue: (value: T) => string;
+};
+export declare function FilterOperatorSelect<T extends string>({ accessibleName, className, label, values, value, onChange, formatValue, }: FilterOperatorSelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/types/components/filtered-search/filter-token.d.ts

@@ -0,0 +1,9 @@
+import { MouseEventHandler, ReactNode } from 'react';
+export type FilterTokenProps = {
+    className?: string;
+    isHighlighted?: boolean;
+    children: ReactNode;
+    onClickLabel?: MouseEventHandler<HTMLSpanElement>;
+    onClickCloseButton?: MouseEventHandler<HTMLButtonElement>;
+};
+export declare const FilterToken: import("react").ForwardRefExoticComponent<FilterTokenProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/filtered-search/filter-value-list.d.ts

@@ -0,0 +1,8 @@
+export type FilterValueListProps = {
+    className?: string;
+    values: string[];
+    checkedValues: string[];
+    onChangeCheckedValues: (values: string[]) => void;
+    formatValue: (value: string) => string;
+};
+export declare function FilterValueList({ className, values, checkedValues, onChangeCheckedValues, formatValue, }: FilterValueListProps): import("react/jsx-runtime").JSX.Element;

package/types/components/filtered-search/filtered-search.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { Filter, FilterConfig } from './types';
+export type FilteredSearchHTMLProps = ComponentPropsWithoutRef<'div'>;
+export type FilteredSearchBaseProps = Omit<FilteredSearchHTMLProps, 'children' | 'placeholder'>;
+export type FilteredSearchProps = FilteredSearchBaseProps & {
+    placeholder?: string;
+    applyButtonLabel?: string;
+    cancelButtonLabel?: string;
+    clearButtonAccessibleName?: string;
+    removeFilterButtonAccessibleName?: string;
+    filtersConfig: FilterConfig[];
+    filters: Filter[];
+    onChange: (filters: Filter[]) => void;
+};
+export declare function FilteredSearch({ className, placeholder, applyButtonLabel, cancelButtonLabel, clearButtonAccessibleName, removeFilterButtonAccessibleName, filtersConfig, filters, onChange, onMouseDown, ...props }: FilteredSearchProps): import("react/jsx-runtime").JSX.Element;

package/types/components/filtered-search/icons.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef } from 'react';
+export declare function MagnifyingGlassIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+export declare function TrashIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+export declare function XMarkIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowReturnRight(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/filtered-search/index.d.ts

@@ -0,0 +1,4 @@
+export { StringFilter } from './model/string-filter';
+export { StringSetFilter } from './model/string-set-filter';
+export { FilteredSearch, type FilteredSearchProps, type FilteredSearchBaseProps, type FilteredSearchHTMLProps, } from './filtered-search';
+export { type Filter, type FilterConfig, } from './types';

package/types/components/filtered-search/model/abstract-filter.d.ts

@@ -0,0 +1,6 @@
+export declare abstract class AbstractFilter {
+    abstract type: string;
+    abstract field: string;
+    abstract label: string;
+    abstract isEmpty(): boolean;
+}

package/types/components/filtered-search/model/string-filter.d.ts

@@ -0,0 +1,47 @@
+import { AbstractFilter } from './abstract-filter';
+import { ValidationResult } from './validation-result';
+declare const TYPE = "STRING";
+declare const OPERATORS: {
+    readonly equal: "EQUAL";
+    readonly notEqual: "NOT_EQUAL";
+    readonly contain: "CONTAIN";
+    readonly notContain: "NOT_CONTAIN";
+};
+export type StringFilterType = typeof TYPE;
+export type StringFilterOperator = typeof OPERATORS[keyof typeof OPERATORS];
+export type StringFilterConfig = {
+    type: StringFilterType;
+    field: string;
+    label: string;
+    operators: StringFilterOperator[];
+    valueInputPlaceholder?: string;
+    valueInputAccessibleName?: string;
+    operatorSelectAccessibleName?: string;
+    valueValidator?: (value: string) => ValidationResult;
+    operatorFormatter?: (operator: StringFilterOperator) => string;
+};
+export type StringFilterState = {
+    value: string;
+    operator: StringFilterOperator;
+};
+export declare class StringFilter extends AbstractFilter {
+    static readonly Type = "STRING";
+    static readonly Operators: {
+        readonly equal: "EQUAL";
+        readonly notEqual: "NOT_EQUAL";
+        readonly contain: "CONTAIN";
+        readonly notContain: "NOT_CONTAIN";
+    };
+    readonly config: Readonly<StringFilterConfig>;
+    readonly state: Readonly<StringFilterState>;
+    constructor(config: StringFilterConfig, state: StringFilterState);
+    get type(): "STRING";
+    get field(): string;
+    get label(): string;
+    get value(): string;
+    get operator(): StringFilterOperator;
+    setValue(value: string): StringFilter;
+    setOperator(operator: StringFilterOperator): StringFilter;
+    isEmpty(): boolean;
+}
+export {};

package/types/components/filtered-search/model/string-set-filter.d.ts

@@ -0,0 +1,41 @@
+import { AbstractFilter } from './abstract-filter';
+declare const TYPE = "STRING_SET";
+declare const OPERATORS: {
+    readonly in: "IN";
+    readonly notIn: "NOT_IN";
+};
+export type StringSetFilterType = typeof TYPE;
+export type StringSetFilterOperator = typeof OPERATORS[keyof typeof OPERATORS];
+export type StringSetFilterConfig = {
+    type: StringSetFilterType;
+    field: string;
+    label: string;
+    values: string[];
+    valueFormatter?: (value: string) => string;
+    operatorSelectAccessibleName?: string;
+    operators: StringSetFilterOperator[];
+    operatorFormatter?: (operator: StringSetFilterOperator) => string;
+};
+export type StringSetFilterState = {
+    value: string[];
+    operator: StringSetFilterOperator;
+};
+export declare class StringSetFilter extends AbstractFilter {
+    static readonly Type = "STRING_SET";
+    static readonly Operators: {
+        readonly in: "IN";
+        readonly notIn: "NOT_IN";
+    };
+    readonly config: Readonly<StringSetFilterConfig>;
+    readonly state: Readonly<StringSetFilterState>;
+    constructor(config: StringSetFilterConfig, state: StringSetFilterState);
+    get type(): "STRING_SET";
+    get field(): string;
+    get label(): string;
+    get value(): string[];
+    get operator(): StringSetFilterOperator;
+    setValue(value: string[]): StringSetFilter;
+    setOperator(operator: StringSetFilterOperator): StringSetFilter;
+    isEmpty(): boolean;
+}
+export {};

package/types/components/filtered-search/model/validation-result.d.ts

@@ -0,0 +1,6 @@
+export type ValidationResult = {
+    valid: true;
+} | {
+    valid: false;
+    error: string;
+};

package/types/components/filtered-search/string-filter-input.d.ts

@@ -0,0 +1,9 @@
+export type StringFilterInputProps = {
+    className?: string;
+    accessibleName?: string;
+    placeholder?: string;
+    error?: string;
+    value: string;
+    onChangeValue: (value: string) => void;
+};
+export declare function StringFilterInput({ className, accessibleName, placeholder, error, value, onChangeValue, }: StringFilterInputProps): import("react/jsx-runtime").JSX.Element;

package/types/components/filtered-search/string-filter-item.d.ts

@@ -0,0 +1,13 @@
+import { StringFilter, StringFilterOperator } from './model/string-filter';
+export type StringFilterItemProps = {
+    filter: StringFilter;
+    isEditing: boolean;
+    onEditStart: (filter: StringFilter) => void;
+    onEditCancel: (filter: StringFilter) => void;
+    onRemove: (filter: StringFilter) => void;
+    onChange: (filter: StringFilter) => void;
+};
+export declare function StringFilterItem({ filter, isEditing, onEditStart, onEditCancel, onRemove, onChange, }: StringFilterItemProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace StringFilterItem {
+    var defaultOperatorFormatter: (operator: StringFilterOperator) => string;
+}

package/types/components/filtered-search/string-set-filter-item.d.ts

@@ -0,0 +1,15 @@
+import { StringSetFilter, StringSetFilterOperator } from './model/string-set-filter';
+export type StringSetFilterItemProps = {
+    filter: StringSetFilter;
+    isEditing: boolean;
+    onEditStart: (filter: StringSetFilter) => void;
+    onEditCancel: (filter: StringSetFilter) => void;
+    onRemove: (filter: StringSetFilter) => void;
+    onChange: (filter: StringSetFilter) => void;
+};
+export declare function StringSetFilterItem({ filter, isEditing, onEditStart, onEditCancel, onRemove, onChange, }: StringSetFilterItemProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace StringSetFilterItem {
+    var defaultValueFormatter: (value: string) => string;
+    var defaultOperatorFormatter: (operator: StringSetFilterOperator) => string;
+    var formatFilterValue: (values: string[]) => string;
+}

package/types/components/filtered-search/types.d.ts

@@ -0,0 +1,4 @@
+import { StringFilter, StringFilterConfig } from './model/string-filter';
+import { StringSetFilter, StringSetFilterConfig } from './model/string-set-filter';
+export type FilterConfig = StringFilterConfig | StringSetFilterConfig;
+export type Filter = StringFilter | StringSetFilter;

package/types/components/filtered-search/use-combobox-ids.d.ts

@@ -0,0 +1,5 @@
+export declare function useComboboxIds(): {
+    textBoxId: string;
+    listBoxId: string;
+    getOptionId: (key: string) => string;
+};

package/types/components/filtered-search/use-translations.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type FilteredSearchMessages = {
+    applyButton: string;
+    cancelButton: string;
+    removeFilterButton: string;
+};
+export declare function useTranslations(): FilteredSearchMessages;
+export declare function TranslationsProvider({ applyButton, cancelButton, removeFilterButton, children, }: {
+    applyButton: string;
+    cancelButton: string;
+    removeFilterButton: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/form-field/form-field.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export type FormFieldRenderFn = (props: {
     id: string;
     required: boolean;

package/types/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './dialog';
 export * from './empty-state';
 export * from './file-picker';
 export * from './filter-buttons';
+export * from './filtered-search';
 export * from './form-field';
 export * from './label';
 export * from './menu';
@@ -27,6 +28,7 @@ export * from './radio';
 export * from './segmented-control';
 export * from './select';
 export * from './selection-control';
+export * from './slide-over';
 export * from './slider';
 export * from './spinner';
 export * from './switch';

package/types/components/label/label.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 export type LabelProps = ComponentPropsWithRef<'label'> & {
     required?: boolean;
 };

package/types/components/menu/menu-item.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 type MenuItemHTMLProps = ComponentPropsWithRef<'button'>;
 type MenuItemBaseProps = Omit<MenuItemHTMLProps, 'children' | 'role'>;
 export type MenuItemAppearance = 'default' | 'destructive';

package/types/components/menu/menu-separator.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 type MenuSeparatorHTMLProps = ComponentPropsWithoutRef<'li'>;
 type MenuSeparatorBaseProps = Omit<MenuSeparatorHTMLProps, 'children'>;
 export type MenuSeparatorProps = MenuSeparatorBaseProps;

package/types/components/menu/menu.d.ts

@@ -1,6 +1,6 @@
-import { type ComponentPropsWithoutRef, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type RefCallback } from 'react';
-import { type ButtonAppearance, type ButtonVariant } from '../button';
-import { type PopoverAlignment, type PopoverPlacement } from '../popover';
+import { ComponentPropsWithoutRef, JSX, KeyboardEventHandler, MouseEventHandler, ReactNode, RefCallback } from 'react';
+import { ButtonAppearance, ButtonVariant } from '../button';
+import { PopoverAlignment, PopoverPlacement } from '../popover';
 export type MenuButtonRenderFn = (props: {
     ref: RefCallback<HTMLElement>;
     id: string;

package/types/components/nav-list/nav-list-item.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
 type NavListItemHTMLProps = ComponentPropsWithoutRef<'a'>;
 export type NavListItemRenderFn = (props: {
     className: string;

package/types/components/nav-list/nav-list-title.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 type NavListTitleHTMLProps = ComponentPropsWithoutRef<'li'>;
 type NavListTitleBaseProps = Omit<NavListTitleHTMLProps, 'children'>;
 export type NavListTitleProps = {

package/types/components/nav-list/nav-list.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 type NavListHTMLProps = ComponentPropsWithoutRef<'nav'>;
 export type NavListProps = NavListHTMLProps;
 export declare function NavList({ className, children, ...props }: NavListProps): import("react/jsx-runtime").JSX.Element;

package/types/components/password-input/icons.d.ts

@@ -1,3 +1,3 @@
-import { type ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 export declare function EyeIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
 export declare function EyeSlashIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/password-input/password-input.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type TextInputProps } from '../text-input';
+import { TextInputProps } from '../text-input';
 type PasswordInputBaseProps = Omit<TextInputProps, 'type' | 'rightAddOn'>;
 export type PasswordInputProps = {
     isDefaultVisible?: boolean;

package/types/components/popover/popover.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type ReactNode, type RefCallback } from 'react';
+import { ComponentPropsWithoutRef, ReactNode, RefCallback } from 'react';
 import { type PositionerProps } from '../positioner';
 export type PopoverRef = {
     open(): void;
@@ -23,6 +23,7 @@ export type PopoverProps = {
     isOpen?: boolean;
     shouldTrapFocus?: boolean;
     shouldFocusAnchorAfterEscPress?: boolean;
+    transitionDurationMs?: number;
     anchorGap?: number;
     viewportGap?: number;
     placement?: PopoverPlacement;
@@ -37,6 +38,7 @@ export declare const Popover: import("react").ForwardRefExoticComponent<{
     isOpen?: boolean | undefined;
     shouldTrapFocus?: boolean | undefined;
     shouldFocusAnchorAfterEscPress?: boolean | undefined;
+    transitionDurationMs?: number | undefined;
     anchorGap?: number | undefined;
     viewportGap?: number | undefined;
     placement?: PopoverPlacement;

package/types/components/portal/portal-context.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 export declare function usePortalRoot(): HTMLElement;
 export declare function PortalRootProvider(props: {
     children?: ReactNode;

package/types/components/portal/portal.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type PortalProps = {
     children: ReactNode;
 };

package/types/components/positioner/calc-position.d.ts

@@ -1,4 +1,4 @@
-import { type Alignment, type Coordinates, type Placement, type Rect } from './types';
+import { Alignment, Coordinates, Placement, Rect } from './types';
 export type CalcPositionParams = {
     placement: Placement;
     alignment: Alignment;

package/types/components/positioner/positioner.d.ts

@@ -1,5 +1,5 @@
-import { type CSSProperties, type ReactNode, type RefCallback } from 'react';
-import { type Alignment, type Placement } from './types';
+import { CSSProperties, ReactNode, RefCallback } from 'react';
+import { Alignment, Placement } from './types';
 export type PositionerAnchorRenderFn = (params: {
     setRef: RefCallback<HTMLElement>;
 }) => ReactNode;

package/types/components/radio/radio.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 type RadioHTMLProps = ComponentPropsWithRef<'input'>;
 type RadioBaseProps = Omit<RadioHTMLProps, 'type'>;
 export type RadioIcon = 'dot' | 'check';

package/types/components/segmented-control/segmented-control-button.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type SegmentedControlButtonProps<T extends string | number> = {
     icon?: ReactNode;
     children?: ReactNode;

package/types/components/segmented-control/segmented-control.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 export type SegmentedControlOption<T extends string | number> = {
     value: T;
     icon?: ReactNode;

package/types/components/select/select.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 export type SelectSize = 'sm' | 'md' | 'lg';
 type SelectHTMLProps = ComponentPropsWithRef<'select'>;
 type SelectBaseProps = Omit<SelectHTMLProps, 'size' | 'multiple' | 'value' | 'defaultValue'> & {

package/types/components/selection-control/selection-control.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
 export type SelectionControlRenderFn = (props: {
     id: string;
 }) => JSX.Element;

package/types/components/slide-over/index.d.ts

@@ -0,0 +1,4 @@
+export { type SlideOverCloseCallback } from './types';
+export { SlideOver, type SlideOverProps } from './slide-over';
+export { SlideOverHeader, type SlideOverHeaderProps, } from './slide-over-header';
+export { SlideOverBody, type SlideOverBodyProps, } from './slide-over-body';

package/types/components/slide-over/slide-over-body.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type SlideOverBodyProps = ComponentPropsWithoutRef<'div'>;
+export declare function SlideOverBody({ className, ...props }: SlideOverBodyProps): import("react/jsx-runtime").JSX.Element;

package/types/components/slide-over/slide-over-context.d.ts

@@ -0,0 +1,14 @@
+import { SlideOverCloseCallback } from './types';
+import { ReactNode } from 'react';
+export type SlideOverContext = {
+    titleId: string;
+    descriptionId: string;
+    closePanel: SlideOverCloseCallback;
+};
+export declare function useSlideOverContext(): SlideOverContext;
+export declare function SlideOverContextProvider({ titleId, descriptionId, closePanel, children, }: {
+    titleId: string;
+    descriptionId: string;
+    closePanel: SlideOverCloseCallback;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/slide-over/slide-over-header.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef, MouseEventHandler, ReactNode } from 'react';
+export type SlideOverHeaderHTMLProps = ComponentPropsWithoutRef<'div'>;
+export type SlideOverHeaderBaseProps = Omit<SlideOverHeaderHTMLProps, 'title'>;
+export type SlideOverHeaderProps = {
+    htmlTitle?: SlideOverHeaderHTMLProps['title'];
+    title: ReactNode;
+    description?: ReactNode;
+    closeButtonAccessibleName?: string;
+    onClickCloseButton?: MouseEventHandler<HTMLButtonElement>;
+} & SlideOverHeaderBaseProps;
+export declare function SlideOverHeader({ className, htmlTitle, title, description, closeButtonAccessibleName, onClickCloseButton, ...props }: SlideOverHeaderProps): import("react/jsx-runtime").JSX.Element;

package/types/components/slide-over/slide-over.d.ts

@@ -0,0 +1,15 @@
+import { SlideOverCloseCallback } from './types';
+import { ComponentPropsWithoutRef } from 'react';
+import { SlideOverHeader } from './slide-over-header';
+import { SlideOverBody } from './slide-over-body';
+export type SlideOverHTMLProps = ComponentPropsWithoutRef<'div'>;
+export type SlideOverProps = SlideOverHTMLProps & {
+    animationDurationMs?: number;
+    animationDisabled?: boolean;
+    onClose: SlideOverCloseCallback;
+};
+export declare function SlideOver({ 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, animationDurationMs, animationDisabled, className, children, onClose, ...props }: SlideOverProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SlideOver {
+    var Header: typeof SlideOverHeader;
+    var Body: typeof SlideOverBody;
+}

package/types/components/slide-over/types.d.ts

@@ -0,0 +1 @@
+export type SlideOverCloseCallback = (source: 'close-button' | 'backdrop' | 'escape') => void;

package/types/components/slider/slider-tick-marks.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type RenderTickMarkLabel = (index: number) => ReactNode;
 export type SliderTickMarksProps = {
     tickMarksCount: number;

package/types/components/slider/slider.d.ts

@@ -1,5 +1,5 @@
-import { type ComponentPropsWithRef } from 'react';
-import { type SliderTickMarksProps } from './slider-tick-marks';
+import { ComponentPropsWithRef } from 'react';
+import { SliderTickMarksProps } from './slider-tick-marks';
 type SliderHTMLProps = ComponentPropsWithRef<'input'>;
 type SliderBaseProps = Omit<SliderHTMLProps, 'type' | 'min' | 'max' | 'step' | 'value' | 'defaultValue'>;
 export type SliderThumbStyle = 'round' | 'rect';

package/types/components/spinner/spinner.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 export type SpinnerProps = ComponentPropsWithoutRef<'svg'> & {
     size?: number | string;
 };

package/types/components/switch/switch.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 type SwitchHTMLProps = ComponentPropsWithRef<'input'>;
 type SwitchBaseProps = Omit<SwitchHTMLProps, 'type'>;
 export type SwitchToggleHandler = (checked: boolean) => void;

package/types/components/table/table-body.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 export type TableBodyProps = ComponentPropsWithRef<'tbody'>;
 export declare const TableBody: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
     ref?: ((instance: HTMLTableSectionElement | null) => void) | import("react").RefObject<HTMLTableSectionElement> | null | undefined;

package/types/components/table/table-cell.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 export type TableCellProps = ComponentPropsWithRef<'td'>;
 export declare const TableCell: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
     ref?: ((instance: HTMLTableDataCellElement | null) => void) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;

package/types/components/table/table-container.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 type TableContainerBaseProps = ComponentPropsWithRef<'div'>;
 export type TableContainerBorder = {
     top?: boolean;

package/types/components/table/table-head-cell.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 type TableHeadCellBaseProps = ComponentPropsWithRef<'th'>;
 export type TableHeadCellSort = 'none' | 'ascending' | 'descending';
 export type TableHeadCellProps = {

package/types/components/table/table-head.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 type TableHeadBaseProps = ComponentPropsWithRef<'thead'>;
 export type TableHeadProps = {
     isTinted?: boolean;

package/types/components/table/table-row.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 type TableRowBaseProps = ComponentPropsWithRef<'tr'>;
 export type TableRowProps = {
     isSelected?: boolean;

package/types/components/table/table.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 type TableBaseProps = ComponentPropsWithRef<'table'>;
 export type TableCellSize = 'sm' | 'md' | 'lg';
 export type TableProps = {

package/types/components/tabs/tab-list.d.ts

@@ -1,3 +1,3 @@
-import { type ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 export type TabListProps = ComponentPropsWithoutRef<'div'>;
 export declare function TabList({ className, children, onFocus, onBlur, onKeyDown, ...props }: TabListProps): import("react/jsx-runtime").JSX.Element;

package/types/components/tabs/tab-panel.d.ts

@@ -1,5 +1,5 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import { type TabName } from './types';
+import { ComponentPropsWithoutRef } from 'react';
+import { TabName } from './types';
 export type TabPanelProps = {
     tab: TabName;
 } & ComponentPropsWithoutRef<'div'>;

package/types/components/tabs/tab.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export type TabProps = {
     icon?: ReactNode;
     counter?: number;

package/types/components/tabs/tabs-context.d.ts

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type TabName, type TabSetter } from './types';
+import { ReactNode } from 'react';
+import { TabName, TabSetter } from './types';
 export type GetTabProps = (tab: TabName) => ({
     id: string;
     ariaControls: string;

package/types/components/tabs/tabs.d.ts

@@ -1,5 +1,5 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import { type TabName, type TabSetter } from './types';
+import { ComponentPropsWithoutRef } from 'react';
+import { TabName, TabSetter } from './types';
 export interface TabsProps extends ComponentPropsWithoutRef<'div'> {
     selectedTab: TabName;
     onSelectTab: TabSetter;