@kaizen/components 1.32.0 → 1.34.0

package/dist/cjs/dts/RichTextEditor/utils/core/fixtures/testState.d.ts

@@ -0,0 +1,21 @@
+import { Schema } from "prosemirror-model";
+export declare const testSchema: Schema<"text" | "doc" | "paragraph", any>;
+export declare const testDocNodeContentJSON: {
+    type: string;
+    content: {
+        type: string;
+        text: string;
+    }[];
+}[];
+export declare const testDocNodeJSON: {
+    type: string;
+    content: {
+        type: string;
+        content: {
+            type: string;
+            text: string;
+        }[];
+    }[];
+};
+export declare const testDocNode: import("prosemirror-model").Node;
+export declare const testEditorState: import("prosemirror-state").EditorState;

package/dist/cjs/dts/RichTextEditor/utils/core/hooks/useRichTextEditor.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { EditorState } from "prosemirror-state";
+import { CommandOrTransaction } from "../types";
+type RTEOptions = {
+    editable: boolean;
+};
+type SetEditableStatus = (status: boolean) => void;
+type UseRichTextEditorReturnValue = [
+    React.RefCallback<HTMLElement>,
+    EditorState,
+    (commandOrTransaction: CommandOrTransaction) => void,
+    SetEditableStatus
+];
+/**
+ * useRichTextEditor
+ * React hook to initialize a ProseMirror editor, handle binding it to the DOM,
+ * and updating the state within React’s lifecycle.
+ *
+ * @param {initialEditorState} ProseMirror state
+ * @returns {Array}
+ */
+export declare const useRichTextEditor: (initialEditorState: EditorState, attributes?: Record<string, string>, options?: RTEOptions) => UseRichTextEditorReturnValue;
+export {};

package/dist/cjs/dts/RichTextEditor/utils/core/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./createRichTextEditor";
+export * from "./hooks/useRichTextEditor";
+export * from "./state";
+export * from "./types";
+export * from "./inputrules";

package/dist/cjs/dts/RichTextEditor/utils/core/inputrules.d.ts

@@ -0,0 +1,4 @@
+import { InputRule } from "prosemirror-inputrules";
+import { NodeType } from "prosemirror-model";
+export declare const orderedListRule: (nodeType: NodeType) => InputRule;
+export declare const bulletListRule: (nodeType: NodeType) => InputRule;

package/dist/cjs/dts/RichTextEditor/utils/core/state.d.ts

@@ -0,0 +1,19 @@
+import { Node, Schema } from "prosemirror-model";
+import { EditorState, Plugin } from "prosemirror-state";
+import { Doc, DocContent } from "./types";
+/**
+ * createEditorState
+ * Create a ProseMirror EditorState. Wrapper for EditorState.create to make the
+ * API obvious to consumers
+ */
+export declare const createEditorState: (schema: Schema, doc: Node | undefined, plugins?: Plugin[]) => EditorState;
+/**
+ * Create a ProseMirror doc node from the combination of a schema and the object
+ * representation of a document
+ */
+export declare const createDocNode: (schema: Schema, docObject: Doc) => Node;
+/**
+ * Create a ProseMirror doc node from the combination of a schema and the doc’s
+ * content array (rather than the top-level doc node).
+ */
+export declare const createDocNodeFromContent: (schema: Schema, docContent: DocContent) => Node;

package/dist/cjs/dts/RichTextEditor/utils/core/types.d.ts

