@livechat/design-system-react-components 1.0.0-alpha.9 → 1.0.0-y.0

package/dist/src/components/Card/Card.d.ts

@@ -1,6 +1,12 @@
 import * as React from 'react';
+import { ButtonProps } from '../Button';
+export declare type CardButtonOptions = Pick<ButtonProps, 'children' | 'kind' | 'onClick'>;
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-    title: string;
-    img?: string;
+    alt?: string;
+    buttonsOptions?: CardButtonOptions[];
+    description?: string;
+    expandableContent?: React.ReactNode;
+    src?: string;
+    title?: string;
 }
 export declare const Card: React.FC<CardProps>;

package/dist/src/components/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface CheckboxProps extends React.HTMLAttributes<HTMLInputElement> {
-    className?: string;
-    checked?: boolean;
     disabled?: boolean;
+    checked?: boolean;
+    description?: string;
 }
-export declare const Checkbox: React.FC<CheckboxProps>;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/Checkbox/index.d.ts

@@ -1,2 +1 @@
 export { Checkbox } from './Checkbox';
-export { CheckboxField } from './CheckboxField';

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import ReactDayPicker from 'react-day-picker';
+import { IDatePickerProps } from './types';
+export declare const DatePicker: React.ForwardRefExoticComponent<IDatePickerProps & React.RefAttributes<ReactDayPicker>>;

package/dist/src/components/DatePicker/DatePickerNavbar.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IDatePickerNavbarProps } from './types';
+declare const DatePickerNavbar: React.FC<IDatePickerNavbarProps>;
+export default DatePickerNavbar;

package/dist/src/components/DatePicker/RangeDatePicker.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { IRangeDatePickerProps } from './types';
+export declare const RangeDatePicker: {
+    ({ options, initialSelectedItemKey, initialFromDate, initialToDate, toMonth, onChange, children, }: IRangeDatePickerProps): ReactElement;
+    defaultProps: {
+        options: {
+            id: string;
+            label: string;
+            isManual: boolean;
+            value: {
+                from: undefined;
+                to: undefined;
+            };
+        }[];
+    };
+};

package/dist/src/components/DatePicker/helpers.d.ts

@@ -0,0 +1,39 @@
+import { Modifiers } from 'react-day-picker';
+import { IRangeDatePickerProps, IRangeDatePickerState, IRangeDatePickerOption } from './types';
+import { ClassNames } from 'react-day-picker/types/ClassNames';
+export declare const isDateWithinRange: (date: Date, range: {
+    from?: Date;
+    to?: Date;
+}) => boolean;
+export declare const calculateDatePickerMonth: (initialFromDate?: Date | undefined, initialToDate?: Date | undefined, toMonth?: Date | undefined) => Date;
+export declare const getRangeDatePickerModifiers: (from?: Date | undefined, to?: Date | undefined) => Partial<Modifiers>;
+export declare const getSelectedOption: (itemId: string | null, options: IRangeDatePickerOption[]) => IRangeDatePickerOption | undefined;
+export declare const isSelectingFirstDay: (from?: Date | undefined, to?: Date | undefined) => boolean;
+export declare const getInitialStateFromProps: (props: IRangeDatePickerProps) => Partial<IRangeDatePickerState>;
+export declare const getDatePickerClassNames: (range?: boolean | undefined, classNames?: ClassNames | undefined) => {
+    container: string;
+    wrapper: string;
+    interactionDisabled: string;
+    navBar: string;
+    navButtonPrev: string;
+    navButtonNext: string;
+    navButtonInteractionDisabled: string;
+    months: string;
+    month: string;
+    caption: string;
+    weekdays: string;
+    weekdaysRow: string;
+    weekday: string;
+    weekNumber: string;
+    body: string;
+    week: string;
+    day: string;
+    footer: string;
+    todayButton: string;
+    today: string;
+    selected: string;
+    disabled: string;
+    outside: string;
+    start: string;
+    end: string;
+};

package/dist/src/components/DatePicker/hooks.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch, ReducerAction, ReducerState } from 'react';
+import { IRangeDatePickerProps, RangeDatePickerReducer } from './types';
+export declare const useRangeDatePickerState: (props: IRangeDatePickerProps) => [
+    ReducerState<RangeDatePickerReducer>,
+    Dispatch<ReducerAction<RangeDatePickerReducer>>
+];

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

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export { RangeDatePicker } from './RangeDatePicker';

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

