@economic/taco 1.17.0-alpha.0 → 1.17.1

package/dist/types.d.ts

@@ -1,1891 +1,6 @@
-import React from "react";
-import ReactDayPicker, { Modifier } from "react-day-picker";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { Placement as _Placement1 } from "react-joyride";
-import { IdType } from "react-table";
-export function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
-type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;
-type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
-type AlertDialogCancelProps = React.HTMLAttributes<HTMLButtonElement>;
-type AlertDialogActionProps = React.HTMLAttributes<HTMLButtonElement>;
-export type BackdropProps = React.HTMLAttributes<HTMLDivElement>;
-export const Backdrop: React.ForwardRefExoticComponent<BackdropProps & React.RefAttributes<HTMLDivElement>>;
-export type DialogSize = 'dialog' | 'xs' | 'sm' | 'md' | 'lg';
-type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
-type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
-    /** An accessible label to be announced when the dialog is opened */
-    'aria-label': string;
-    children: React.ReactNode;
-};
-export type AlertDialogProps = {
-    children: React.ReactNode | React.ReactNode[];
-    /** Set whether the alert dialog is open by default or not, use when not providing a trigger  */
-    defaultOpen?: boolean;
-    /** Called when the alert dialog opens or closes, must be used in conjunction with open  */
-    onChange?: (open: boolean) => void;
-    /** Control the open state of the dialog from outside the component  */
-    open?: boolean;
-    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */
-    trigger?: JSX.Element;
-};
-export type ForwardedAlertDialogWithStatics = React.ForwardRefExoticComponent<AlertDialogProps & React.RefAttributes<HTMLElement>> & {
-    Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-    Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
-    Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
-    Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
-};
-export const AlertDialog: ForwardedAlertDialogWithStatics;
-export const icons: Record<IconName, React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>>;
-export type IconName = 'account-preview' | 'accounting-year-cancel' | 'accounting-year' | 'accounting' | 'arrow-bottom' | 'arrow-down' | 'arrow-end' | 'arrow-left' | 'arrow-right' | 'arrow-start' | 'arrow-top' | 'arrow-up' | 'attach-auto' | 'attach-cancel' | 'attach' | 'autotext-insert' | 'autotext' | 'basic-tabs' | 'basic' | 'bell-solid' | 'book' | 'booking' | 'budget' | 'calendar' | 'cash-account' | 'cash-reports' | 'chat-solid' | 'chat' | 'chevron-down-double' | 'chevron-down-solid' | 'chevron-down' | 'chevron-left-double' | 'chevron-left-solid' | 'chevron-left' | 'chevron-right-double' | 'chevron-right-solid' | 'chevron-right' | 'chevron-up-double' | 'chevron-up-solid' | 'chevron-up' | 'circle-close' | 'circle-minus' | 'circle-plus' | 'circle-tick' | 'clamp-open' | 'clamp' | 'close' | 'connection-enable' | 'connection-revoke' | 'contacts' | 'copy' | 'courses' | 'credit' | 'delete-permanently' | 'delete' | 'depecriate' | 'developer' | 'distribution-template' | 'document-approve' | 'document-create-entry' | 'document-cut' | 'document-error' | 'document-isolate-page' | 'document-merge' | 'document-move' | 'document-preview' | 'document-received' | 'document-rejected-request' | 'document-split' | 'document-time' | 'document' | 'download' | 'drag' | 'e-copedia' | 'e-signature' | 'edit' | 'ellipsis-horizontal' | 'ellipsis-vertical' | 'entries-on-account' | 'entries-open' | 'entries-warning' | 'entry-type-customer-invoice' | 'entry-type-customer-payment' | 'entry-type-journal-entry' | 'entry-type-manual-customer-invoice' | 'entry-type-supplier-invoice' | 'entry-type-supplier-payment' | 'envelope-approved' | 'envelope' | 'expand-view' | 'expenses' | 'export-to-excel' | 'export-to-pdf' | 'export' | 'filter-solid' | 'filter' | 'graph-solid' | 'hash' | 'home' | 'images' | 'import' | 'inbox-einvoicing' | 'inbox-scanning' | 'inbox-smart' | 'inbox' | 'info' | 'inventory-matrix' | 'inventory' | 'journal-pro' | 'layout-both' | 'layout-first' | 'layout-last' | 'layout-none' | 'layout' | 'ledger-card-customer-reminder' | 'ledger-card-manual-customer-invoice' | 'ledger-card-obsolete-stock' | 'ledger-card-opening-entry' | 'ledger-card-reserved-entry' | 'ledger-card-shrinkage-pilferage' | 'ledger-card-stock-adjustment' | 'ledger-card-transferred-opening-entry' | 'ledger-card' | 'lightbulb' | 'line' | 'list-bulleted' | 'list-search' | 'list' | 'lock-open' | 'log-out' | 'log' | 'market' | 'match-amount' | 'match-entries' | 'menu' | 'mileage' | 'modal-resize' | 'modal-shrink' | 'more-solid' | 'more' | 'move' | 'navigation-list' | 'note-follow-up' | 'note-read' | 'note' | 'numbers' | 'partner-api' | 'period' | 'person-change' | 'person-minus' | 'person-plus' | 'person-tick' | 'play' | 'plus-minus' | 'print' | 'process-payment' | 'product-ledger-card' | 'profile' | 'project-cards' | 'projects' | 'quicklinks' | 'rating-bankruptcy' | 'rating-payment-problems' | 'reconciled' | 'refresh' | 'report-solid' | 'report' | 'restore' | 'rotate-left' | 'rotate-right' | 'sales' | 'search-bold' | 'search' | 'secure-tick' | 'secure' | 'settings-solid' | 'settings' | 'shortcuts' | 'show-all' | 'show-less' | 'show-more' | 'show-template' | 'sliders' | 'smartpay' | 'sort-by' | 'spinner' | 'star-solid' | 'star' | 'subscriptions' | 'system-entries' | 'tag' | 'template-override' | 'templates' | 'thumb-both' | 'thumb-down-solid' | 'thumb-down' | 'thumb-up-solid' | 'thumb-up' | 'tick' | 'time' | 'transfer-cancel' | 'transfer-locked' | 'transfer' | 'undo' | 'undock' | 'unreconciled' | 'warning' | 'webshop' | 'website' | 'workflow' | 'zoom';
-export type IconProps = React.SVGAttributes<SVGSVGElement> & {
-    /** Set what svg icon should be rendered */
-    name: IconName;
-};
-export const Icon: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & {
-    /** Set what svg icon should be rendered */
-    name: IconName;
-} & React.RefAttributes<SVGSVGElement>>;
-export type AccordionTriggerProps = React.HTMLAttributes<HTMLElement>;
-export type AccordionContentProps = React.HTMLAttributes<HTMLElement>;
-export type AccordionItemProps = React.HTMLAttributes<HTMLDivElement> & {
-    id: string;
-    disabled?: boolean;
-};
-type AccordionBaseProps = {
-    children: React.ReactNode[];
-    /** Change what heading element accordion regions will render */
-    as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-    /** Additional classes for Accordion root element */
-    className?: string;
-};
-export interface AccordionUncontrolledProps extends AccordionBaseProps {
-    /** Default expanded accordion(s) */
-    defaultId: string | string[];
-    id?: never;
-    onChange?: never;
-}
-export interface AccordionMultipleControlledProps extends AccordionBaseProps {
-    /** Expanded accordions */
-    id: string[];
-    /** onChange function to receive ids of expanded accordions */
-    onChange: (id: string[]) => void;
-    defaultId?: never;
-}
-export interface AccordionSingleControlledProps extends AccordionBaseProps {
-    /** Expanded accordion */
-    id: string;
-    /** onChange function to receive id of expanded accordion */
-    onChange: (id: string) => void;
-    defaultId?: never;
-}
-export type AccordionProps = AccordionUncontrolledProps | AccordionMultipleControlledProps | AccordionSingleControlledProps;
-export const Accordion: {
-    (props: AccordionProps): JSX.Element;
-    Item: (props: AccordionItemProps) => JSX.Element;
-    Trigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
-};
-type Props = React.HTMLAttributes<HTMLSpanElement>;
-export const VisuallyHidden: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSpanElement>>;
-export type Appearance = 'default' | 'primary' | 'danger' | 'ghost' | 'discrete';
-export type State = 'default' | 'success' | 'error' | 'warning' | 'information';
-export type Locale = 'en-GB' | 'da-DK' | 'sv-SE' | 'no-NO';
-export type Orientation = 'horizontal' | 'vertical';
-export type Align = 'start' | 'center' | 'end';
-export type Placement = 'right' | 'left' | 'top' | 'bottom';
-export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {
-    /** Content should be a numerical value or tag/status like text **/
-    children: React.ReactNode;
-    /** Show compact version **/
-    compact?: boolean;
-    /** Show outlined version **/
-    outline?: boolean;
-    /** State will change the style of the badge **/
-    state?: State;
-};
-export const Badge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
-    /** Content should be a numerical value or tag/status like text **/
-    children: React.ReactNode;
-    /** Show compact version **/
-    compact?: boolean | undefined;
-    /** Show outlined version **/
-    outline?: boolean | undefined;
-    /** State will change the style of the badge **/
-    state?: State | undefined;
-} & React.RefAttributes<HTMLSpanElement>>;
-type _ButtonProps1 = React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {
-    /** Content should be a text */
-    children: React.ReactNode;
-    /** Provides url for buttons being used as a link */
-    href?: string;
-    /** Provides target for buttons being used as a link */
-    target?: '_self' | '_blank' | '_parent' | '_top';
-};
-export type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */
-    children: React.ReactElement | any;
-    /** Text displayed in the tooltip */
-    title: string;
-    /**
-     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs
-     * @defaultValue bottom
-     */
-    placement?: 'top' | 'right' | 'bottom' | 'left';
-};
-export const Tooltip: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */
-    children: React.ReactElement | any;
-    /** Text displayed in the tooltip */
-    title: string;
-    /**
-     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs
-     * @defaultValue bottom
-     */
-    placement?: "left" | "top" | "bottom" | "right" | undefined;
-} & React.RefAttributes<HTMLElement>>;
-export type IconButtonProps = Omit<ButtonProps, 'children'> & {
-    /** Appearance will change the style of the button */
-    appearance?: Appearance;
-    /**
-     * Dialog component associated with the button, clicking the button will open the dialog.
-     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
-     * the button should be only to open the associated dialog when clicked.
-     */
-    dialog?: (props: Partial<DialogProps>) => JSX.Element;
-    /** Hanger component associated with the button. */
-    hanger?: (props: Partial<HangerProps>) => JSX.Element;
-    /** Set which icon should be rendered within button */
-    icon: IconName;
-    /** Menu component associated with the button. */
-    menu?: (props: Partial<MenuProps>) => JSX.Element;
-    /**
-     * Popover component associated with the button, clicking the button will open the popover.
-     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
-     * the button should be only to open the associated popover when clicked.
-     */
-    popover?: (props: Partial<PopoverProps>) => JSX.Element;
-    /**
-     * Set whether the button is rounded.
-     * Default value is `false`
-     */
-    rounded?: boolean;
-    /** A tooltip to show when hovering over the button */
-    tooltip?: string;
-};
-export const Base: React.ForwardRefExoticComponent<Omit<ButtonProps, "children"> & {
-    /** Appearance will change the style of the button */
-    appearance?: Appearance | undefined;
-    /**
-     * Dialog component associated with the button, clicking the button will open the dialog.
-     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
-     * the button should be only to open the associated dialog when clicked.
-     */
-    dialog?: ((props: Partial<DialogProps>) => JSX.Element) | undefined;
-    /** Hanger component associated with the button. */
-    hanger?: ((props: Partial<HangerProps>) => JSX.Element) | undefined;
-    /** Set which icon should be rendered within button */
-    icon: IconName;
-    /** Menu component associated with the button. */
-    menu?: ((props: Partial<MenuProps>) => JSX.Element) | undefined;
-    /**
-     * Popover component associated with the button, clicking the button will open the popover.
-     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
-     * the button should be only to open the associated popover when clicked.
-     */
-    popover?: ((props: Partial<PopoverProps>) => JSX.Element) | undefined;
-    /**
-     * Set whether the button is rounded.
-     * Default value is `false`
-     */
-    rounded?: boolean | undefined;
-    /** A tooltip to show when hovering over the button */
-    tooltip?: string | undefined;
-} & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export const IconButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "children"> & {
-    /** Appearance will change the style of the button */
-    appearance?: Appearance | undefined;
-    /**
-     * Dialog component associated with the button, clicking the button will open the dialog.
-     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
-     * the button should be only to open the associated dialog when clicked.
-     */
-    dialog?: ((props: Partial<DialogProps>) => JSX.Element) | undefined;
-    /** Hanger component associated with the button. */
-    hanger?: ((props: Partial<HangerProps>) => JSX.Element) | undefined;
-    /** Set which icon should be rendered within button */
-    icon: IconName;
-    /** Menu component associated with the button. */
-    menu?: ((props: Partial<MenuProps>) => JSX.Element) | undefined;
-    /**
-     * Popover component associated with the button, clicking the button will open the popover.
-     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
-     * the button should be only to open the associated popover when clicked.
-     */
-    popover?: ((props: Partial<PopoverProps>) => JSX.Element) | undefined;
-    /**
-     * Set whether the button is rounded.
-     * Default value is `false`
-     */
-    rounded?: boolean | undefined;
-    /** A tooltip to show when hovering over the button */
-    tooltip?: string | undefined;
-} & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export type CalendarTextsActions = {
-    /** Aria-label for previous month action button */
-    previousMonth: string;
-    /** Aria-label for next month action button */
-    nextMonth: string;
-    /** Aria-label for previous year action button */
-    previousYear: string;
-    /** Aria-label for next year action button */
-    nextYear: string;
-    /** Text displayed within today action button */
-    today: string;
-};
-export type CalendarTexts = {
-    /** Text and aria-label for action buttons in Calendar */
-    actions: CalendarTextsActions;
-    /** Text abbreviation for months in Calendar's header, starting with January */
-    months: string[];
-    /** Text abbreviation for days in Calendar's header, starting with Sunday */
-    weekdaysShort: string[];
-};
-export type CalendarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'> & {
-    /** Handler called when a day is clicked in calendar */
-    onChange: (date: Date, event?: React.MouseEvent<HTMLDivElement>) => void;
-    value?: Date;
-    disabledDays?: Modifier[];
-};
-export const Calendar: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "onChange"> & {
-    /** Handler called when a day is clicked in calendar */
-    onChange: (date: Date, event?: React.MouseEvent<HTMLDivElement>) => void;
-    value?: Date | undefined;
-    disabledDays?: Modifier[] | undefined;
-} & React.RefAttributes<ReactDayPicker>>;
-export const useMergedRef: <T extends HTMLElement>(ref: React.Ref<HTMLElement>) => React.RefObject<T>;
-export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    /** Shows a button within the input field */
-    button?: React.ReactElement;
-    /** Shows an icon within the input field  */
-    icon?: IconName | JSX.Element;
-    /** Draws attention to the input by changing its style and making it visually prominent */
-    highlighted?: boolean;
-    invalid?: boolean;
-};
-export const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
-    /** Shows a button within the input field */
-    button?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    /** Shows an icon within the input field  */
-    icon?: JSX.Element | IconName | undefined;
-    /** Draws attention to the input by changing its style and making it visually prominent */
-    highlighted?: boolean | undefined;
-    invalid?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export const getNextIndexFromKey: (key: string, length: number, index: number | undefined, direction?: Orientation) => number | undefined;
-export type useListKeyboardNavigationOptions = {
-    direction?: Orientation;
-    initialIndex?: number;
-};
-export const useListKeyboardNavigation: (length?: number, options?: useListKeyboardNavigationOptions) => [number | undefined, (index: number | undefined) => void, (event: React.KeyboardEvent<HTMLElement>) => number | undefined];
-export const useListScrollTo: (internalRef: any, itemRefs: any[]) => any;
-export type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Define a delay in milliseconds after which the spinner is shown.
-     * Default value is `500`ms
-     */
-    delay?: number;
-    /** Define a text that will be displayed below spinner */
-    label?: string;
-};
-export const Spinner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Define a delay in milliseconds after which the spinner is shown.
-     * Default value is `500`ms
-     */
-    delay?: number | undefined;
-    /** Define a text that will be displayed below spinner */
-    label?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-type CheckboxBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {
-    highlighted?: boolean;
-    /**
-     * Indeterminate state should only be used with sub-checkboxes. The indeterminate state is shown if not all
-     * sub-checkboxes are selected. This only affects the style, changing the icon in the checkbox.
-     */
-    indeterminate?: boolean;
-    invalid?: boolean;
-    /** Label for the checkbox */
-    label?: React.ReactNode;
-    required?: boolean;
-};
-interface UncontrolledCheckboxProps extends CheckboxBaseProps {
-    checked?: never;
-    onChange?: never;
-    defaultChecked?: boolean;
-}
-interface ControlledCheckboxProps extends CheckboxBaseProps {
-    defaultChecked?: never;
-    checked: boolean;
-    onChange: (checked: boolean) => void;
-}
-export type CheckboxProps = UncontrolledCheckboxProps | ControlledCheckboxProps;
-export const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
-type ScrollableListItemValue = string | number | boolean | null;
-type ScrollableListItem = {
-    /**
-     * Set whether the item is disabled.
-     * This will both change the style and make the item unselectable
-     */
-    disabled?: boolean;
-    hasChildren?: boolean;
-    /** Place an icon before the item's text */
-    icon?: React.ReactElement;
-    path?: string;
-    /** Text describing the item */
-    text: string | JSX.Element;
-    /** Value of the item */
-    value: ScrollableListItemValue;
-    /** Child items to show hierarchical data */
-    children?: ScrollableListItem[];
-};
-export const useBoundingClientRectListener: (ref: React.RefObject<HTMLElement>, dependencies?: Array<any>) => DOMRectReadOnly | undefined;
-type DialogContext = {
-    closeOnEscape: boolean;
-    draggable: boolean;
-    drawer: {
-        open: boolean;
-        toggle: () => void;
-    };
-    elements: {
-        drawer?: React.ReactNode;
-        extra?: React.ReactNode;
-    };
-    onClose?: () => void;
-    props: Record<string, any>;
-    ref: React.Ref<HTMLElement>;
-    showCloseButton: boolean;
-    size: DialogSize;
-};
-declare const DialogContext: React.Context<DialogContext>;
-type DialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;
-export type DialogContentDrawerRenderProps = DialogContext['drawer'];
-export type DialogContentRenderProps = {
-    close: () => void;
-    drawer?: DialogContentDrawerRenderProps;
-};
-export type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
-export type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
-export type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement>;
-export type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
-    /** An accessible label to be announced when the dialog is opened */
-    'aria-label': string;
-    children: Omit<React.ReactNode, 'Function'> | ((props: DialogContentRenderProps) => JSX.Element);
-};
-export type DialogDrawerRenderProps = DialogContext['drawer'];
-export type DialogDrawerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag'> & {
-    children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);
-};
-type DialogExtraProps = React.HTMLAttributes<HTMLDivElement>;
-export type DialogTexts = {
-    /**
-     * Aria-label for close icon button in dialog.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    close: string;
-    drag: string;
-};
-export type DialogProps = {
-    children: React.ReactNode | React.ReactNode[];
-    /** When `true`, pressing escape will close the dialog */
-    closeOnEscape?: boolean;
-    /** Set whether the dialog is open by default or not, use when not providing a trigger  */
-    defaultOpen?: boolean;
-    /** Allows dragging the dialog around the screen (window constrained) */
-    draggable?: boolean;
-    /** Handler called when dialog closes by user interaction */
-    onClose?: () => void;
-    /** Called when the dialog opens or closes, must be used in conjunction with open  */
-    onChange?: (open: boolean) => void;
-    /** Control the open state of the dialog from outside the component  */
-    open?: boolean;
-    /** Shows the close icon button of the dialog */
-    showCloseButton?: boolean;
-    /** Size of the dialog. This is the recommended way to set a size for dialog component. */
-    size?: DialogSize;
-    /** A trigger to be used for the dialog, should not be set if `children` already contains a trigger */
-    trigger?: JSX.Element;
-};
-export type ForwardedDialogWithStatics = React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLElement>> & {
-    Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-    Footer: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
-    Extra: React.ForwardRefExoticComponent<DialogExtraProps & React.RefAttributes<HTMLDivElement>>;
-    Drawer: React.ForwardRefExoticComponent<DialogDrawerProps & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-};
-export const Dialog: ForwardedDialogWithStatics;
-export type ComboboxTexts = {
-    tooltip: string;
-};
-export type ComboboxItem = ScrollableListItem;
-export type ComboboxValue = ScrollableListItemValue;
-type ComboboxBaseProps = Omit<InputProps, 'defaultValue' | 'button' | 'onChange' | 'value'> & {
-    /** Array of options in combobox */
-    data?: ComboboxItem[];
-    /**
-     * Initial value of the input in combobox.
-     * This is used when combobox is mounted, if no value is provided.
-     * *Note* that combobox is a controlled component, setting this will also trigger the `onChange` event
-     */
-    defaultValue?: ComboboxValue;
-    /** Set what value should have an empty option in combobox */
-    emptyValue?: ComboboxValue;
-    /** Draws attention to the combobox by changing its style and making it visually prominent */
-    highlighted?: boolean;
-    /** Displays loading state in listbox */
-    loading?: boolean;
-    /**
-     * Handler called when user chooses an option from the provided suggestions.
-     * Suggestions will be calculated based on the input value.
-     * There are two ways to choose an option: either click on it, or navigate using keyboard and press `enter`
-     */
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /** Handler called when the user enters a query **/
-    onSearch?: (query: string) => void | Promise<void>;
-    /** Value of the input in combobox */
-    value?: ComboboxValue;
-};
-interface InlineComboboxProps extends ComboboxBaseProps {
-    dialog?: never;
-    /**
-     * Combobox will display its data when input is clicked/focused, even if the input is empty.
-     * *Note* that default combobox will display matching data only when user starts typing in input.
-     */
-    inline: boolean;
-}
-interface DialogComboboxProps extends ComboboxBaseProps {
-    dialog: (props: Partial<DialogProps>) => JSX.Element;
-    inline?: never;
-}
-export type ComboboxProps = InlineComboboxProps | DialogComboboxProps;
-export const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
-export type HangerTexts = {
-    /** Aria-label for the close icon button of hanger */
-    close: string;
-};
-export type HangerAnchorProps = React.HTMLAttributes<HTMLDivElement>;
-export type HangerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
-export const Title: React.ForwardRefExoticComponent<HangerTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-export type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** Set the position of the Hanger relative to its achor. Default value is `bottom` */
-    placement?: Placement;
-};
-export type HangerProps = React.PropsWithChildren<{
-    /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */
-    anchor?: JSX.Element;
-    /**
-     * Shows or hides hanger depending on the value
-     * @defaultValue true
-     */
-    defaultOpen?: boolean;
-    /** Handler called when user closes the hanger */
-    onClose?: () => void;
-}>;
-export type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {
-    Anchor: React.ForwardRefExoticComponent<HangerAnchorProps>;
-    Content: React.ForwardRefExoticComponent<HangerContentProps>;
-    Title: React.ForwardRefExoticComponent<HangerTitleProps>;
-};
-export const Hanger: ForwardedHangerWithStatics;
-type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {
-    align?: Align;
-    children: React.ReactNode;
-    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */
-    placement?: Placement;
-};
-type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
-    dialog?: (props: Partial<DialogProps>) => JSX.Element;
-    disabled?: boolean;
-    icon?: IconName;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    shortcut?: string;
-};
-type MenuLinkItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
-    disabled?: boolean;
-    icon?: IconName;
-    href: string;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-};
-type MenuTriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children'> & {
-    children: React.ReactElement;
-};
-type MenuCheckboxItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
-    disabled?: boolean;
-    checked: boolean;
-    onChange: (checked: boolean | 'indeterminate') => void;
-};
-export type RadioGroupItemValue = string | number | boolean | null;
-export const getRadioGroupItemValueAsString: (value: RadioGroupItemValue) => string;
-export const findByValue: (values: RadioGroupItemValue[], valueAsString: string) => RadioGroupItemValue;
-export type RadioGroupItemProps<T = HTMLButtonElement> = Omit<React.ButtonHTMLAttributes<T>, 'children' | 'onSelect' | 'value'> & {
-    /** Label for the radio group item */
-    children: React.ReactNode;
-    disabled?: boolean;
-    /** Value of the radio button */
-    value: RadioGroupItemValue;
-};
-type ReactGroupBaseChild = React.ReactElement<RadioGroupItemProps> | boolean | null;
-type RadioGroupBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {
-    children: ReactGroupBaseChild[];
-    disabled?: boolean;
-    invalid?: boolean;
-    /** The name of the radio group, used when submitting an HTML form */
-    name?: string;
-    /**
-     * Orientation of the radio group
-     * @defaultValue vertical
-     */
-    orientation?: Orientation;
-    required?: boolean;
-};
-interface UncontrolledRadioGroupProps extends RadioGroupBaseProps {
-    defaultValue?: RadioGroupItemValue;
-    onChange?: never;
-    value?: never;
-}
-interface ControlledRadioGroupProps extends RadioGroupBaseProps {
-    defaultValue?: never;
-    /** Handler called when the value changes */
-    onChange: (value: RadioGroupItemValue) => void;
-    /** The current value (controlled) */
-    value?: RadioGroupItemValue;
-}
-export type RadioGroupProps = UncontrolledRadioGroupProps | ControlledRadioGroupProps;
-export type ForwardedRadioGroupWithStatics = React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
-    /** Item component rendered in a `RadioGroup` component */
-    Item: React.ForwardRefExoticComponent<RadioGroupItemProps>;
-};
-export const useRadioGroup: (props: RadioGroupProps) => {
-    context: {
-        disabled: boolean;
-        invalid: boolean;
-    };
-    props: any;
-};
-export const RadioGroup: ForwardedRadioGroupWithStatics;
-type MenuRadioGroupItemProps = RadioGroupItemProps<HTMLDivElement>;
-type MenuRadioGroupProps = RadioGroupProps;
-type ForwardedMenuRadioGroupWithStatics = React.ForwardRefExoticComponent<MenuRadioGroupProps & React.RefAttributes<HTMLElement>> & {
-    Item: React.FunctionComponent<MenuRadioGroupItemProps>;
-};
-type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-export type MenuProps = {
-    children: React.ReactNode;
-    /** Set whether the menu is open by default or not  */
-    defaultOpen?: boolean;
-    /** Called when the menu opens or closes, must be used in conjunction with open  */
-    onChange?: (open: boolean) => void;
-    /** Control the open state of the menu from outside the component  */
-    open?: boolean;
-    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */
-    trigger?: JSX.Element;
-};
-export type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {
-    Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;
-    Content: React.ForwardRefExoticComponent<MenuContentProps>;
-    Item: React.ForwardRefExoticComponent<MenuItemProps>;
-    Link: React.ForwardRefExoticComponent<MenuLinkItemProps>;
-    Checkbox: React.ForwardRefExoticComponent<MenuCheckboxItemProps>;
-    Separator: React.FunctionComponent;
-    Header: React.ForwardRefExoticComponent<MenuHeaderProps>;
-    RadioGroup: ForwardedMenuRadioGroupWithStatics;
-};
-export const Menu: ForwardedMenuWithStatics;
-export type PopoverTriggerProps = React.HTMLAttributes<HTMLElement>;
-export type PopoverContentRenderProps = {
-    close: () => void;
-};
-export type PopoverContentProps = Omit<PopoverPrimitive.PopoverContentProps, 'side'> & {
-    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);
-    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */
-    placement?: Placement;
-};
-export type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;
-export type PopoverProps = React.PropsWithChildren<{
-    modal?: boolean;
-    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */
-    trigger?: JSX.Element;
-    /** Set whether the popover is open by default or not, use when not providing a trigger  */
-    defaultOpen?: boolean;
-    /** Control the open state of the popover from outside the component  */
-    open?: boolean;
-    /** Called when the popover opens or closes, must be used in conjunction with open  */
-    onChange?: (open: boolean) => void;
-}>;
-export type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {
-    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;
-    Content: React.ForwardRefExoticComponent<PopoverContentProps>;
-    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;
-    Portal: React.FunctionComponent<PopoverPrimitive.PortalProps>;
-};
-export const Popover: ForwardedPopoverWithStatics;
-export type ButtonProps = _ButtonProps1 & {
-    /** Appearance will change the style of the button */
-    appearance?: Appearance;
-    /**
-     * Dialog component associated with the button, clicking the button will open the dialog.
-     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
-     * the button should be only to open the associated dialog when clicked.
-     */
-    dialog?: (props: Partial<DialogProps>) => JSX.Element;
-    /** If fluid, button expands to the width of it's container */
-    fluid?: boolean;
-    /** Hanger component associated with the button. */
-    hanger?: (props: Partial<HangerProps>) => JSX.Element;
-    /** Menu component associated with the button. */
-    menu?: (props: Partial<MenuProps>) => JSX.Element;
-    /**
-     * Popover component associated with the button, clicking the button will open the popover.
-     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
-     * the button should be only to open the associated popover when clicked.
-     */
-    popover?: (props: Partial<PopoverProps>) => JSX.Element;
-    /** A tooltip to show when hovering over the button */
-    tooltip?: string;
-};
-export const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement> & {
-    children: React.ReactNode;
-    href?: string | undefined;
-    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-} & {
-    /** Appearance will change the style of the button */
-    appearance?: Appearance | undefined;
-    /**
-     * Dialog component associated with the button, clicking the button will open the dialog.
-     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
-     * the button should be only to open the associated dialog when clicked.
-     */
-    dialog?: ((props: Partial<DialogProps>) => JSX.Element) | undefined;
-    /** If fluid, button expands to the width of it's container */
-    fluid?: boolean | undefined;
-    /** Hanger component associated with the button. */
-    hanger?: ((props: Partial<HangerProps>) => JSX.Element) | undefined;
-    /** Menu component associated with the button. */
-    menu?: ((props: Partial<MenuProps>) => JSX.Element) | undefined;
-    /**
-     * Popover component associated with the button, clicking the button will open the popover.
-     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
-     * the button should be only to open the associated popover when clicked.
-     */
-    popover?: ((props: Partial<PopoverProps>) => JSX.Element) | undefined;
-    /** A tooltip to show when hovering over the button */
-    tooltip?: string | undefined;
-} & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export type ListboxItem = ScrollableListItem;
-export type ListboxValue = ScrollableListItemValue;
-export type ListboxTexts = {
-    /**
-     * Text displayed in the listbox if no data provided.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    empty: string;
-    /**
-     * Text displayed in the listbox to indicate the data is loading.
-     * Read more about how to provide the text in [Provider](component:provider) component
-     */
-    loading: string;
-    /**
-     * The first option displayed in a multiselect listbox that selects all available options.
-     * Read more about how to provide the text in [Provider](component:provider) component
-     */
-    allOption: string;
-};
-export type ListboxProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> & Omit<React.InputHTMLAttributes<HTMLElement>, 'defaultValue' | 'onChange' | 'value'> & {
-    /** Data indicating the options in listbox */
-    data?: ListboxItem[];
-    /**
-     * Initial value of the listbox.
-     * This is used when listbox is mounted, if no value is provided.
-     * *Note* that listbox is a controlled component, setting this will also trigger the `onChange` event
-     */
-    defaultValue?: ListboxValue;
-    /** Set what value should have an empty option in listbox */
-    emptyValue?: ListboxValue;
-    /** Draws attention to the listbox by changing its style and making it visually prominent */
-    highlighted?: boolean;
-    invalid?: boolean;
-    /**
-     * Shows a loading indicator with a text next to it.
-     * Read more about how to provide the text in [Provider](component:provider) component
-     */
-    loading?: boolean;
-    /**
-     * Value of the listbox representing the selected item.
-     * It needs to be an existing value from the provided data
-     */
-    value?: ListboxValue;
-};
-export const Listbox: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onChange"> & Omit<React.InputHTMLAttributes<HTMLElement>, "value" | "defaultValue" | "onChange"> & {
-    /** Data indicating the options in listbox */
-    data?: ScrollableListItem[] | undefined;
-    /**
-     * Initial value of the listbox.
-     * This is used when listbox is mounted, if no value is provided.
-     * *Note* that listbox is a controlled component, setting this will also trigger the `onChange` event
-     */
-    defaultValue?: ScrollableListItemValue | undefined;
-    /** Set what value should have an empty option in listbox */
-    emptyValue?: ScrollableListItemValue | undefined;
-    /** Draws attention to the listbox by changing its style and making it visually prominent */
-    highlighted?: boolean | undefined;
-    invalid?: boolean | undefined;
-    /**
-     * Shows a loading indicator with a text next to it.
-     * Read more about how to provide the text in [Provider](component:provider) component
-     */
-    loading?: boolean | undefined;
-    /**
-     * Value of the listbox representing the selected item.
-     * It needs to be an existing value from the provided data
-     */
-    value?: ScrollableListItemValue | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export const MultiListbox: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onChange"> & Omit<React.InputHTMLAttributes<HTMLElement>, "value" | "defaultValue" | "onChange"> & {
-    /** Data indicating the options in listbox */
-    data?: ScrollableListItem[] | undefined;
-    /**
-     * Initial value of the listbox.
-     * This is used when listbox is mounted, if no value is provided.
-     * *Note* that listbox is a controlled component, setting this will also trigger the `onChange` event
-     */
-    defaultValue?: ScrollableListItemValue | undefined;
-    /** Set what value should have an empty option in listbox */
-    emptyValue?: ScrollableListItemValue | undefined;
-    /** Draws attention to the listbox by changing its style and making it visually prominent */
-    highlighted?: boolean | undefined;
-    invalid?: boolean | undefined;
-    /**
-     * Shows a loading indicator with a text next to it.
-     * Read more about how to provide the text in [Provider](component:provider) component
-     */
-    loading?: boolean | undefined;
-    /**
-     * Value of the listbox representing the selected item.
-     * It needs to be an existing value from the provided data
-     */
-    value?: ScrollableListItemValue | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export type SelectTexts = {
-    /**
-     * The text displayed when all options are selected when multiselect mode in on.
-     */
-    allOptionsSelected: string;
-};
-export type BaseSelectProps = Omit<ListboxProps, 'dialog'> & Omit<ComboboxProps, 'inline'> & {
-    /**
-     * Allows to select multiple values.
-     * All the selected values will be combined in a comma-seperated string as the value of the input.
-     */
-    multiselect?: boolean;
-};
-export type SelectProps = BaseSelectProps & {
-    /**
-     * Creates an editable select.
-     * Setting this will render a inline Combobox which will display the provided data on click/focus,
-     * even if there is no value in the input.
-     * After user starts typing, matching data will be displayed.
-     */
-    editable?: boolean;
-};
-export const Select: React.ForwardRefExoticComponent<Omit<ListboxProps, "dialog"> & Omit<ComboboxProps, "inline"> & {
-    /**
-     * Allows to select multiple values.
-     * All the selected values will be combined in a comma-seperated string as the value of the input.
-     */
-    multiselect?: boolean | undefined;
-} & {
-    /**
-     * Creates an editable select.
-     * Setting this will render a inline Combobox which will display the provided data on click/focus,
-     * even if there is no value in the input.
-     * After user starts typing, matching data will be displayed.
-     */
-    editable?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export type GroupProps = React.HTMLAttributes<HTMLElement> & {
-    /**
-     * Change what html tag element will render.
-     * Default value is `span`
-     */
-    as?: 'div' | 'span' | 'nav';
-    /** Content should be composed of other Taco elements */
-    children: React.ReactNode;
-    /**
-     * Define orientation of grouping.
-     * @defaultValue horizontal
-     */
-    orientation?: Orientation;
-};
-export const Group: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
-    /**
-     * Change what html tag element will render.
-     * Default value is `span`
-     */
-    as?: "div" | "nav" | "span" | undefined;
-    /** Content should be composed of other Taco elements */
-    children: React.ReactNode;
-    /**
-     * Define orientation of grouping.
-     * @defaultValue horizontal
-     */
-    orientation?: Orientation | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export type usePaginationValues = {
-    /** Current page index (zero based) */
-    pageIndex: number;
-    /** Number of items displayed on a page */
-    pageSize: number;
-    /** Handler called when navigating through pages */
-    setPageIndex: (pageIndex: number) => void;
-    /** Handler called when changing the size of the page  */
-    setPageSize: (size: number) => void;
-};
-export const usePagination: (initialPageIndex?: number, initialPageSize?: number) => usePaginationValues;
-export type PaginationTextsActions = {
-    /**
-     * Aria-label for first page action button.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    firstPage: string;
-    /**
-     * Aria-label for first page action button with shortcut.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    firstPageWithShortcut: string;
-    /**
-     * Aria-label for next page action button.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    nextPage: string;
-    /**
-     * Aria-label for next page action button with shortcut.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    nextPageWithShortcut: string;
-    /**
-     * Aria-label for previous page action button.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    previousPage: string;
-    /**
-     * Aria-label for previous page action button with shortcut.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    previousPageWithShortcut: string;
-    /**
-     * Aria-label for last page action button.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    lastPage: string;
-    /**
-     * Aria-label for last page action button with shortcut.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    lastPageWithShortcut: string;
-    /**
-     * Aria-label for page X action button.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    pageX: string;
-};
-export type PaginationTexts = {
-    /**
-     * Aria-label provided for page numbers and page actions group.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    label: string;
-    /**
-     * Aria-label provided for page size selection.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    pageSize: string;
-    /**
-     * Text that indicates the number of the first and last element displayed on the current page, out of total items
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    showingXofYofTotal: string;
-    /**
-     * Aria-labels provided for page action buttons.
-     * To read more about how to provide the text, see [Provider](component:provider) component
-     */
-    actions: PaginationTextsActions;
-};
-export type PaginationProps = React.HTMLAttributes<HTMLDivElement> & usePaginationValues & {
-    /** Indicate total number of items that will be paginated */
-    length: number;
-    /** Page size options */
-    pageSizes?: number[];
-    /** Shows page controls */
-    showPageControls?: boolean;
-    /** Shows page numbers between navigation buttons, which allows users to quickly navigate to a specific page */
-    showPageNumbers?: boolean;
-    /** Shows a dropdown with page sizes, which allows user to change the number of items displayed on the page  */
-    showPageSize?: boolean;
-    /** Enable pagination shortcuts */
-    dangerouslyHijackGlobalKeyboardNavigation?: boolean;
-};
-export const Pagination: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & usePaginationValues & {
-    /** Indicate total number of items that will be paginated */
-    length: number;
-    /** Page size options */
-    pageSizes?: number[] | undefined;
-    /** Shows page controls */
-    showPageControls?: boolean | undefined;
-    /** Shows page numbers between navigation buttons, which allows users to quickly navigate to a specific page */
-    showPageNumbers?: boolean | undefined;
-    /** Shows a dropdown with page sizes, which allows user to change the number of items displayed on the page  */
-    showPageSize?: boolean | undefined;
-    /** Enable pagination shortcuts */
-    dangerouslyHijackGlobalKeyboardNavigation?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-type ToastsTexts = {
-    /** Aria-label for the close icon button of toast */
-    dismiss: string;
-};
-type ToastType = Omit<State, 'default'> | 'loading';
-type ToastOptions = {
-    /** Provide time in milliseconds after which the toast should autoclose */
-    autoClose?: number;
-    /**
-     * State will change the icon displayed in toast and other characteristics,
-     * for e.g. `loading` state will display a progress animation.
-     * Default value is `default`
-     */
-    type?: ToastType;
-};
-type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;
-export const format: (date: Date | undefined, mask?: string) => string | undefined;
-export const parseFromCustomString: (date?: string, mask?: string) => Date | undefined;
-export const parseFromISOString: (date: string) => Date | undefined;
-export type DatepickerTexts = {
-    /** Aria-label for calendar */
-    calendar: string;
-    /** Clear button text */
-    clear: string;
-    /**
-     * Aria-label for calendar icon button in the input.
-     * Calendar will open when user clicks this icon button.
-     */
-    expand: string;
-    /** Shortcut heading text */
-    shortcuts: string;
-};
-export type DatePickerShortcut = {
-    onClick: (event: React.MouseEvent) => void;
-    text: string;
-};
-export type DatepickerProps = Omit<InputProps, 'value'> & {
-    /** [Calendar](component:calendar) component associated with the DatePicker */
-    calendar?: CalendarProps;
-    /** List of shortcuts */
-    shortcuts?: DatePickerShortcut[];
-    /** Title for the shortcuts panel */
-    shortcutsText?: string;
-    /** Handler to be called when the clear button is clicked */
-    onReset?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Date value of the calendar.
-     * This will be displayed in DatePicker's input in the format given to the [Provider](component:provider) component
-     */
-    value?: Date;
-};
-export const Datepicker: React.ForwardRefExoticComponent<Omit<InputProps, "value"> & {
-    /** [Calendar](component:calendar) component associated with the DatePicker */
-    calendar?: CalendarProps | undefined;
-    /** List of shortcuts */
-    shortcuts?: DatePickerShortcut[] | undefined;
-    /** Title for the shortcuts panel */
-    shortcutsText?: string | undefined;
-    /** Handler to be called when the clear button is clicked */
-    onReset?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-    /**
-     * Date value of the calendar.
-     * This will be displayed in DatePicker's input in the format given to the [Provider](component:provider) component
-     */
-    value?: Date | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export type TourTexts = {
-    /** Text for back action button */
-    back: string;
-    /**
-     * Text for close button.
-     * This button is displayed if tour is not continuous - replacing the `Next` button.
-     * It will pause the flow of the tour and close the tooltip
-     */
-    close: string;
-    /**
-     * Aria-label and title for close icon button in each step.
-     * This button skips and completes the flow entirely
-     */
-    skip: string;
-    /**
-     * Text for last action button.
-     * This button is displayed when user is on the last step of the tour
-     */
-    last: string;
-    /**
-     * Text for next action button.
-     * This button is displayed if tour has more than one steps and is continuous
-     */
-    next: string;
-    /** Aria label and title for beacon that will open the tour step */
-    open: string;
-};
-export type TourStepProps = {
-    /** Content can be any valid react node, for e.g. a `div` */
-    children: React.ReactNode;
-    /** Define the position of the tour's popup relative to the element is presenting */
-    position?: _Placement1;
-    /** The css selector of the html element you want to include in a tour */
-    selector: string;
-    /**
-     * Show beacon for step.
-     * A beacon is a styled component which indicates the current element to be presented.
-     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs
-     */
-    showBeacon?: boolean;
-    /** Text displayed above the children/content of the popup  */
-    title: string;
-};
-export const TourStep: (_props: TourStepProps) => null;
-export type TourProps = {
-    /** Controls if [Joyride](https://docs.react-joyride.com) is active */
-    autoStart?: boolean;
-    /** Children should be one or more `Tour.Step` components */
-    children: any;
-    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */
-    continuous?: boolean;
-    /** Disable closing of tour when click on `Escape` */
-    disableCloseOnEsc?: boolean;
-    /** Don't close the presenting popup of the tour step when clicking outside it */
-    disableOverlayClose?: boolean;
-    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */
-    disableScrolling?: boolean;
-    onClose?: (step: TourStepProps) => void;
-    onComplete?: Function;
-    /** When step is ready */
-    onReady?: (step: TourStepProps) => void;
-    spotlightClicks?: boolean;
-    disableScrollParentFix?: boolean;
-    /** The scroll distance from the element scrollTop value. */
-    scrollOffset?: number;
-};
-export const Tour: {
-    (props: TourProps): JSX.Element;
-    Step: (_props: TourStepProps) => null;
-};
-export type SortDirection = 'asc' | 'desc';
-export type SortTypes = 'datetime' | 'string' | 'number' | 'boolean' | 'auto';
-export type RowIndexPath = string | undefined;
-export type Row<TRow extends {}> = TRow & {
-    subRows?: Row<TRow>[];
-};
-export type TableRow<TRow> = {
-    /**
-     * Index of the row.
-     * Note: This index is relative to the root or parent row if it is a sub row
-     * If you need full path of the row from the root, use indexPath
-     */
-    index: number;
-    /**
-     * Index path (dot notated) of the row.
-     * Note: This path is a dot notation of indexes to the root
-     */
-    indexPath: string;
-    depth?: number;
-    /**
-     * Define whether the row is expanded.
-     * If expended, `rowExpansionRenderer` render function will be called.
-     * It can be used to render a specific icon in your cell based on the state of the row.
-     */
-    isExpanded?: boolean;
-    /**
-     * Toggles the row expansion.
-     * It can be used as a handler for the click event on your cell.
-     */
-    toggleRowExpanded?: () => void;
-    /** Represents the values rendered in each cell */
-    values: Row<TRow>;
-    isEditing?: boolean;
-    toggleRowEditing?: () => void;
-};
-export type TableCell<TRow> = {
-    accessor: string;
-    /** Represents the row which renders the specific cell, exposing its properties */
-    row: TableRow<TRow>;
-    /** Access the rendered value in the cell */
-    value: any;
-};
-export type TableColumnProps<TRow> = {
-    /**
-     * This string is used to build the data model for your column.
-     * It should match one of the properties defined in your `data` object on `Table`,
-     * since this will map the value from the provided data.
-     * If the accessor doesn't match a property from table's `data`,
-     * you should render something using the `cellRenderer` prop.
-     */
-    accessor: string;
-    /**
-     * Align column's content.
-     * Not specifying this will default to a `centered` column
-     */
-    align?: 'left' | 'center' | 'right';
-    /** Add a classname to the column */
-    className?: string;
-    /**
-     * Define the content of the cell.
-     * It needs to be a render function that can return a transformed version of the existing value,
-     * or any valid react node, for e.g. a `div`
-     */
-    cellRenderer?: (cellProps: TableCell<TRow>) => React.ReactNode;
-    /** Disable sorting on column */
-    disableSorting?: boolean;
-    editRenderer?: (cellProps: TableCell<TRow>) => React.ReactNode;
-    /**
-     * Specify the width and growth characteristics of a column.
-     * This follows the standard flex-box `flex` css property
-     */
-    flex?: string | ((row: TRow) => string);
-    /** Text displayed in the column header */
-    headRenderer?: React.ReactNode;
-    /** Hides the column */
-    hidden?: boolean;
-    /** Hides the column on all sub rows */
-    hiddenOnSubRows?: boolean;
-    /**
-     * Specify the sort rule on a column.
-     * Specifying no value defaults to no sorting rule
-     */
-    sort?: SortDirection;
-    /**
-     * Sort type on a column is used to compare 2 rows of data and order them correctly based on the specified type.
-     * Default value is `auto`, which will apply sort type based on the type of your column's value.
-     * `auto` will use type checking for booleans or numbers before falling back to string
-     */
-    sortType?: SortTypes;
-    /**
-     * Use inline style for your column.
-     * *Note* that `flex` should be set using `flex` prop, otherwise it will be overriden here by `undefined`
-     */
-    style?: object;
-};
-export type TableGroupProps<TRow> = {
-    /** Content of a group should be another `Table.Group` or a `Table.Column` */
-    children: React.ReactElement<TableColumnProps<TRow>> | React.ReactElement<TableColumnProps<TRow>>[];
-    /** Hide the entire group (and columns defined within group) */
-    hidden?: boolean;
-    /** Text displayed in the group's header */
-    title: string;
-};
-export type RowClickHandler<TRow> = (row: TableRow<TRow>, event: React.MouseEvent) => void;
-export type RowDragHandler<TRow> = (rows: Array<TableRow<TRow>>, showPlaceholder: (placeholder: string) => void, event: React.DragEvent) => void;
-export type SortRule<T> = {
-    /** Name of the accessor you want to sort */
-    accessor: IdType<T>;
-    /** Set whether it is a descending sort direction */
-    desc?: boolean;
-};
-export type SelectedRowsState = Record<number, boolean>;
-export type SelectedRowsHandler = React.Dispatch<React.SetStateAction<SelectedRowsState>>;
-export type SortHandler<T> = (sortRules: SortRule<T>[] | undefined, sortedData?: T[]) => void;
-export type PaginationHandler = (pageNumber: number, pageSize: number) => void;
-export type RowCreateHandler<TRow> = (parentRow: TableRow<TRow>, event: React.MouseEvent<HTMLButtonElement>) => void;
-type RowEditHandler<TRow> = (row: TableRow<TRow>, event: React.MouseEvent<HTMLButtonElement>) => void;
-export type RowCopyHandler<TRow> = (row: TableRow<TRow>, event: React.MouseEvent<HTMLButtonElement>) => void;
-export type RowDeleteHandler<TRow> = (row: TableRow<TRow>, event: React.MouseEvent<HTMLButtonElement>) => void;
-type RowActiveHandler<TRow> = (row: TableRow<TRow>) => void;
-type RowAction<TRow> = {
-    disabled?: ((row: TableRow<TRow>) => boolean) | boolean;
-    icon: ((row: TableRow<TRow>) => IconName) | IconName;
-    onClick: (row: TableRow<TRow>, event: React.MouseEvent<HTMLElement>) => void;
-    text: ((row: TableRow<TRow>) => React.ReactNode) | React.ReactNode;
-    tooltip?: ((row: TableRow<TRow>) => string) | string;
-    showOnRow?: boolean;
-    visible?: ((row: TableRow<TRow>) => boolean) | boolean;
-};
-export type RowActionHandler<TRow> = RowAction<TRow> | undefined | null | boolean;
-export type TableProps<TRow> = React.HTMLAttributes<HTMLDivElement> & {
-    /** Autofocus the table when loaded */
-    autoFocus?: boolean;
-    /**
-     * Children should be one of the Table's components.
-     * Read about `ForwardedGenericTableWithStatics` for more details.
-     * *Note* that there can also be children that are rendered conditionally
-     */
-    children: TableChildren<TRow>;
-    /** Provide data to be displayed in your table */
-    data: Row<TRow>[];
-    /**
-     * This will attach the `keyDown` handler for Table to the window,
-     * so that user can directly navigate through table using keyboard, even if the table is not focused.
-     * *Note* that the `keydown` handler will be executed only if focus is on body or the table itself
-     */
-    dangerouslyHijackGlobalKeyboardNavigation?: boolean;
-    /**
-     * Provide an empty state to the table if there is no data or it is loading asynchronously
-     */
-    emptyStateRenderer?: () => React.ReactNode;
-    /** Handler called when a row is clicked */
-    onRowClick?: RowClickHandler<TRow>;
-    /** Handler called when a row is dragged */
-    onRowDrag?: RowDragHandler<TRow>;
-    /**
-     * Handler used toghether with `selectedRows`.
-     * *Note* that row selection should be used within a state since it is controlled.
-     * To enable row selection, you have to use both `selectedRows` and `onSelectedRows` - you can use standard `useState` for this
-     */
-    onSelectedRows?: SelectedRowsHandler;
-    /**
-     * Provide a className for rows.
-     * It can be a `string` or a render function that is given the properties of the row and returns a `string`
-     */
-    rowClassName?: string | ((row: TableRow<TRow>) => string | undefined);
-    /** Show extra content below each row */
-    rowExpansionRenderer?: (row: TableRow<TRow>) => React.ReactNode;
-    /** Give the row a specific height */
-    rowHeight?: number;
-    /**
-     * Used toghether with `onSelectedRows`.
-     * *Note* that row selection should be used within a state since it is controlled.
-     * To enable row selection, you have to use both `selectedRows` and `onSelectedRows` - you can use standard `useState` for this
-     */
-    selectedRows?: SelectedRowsState;
-    activeIndex?: number;
-    defaultActiveIndex?: number;
-    onChangeActiveIndex?: (activeIndex: number) => void;
-    /** Disable sorting on the entire table */
-    disableSorting?: boolean;
-    /**
-     * Handler which passes back the current sorting state and sorted data.
-     * You can use this if you need to handle in some way the current sort values,
-     * for e.g. to save them in localstorage and pass them back as `sortRules`
-     */
-    onSort?: SortHandler<TRow>;
-    /** Enable manual (external) sorting */
-    manualSorting?: boolean;
-    /**
-     * Provide the initial sorting rules on your table.
-     * *Note* that these values will override any default sorting specified on columns
-     */
-    sortRules?: SortRule<TRow>[];
-    disablePagination?: boolean;
-    length?: number;
-    /** Handler called when navigating through pages */
-    onPaginate?: PaginationHandler;
-    /** Current page index (zero based) */
-    pageIndex?: number;
-    /** Number of items displayed on a page */
-    pageSize?: number;
-    /** Handler called as user scrolls a virtualised window */
-    loadMore?: (startIndex: number, endIndex: number) => void;
-    /** Enable inline editing mode by providing the property name of a unique id in your data */
-    inlineEditingUniqueId?: keyof TRow;
-    /** Handler called when a new row is added - without this property defined the 'add new row' button will not be visible */
-    onRowCreate?: RowCreateHandler<TRow>;
-    /** Collection of items/links to show in the actions menu - without this property defined the actions men button will not be visible */
-    actions?: RowActionHandler<TRow>[];
-    /** Handler called when a row is edited - without this property defined the 'edit row' button will not be visible - unless inline editing mode is set */
-    onRowEdit?: RowEditHandler<TRow>;
-    /** Handler called when a row is copied - without this property defined the 'copy row' button will not be visible */
-    onRowCopy?: RowCopyHandler<TRow>;
-    /** Handler called when a row is deleted - without this property defined the 'delete row' button will not be visible */
-    onRowDelete?: RowDeleteHandler<TRow>;
-    /** Handler called when a row is made active */
-    onRowActive?: RowActiveHandler<TRow>;
-};
-export type TableRef = HTMLDivElement & {
-    instance: {
-        toggleAllRowsExpanded: any;
-        toggleHideAllColumns: any;
-        toggleHideColumn: any;
-        toggleEditing: any;
-        toggleRowEditing: any;
-        resetRowEditing: any;
-        toggleRowExpanded: any;
-        toggleSortBy: any;
-    };
-};
-type ForwardedGenericTableWithStatics = React.ForwardRefExoticComponent<TableProps<any> & React.RefAttributes<HTMLDivElement>> & {
-    /** Represents a column in your table */
-    Column: <TRow>(props: TableColumnProps<TRow>) => JSX.Element | null;
-    /**
-     * Container for columns.
-     * Visually this adds a column above and spans all group children.
-     * *Note* that groups can only be nested two levels deep
-     */
-    Group: <TRow>(props: TableGroupProps<TRow>) => JSX.Element | null;
-} & (<TRow>(props: TableProps<TRow> & {
-    ref?: React.Ref<HTMLDivElement>;
-}) => JSX.Element);
-type TableChild<TRow> = React.ReactElement<TableColumnProps<TRow>> | React.ReactElement<TableGroupProps<TRow>> | boolean | null;
-type TableChildren<TRow> = TableChild<TRow> | TableChild<TRow>[];
-export const Table: ForwardedGenericTableWithStatics;
-export const PaginatedTable: ForwardedGenericTableWithStatics;
-export const WindowedTable: ForwardedGenericTableWithStatics;
-export const convertRowIndexPathToNumberArray: (rowIndexPath: RowIndexPath) => number[];
-export const getByRowIndexPath: <TRow extends {}>(data: Row<TRow>[], rowIndexPath: RowIndexPath) => Row<TRow> | undefined;
-export const setByRowIndexPath: <TRow extends {}>(data: Row<TRow>[], rowIndexPath: RowIndexPath, values: any) => Row<TRow>[];
-export const getParentRowIndexPath: (rowIndexPath: RowIndexPath) => RowIndexPath;
-export const insertChildTableRow: <TRow>(data: Row<TRow>[], rowIndexPath?: RowIndexPath, values?: any) => [Row<TRow>[], RowIndexPath];
-export const removeChildTableRow: <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath) => Row<TRow>[];
-export type useTableRowCreation<TRow> = {
-    data: Row<TRow>[];
-    create: (rowIndexPath: RowIndexPath, values?: object | undefined) => RowIndexPath;
-    remove: (rowIndexPath: RowIndexPath) => void;
-    isCreating: boolean;
-};
-export const useTableRowCreation: <TRow>(data: Row<TRow>[], tableRef: React.RefObject<TableRef>) => useTableRowCreation<TRow>;
-export type TableTexts = {
-    actions: string;
-    edit: string;
-    copy: string;
-    del: string;
-    newSubRow: string;
-    loading: string;
-};
-export type SearchInputTexts = {
-    /**
-     * aria-label text for input
-     */
-    inputLabel: string;
-    /**
-     * aria-label text for the search button
-     */
-    buttonLabel: string;
-};
-export type SearchInputProps = Omit<InputProps, 'icon'> & {
-    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */
-    onSearch?: (value: string | number | readonly string[] | undefined) => void;
-};
-export const SearchInput: React.ForwardRefExoticComponent<Omit<InputProps, "icon"> & {
-    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */
-    onSearch?: ((value: string | number | readonly string[] | undefined) => void) | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-type Listbox2OptionValue = string | number | null;
-type Listbox2OptionProps = React.HTMLAttributes<HTMLDivElement> & {
-    disabled?: boolean;
-    value: Listbox2OptionValue;
-};
-type Listbox2GroupProps = React.HTMLAttributes<HTMLDivElement>;
-type Listbox2TitleProps = React.HTMLAttributes<HTMLDivElement>;
-export type Select2OptionValue = Listbox2OptionValue;
-export type Select2Value = Select2OptionValue | Select2OptionValue[];
-declare const colors: {
-    green: string;
-    yellow: string;
-    red: string;
-    blue: string;
-    purple: string;
-    orange: string;
-    brown: string;
-    pink: string;
-    grey: string;
-};
-type Color = keyof typeof colors;
-export type TagProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {
-    children: string;
-    color?: Color;
-    disabled?: boolean;
-    icon?: React.ReactElement<IconProps> | IconName;
-    readOnly?: boolean;
-    onDelete?: (event: React.MouseEvent<SVGSVGElement>) => void;
-};
-export const Tag: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & {
-    children: string;
-    color?: "blue" | "brown" | "green" | "grey" | "orange" | "pink" | "purple" | "red" | "yellow" | undefined;
-    disabled?: boolean | undefined;
-    icon?: IconName | React.ReactElement<IconProps, string | React.JSXElementConstructor<any>> | undefined;
-    readOnly?: boolean | undefined;
-    onDelete?: ((event: React.MouseEvent<SVGSVGElement>) => void) | undefined;
-} & React.RefAttributes<HTMLSpanElement>>;
-export type FieldProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
-    /** Content of the field */
-    children: React.ReactNode;
-    /**	Changes the style to indicate the element is disabled */
-    disabled?: boolean;
-    invalid?: boolean;
-    /**
-     * Text displayed below the children of Field.
-     * Should be a short text that indicates feedback for user.
-     */
-    message?: string;
-};
-export const Field: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & {
-    /** Content of the field */
-    children: React.ReactNode;
-    /**	Changes the style to indicate the element is disabled */
-    disabled?: boolean | undefined;
-    invalid?: boolean | undefined;
-    /**
-     * Text displayed below the children of Field.
-     * Should be a short text that indicates feedback for user.
-     */
-    message?: string | undefined;
-} & React.RefAttributes<HTMLLabelElement>>;
-export type Select2OptionProps = Omit<Listbox2OptionProps, 'children'> & {
-    children: string;
-    color?: Color;
-    icon?: React.ReactElement<IconProps> | IconName;
-    textValue?: string;
-};
-export type Select2GroupProps = Listbox2GroupProps;
-export type Select2TitleProps = Listbox2TitleProps;
-export type Select2Texts = {
-    allSelect: string;
-    allDeselect: string;
-    cancel: string;
-    chooseColor: string;
-    create: string;
-    delete: string;
-    save: string;
-    search: string;
-    searchOrCreate: string;
-};
-export type Select2Props = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {
-    children: React.ReactElement<Select2OptionProps>[];
-    defaultValue?: Select2Value;
-    emptyValue?: Select2OptionValue;
-    disabled?: boolean;
-    disableSearch?: boolean;
-    highlighted?: boolean;
-    invalid?: boolean;
-    multiple?: boolean;
-    name?: string;
-    onChange?: (value: Select2Value) => void;
-    onCreate?: (name: string, color: Color | undefined) => Promise<Select2OptionProps>;
-    onDelete?: (value: Select2OptionValue) => Promise<void>;
-    onEdit?: (value: Select2OptionValue, text: string, color: Color | undefined) => Promise<void>;
-    readOnly?: boolean;
-    tags?: boolean;
-    value?: Select2Value;
-};
-type Select2PropsWithStatics = React.ForwardRefExoticComponent<Select2Props & React.RefAttributes<HTMLButtonElement>> & {
-    Option: React.ForwardRefExoticComponent<Select2OptionProps>;
-    Group: React.ForwardRefExoticComponent<Select2GroupProps>;
-    Title: React.ForwardRefExoticComponent<Select2TitleProps>;
-};
-export const Select2: Select2PropsWithStatics;
-export type LocalizationTexts = {
-    /** Localized texts and aria-labels for [Calendar](component:calendar) component */
-    calendar: CalendarTexts;
-    /** Localized texts and aria-labels for [Combobox](component:combobox) component */
-    combobox: ComboboxTexts;
-    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */
-    datepicker: DatepickerTexts;
-    /** Localized texts and aria-labels for [Hanger](component:hanger) component */
-    hanger: HangerTexts;
-    /** Localized texts and aria-labels for [Banner](component:banner) component */
-    banner: BannerTexts;
-    /** Localized texts and aria-labels for [Listbox](component:listbox) component */
-    listbox: ListboxTexts;
-    /** Localized texts and aria-labels for [Dialog](component:dialog) component */
-    dialog: DialogTexts;
-    /** Localized texts and aria-labels for [Pagination](component:pagination) component */
-    pagination: PaginationTexts;
-    /** Localized texts and aria-labels for [Table](component:table) component */
-    table: TableTexts;
-    /** Localized texts and aria-labels for [Select](component:select) component */
-    select: SelectTexts;
-    /** Localized texts and aria-labels for [Select2](component:select2) component */
-    select2: Select2Texts;
-    /** Localized texts and aria-labels for [Toast](component:toast) component */
-    toasts: ToastsTexts;
-    /** Localized texts and aria-labels for [Tour](component:tour) component */
-    tour: TourTexts;
-    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */
-    searchInput: SearchInputTexts;
-};
-export type Localization = {
-    /**
-     * Provide the language code used in application.
-     * Default value is `en-GB`
-     */
-    locale: Locale;
-    /** Provide the texts and aria-labels for components used within the provider */
-    texts: LocalizationTexts;
-    /** Provide the formatting */
-    formatting: {
-        /** Default value is `dd.mm.yy` */
-        date: string;
-    };
-};
-export const defaultLocalisationTexts: {
-    calendar: {
-        months: string[];
-        weekdaysShort: string[];
-        actions: {
-            previousMonth: string;
-            nextMonth: string;
-            previousYear: string;
-            nextYear: string;
-            today: string;
-        };
-    };
-    combobox: {
-        tooltip: string;
-    };
-    datepicker: {
-        calendar: string;
-        clear: string;
-        expand: string;
-        shortcuts: string;
-    };
-    hanger: {
-        close: string;
-    };
-    banner: {
-        close: string;
-    };
-    listbox: {
-        loading: string;
-        empty: string;
-        allOption: string;
-    };
-    dialog: {
-        close: string;
-        drag: string;
-    };
-    pagination: {
-        label: string;
-        pageSize: string;
-        showingXofYofTotal: string;
-        actions: {
-            firstPage: string;
-            firstPageWithShortcut: string;
-            previousPage: string;
-            previousPageWithShortcut: string;
-            nextPage: string;
-            nextPageWithShortcut: string;
-            lastPage: string;
-            lastPageWithShortcut: string;
-            pageX: string;
-        };
-    };
-    table: {
-        actions: string;
-        edit: string;
-        copy: string;
-        del: string;
-        newSubRow: string;
-        loading: string;
-    };
-    select: {
-        allOptionsSelected: string;
-    };
-    select2: {
-        allSelect: string;
-        allDeselect: string;
-        cancel: string;
-        chooseColor: string;
-        create: string;
-        delete: string;
-        save: string;
-        search: string;
-        searchOrCreate: string;
-    };
-    toasts: {
-        dismiss: string;
-    };
-    tour: {
-        back: string;
-        close: string;
-        skip: string;
-        last: string;
-        next: string;
-        open: string;
-    };
-    searchInput: {
-        inputLabel: string;
-        buttonLabel: string;
-    };
-};
-export const LocalizationContext: React.Context<Localization>;
-export interface LocalizationProviderProps {
-    children: React.ReactNode;
-    localization?: Localization;
-}
-export const LocalizationProvider: React.FC<LocalizationProviderProps>;
-export const useLocalization: () => Localization;
-export type BannerProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** Content can be any react element, for e.g. a `div` */
-    children: React.ReactNode;
-    /** State will change the icon displayed in banner */
-    state: State;
-    onClose?: () => void;
-};
-export type BannerTexts = {
-    /** Aria-label for the close icon button of banner */
-    close: string;
-};
-export const Banner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    /** Content can be any react element, for e.g. a `div` */
-    children: React.ReactNode;
-    /** State will change the icon displayed in banner */
-    state: State;
-    onClose?: (() => void) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {
-    noPadding?: boolean;
-};
-export type CardProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** Title of the Card */
-    title: string | React.ReactElement;
-    /** Menu component associated with the Card */
-    menu?: (props: Partial<MenuProps>) => JSX.Element;
-};
-export const Card: React.ForwardRefExoticComponent<CardProps> & {
-    Content: React.ForwardRefExoticComponent<CardContentProps>;
-};
-export type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {
-    /** Content should be composed of other Taco form elements */
-    children: React.ReactNode;
-    /** Display the form fields in a horizontal layout */
-    horizontal?: boolean;
-};
-export const Form: React.ForwardRefExoticComponent<React.FormHTMLAttributes<HTMLFormElement> & {
-    /** Content should be composed of other Taco form elements */
-    children: React.ReactNode;
-    /** Display the form fields in a horizontal layout */
-    horizontal?: boolean | undefined;
-} & React.RefAttributes<HTMLFormElement>>;
-export type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement>;
-export type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */
-    placement?: Placement;
-};
-export type HoverCardProps = React.PropsWithChildren<{}>;
-export const HoverCard: {
-    (props: HoverCardProps): JSX.Element;
-    Trigger: React.ForwardRefExoticComponent<HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
-    Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */
-        placement?: Placement | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-};
-export type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;
-export type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {
-    /** Add a classname to the treeview */
-    className?: string | ((expanded: boolean) => string);
-    /**
-     * Set wheter the region is expanded, showing the children, or collapsed.
-     * Default value is `false`
-     */
-    expanded?: boolean;
-    /** Region is expanded at mount and can't be collapsed */
-    fixed?: boolean;
-    /** Handler called when user clicks the title of the group */
-    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;
-    /** Text displayed in the group's header */
-    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);
-};
-export type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;
-export type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<TreeviewProps & React.RefAttributes<HTMLDivElement>> & {
-    /** Navigable link */
-    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;
-    /** Container for a set of related links, usually expandable */
-    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;
-};
-export const Treeview: ForwardedTreeviewWithStatics;
-export type useDropTarget = [
-    boolean,
-    (undefined | {
-        onDragEnter: React.DragEventHandler;
-        onDragLeave: React.DragEventHandler;
-        onDragOver: React.DragEventHandler;
-        onDrop: React.DragEventHandler;
-    })
-];
-export const useDropTarget: (onDrop: React.DragEventHandler | undefined) => useDropTarget;
-export type NavigationItemProps = Omit<TreeviewItemProps, 'prefix'> & {
-    /** Change the style to indicate the link is selected */
-    active?: boolean;
-    /** Handler to be used when dropping a dragged element over the navigation link */
-    onDrop?: React.DragEventHandler;
-    /**
-     * Small amount of information placed next to the text of the link.
-     * This can be any valid react element, for e.g. a `span`.
-     * Should be used to indicate a relevant information of the link,
-     * for e.g. the number of unread notifications
-     */
-    postfix?: React.ReactNode;
-    /**
-     * Small amount of information placed before the text of the link.
-     * This can be any valid react element, for e.g. a `span`.
-     * Should be used to indicate a feedback for user,
-     * for e.g. display some sort of visual informational state or a relevant icon.
-     */
-    prefix?: React.ReactNode;
-    /** Target of the link */
-    target?: string;
-};
-export type NavigationPanelProps = React.HTMLAttributes<HTMLDivElement>;
-export type NavigationMenuGroupProps = TreeviewGroupProps;
-export type NavigationMenuProps = React.PropsWithChildren<TreeviewProps>;
-export type ForwardedNavigationMenuWithStatics = React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLDivElement>> & {
-    /** Expandable region reprezenting a group of related links */
-    Group: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-};
-export type NavigationProps = React.HTMLAttributes<HTMLDivElement>;
-export type ForwardedNavigationWithStatics = React.ForwardRefExoticComponent<NavigationProps & React.RefAttributes<HTMLDivElement>> & {
-    /** Navigation link */
-    Item: React.ForwardRefExoticComponent<NavigationItemProps & React.RefAttributes<HTMLAnchorElement>>;
-    /**
-     * Container for the expandable groups that hold navigation links.
-     * Should be used as a direct child of Navigation component, e.g. `Navigation.Menu`.
-     * Should have the menu groups as a direct child, e.g. `Navigation.Menu.Group`
-     */
-    Menu: ForwardedNavigationMenuWithStatics;
-    /**
-     * Isolated container within the Navigation.
-     * This can be used to create a region in the Navigation that is usually not scrollable, nor expandable,
-     * containing useful information for user and quick actions
-     */
-    Panel: React.ForwardRefExoticComponent<NavigationPanelProps & React.RefAttributes<HTMLDivElement>>;
-};
-export const Navigation: ForwardedNavigationWithStatics;
-export type ProgressProps = React.HTMLAttributes<HTMLSpanElement> & {
-    /**
-     * Indicates how long (in milliseconds) a progress bar will take to progress through.
-     * By default, progress bar has no duration
-     */
-    duration?: number;
-};
-export const Progress: ({ duration, ...props }: ProgressProps) => JSX.Element;
-type ToastCreator<T> = (content: ToastContent | ((close: () => void) => ToastContent), options?: ToastOptions) => T;
-export interface Toaster<T> extends ToastCreator<T> {
-    success: ToastCreator<T>;
-    error: ToastCreator<T>;
-    warning: ToastCreator<T>;
-    information: ToastCreator<T>;
-    loading: ToastCreator<T>;
-}
-export interface ToastReference {
-    /** Show a success toast */
-    success: ToastCreator<void>;
-    /** Show an error toast */
-    error: ToastCreator<void>;
-    /** Show a warning toast */
-    warning: ToastCreator<void>;
-    /** Show an information toast */
-    information: ToastCreator<void>;
-    /** Show a loading toast */
-    loading: ToastCreator<void>;
-    /**
-     * Close an existing toast.
-     * The toast function returns a reference to the active toast,
-     * allowing you to programmatically close it when needed
-     */
-    close: () => void;
-}
-export interface ToastProviderProps {
-    children: React.ReactNode;
-}
-export const ToastProvider: ({ children, ...props }: ToastProviderProps) => JSX.Element;
-export const useToast: () => Toaster<ToastReference>;
-export type ProviderProps = {
-    /** Content would be your application */
-    children?: any;
-    /** Define localized texts and formatted data in your application */
-    localization?: Localization;
-};
-export const Provider: (props: ProviderProps) => JSX.Element;
-export type TabsProps = React.HTMLAttributes<HTMLDivElement> & {
-    /**
-     * The controlled value of the tab to activate. Should be used in conjunction with `onChange`.
-     */
-    id?: string;
-    /**
-     * Set which tab is selected on mount.
-     * This has to be one of the existing ids provided for tabs
-     */
-    defaultId?: string;
-    /**
-     * Content should be one or an array of `Tabs.Trigger` components inside `Tabs.List` and then
-     * followed by one or an array of `Tabs.Content`.
-     * *Note* that there can also be tabs that are rendered conditionally.
-     */
-    children: React.ReactNode;
-    /**
-     * Define orientation of tabs.
-     * @defaultValue horizontal
-     */
-    orientation?: Orientation;
-    /**
-     * Callback that is called when tab is changed.
-     */
-    onChange?: (id: string) => void;
-};
-export type TabListProps = React.HTMLAttributes<HTMLDivElement>;
-export type TabTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {
-    /**
-     * A unique value that associates the trigger with a content.
-     */
-    id: string;
-    /**
-     * When true, prevents the user from interacting with the tab.
-     */
-    disabled?: boolean;
-};
-export type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {
-    /**
-     * A unique value that associates the content with a trigger.
-     */
-    id: string;
-};
-export type ForwardedTabsWithStatics = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {
-    /** Tab list component containing all tab triggers, rendered in a `Tabs` group component */
-    List: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
-    /** Tab trigger component rendered in a `Tabs.List` component */
-    Trigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    /** Tab content component rendered in a `Tabs` group component */
-    Content: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;
-};
-export const Tabs: ForwardedTabsWithStatics;
-export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    /** Draws attention to the textarea by changing its style and making it visually prominent */
-    highlighted?: boolean;
-    invalid?: boolean;
-    /** Value of the textarea */
-    value?: string;
-};
-export const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    /** Draws attention to the textarea by changing its style and making it visually prominent */
-    highlighted?: boolean | undefined;
-    invalid?: boolean | undefined;
-    /** Value of the textarea */
-    value?: string | undefined;
-} & React.RefAttributes<HTMLTextAreaElement>>;
-type SwitchBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {
-    /** Label for the switch */
-    label?: React.ReactNode;
-    required?: boolean;
-};
-interface UncontrolledSwitchProps extends SwitchBaseProps {
-    checked?: never;
-    onChange?: never;
-    defaultChecked?: boolean;
-}
-interface ControlledSwitchProps extends SwitchBaseProps {
-    defaultChecked?: never;
-    checked: boolean;
-    onChange: (checked: boolean) => void;
-}
-export type SwitchProps = UncontrolledSwitchProps | ControlledSwitchProps;
-export const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
-export const useOnClickOutside: (ref: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[], callback: (event: MouseEvent | TouchEvent) => void) => void;
-
-//# sourceMappingURL=types.d.ts.map
+export declare type Appearance = 'default' | 'primary' | 'danger' | 'ghost' | 'discrete';
+export declare type State = 'default' | 'success' | 'error' | 'warning' | 'information';
+export declare type Locale = 'en-GB' | 'da-DK' | 'sv-SE' | 'no-NO';
+export declare type Orientation = 'horizontal' | 'vertical';
+export declare type Align = 'start' | 'center' | 'end';
+export declare type Placement = 'right' | 'left' | 'top' | 'bottom';