@@ -0,0 +1,28 @@
+import { Command, Transaction } from "prosemirror-state";
+import { EditorView as ProseMirrorEditorView } from "prosemirror-view";
+/**
+ * Dispatch receives a transaction from ProseMirror to effect changes to the
+ * EditorState in order
+ */
+export type Dispatch = (tx: Transaction) => void;
+/**
+ * Curry a Command
+ */
+export type CommandFactory = (...args: any[]) => Command;
+export type CommandOrTransaction = Command | Transaction;
+export type MarkRange = {
+    from: number;
+    to: number;
+};
+export type Doc = {
+    type: string;
+    content: DocContent;
+};
+export type DocContent = Array<Record<string, any>>;
+/**
+ * Overload the EditorView` from ProseMirror to allow for the dispatch
+ * function to take either a Command` or a Transaction
+ */
+export type EditorView = ProseMirrorEditorView & {
+    dispatch(commandOrTransaction: CommandOrTransaction): void;
+};

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/LinkManager.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType } from "react";
+import { MarkType } from "prosemirror-model";
+import { Plugin } from "prosemirror-state";
+import { AttrsValidator } from "../../commands";
+import { LinkEditorProps } from "./components/LinkEditor";
+type CreateLinkManagerArgs = {
+    markType: MarkType;
+    linkAttributeValidator?: AttrsValidator;
+    editorComponent?: ComponentType<LinkEditorProps>;
+};
+export declare const createLinkManager: ({ markType, editorComponent, linkAttributeValidator, }: CreateLinkManagerArgs) => Plugin;
+export {};

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { SelectionPosition } from "../../types";
+export type LinkEditorAttrs = {
+    href: string | null;
+    _metadata: {
+        [key: string]: unknown;
+    } | null;
+};
+export type LinkEditorProps = {
+    removeMark: () => void;
+    updateAttrs: ({ href }: LinkEditorAttrs) => void;
+    attrs: LinkEditorAttrs;
+    selectionPosition: SelectionPosition;
+    focusEditor: () => void;
+};
+export declare const LinkEditor: {
+    ({ attrs, removeMark, updateAttrs, selectionPosition, focusEditor, }: LinkEditorProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/index.d.ts

@@ -0,0 +1 @@
+export * from "./LinkEditor";

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+type LinkModalProps = {
+    onSubmit: (href: string) => void;
+    onDismiss: () => void;
+    onAfterLeave: () => void;
+    isOpen: boolean;
+    defaultHref?: string;
+};
+export declare const LinkModal: {
+    ({ onSubmit, onDismiss, onAfterLeave, isOpen, defaultHref, }: LinkModalProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/index.d.ts

@@ -0,0 +1 @@
+export * from "./LinkModal";

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { SelectionPosition } from "../../types";
+export type LinkPopoverProps = {
+    href?: string;
+    onRemove: () => void;
+    onEdit: () => void;
+    selectionPosition: SelectionPosition;
+};
+export declare const LinkPopover: {
+    ({ href, onRemove, onEdit, selectionPosition, }: LinkPopoverProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SelectionPosition } from "../../types";
+export declare const Positioner: React.ForwardRefExoticComponent<SelectionPosition & React.RefAttributes<HTMLElement>>;

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/index.d.ts

@@ -0,0 +1 @@
+export * from "./LinkPopover";

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./LinkEditor";
+export * from "./LinkModal";
+export * from "./LinkPopover";

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.d.ts

@@ -0,0 +1,10 @@
+import { ElementType } from "react";
+import { LinkEditorProps } from "./components";
+/**
+ * Create a wrapping connector for rendering a React element into a separate
+ * part of the DOM while being able to update it without remounting.
+ */
+export declare const createReactTooltipWrapper: (parentNode: HTMLElement, Component: ElementType, componentProps: LinkEditorProps) => {
+    destroy: () => void;
+    update: (props: LinkEditorProps) => void;
+};

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LinkManager";
+export * from "./components";

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/types.d.ts

@@ -0,0 +1,13 @@
+import { Transaction, Command } from "prosemirror-state";
+import { EditorView } from "prosemirror-view";
+export type MaybeCommand = Command | Transaction;
+export type Dispatcher = (tx: Transaction) => void;
+export interface CAEditorView extends EditorView {
+    dispatch(maybeCommand: MaybeCommand): void;
+}
+export type SelectionPosition = {
+    top: number;
+    left: number;
+    height: number;
+    width: number;
+};

package/dist/cjs/dts/RichTextEditor/utils/plugins/LinkManager/validation.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type ValidationResponse = {
+    status: "success" | "error" | "default";
+    message?: React.ReactNode;
+};
+export declare const validateLink: (href: string) => ValidationResponse;

package/dist/cjs/dts/RichTextEditor/utils/plugins/index.d.ts

@@ -0,0 +1 @@
+export * from "./LinkManager";

package/dist/cjs/dts/RichTextEditor/utils/prosemirror/index.d.ts

@@ -0,0 +1,7 @@
+export * as ProseMirrorCommands from "prosemirror-commands";
+export * as ProseMirrorKeymap from "prosemirror-keymap";
+export * as ProseMirrorHistory from "prosemirror-history";
+export * as ProseMirrorState from "prosemirror-state";
+export * as ProseMirrorModel from "prosemirror-model";
+export * as ProseMirrorInputrules from "prosemirror-inputrules";
+export * as ProseMirrorSchemaList from "prosemirror-schema-list";

package/dist/cjs/dts/RichTextEditor/utils/schema/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./marks";
+export * from "./nodes";

package/dist/cjs/dts/RichTextEditor/utils/schema/marks.d.ts

@@ -0,0 +1,2 @@
+import { MarkSpec } from "prosemirror-model";
+export declare const getMarks: () => MarkSpec;

package/dist/cjs/dts/RichTextEditor/utils/schema/nodes.d.ts

@@ -0,0 +1,2 @@
+import { NodeSpec } from "prosemirror-model";
+export declare const getNodes: () => NodeSpec;

package/dist/cjs/dts/SearchField/SearchField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputSearchProps } from "../Input/InputSearch";
 export type SearchFieldProps = Omit<InputSearchProps, "id"> & {
     id?: string;

package/dist/cjs/dts/Skirt/subcomponents/SkirtCard/SkirtCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CardProps } from "../../../Card";
 export type SkirtCardProps = CardProps;
 export declare const SkirtCard: {

package/dist/cjs/dts/SplitButton/subcomponents/ActionButton/ActionButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseButtonProps } from "../BaseButton";
 export type ActionButtonProps = Omit<BaseButtonProps, "icon">;
 export declare const ActionButton: {

package/dist/cjs/dts/SplitButton/subcomponents/DropdownButton/DropdownButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseButtonProps } from "../BaseButton";
 export type DropdownButtonProps = Omit<BaseButtonProps, "label" | "icon">;
 export declare const DropdownButton: {

package/dist/cjs/dts/Tabs/Tabs.d.ts

@@ -0,0 +1,29 @@
+import { HTMLAttributes, ReactNode } from "react";
+export type TabsProps = {
+    /**
+     * Index of tab to show by default
+     * Only works in uncontrolled mode (when no selectedIndex is provided)
+     */
+    defaultIndex?: number;
+    /**
+     * Set the selected tab explictly.
+     * Enabled controlled mode, meaning you're also responsible for updating this using the onChange callback
+     */
+    selectedIndex?: number;
+    /**
+     * Callback on tab change
+     */
+    onChange?: (index: number) => void;
+    children: ReactNode;
+} & Omit<HTMLAttributes<HTMLDivElement>, "onChange">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929117/Tabs Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-tabs--controlled Storybook}
+ *
+ * Wrapper around all of the tab subcomponents
+ * Holds a TabList and TabPanels
+ */
+export declare const Tabs: {
+    (props: TabsProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Tabs";
+export * from "./subcomponents";

package/dist/cjs/dts/Tabs/subcomponents/Tab.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode, SyntheticEvent } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type TabProps = {
+    /**
+     * Gets injected by TabList, no need to specify yourself
+     */
+    isSelected?: boolean;
+    /**
+     * Adds a Kaizen Badge component to the tab.
+     * Comes with some logic baked in - changes variant based on active/focus/hover state.
+     */
+    badge?: string;
+    disabled?: boolean;
+    children: ReactNode;
+    onBlur?: (e: SyntheticEvent) => void;
+    onFocus?: (e: SyntheticEvent) => void;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave">>;
+/**
+ * A tab button
+ */
+export declare const Tab: (props: TabProps) => JSX.Element;

package/dist/cjs/dts/Tabs/subcomponents/TabList.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type TabListProps = {
+    /**
+     * Accessible name for the set of tabs
+     */
+    "aria-label": string;
+    /**
+     * Removes the built in padding
+     */
+    noPadding?: boolean;
+    children: ReactNode;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * Wrapper for the tabs themselves
+ */
+export declare const TabList: (props: TabListProps) => JSX.Element;

package/dist/cjs/dts/Tabs/subcomponents/TabPanel.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type TabPanelProps = {
+    children: ReactNode;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * Wrapper for the content that shows when tab is active
+ */
+export declare const TabPanel: (props: TabPanelProps) => JSX.Element;

package/dist/cjs/dts/Tabs/subcomponents/TabPanels.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type TabPanelsProps = {
+    children: ReactNode;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * Wrapper for the content panels
+ */
+export declare const TabPanels: (props: TabPanelsProps) => JSX.Element;

package/dist/cjs/dts/Tabs/subcomponents/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./Tab";
+export * from "./TabList";
+export * from "./TabPanel";
+export * from "./TabPanels";
+export * from "./Tab";

package/dist/cjs/dts/TextField/TextField.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { InputProps } from "../Input";
 type OmittedInputProps = "startIconAdornment" | "endIconAdornment" | "ariaDescribedBy" | "ariaLabel";
-export interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {
+export type TextFieldProps = {
     /**
      * A short example of input text. For context or additional information use the `description` prop
      */
@@ -16,7 +16,7 @@ export interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {
      * A description that provides context for the text field
      */
     description?: string | React.ReactNode;
-}
+} & Omit<InputProps, OmittedInputProps>;
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}

package/dist/cjs/dts/Tile/InformationTile/InformationTile.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GenericTileProps } from "../subcomponents/GenericTile";
 export type InformationTileProps = GenericTileProps;
 /**

package/dist/cjs/dts/Tile/MultiActionTile/MultiActionTile.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GenericTileProps, TileAction } from "../subcomponents/GenericTile";
 export type MultiActionTileProps = {
     primaryAction: TileAction;

package/dist/cjs/dts/Tile/subcomponents/GenericTile/Action.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TileAction } from "./GenericTile";
 type ActionProps = {
     action: TileAction;

package/dist/cjs/dts/TimeField/subcomponents/TimeSegment/TimeSegment.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateSegment, DateFieldState } from "@react-stately/datepicker";
 export type TimeSegmentProps = {
     segment: DateSegment;

package/dist/cjs/dts/TitleBlockZen/TitleBlockZen.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TitleBlockProps } from "./types";
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |

package/dist/cjs/dts/TitleBlockZen/subcomponents/MainActions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DefaultActionProps, PrimaryActionProps } from "../types";
 import { TitleBlockMenuItemProps } from "./TitleBlockMenuItem";
 type MainActionsProps = {

package/dist/cjs/dts/TitleBlockZen/subcomponents/MobileActions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonProps } from "../../Button";
 import { DefaultActionProps, PrimaryActionProps, SecondaryActionsProps } from "../types";
 import { TitleBlockMenuItemProps } from "./TitleBlockMenuItem";

package/dist/cjs/dts/TitleBlockZen/subcomponents/SecondaryActions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SecondaryActionsProps, TitleBlockMenuItemProps } from "../types";
 type Props = {
     secondaryActions?: SecondaryActionsProps;

package/dist/cjs/dts/TitleBlockZen/subcomponents/TitleBlockMenuItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CustomButtonProps } from "../../Button";
 import { MenuItemProps } from "../../Menu";
 export type TitleBlockMenuItemProps = ({

package/dist/cjs/dts/ToggleSwitch/ToggleSwitch/ToggleSwitch.d.ts

@@ -0,0 +1,15 @@
+import React, { InputHTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type ToggledStatus = "on" | "off";
+export type ToggleSwitchProps = {
+    toggledStatus?: ToggledStatus;
+    /**
+     * Alias for `onChange`
+     */
+    onToggle?: React.ChangeEventHandler<HTMLInputElement>;
+    reversed?: boolean;
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "onChange">>;
+export declare const ToggleSwitch: {
+    ({ toggledStatus, onToggle, reversed, ...restProps }: ToggleSwitchProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/ToggleSwitch/ToggleSwitch/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToggleSwitch";

package/dist/cjs/dts/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { ToggledStatus, ToggleSwitchProps } from "../ToggleSwitch/ToggleSwitch";
+export type ToggleSwitchFieldProps = {
+    labelText: React.ReactNode;
+    labelPosition?: "start" | "end";
+    toggledStatus?: ToggledStatus;
+    disabled?: boolean;
+    reversed?: boolean;
+    inline?: boolean;
+    fullWidth?: boolean;
+} & ToggleSwitchProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638160/Toggle+Switch Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-toggleswitch-ield--docs Storybook}
+ */
+export declare const ToggleSwitchField: {
+    ({ id: propsId, labelText, labelPosition, toggledStatus, disabled, reversed, inline, fullWidth, ...restProps }: ToggleSwitchFieldProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/ToggleSwitch/ToggleSwitchField/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToggleSwitchField";

package/dist/cjs/dts/ToggleSwitch/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ToggleSwitch";
+export * from "./ToggleSwitchField";

package/dist/cjs/dts/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type ProgressStepperProps = {
     stepName: string;
     steps: [string, ...string[]];

package/dist/cjs/dts/Workflow/subcomponents/Header/Header.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WorkflowTitlesProps, WorkflowActionsProps } from "./components";
 export type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps;
 export declare const Header: {

package/dist/cjs/dts/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectOption, SelectOptionGroupNode } from "../../types";
 export type ListBoxSectionProps<Option extends SelectOption> = {
     section: SelectOptionGroupNode<Option>;

package/dist/cjs/dts/__future__/Select/subcomponents/ListItem/ListItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectItemNode, SelectOption } from "../../types";
 export type ListItemProps<Option extends SelectOption = SelectOption> = {
     item: SelectItemNode<Option>;

package/dist/cjs/dts/__future__/Select/subcomponents/ListItems/ListItems.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectOption } from "../../types";
 import { ListItemProps } from "../ListItem";
 export type ListItemsProps<Option extends SelectOption> = {

package/dist/cjs/dts/__future__/Select/subcomponents/SectionDivider/SectionDivider.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SectionDivider: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/__future__/Tag/RemovableTag/RemovableTag.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TagProps } from "../Tag";
 import { RemoveButtonBaseProps } from "./subcomponents/RemoveButton";
 export type RemovableTagProps = {

package/dist/cjs/dts/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "../../../../Icon/subcomponents/SVG";
 export declare const RemoveTagIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/__future__/Workflow/subcomponents/Footer/Footer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OverrideClassName } from "../../../../types/OverrideClassName";
 import { ProgressStepperProps, FooterRootProps } from "./components";
 export type FooterProps = {

package/dist/cjs/dts/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type Step = {
     id: string;
     label: string;

package/dist/cjs/dts/__future__/Workflow/subcomponents/Header/Header.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WorkflowActionsProps, WorkflowTitlesProps } from "./components";
 export type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps;
 export declare const Header: {

package/dist/cjs/dts/index.d.ts

@@ -43,12 +43,14 @@ export * from "./Pagination";
 export * from "./Popover";
 export * from "./ProgressBar";
 export * from "./Radio";
+export * from "./RichTextEditor";
 export * from "./SearchField";
 export * from "./Select";
 export * from "./Skirt";
 export * from "./Slider";
 export * from "./SplitButton";
 export * from "./Table";
+export * from "./Tabs";
 export * from "./Tag";
 export * from "./Text";
 export * from "./TextField";
@@ -56,6 +58,7 @@ export * from "./TextArea";
 export * from "./TextAreaField";
 export * from "./Tile";
 export * from "./TimeField";
+export * from "./ToggleSwitch";
 export * from "./Tooltip";
 export * from "./Workflow";
 export * from "./Well";