@@ -0,0 +1,100 @@
+import { Reducer } from 'react';
+import ReactDayPicker, { DayPickerProps } from 'react-day-picker';
+import { ClassNames } from 'react-day-picker/types/ClassNames';
+export interface IDatePickerProps extends Omit<DayPickerProps, 'todayButton' | 'showWeekNumbers'> {
+    innerRef?: React.Ref<ReactDayPicker>;
+    range?: boolean;
+}
+export interface IDatePickerNavbarProps {
+    showPreviousButton?: boolean;
+    showNextButton?: boolean;
+    month: Date;
+    fromMonth?: Date;
+    toMonth?: Date;
+    numberOfMonths?: number;
+    className?: string;
+    classNames: ClassNames;
+    onPreviousClick?: () => void;
+    onNextClick?: () => void;
+    onMonthChange: (newMonth: Date) => void;
+}
+export declare enum RangeDatePickerAction {
+    NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM",
+    NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE",
+    CLEAR = "CLEAR",
+    SET_FROM = "SET_FROM",
+    SET_TO = "SET_TO",
+    SELECT_FIRST_DAY = "SELECT_FIRST_DAY",
+    SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM",
+    SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO",
+    CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE"
+}
+export declare type IRangeDatePickerReducerAction = {
+    type: RangeDatePickerAction.NEW_SELECTED_ITEM;
+    payload: {
+        selectedItem: string | null;
+    };
+} | {
+    type: RangeDatePickerAction.NEW_TEMPORARY_TO_VALUE | RangeDatePickerAction.SELECT_FIRST_DAY | RangeDatePickerAction.SELECT_SECOND_DAY_AS_FROM | RangeDatePickerAction.SELECT_SECOND_DAY_AS_TO | RangeDatePickerAction.CURRENT_MONTH_CHANGE;
+    payload: {
+        date: Date;
+    };
+} | {
+    type: RangeDatePickerAction.SET_FROM | RangeDatePickerAction.SET_TO;
+    payload: {
+        date?: Date;
+    };
+};
+export interface IRangeDatePickerState {
+    selectedItem: string | null;
+    from?: Date;
+    to?: Date;
+    temporaryTo?: Date;
+    currentMonth: Date;
+}
+export declare type RangeDatePickerReducer = Reducer<IRangeDatePickerState, IRangeDatePickerReducerAction>;
+export interface IRangeDatePickerOption {
+    id: string;
+    label: string;
+    isManual?: boolean;
+    value: {
+        from?: Date;
+        to?: Date;
+    } | null;
+}
+interface IRangeDatePickerChildrenPayloadDatePicker {
+    modifiers?: DayPickerProps['modifiers'];
+    initialMonth?: Date;
+    month: Date;
+    range?: boolean;
+    numberOfMonths: number;
+    fromMonth?: Date;
+    toMonth?: Date;
+    selectedDays?: DayPickerProps['selectedDays'];
+    disabledDays?: DayPickerProps['disabledDays'];
+    onDayMouseEnter: DayPickerProps['onDayMouseEnter'];
+    onDayClick(day: Date): void;
+    onMonthChange(month: Date): void;
+}
+export interface IRangeDatePickerChildrenPayload {
+    select: {
+        selected: string | number;
+        onItemSelect(itemKey: string | number): void;
+    };
+    inputs: {
+        fromDate?: Date;
+        toDate?: Date;
+    };
+    datepicker: IRangeDatePickerChildrenPayloadDatePicker;
+    selectedOption?: IRangeDatePickerOption;
+}
+export interface IRangeDatePickerProps {
+    options: IRangeDatePickerOption[];
+    initialSelectedItemKey?: string;
+    initialFromDate?: Date;
+    initialToDate?: Date;
+    toMonth?: Date;
+    onChange: (selected: IRangeDatePickerOption | null) => void;
+    children(payload: IRangeDatePickerChildrenPayload): React.ReactElement;
+}
+export {};

