@frontify/fondue 9.6.2

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

@@ -0,0 +1,54 @@
+import { OverlayProps } from '@react-aria/overlays';
+import { AriaDialogProps } from '@react-types/dialog';
+import { PatternDesign, PatternTheme } from '../../foundation/Pattern';
+import { ScrollWrapperDirection } from '../ScrollWrapper/types';
+import { ReactElement, ReactNode } from 'react';
+import { ButtonProps } from '..';
+export declare type ModalButton = Omit<ButtonProps, 'size'>;
+export declare type ModalVisualProps = {
+    pattern?: PatternDesign;
+    foregroundColor?: PatternTheme;
+};
+export declare enum ModalHeaderVariant {
+    Default = "Default",
+    Informative = "Informative",
+    Negative = "Negative",
+    Positive = "Positive",
+    Warning = "Warning"
+}
+export declare const modalHeaderVariants: Record<ModalHeaderVariant, string>;
+export declare type ModalHeaderProps = {
+    title?: string;
+    leadText?: ReactNode;
+    decorator?: ReactElement;
+    variant?: ModalHeaderVariant;
+};
+declare type ModalBodyChildren = ReactElement | ReactElement[];
+export declare type ModalBodyProps = {
+    direction?: ScrollWrapperDirection;
+    children?: ModalBodyChildren;
+    horizontalPadding?: boolean;
+};
+export declare type ModalFooterProps = {
+    buttons: [ModalButton] | [ModalButton, ModalButton];
+};
+export declare enum ModalWidth {
+    Default = "Default",
+    Large = "Large"
+}
+export declare type ModalPadding = {
+    [key: string]: {
+        top: string;
+        horizontal: string;
+        bottom: string;
+    };
+};
+export declare type ModalProps = {
+    visual?: ModalVisualProps;
+    width?: ModalWidth;
+    children?: ModalBodyChildren;
+    isOpen: boolean;
+    zIndex?: number;
+    compact?: boolean;
+} & Omit<OverlayProps, 'isOpen'> & AriaDialogProps;
+export {};

package/dist/components/MultiInput/MultiInput.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+export declare enum MultiInputLayout {
+    Columns = "Columns",
+    Spider = "Spider"
+}
+export declare type MultiInputProps = {
+    layout: MultiInputLayout;
+    spanLastItem?: boolean;
+};
+export declare const MultiInput: FC<MultiInputProps>;

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

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

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+export declare enum MultiSelectType {
+    Default = "Default",
+    Summarized = "Summarized"
+}
+export declare type MultiSelectItem = {
+    value: string;
+    ariaLabel?: string;
+};
+export declare type MultiSelectProps = {
+    items: MultiSelectItem[];
+    activeItemKeys: (string | number)[];
+    disabled?: boolean;
+    onSelectionChange: (keys: (string | number)[]) => void;
+    ariaLabel?: string;
+    placeholder?: string;
+    type?: MultiSelectType;
+};
+export declare const MultiSelect: FC<MultiSelectProps>;

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

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

package/dist/components/OrderableList/CollectionItem.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CollectionItemProps } from './types';
+export declare const CollectionItem: <T extends object>({ item, renderContent, dragDisabled, listId, }: CollectionItemProps<T>) => JSX.Element;

package/dist/components/OrderableList/OrderableList.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { OrderableListProps } from './types';
+export declare const OrderableList: <T extends object>({ onMove, dragDisabled, items, renderContent, }: OrderableListProps<T>) => JSX.Element;

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

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

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

@@ -0,0 +1,27 @@
+import { ReactElement } from 'react';
+import { DraggableItem } from '../../utilities/dnd';
+export declare type RenderListItem<T> = (items: OrderableListItem<T>, dragProps: DragProperties) => ReactElement;
+export declare type CollectionItemProps<T> = {
+    item: OrderableListItem<T>;
+    dragDisabled: boolean;
+    renderContent: RenderListItem<T>;
+    listId: string;
+};
+export declare type OrderableListItem<T = Record<string, unknown>> = DraggableItem<T> & {
+    alt: string;
+};
+export declare type DragProperties = {
+    componentDragState: ItemDragState;
+    isFocusVisible: boolean;
+};
+export declare type OrderableListProps<T> = {
+    items: OrderableListItem<T>[];
+    dragDisabled: boolean;
+    onMove: (modifiedItems: OrderableListItem<T>[]) => void;
+    renderContent: RenderListItem<T>;
+};
+export declare enum ItemDragState {
+    Dragging = "Dragging",
+    Idle = "Idle",
+    Preview = "Preview"
+}

