@punkbit/cui 0.0.251-rc.16 → 0.2.0

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

@@ -0,0 +1,30 @@
+import { HTMLAttributes } from 'react';
+import { ImageName } from '../Icon';
+import { HorizontalDirection } from '../../types';
+import { CollapsibleProps } from './Collapsible.types';
+export declare const Collapsible: {
+    ({ open: openProp, onOpenChange: onOpenChangeProp, children, ...props }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
+    Header: import('react').ForwardRefExoticComponent<CollapsipleHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: {
+        ({ onClick: onClickProp, children, indicatorDir, icon, iconDir, ...props }: CollapsipleTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ indicatorDir, ...props }: HTMLAttributes<HTMLDivElement> & {
+            indicatorDir?: HorizontalDirection;
+        }): import("react/jsx-runtime").JSX.Element | undefined;
+        displayName: string;
+    };
+};
+interface CollapsipleHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: ImageName;
+    iconDir?: HorizontalDirection;
+    indicatorDir?: HorizontalDirection;
+    wrapInTrigger?: boolean;
+}
+interface CollapsipleTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    icon?: ImageName;
+    iconDir?: HorizontalDirection;
+    indicatorDir?: HorizontalDirection;
+}
+export {};

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

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+    onOpenChange?: (value: boolean) => void;
+}