package/dist/src/components/FileUploadProgress/FileUploadProgress.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ProgressSize, ProgressStatus } from '../Progress/constants';
+export declare type UploadProgressActionState = 'visible' | 'hover' | 'hidden';
+export interface FileUploadProgressProps {
+    actionsVisibility?: UploadProgressActionState;
+    className?: string;
+    icon?: React.ReactNode;
+    title: string;
+    progressValue: number;
+    size?: ProgressSize;
+    status?: ProgressStatus;
+    onCloseButtonClick?: () => void;
+    onRetryButtonClick?: () => void;
+}
+export declare const FileUploadProgress: React.ExoticComponent<FileUploadProgressProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/FileUploadProgress/FileUploadProgressActions.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ProgressStatus } from '../Progress/constants';
+interface FileUploadProgressActionsProps {
+    status: ProgressStatus;
+    onCloseButtonClick?: () => void;
+    onRetryButtonClick?: () => void;
+}
+export declare const FileUploadProgressActions: React.FC<FileUploadProgressActionsProps>;
+export {};

package/dist/src/components/FileUploadProgress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FileUploadProgress';
+export * from './FileUploadProgressActions';

package/dist/src/components/{TextField/TextField.d.ts → FormField/FormField.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface TextFieldProps {
+export interface FormFieldProps {
     labelText?: string;
     labelAdornment?: React.ReactNode;
     labelFor?: string;
@@ -10,4 +10,4 @@ export interface TextFieldProps {
     children?: React.ReactNode;
     labelRightNode?: React.ReactNode;
 }
-export declare const TextField: React.FC<TextFieldProps>;
+export declare const FormField: React.FC<FormFieldProps>;

package/dist/src/components/FormField/index.d.ts

@@ -0,0 +1 @@
+export * from './FormField';

package/dist/src/components/Icon/Icon.d.ts

@@ -1,67 +1,11 @@
 import * as React from 'react';
-export declare enum IconSizeName {
-    XSmall = "xsmall",
-    Small = "small",
-    Medium = "medium",
-    Large = "large",
-    XLarge = "xlarge"
-}
-export declare const IconSize: {
-    xsmall: {
-        width: number;
-        height: number;
-    };
-    small: {
-        width: number;
-        height: number;
-    };
-    medium: {
-        width: number;
-        height: number;
-    };
-    large: {
-        width: number;
-        height: number;
-    };
-    xlarge: {
-        width: number;
-        height: number;
-    };
-};
-export declare enum IconTypeName {
-    Primary = "primary",
-    Subtle = "subtle",
-    Inverted = "inverted",
-    InvertedSubtle = "inverted_subtle",
-    Link = "link",
-    Success = "success",
-    Warning = "warning",
-    Error = "error"
-}
-export declare const IconColorMapper: {
-    primary: string;
-    subtle: string;
-    inverted: string;
-    inverted_subtle: string;
-    link: string;
-    success: string;
-    warning: string;
-    error: string;
-};
-export declare const IconColorDisabledMapper: {
-    primary: string;
-    subtle: string;
-    inverted: string;
-    inverted_subtle: string;
-    link: string;
-    success: string;
-    warning: string;
-    error: string;
-};
+export declare type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export declare type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error';
+export declare type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;
 export interface IconProps {
-    source: React.FC<React.SVGProps<SVGSVGElement>> | string;
-    size?: IconSizeName;
-    iconType?: IconTypeName;
+    source: IconSource;
+    size?: IconSize;
+    kind?: IconKind;
     disabled?: boolean;
     className?: string;
     customColor?: string;

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

@@ -1 +1 @@
-export { Icon, IconSizeName, IconTypeName } from './Icon';
+export * from './Icon';

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Size } from 'utils/constants';
+interface InputIcon {
+    source: React.ReactElement;
+    place: 'left' | 'right';
+}
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    inputSize?: Size;
+    error?: boolean;
+    disabled?: boolean;
+    icon?: InputIcon;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/src/components/Input/index.d.ts

@@ -0,0 +1 @@
+export * from './Input';

package/dist/src/components/Modal/Modal.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 import { ModalBaseProps } from './ModalBase';
 export interface ModalProps extends ModalBaseProps {
     heading?: React.ReactNode;
+    labelHeading?: React.ReactNode;
+    fullSpaceContent?: boolean;
     footer?: React.ReactNode;
 }
 export declare const Modal: React.FC<ModalProps>;

package/dist/src/components/Modal/ModalBase.d.ts

@@ -2,5 +2,6 @@ import * as React from 'react';
 export interface ModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
     onClose(): void;
     closeOnEscPress?: boolean;
+    closeOnOverlayPress?: boolean;
 }
 export declare const ModalBase: React.FC<ModalBaseProps>;

package/dist/src/components/Modal/ModalCloseButton.d.ts

@@ -1,3 +1,6 @@
 import * as React from 'react';
-export declare type ModalCloseButtonProps = React.HTMLAttributes<HTMLButtonElement>;
+export interface ModalCloseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    labelType?: boolean;
+    customColor?: string;
+}
 export declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;

package/dist/src/components/Modal/ModalPortal.d.ts

@@ -2,6 +2,6 @@ import * as React from 'react';
 export interface ModalPortalProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     zIndex: number;
-    parentElementName: string;
+    parentElementName?: string;
 }
 export declare const ModalPortal: React.FC<ModalPortalProps>;