package/dist/components/RadioPill/RadioPill.d.ts

@@ -0,0 +1,8 @@
+import React, { FC, MouseEvent } from 'react';
+export declare type RadioPillProps = {
+    label: string;
+    active: boolean;
+    onClick?: (event?: MouseEvent<HTMLButtonElement>) => void;
+    icon?: React.ReactElement;
+};
+export declare const RadioPill: FC<RadioPillProps>;

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

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

package/dist/components/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { TextStyleType } from './types';
+import { EditorActions } from './utils/actions';
+export declare type RichTextEditorProps = {
+    id?: string;
+    placeholder?: string;
+    value?: string;
+    onTextChange?: (value: string) => void;
+    onBlur?: (value: string) => void;
+    readonly?: boolean;
+    clear?: boolean;
+    textStyles?: TextStyleType[];
+    actions?: EditorActions[][];
+};
+export declare const ON_SAVE_DELAY_IN_MS = 500;
+export declare const RichTextEditor: FC<RichTextEditorProps>;

package/dist/components/RichTextEditor/TextStyleDropdown/DropdownItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TextStyleType, TextStyles } from '../utils/getTextStyles';
+declare type DropdownItemProps = {
+    editorId?: string;
+    label: string;
+    type: TextStyles;
+    textStyles?: TextStyleType[];
+};
+export declare const DropdownItem: ({ editorId, label, type, textStyles }: DropdownItemProps) => JSX.Element;
+export {};

package/dist/components/RichTextEditor/TextStyleDropdown/DropdownTrigger.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare type DropdownTriggerProps = {
+    editorId?: string;
+    open: boolean;
+};
+export declare enum ListStyles {
+    UL = "ul",
+    OL = "ol",
+    CHECKLIST_ITEM = "checkbox_item"
+}
+export declare const DropdownTrigger: ({ editorId, open }: DropdownTriggerProps) => JSX.Element;
+export {};

package/dist/components/RichTextEditor/TextStyleDropdown/TextStyleDropdown.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextStyleType } from '../utils/getTextStyles';
+declare type TextStyleDropdownProps = {
+    editorId?: string;
+    textStyles?: TextStyleType[];
+};
+export declare const TextStyleDropdown: ({ editorId, textStyles }: TextStyleDropdownProps) => JSX.Element;
+export {};

package/dist/components/RichTextEditor/components/Toolbar/ButtonGroup.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ButtonGroupProps } from '../../types';
+export declare const ButtonGroup: FC<ButtonGroupProps>;

package/dist/components/RichTextEditor/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ToolbarCustomProps } from '../../types';
+export declare const Toolbar: FC<ToolbarCustomProps>;

package/dist/components/RichTextEditor/components/bold.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderLeafProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const BoldMark: FC<PlateRenderLeafProps>;

package/dist/components/RichTextEditor/components/checkbox-item.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const CheckboxItemElement: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/code.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderLeafProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const CodeMark: FC<PlateRenderLeafProps>;

package/dist/components/RichTextEditor/components/custom1.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const Custom1Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/custom2.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const Custom2Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/heading1.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const Heading1Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/heading2.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const Heading2Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/heading3.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const Heading3Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/heading4.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const Heading4Element: FC<PlateRenderElementProps>;

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

@@ -0,0 +1,17 @@
+export * from './bold';
+export * from './checkbox-item';
+export * from './code';
+export * from './custom1';
+export * from './custom2';
+export * from './heading1';
+export * from './heading2';
+export * from './heading3';
+export * from './heading4';
+export * from './italic';
+export * from './link';
+export * from './list-item';
+export * from './list-item-content';
+export * from './ordered-list';
+export * from './strikethrough';
+export * from './underline';
+export * from './unordered-list';

package/dist/components/RichTextEditor/components/italic.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderLeafProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const ItalicMark: FC<PlateRenderLeafProps>;

package/dist/components/RichTextEditor/components/link.d.ts

@@ -0,0 +1,4 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const LINK_CHOOSER_CLASS_NAMES = "tw-text-text-interactive tw-underline tw-cursor-pointer";
+export declare const LinkElement: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/list-item-content.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const ListItemContentElement: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/list-item.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const ListItemElement: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/ordered-list.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const OrderedListElement: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/strikethrough.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderLeafProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const StrikethroughMark: FC<PlateRenderLeafProps>;

package/dist/components/RichTextEditor/components/underline.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderLeafProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const UnderlineMark: FC<PlateRenderLeafProps>;