package/dist/types/components/Collapsible/IconWrapper.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { HorizontalDirection } from '../../types';
+import { ImageName } from '../Icon';
+export declare const IconWrapper: ({ icon, iconDir, children, }: {
+    icon?: ImageName;
+    iconDir?: HorizontalDirection;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Collapsible } from './Collapsible';
+export type { CollapsibleProps } from './Collapsible.types';

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

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { ConfirmationDialogProps } from './ConfirmationDialog.types';
+export declare const ConfirmationDialog: ({ children, disabled, loading, message, onCancel, onConfirm, open, primaryActionLabel, primaryActionType, secondaryActionLabel, showClose, title, ...props }: ConfirmationDialogProps) => ReactElement;

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+type DialogPrimaryAction = 'primary' | 'danger';
+export interface ConfirmationDialogProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+    message?: string;
+    onCancel?: () => void;
+    onConfirm?: (() => void) | (() => Promise<void>);
+    open?: boolean;
+    primaryActionLabel?: string;
+    primaryActionType?: DialogPrimaryAction;
+    secondaryActionLabel?: string;
+    showClose?: boolean;
+    title: string;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export { ConfirmationDialog } from './ConfirmationDialog';
+export type { ConfirmationDialogProps } from './ConfirmationDialog.types';

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

@@ -0,0 +1,5 @@
+import { ComponentProps, ElementType, ReactNode } from 'react';
+import { ContainerProps } from './Container.types';
+type ContainerPolymorphicComponent = <T extends ElementType = 'div'>(props: Omit<ComponentProps<T>, keyof T> & ContainerProps<T>) => ReactNode;
+export declare const Container: ContainerPolymorphicComponent;
+export {};

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

@@ -0,0 +1,31 @@
+import { ElementType } from 'react';
+import { Orientation } from '../../types';
+type AlignItemsOptions = 'start' | 'center' | 'end' | 'stretch';
+export type GapOptions = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type GrowShrinkOptions = '0' | '1' | '2' | '3' | '4' | '5' | '6';
+type JustifyContentOptions = 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'left' | 'right';
+export type PaddingOptions = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type WrapOptions = 'nowrap' | 'wrap' | 'wrap-reverse';
+export interface ContainerProps<T extends ElementType = 'div'> {
+    component?: T;
+    alignItems?: AlignItemsOptions;
+    children?: React.ReactNode;
+    fillWidth?: boolean;
+    gap?: GapOptions;
+    grow?: GrowShrinkOptions;
+    shrink?: GrowShrinkOptions;
+    justifyContent?: JustifyContentOptions;
+    orientation?: Orientation;
+    padding?: PaddingOptions;
+    wrap?: WrapOptions;
+    isResponsive?: boolean;
+    maxWidth?: string;
+    minWidth?: string;
+    fillHeight?: boolean;
+    maxHeight?: string;
+    minHeight?: string;
+    overflow?: string;
+    display?: string;
+    isOverflowScroll?: boolean;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export { Container } from './Container';
+export type { GapOptions, PaddingOptions, ContainerProps } from './Container.types';

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

@@ -0,0 +1,45 @@
+import { HorizontalDirection } from '../../types';
+import { IconName } from '../Icon';
+import { ArrowProps, ContextMenuItemProps } from './ContextMenu.types';
+import * as RightMenu from '@radix-ui/react-context-menu';
+export declare const ContextMenu: {
+    (props: RightMenu.ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: import('react').ForwardRefExoticComponent<RightMenu.ContextMenuTriggerProps & import('react').RefAttributes<HTMLDivElement>>;
+    SubTrigger: {
+        ({ icon, iconDir, children, ...props }: ContextMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ sub, children, showArrow, side, align, ...props }: ContextMenuContentProps | ContextMenuSubContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        (props: RightMenu.ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Sub: {
+        ({ ...props }: RightMenu.ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ icon, iconDir, type, children, ...props }: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+interface ContextMenuSubTriggerProps extends RightMenu.ContextMenuSubTriggerProps {
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+}
+type DeprecatedFields = {
+    /** @deprecated The side field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 */
+    side?: string;
+    /** @deprecated The align field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 */
+    align?: string;
+};
+type ContextMenuContentProps = RightMenu.ContextMenuContentProps & {
+    sub?: true;
+} & ArrowProps & DeprecatedFields;
+type ContextMenuSubContentProps = RightMenu.ContextMenuSubContentProps & {
+    sub?: never;
+} & ArrowProps & DeprecatedFields;
+export default ContextMenu;

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

@@ -0,0 +1,11 @@
+import { HorizontalDirection } from '../../types';
+import { IconName } from '../Icon/Icon.types';
+import * as RightMenu from '@radix-ui/react-context-menu';
+export interface ArrowProps {
+    showArrow?: boolean;
+}
+export interface ContextMenuItemProps extends RightMenu.ContextMenuItemProps {
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+    type?: 'default' | 'danger';
+}

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

@@ -0,0 +1,2 @@
+export { ContextMenu } from './ContextMenu';
+export type { ArrowProps, ContextMenuItemProps } from './ContextMenu.types';

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

@@ -0,0 +1,3 @@
+export declare const CrossButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string;

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

@@ -0,0 +1 @@
+export { CrossButton } from './CrossButton';

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

@@ -0,0 +1,2 @@
+import { DateDetailsProps } from './DateDetails.types';
+export declare const DateDetails: ({ date, side, size, systemTimeZone, weight, }: DateDetailsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { Dayjs } from 'dayjs';
+import { TextSize, TextWeight } from '../Text';
+export type ArrowPosition = 'top' | 'right' | 'bottom' | 'left';
+export interface DateDetailsProps {
+    date: Dayjs | Date | string | number;
+    side?: ArrowPosition;
+    size?: TextSize;
+    systemTimeZone?: string;
+    weight?: TextWeight;
+}

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

@@ -0,0 +1,2 @@
+export { DateDetails } from './DateDetails';
+export type { ArrowPosition, DateDetailsProps } from './DateDetails.types';

package/dist/types/components/DatePicker/Common.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+import { useCalendar, UseCalendarOptions } from '@h6s/calendar';
+interface DatePickerInputProps {
+    isActive: boolean;
+    disabled: boolean;
+    id?: string;
+    partialMonth?: number;
+    partialYear?: number;
+    placeholder?: string;
+    selectedDate?: Date;
+}
+export declare const DatePickerInput: ({ isActive, disabled, id, partialMonth, partialYear, placeholder, selectedDate, }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+interface DateRangePickerInputProps {
+    isActive: boolean;
+    disabled: boolean;
+    id?: string;
+    placeholder?: string;
+    selectedEndDate?: Date;
+    selectedStartDate?: Date;
+}
+export declare const DateRangePickerInput: ({ isActive, disabled, id, placeholder, selectedEndDate, selectedStartDate, }: DateRangePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+interface DateTimeRangePickerInputProps {
+    isActive: boolean;
+    disabled: boolean;
+    id?: string;
+    placeholder?: string;
+    selectedEndDate?: Date;
+    selectedStartDate?: Date;
+    shouldShowSeconds?: boolean;
+}
+export declare const DateTimeRangePickerInput: ({ isActive, disabled, id, placeholder, selectedEndDate, selectedStartDate, shouldShowSeconds, }: DateTimeRangePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateTableCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
+    $isCurrentMonth?: boolean;
+    $isDisabled?: boolean;
+    $isSelected?: boolean;
+    $isPresent?: boolean;
+}>> & string;
+export declare const StyledDropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Dropdown/Dropdown').DropdownItemProps, never>> & string & Omit<{
+    ({ icon, iconDir, type, children, ...props }: import('../Dropdown/Dropdown').DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import('react').Component<any, {}, any>>;
+export type Body = ReturnType<typeof useCalendar>['body'];
+interface CalendarRendererProps {
+    calendarOptions?: UseCalendarOptions;
+    children: (body: Body) => ReactNode;
+    allowYearMonthSelection?: boolean;
+    onYearSelect?: (year: number) => void;
+    onMonthSelect?: (year: number, month: number) => void;
+    selectedDate?: Date;
+}
+export declare const CalendarRenderer: ({ calendarOptions, children, allowYearMonthSelection, onYearSelect, onMonthSelect, selectedDate, ...props }: CalendarRendererProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { DatePickerProps } from './DatePicker.types';
+export declare const DatePicker: ({ date, disabled, futureDatesDisabled, onSelectDate, placeholder, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+export interface DatePickerProps {
+    date?: Date;
+    disabled?: boolean;
+    futureDatesDisabled?: boolean;
+    onSelectDate: (selectedDate: Date) => void;
+    placeholder?: string;
+    responsivePositioning?: boolean;
+}

package/dist/types/components/DatePicker/DateRangePicker.d.ts

@@ -0,0 +1,17 @@
+import { DateRange } from './utils';
+type OpenDirection = 'left' | 'right';
+export interface DateRangePickerProps {
+    endDate?: Date;
+    disabled?: boolean;
+    futureDatesDisabled?: boolean;
+    futureStartDatesDisabled?: boolean;
+    onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;
+    openDirection?: OpenDirection;
+    placeholder?: string;
+    predefinedDatesList?: DateRange[];
+    maxRangeLength?: number;
+    startDate?: Date;
+    responsivePositioning?: boolean;
+}
+export declare const DateRangePicker: ({ endDate, startDate, disabled, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, onSelectDateRange, openDirection, placeholder, predefinedDatesList, responsivePositioning, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DatePicker/DateTimeRangePicker.d.ts

@@ -0,0 +1,17 @@
+import { DateRangeListItem } from './utils';
+type OpenDirection = 'left' | 'right';
+export interface DateTimeRangePickerProps {
+    endDate?: Date;
+    disabled?: boolean;
+    futureDatesDisabled?: boolean;
+    futureStartDatesDisabled?: boolean;
+    onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;
+    openDirection?: OpenDirection;
+    placeholder?: string;
+    predefinedTimesList?: DateRangeListItem[];
+    maxRangeLength?: number;
+    shouldShowSeconds?: boolean;
+    startDate?: Date;
+}
+export declare const DateTimeRangePicker: ({ endDate, startDate, disabled, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, onSelectDateRange, openDirection, placeholder, predefinedTimesList, shouldShowSeconds, }: DateTimeRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+export { DatePicker } from './DatePicker';
+export { DateRangePicker } from './DateRangePicker';
+export { DateTimeRangePicker } from './DateTimeRangePicker';
+export type { DatePickerProps } from './DatePicker.types';
+export type { DateRangePickerProps } from './DateRangePicker';
+export type { DateTimeRangePickerProps } from './DateTimeRangePicker';

package/dist/types/components/DatePicker/utils.d.ts

@@ -0,0 +1,24 @@
+export interface DateRange {
+    startDate: Date;
+    endDate: Date;
+}
+export type Meridiem = 'am' | 'pm';
+export interface Time {
+    hour: number;
+    minutes: number;
+}
+export interface DateRangeListItem {
+    dateRange: DateRange;
+    label: string;
+}
+export declare const selectedDateFormatter: Intl.DateTimeFormat;
+export declare const weekdayFormatter: Intl.DateTimeFormat;
+export declare const selectedDateTimeFormatter: Intl.DateTimeFormat;
+export declare const selectedDateTimeFormatterWithSeconds: Intl.DateTimeFormat;
+export declare const selectedDateTimeDateFormatter: Intl.DateTimeFormat;
+export declare const timeFormatter: Intl.DateTimeFormat;
+export declare const headerDateFormatter: Intl.DateTimeFormat;
+export declare const getPredefinedMonthsForDateRangePicker: (numberOfMonths: number) => DateRange[];
+export declare const getPredefinedTimePeriodsForDateTimePicker: () => DateRangeListItem[];
+export declare const datesAreWithinMaxRange: (startDate: Date, endDate: Date, maxRangeLength: number) => boolean;
+export declare const isDateRangeTheWholeMonth: ({ startDate, endDate }: DateRange) => boolean;

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

@@ -0,0 +1,17 @@
+import { ButtonProps } from '../Button';
+import { DialogContentProps, DialogProps, DialogTriggerProps } from './Dialog.types';
+export declare const Dialog: {
+    ({ children, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: {
+        ({ children, asChild, ...props }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Close: {
+        ({ label, type, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ title, description, children, showClose, onClose, forceMount, container, showOverlay, reducePadding, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import * as RadixDialog from '@radix-ui/react-dialog';
+export interface DialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+    children: ReactNode;
+}
+export interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+    children: ReactNode;
+    asChild?: boolean;
+}
+export interface DialogContentProps extends RadixDialog.DialogContentProps {
+    children: ReactNode;
+    description?: string;
+    showClose?: boolean;
+    forceMount?: true;
+    container?: HTMLElement | null;
+    onClose?: () => void;
+    showOverlay?: boolean;
+    reducePadding?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Dialog } from './Dialog';
+export type { DialogContentProps, DialogProps, DialogTriggerProps } from './Dialog.types';

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

@@ -0,0 +1,60 @@
+import { ReactNode } from 'react';
+import { IconName } from '../Icon';
+import { HorizontalDirection } from '../../types';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+export declare const Dropdown: {
+    (props: DropdownMenu.DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: {
+        ({ sub, children, ...props }: DropdownSubTriggerProps | DropdownTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ sub, children, showArrow, responsivePositioning, ...props }: DropdownContentProps | DropdownSubContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        (props: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Sub: {
+        ({ ...props }: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ icon, iconDir, type, children, ...props }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+interface SubDropdownProps {
+    sub?: true;
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+}
+interface MainDropdownProps {
+    sub?: never;
+}
+type DropdownSubTriggerProps = DropdownMenu.DropdownMenuSubTriggerProps & SubDropdownProps;
+type DropdownTriggerProps = DropdownMenu.DropdownMenuTriggerProps & MainDropdownProps;
+export type ArrowProps = {
+    showArrow?: boolean;
+};
+interface StyledDropdownContentProps extends DropdownMenu.DropdownMenuContentProps {
+    children?: ReactNode;
+    responsivePositioning?: boolean;
+}
+interface StyledDropdownSubContentProps extends DropdownMenu.DropdownMenuSubContentProps {
+    children?: ReactNode;
+    responsivePositioning?: boolean;
+}
+type DropdownContentProps = StyledDropdownContentProps & SubDropdownProps & ArrowProps;
+type DropdownSubContentProps = StyledDropdownSubContentProps & MainDropdownProps & ArrowProps;
+interface DropdownItemProps extends DropdownMenu.DropdownMenuItemProps {
+    /** Icon to display in the menu item */
+    icon?: IconName;
+    /** The direction of the icon relative to the label */
+    iconDir?: HorizontalDirection;
+    /** The type of the menu item */
+    type?: 'default' | 'danger';
+}
+export type { DropdownItemProps };
+export default Dropdown;

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

@@ -0,0 +1,10 @@
+import { HorizontalDirection } from '../../types';
+import { IconName } from '../Icon/Icon.types';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+export interface ArrowProps {
+    showArrow?: boolean;
+}
+export interface DropdownItemProps extends DropdownMenu.DropdownMenuItemProps {
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+}

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

@@ -0,0 +1,2 @@
+export { Dropdown } from './Dropdown';
+export type { ArrowProps, DropdownItemProps } from './Dropdown.types';

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

@@ -0,0 +1,7 @@
+import { ComponentProps, ElementType, ReactNode } from 'react';
+export interface EllipsisContentProps<T extends ElementType = 'div'> {
+    component?: T;
+}
+type EllipsisPolymorphicComponent = <T extends ElementType = 'div'>(props: Omit<ComponentProps<T>, keyof T> & EllipsisContentProps<T>) => ReactNode;
+export declare const EllipsisContent: EllipsisPolymorphicComponent;
+export {};

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

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+export interface EllipsisContentProps<T extends ElementType = 'div'> {
+    component?: T;
+}

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

@@ -0,0 +1,2 @@
+export { EllipsisContent } from './EllipsisContent';
+export type { EllipsisContentProps } from './EllipsisContent.types';

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

@@ -0,0 +1 @@
+export declare const EmptyButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

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

@@ -0,0 +1 @@
+export { EmptyButton } from './EmptyButton';

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

@@ -0,0 +1,55 @@
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+import { IconName } from '../Icon/Icon.types';
+import { ItemInterface, Sortable, Store, ReactSortableProps } from 'react-sortablejs';
+export type FileTabStatusType = 'default' | 'success' | 'neutral' | 'danger' | 'warning' | 'info';
+interface ContextProps {
+    selectedIndex?: number;
+    onClose: (index: number) => void;
+}
+export declare const TabContext: import('react').Context<ContextProps>;
+export interface FileTabProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Callback when the tab is closed */
+    onClose?: () => void;
+    /** Index of the tab in the list */
+    index: number;
+    /** Status indicator for the tab */
+    status?: FileTabStatusType;
+    /** Icon to display in the tab */
+    icon?: IconName | ReactNode;
+    /** Text to display in the tab */
+    text: string;
+    /** Test ID for testing */
+    testId?: string;
+    /** Whether the tab is in preview mode (italic text) */
+    preview?: boolean;
+}
+export interface FileTabsProps extends Omit<ReactSortableProps<ItemInterface>, 'onSelect' | 'list' | 'setList'> {
+    /** Index of the currently selected tab */
+    selectedIndex?: number;
+    /** The tab elements to render */
+    children: ReactElement<FileTabProps> | ReactElement<FileTabProps>[];
+    /** Callback when a tab is reordered via drag and drop */
+    onReorderTab: (sourcePosition: number, destinationPosition: number) => void;
+    /** Callback when a tab is closed */
+    onClose: (index: number) => void;
+    /** Callback when a tab is selected */
+    onSelect: (index: number) => void;
+    /** List of items for sortable functionality */
+    list?: ItemInterface[];
+    /** Setter for the sortable list */
+    setList?: (newState: ItemInterface[], sortable: Sortable | null, store: Store) => void;
+}
+export declare const FileTabs: {
+    ({ selectedIndex, children, onReorderTab, onClose: onCloseProp, onSelect: onSelectProp, list: listProp, setList: setListProp, onEnd, direction, group, ...props }: FileTabsProps): import("react/jsx-runtime").JSX.Element;
+    Tab: {
+        ({ text, index, icon, onMouseDown: onMouseDownProp, status, testId, preview, ...props }: FileTabProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+interface FileTabElementProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: IconName | ReactNode;
+    active?: boolean;
+    preview?: boolean;
+}
+export declare const FileTabElement: ({ icon, children, active, preview, ...props }: FileTabElementProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+import { HTMLAttributes, ReactElement, MouseEvent } from 'react';
+import { IconName } from '../Icon/Icon.types';
+export type FileTabStatusType = 'default' | 'success' | 'neutral' | 'danger' | 'warning' | 'info';
+export interface FileTabProps extends HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+    children: ReactElement;
+    icon?: IconName;
+    iconDir?: 'start' | 'end';
+    onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+    status?: FileTabStatusType;
+    value: string;
+    showClose?: boolean;
+    isLoading?: boolean;
+}
+export interface FileTabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    children: ReactElement<FileTabProps> | Array<ReactElement<FileTabProps>>;
+    onReorder?: (values: Array<string>) => void;
+    value?: string;
+    onChange?: (value: string) => void;
+    sortable?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { TabContext, FileTabs, FileTabElement } from './FileTabs';
+export type { FileTabStatusType, FileTabProps, FileTabsProps } from './FileTabs.types';

package/dist/types/components/FileUpload/FileMultiUpload.d.ts

@@ -0,0 +1,18 @@
+export interface FileUploadItem {
+    id: string;
+    name: string;
+    size: number;
+    status: 'uploading' | 'success' | 'error';
+    progress: number;
+    errorMessage?: string;
+}
+export interface FileMultiUploadProps {
+    title: string;
+    supportedFileTypes?: string[];
+    files: FileUploadItem[];
+    onFileSelect?: (file: File) => void;
+    onFileRetry?: (fileId: string) => void;
+    onFileRemove?: (fileId: string) => void;
+    onFileFailure?: () => void;
+}
+export declare const FileMultiUpload: ({ title, supportedFileTypes, files, onFileSelect, onFileRetry, onFileRemove, onFileFailure, }: FileMultiUploadProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+export interface FileUploadProps {
+    /** The title text displayed in the upload area */
+    title: string;
+    supportedFileTypes?: string[];
+    size?: 'sm' | 'md';
+    progress?: number;
+    showSuccess?: boolean;
+    showProgress?: boolean;
+    failureMessage?: string;
+    onRetry?: () => void;
+    onFileSelect?: (file: File) => void;
+    onFileFailure?: () => void;
+    onFileClose?: () => void;
+}
+export declare const FileUpload: ({ title, supportedFileTypes, size, onFileSelect, onRetry, progress, failureMessage, showProgress, showSuccess, onFileFailure, onFileClose, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FileUpload/FileUpload.stories-common.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;