package/dist/src/components/Modal/index.d.ts

@@ -1,9 +1,7 @@
-export { ActionModal } from './ActionModal';
 export { Modal } from './Modal';
 export { ModalBase } from './ModalBase';
 export { ModalCloseButton } from './ModalCloseButton';
 export { ModalPortal } from './ModalPortal';
-export type { ActionModalProps } from './ActionModal';
 export type { ModalProps } from './Modal';
 export type { ModalBaseProps } from './ModalBase';
 export type { ModalCloseButtonProps } from './ModalCloseButton';

package/dist/src/components/NumericInput/index.d.ts

@@ -1,2 +1 @@
 export { NumericInput } from './NumericInput';
-export { NumericInputField } from './NumericInputField';

package/dist/src/components/Picker/Picker.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IPickerListItem } from './PickerList';
+import { IconSize } from '../Icon';
+import { Size } from 'utils';
+export declare type PickerType = 'single' | 'multi';
+export interface IPickerProps {
+    className?: string;
+    disabled?: boolean;
+    label?: string;
+    error?: string;
+    options: IPickerListItem[];
+    selected?: IPickerListItem[] | null;
+    size?: Size;
+    tagIconSize?: IconSize;
+    placeholder?: string;
+    isRequired?: boolean;
+    noSearchResultText?: string;
+    selectAllOptionText?: string;
+    type?: PickerType;
+    searchDisabled?: boolean;
+    onSelect: (selectedItems: IPickerListItem[] | null) => void;
+}
+export declare const Picker: React.FC<IPickerProps>;

package/dist/src/components/Picker/PickerList.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface IPickerListItem {
+    key: string;
+    name: string;
+    customElement?: {
+        listItemBody: React.ReactElement;
+        selectedItemBody: React.ReactElement;
+    };
+    groupHeader?: boolean;
+    disabled?: boolean;
+}
+export interface IPickerListProps {
+    isOpen: boolean;
+    items: IPickerListItem[];
+    selectedItemsKeys: string[] | null;
+    emptyStateText?: string;
+    selectAllOptionText?: string;
+    isMultiSelect?: boolean;
+    onClose: () => void;
+    onSelect: (item: IPickerListItem) => void;
+    onSelectAll: () => void;
+}
+export declare const PickerList: React.FC<IPickerListProps>;

package/dist/src/components/Picker/Trigger.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Size } from 'utils';
+export interface ITriggerProps {
+    isSearchDisabled: boolean;
+    isDisabled?: boolean;
+    isError?: boolean;
+    isItemSelected: boolean;
+    isOpen: boolean;
+    isRequired?: boolean;
+    isMultiSelect?: boolean;
+    size?: Size;
+    onTrigger: (e: React.MouseEvent | KeyboardEvent) => void;
+    onClear: () => void;
+}
+export declare const Trigger: React.FC<ITriggerProps>;

package/dist/src/components/Picker/TriggerBody.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { IPickerListItem } from './PickerList';
+import { PickerType } from './Picker';
+import { IconSize } from 'index';
+export interface ITriggerBodyProps {
+    isOpen: boolean;
+    isSearchDisabled?: boolean;
+    isDisabled?: boolean;
+    placeholder: string;
+    items?: IPickerListItem[] | null;
+    type: PickerType;
+    iconSize?: IconSize;
+    onItemRemove: (item: IPickerListItem) => void;
+    onFilter: (text: string) => void;
+}
+export declare const TriggerBody: React.FC<ITriggerBodyProps>;

package/dist/src/components/Picker/constants.d.ts

@@ -0,0 +1,21 @@
+export declare const defaultOptions: {
+    key: string;
+    name: string;
+}[];
+export declare const defaultExtendedOptions: ({
+    key: string;
+    name: string;
+    groupHeader: boolean;
+    disabled?: undefined;
+} | {
+    key: string;
+    name: string;
+    groupHeader?: undefined;
+    disabled?: undefined;
+} | {
+    key: string;
+    name: string;
+    disabled: boolean;
+    groupHeader?: undefined;
+})[];
+export declare const SELECT_ALL_OPTION_KEY = "select-all";