package/dist/components/RichTextEditor/components/unordered-list.d.ts

@@ -0,0 +1,3 @@
+import { PlateRenderElementProps } from '@udecode/plate';
+import { FC } from 'react';
+export declare const UnorderedListElement: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/hooks/useSelectedTextStyles.d.ts

@@ -0,0 +1,2 @@
+import { AvailableTextStyles } from '../types';
+export declare const useSelectedTextStyles: (editorId?: string | undefined) => AvailableTextStyles[];

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

@@ -0,0 +1,3 @@
+export * from './RichTextEditor';
+export { EMPTY_RICH_TEXT_VALUE } from './utils/parseRawValue';
+export { EditorActions } from './utils/actions';

package/dist/components/RichTextEditor/plugins/checkboxListPlugin/createCheckboxListPlugin.d.ts

@@ -0,0 +1,2 @@
+export declare const ELEMENT_CHECK_ITEM = "checkbox_item";
+export declare const createCheckboxListPlugin: <T = {}>(override?: Partial<import("@udecode/plate").PlatePlugin<T, {}>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<T> | undefined) => import("@udecode/plate").PlatePlugin<T, {}>;

package/dist/components/RichTextEditor/plugins/checkboxListPlugin/ui/CheckboxListToolbarButton.d.ts

@@ -0,0 +1,3 @@
+import { BlockToolbarButtonProps } from '@udecode/plate';
+import React from 'react';
+export declare const CheckboxListToolbarButton: React.FunctionComponent<BlockToolbarButtonProps>;

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/createLinkChooserPlugin.d.ts

@@ -0,0 +1 @@
+export declare const createLinkChooserPlugin: <T = {}>(override?: Partial<import("@udecode/plate").PlatePlugin<T, {}>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<T> | undefined) => import("@udecode/plate").PlatePlugin<T, {}>;

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/transforms/getAndUpsertLink.d.ts

@@ -0,0 +1,3 @@
+import { PlateEditor } from '@udecode/plate-core';
+import { LinkChooserPlugin } from '../types';
+export declare const getAndUpsertLink: <T = {}>(editor: PlateEditor<T>, getChosenLink?: LinkChooserPlugin['getChosenLink']) => Promise<void>;

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/transforms/upsertLinkAtSelection.d.ts

@@ -0,0 +1,14 @@
+import { PlateEditor } from '@udecode/plate-core';
+import { ChosenLink } from '../types';
+/**
+ * Unwrap link at a location (default: selection).
+ * Then, the focus of the location is set to selection focus.
+ * Then, wrap the link at the location.
+ */
+export declare const upsertLinkAtSelection: <T = {}>(editor: PlateEditor<T>, { chosenLink, wrap, }: {
+    chosenLink: ChosenLink;
+    /**
+     * If true, wrap the link at the location (default: selection) even if the selection is collapsed.
+     */
+    wrap?: boolean | undefined;
+}) => void;

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/transforms/wrapLink.d.ts

@@ -0,0 +1,10 @@
+import { PlateEditor } from '@udecode/plate-core';
+import { Location } from 'slate';
+import { ChosenLink } from '../types';
+/**
+ * Wrap selected nodes with a link and collapse at the end.
+ */
+export declare const wrapLink: <T = {}>(editor: PlateEditor<T>, { at, chosenLink }: {
+    chosenLink: ChosenLink;
+    at?: Location | undefined;
+}) => void;

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/types.d.ts