package/dist/src/components/Picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Picker';
+export * from './PickerList';

package/dist/src/components/Popover/Popover.d.ts

@@ -1,15 +1,12 @@
 import * as React from 'react';
-import * as PopperCore from '@popperjs/core';
-declare type PopoverModifiers = {
-    [key: string]: Partial<PopperCore.StrictModifiers>;
-};
+import { Placement, flip } from '@floating-ui/react-dom';
 export interface IPopoverProps {
     children?: React.ReactNode;
     className?: string;
-    modifiers?: PopoverModifiers;
-    placement?: PopperCore.Placement;
+    placement?: Placement;
     isVisible?: boolean;
+    flipOptions?: Parameters<typeof flip>[0];
     triggerRenderer: () => React.ReactNode;
+    onClose?: () => void;
 }
 export declare const Popover: React.FC<IPopoverProps>;
-export {};

package/dist/src/components/Progress/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ProgressSize, ProgressStatus } from './constants';
+export interface ProgressBarProps {
+    className?: string;
+    percent: number;
+    status?: ProgressStatus;
+    size?: ProgressSize;
+}
+export declare const ProgressBar: React.ExoticComponent<ProgressBarProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/Progress/ProgressCircle.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ProgressSize, ProgressStatus } from './constants';
 export interface ProgressCircleProps {
     className?: string;
-    percent: number;
+    progressValue: number;
     status?: ProgressStatus;
     size?: ProgressSize;
 }

package/dist/src/components/Progress/constants.d.ts

@@ -1,12 +1,4 @@
-export declare const enum ProgressStatus {
-    Normal = "normal",
-    Error = "error",
-    Success = "success"
-}
-export declare const enum ProgressSize {
-    Small = "small",
-    Medium = "medium",
-    Large = "large"
-}
+export declare type ProgressStatus = 'normal' | 'error' | 'success';
+export declare type ProgressSize = 'small' | 'medium' | 'large';
 export declare const PROGRESS_STATUSES: ProgressStatus[];
 export declare const PROGRESS_SIZES: ProgressSize[];

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

@@ -1 +1,2 @@
 export { ProgressCircle } from './ProgressCircle';
+export { ProgressBar } from './ProgressBar';

package/dist/src/components/PromoBanner/PromoBanner.d.ts

@@ -1,9 +1,4 @@
 import * as React from 'react';
-export declare const enum PromoBannerSize {
-    Small = "small",
-    Medium = "medium",
-    Large = "large"
-}
 export interface PromoBannerProps {
     className?: string;
     buttonText?: string;
@@ -11,7 +6,6 @@ export interface PromoBannerProps {
     img?: string;
     light?: boolean;
     linkText?: string;
-    size?: PromoBannerSize;
     onButtonClick?: () => void;
     onClose?: () => void;
     onLinkClick?: () => void;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface RadioButtonProps extends React.HTMLAttributes<HTMLInputElement> {
-    description?: React.ReactNode;
+    description?: string;
     checked?: boolean;
     disabled?: boolean;
 }
-export declare const RadioButton: React.FC<RadioButtonProps>;
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/Search/Search.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface ISearchInputProps {
+    isCollapsable?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    placeholder?: string;
+    size?: 'compact' | 'medium' | 'large';
+    value: string;
+    className?: string;
+    onChange: (value: string) => void;
+}
+export declare const SearchInput: React.FC<ISearchInputProps>;

package/dist/src/components/Search/index.d.ts

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

package/dist/src/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ButtonProps } from '../Button';
+export declare type ButtonSize = 'compact' | 'medium' | 'large';
+declare type ButtonElement = {
+    id: string;
+    label: string;
+} & Pick<ButtonProps, 'disabled' | 'loading' | 'icon'>;
+export interface SegmentedControlProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    buttons: ButtonElement[];
+    fullWidth?: boolean;
+    size?: ButtonSize;
+    initialId?: string;
+    currentId?: string;
+    onButtonClick?: (id: string, event: React.MouseEvent<HTMLElement>) => void;
+}
+export declare const SegmentedControl: React.FC<SegmentedControlProps>;
+export {};

package/dist/src/components/SegmentedControl/index.d.ts

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './SegmentedControl';
+export type { SegmentedControlProps } from './SegmentedControl';