@@ -0,0 +1,13 @@
+import { SearchResult } from '../../../LinkChooser';
+import { LinkPlugin } from '@udecode/plate';
+export declare type ChosenLink = {
+    searchResult: SearchResult | null;
+    openInNewTab: boolean;
+};
+export interface LinkChooserPlugin extends LinkPlugin {
+    /**
+     * On keyboard shortcut or toolbar mousedown, get the link url by calling this promise. The
+     * default behavior is to use the browser's native `prompt`.
+     */
+    getChosenLink?: (prevUrl: ChosenLink) => Promise<ChosenLink>;
+}

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/ui/EditLinkChooserButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ToolbarButtonProps } from '@udecode/plate';
+export declare const EditLinkChooserButton: ({ id, styles, classNames }: Omit<ToolbarButtonProps, 'icon'>) => JSX.Element;

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/ui/LinkChooserFlyout.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, MutableRefObject, ReactNode } from 'react';
+import { ChosenLink } from '../types';
+declare type LinkChooserFlyoutProps = {
+    isFlyoutOpen: boolean;
+    setIsFlyoutOpen: (open: boolean) => void;
+    chosenLink: ChosenLink;
+    setChosenLink: (chosenLink: ChosenLink) => void;
+    trigger: ReactNode | ((triggerProps: HTMLAttributes<HTMLElement>, ref: MutableRefObject<HTMLElement | null>, triggerState: {
+        isFocusVisible: boolean;
+        isPressed: boolean;
+    }) => JSX.Element);
+};
+export declare const LinkChooserFlyout: ({ isFlyoutOpen, setIsFlyoutOpen, chosenLink, setChosenLink, trigger, }: LinkChooserFlyoutProps) => JSX.Element;
+export {};

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/ui/LinkChooserPreviewFlyout.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, MutableRefObject, ReactNode } from 'react';
+declare type LinkChooserFlyoutProps = {
+    isFlyoutOpen: boolean;
+    setIsFlyoutOpen: (open: boolean) => void;
+    href: string;
+    onEditClick: () => void;
+    onRemoveClick: () => void;
+    trigger: ReactNode | ((triggerProps: HTMLAttributes<HTMLElement>, ref: MutableRefObject<HTMLElement | null>, triggerState: {
+        isFocusVisible: boolean;
+        isPressed: boolean;
+    }) => JSX.Element);
+};
+export declare const LinkChooserPreviewFlyout: ({ isFlyoutOpen, setIsFlyoutOpen, trigger, href, onEditClick, onRemoveClick, }: LinkChooserFlyoutProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,29 @@
+import { ReactElement } from 'react';
+import { ListStyles } from './TextStyleDropdown/DropdownTrigger';
+import { EditorActions } from './utils/actions';
+import { TextStyles } from './utils/getTextStyles';
+export declare type TextStyleType = {
+    type: TextStyles;
+    className: string;
+};
+export declare type ToolbarCustomProps = {
+    editorId?: string;
+    textStyles?: TextStyleType[];
+    actions?: EditorActions[][];
+    editorWidth?: number;
+};
+export declare type IconStylingWrapperProps = {
+    icon: ReactElement;
+};
+export declare type ButtonGroupProps = {
+    index: number;
+    editorId?: string;
+    actions: EditorActions[];
+    textStyles?: TextStyleType[];
+};
+export declare type ButtonGroupWidths = {
+    actions: EditorActions[];
+    buttonGroupWidth: number;
+    index: number;
+}[];
+export declare type AvailableTextStyles = ListStyles & TextStyles;

package/dist/components/RichTextEditor/utils/actions.d.ts

@@ -0,0 +1,17 @@
+export declare enum EditorActions {
+    TEXT_STYLES = "text-styles",
+    ALIGN_LEFT = "align-left",
+    ALIGN_CENTER = "align-center",
+    ALIGN_RIGHT = "align-right",
+    ALIGN_JUSTIFY = "align-justify",
+    BOLD = "bold",
+    ITALIC = "italic",
+    UNDERLINE = "underline",
+    STRIKETHROUGH = "strikethrough",
+    CODE = "code",
+    CHECK_ITEM = "check-item",
+    LINK = "link",
+    ORDERED_LIST = "ordered-list",
+    UNORDERED_LIST = "unordered-list"
+}
+export declare const defaultActions: EditorActions[][];

package/dist/components/RichTextEditor/utils/alignment.d.ts

@@ -0,0 +1 @@
+export declare const alignmentClassnames: Record<string, string>;

package/dist/components/RichTextEditor/utils/getEditorConfig.d.ts

@@ -0,0 +1 @@
+export declare const getEditorConfig: (textStyles?: TextStyleType[] | undefined) => import("@udecode/plate").PlatePlugin<{}, {}>[];

package/dist/components/RichTextEditor/utils/getTextStyles.d.ts

@@ -0,0 +1,13 @@
+import { TextStyleType } from '../types';
+export declare enum TextStyles {
+    ELEMENT_HEADING1 = "heading1",
+    ELEMENT_HEADING2 = "heading2",
+    ELEMENT_HEADING3 = "heading3",
+    ELEMENT_HEADING4 = "heading4",
+    ELEMENT_CUSTOM1 = "custom1",
+    ELEMENT_CUSTOM2 = "custom2",
+    ELEMENT_PARAGRAPH = "p"
+}
+export declare const textStyleTitles: Record<TextStyles, string>;
+export declare const textStyleClassnames: Record<TextStyles, string>;
+export declare const getTextStyles: (identifier: TextStyleType['type'], textStyles?: TextStyleType[] | undefined) => string;

package/dist/components/RichTextEditor/utils/parseRawValue.d.ts

@@ -0,0 +1,3 @@
+import { TDescendant } from '@udecode/plate';
+export declare const EMPTY_RICH_TEXT_VALUE: TDescendant[];
+export declare const parseRawValue: (raw?: string | undefined) => TDescendant[];

package/dist/components/RichTextEditor/utils/toolbarCalc.d.ts

@@ -0,0 +1,9 @@
+import { ButtonGroupWidths } from '../types';
+import { EditorActions } from './actions';
+export declare const getButtonGroupWidthsPerRow: (toolbarWidth: number, buttonGroupsWidths: ButtonGroupWidths) => ButtonGroupWidths[];
+export declare const calculateToolbarWidth: (toolbarButtonGroups: ButtonGroupWidths[]) => number;
+export declare const getButtonGroupWidths: (toolbarActions: EditorActions[][]) => {
+    actions: EditorActions[];
+    buttonGroupWidth: number;
+    index: number;
+}[];

package/dist/components/ScrollWrapper/ScrollWrapper.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ScrollWrapperProps } from './types';
+export declare const ScrollWrapper: FC<ScrollWrapperProps>;

package/dist/components/ScrollWrapper/hooks/useScrollWrapper.d.ts

@@ -0,0 +1,14 @@
+import { RefObject, UIEvent } from 'react';
+export declare const useScrollWrapper: (scrollingContainer: RefObject<HTMLElement>) => ({
+    showTopShadow: boolean;
+    showBottomShadow: boolean;
+    showLeftShadow: boolean;
+    showRightShadow: boolean;
+    onScroll?: undefined;
+} | {
+    onScroll: (event: UIEvent) => void;
+    showTopShadow?: undefined;
+    showBottomShadow?: undefined;
+    showLeftShadow?: undefined;
+    showRightShadow?: undefined;
+})[];

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

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

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

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+export declare enum ScrollWrapperDirection {
+    Both = "Both",
+    Horizontal = "Horizontal",
+    Vertical = "Vertical"
+}
+export declare const scrollWrapperDirections: Record<ScrollWrapperDirection, string>;
+export declare type ScrollWrapperProps = {
+    direction?: ScrollWrapperDirection;
+    children?: ReactElement | ReactElement[];
+};

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,21 @@
+import { IconProps } from '../../foundation/Icon/IconProps';
+import { FC, ReactElement } from 'react';
+export declare type IconItem = {
+    id: string;
+    icon: ReactElement<IconProps>;
+    value?: string;
+    ariaLabel: string;
+};
+export declare type TextOrNumberItem = {
+    id: string;
+    value: string | number;
+};
+export declare type SliderProps = {
+    id?: string;
+    items: TextOrNumberItem[] | IconItem[];
+    activeItemId: string;
+    onChange: (id: string) => void;
+    ariaLabel?: string;
+    disabled?: boolean;
+};
+export declare const Slider: FC<SliderProps>;

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

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

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

@@ -0,0 +1,19 @@
+import { FC, MouseEvent } from 'react';
+import { InputLabelTooltipProps } from '../InputLabel/InputLabel';
+export declare enum SwitchSize {
+    Small = "Small",
+    Medium = "Medium",
+    Large = "Large"
+}
+export declare type SwitchProps = {
+    id?: string;
+    on?: boolean;
+    disabled?: boolean;
+    label?: string;
+    name?: string;
+    size?: SwitchSize;
+    hug?: boolean;
+    tooltip?: InputLabelTooltipProps;
+    onChange?: (e: MouseEvent) => void;
+};
+export declare const Switch: FC<SwitchProps>;

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

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

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

@@ -0,0 +1,29 @@
+import { FC, ReactNode } from 'react';
+export declare enum SelectionMode {
+    NoSelect = "none",
+    SingleSelect = "single",
+    MultiSelect = "multiple"
+}
+export declare type Cell = {
+    sortId: string | number;
+    value: ReactNode;
+    ariaLabel?: string;
+};
+export declare type Column = {
+    name: string;
+    key: string;
+};
+export declare type Row = {
+    key: string | number;
+    cells: Record<string, Cell>;
+    actionElements?: ReactNode;
+};
+export declare type TableProps = {
+    columns: Column[];
+    rows: Row[];
+    onSelectionChange?: (ids?: (string | number)[]) => void;
+    selectionMode?: SelectionMode;
+    selectedRowIds?: (string | number)[];
+    ariaLabel?: string;
+};
+export declare const Table: FC<TableProps>;