@kaizen/components 1.24.2 → 1.26.0

package/dist/index.d.ts

@@ -1,18 +1,20 @@
 /// <reference types="react" />
-import React$1, { MouseEvent, FocusEvent, ComponentType, ButtonHTMLAttributes, HTMLAttributes, ReactNode, SVGAttributes, InputHTMLAttributes, CSSProperties, Context } from 'react';
+import React$1, { HTMLAttributes, MouseEvent, FocusEvent, ComponentType, ReactElement, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, SVGAttributes, CSSProperties, LabelHTMLAttributes } from 'react';
+import { SceneProps, AnimatedSceneProps } from '@kaizen/draft-illustration';
+import { TooltipProps } from '@kaizen/draft-tooltip';
+import { HeadingProps as HeadingProps$1 } from '@kaizen/typography';
 import { DateInputProps, CalendarSingleProps, DisabledDays, DateRange } from '@kaizen/date-picker';
 export { DateRange, DisabledDays } from '@kaizen/date-picker';
-import { FieldMessageStatus } from '@kaizen/draft-form';
+import { FieldMessageStatus as FieldMessageStatus$1 } from '@kaizen/draft-form';
 import { CalendarRangeProps } from '@kaizen/date-picker/src/_subcomponents/Calendar';
 import { DateInputProps as DateInputProps$1 } from '@kaizen/date-picker/src/_subcomponents/DateInput';
 import { Node, SelectionMode, Selection } from '@react-types/shared';
 import { AriaMenuOptions } from '@react-aria/menu';
 import { MenuTriggerState } from '@react-stately/menu';
 import { ListState } from '@react-stately/list';
+import { AriaListBoxOptions } from '@react-aria/listbox';
 import { SelectProps } from '@react-stately/select';
-import { TooltipProps } from '@kaizen/draft-tooltip';
 import { ValidateDateArgs } from '@kaizen/date-picker/src/utils/validateDate';
-import * as _kaizen_design_tokens from '@kaizen/design-tokens';
 import { Theme as Theme$1 } from '@kaizen/design-tokens';
 import { DefaultTagProps } from '@kaizen/draft-tag';
 
@@ -20,6 +22,125 @@ type StringSuggestions<T extends string> = T | (string & Record<never, never>);
 
 type FilterDateSupportedLocales = StringSuggestions<"en-US" | "en-AU">;
 
+type OverrideClassName<T extends Record<string, any>> = Omit<T, "className"> & {
+    /** Add extra classnames to the component. Try out some Tailwind classes (eg. `!mb-48`) to see! */
+    classNameOverride?: string;
+};
+
+type AvatarSizes = "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type BaseAvatarProps = {
+    /**
+     * We use this for the alt text of the avatar, and to derive intials when user has no avatar image.
+     */
+    fullName?: string;
+    /**
+     * There are 5 fixed avatar sizes. `"small"` will remove border and box shadow to save space.
+     */
+    size?: AvatarSizes;
+    /**
+     * Src for the avatar img tag - if not passed we will derive initials from the full name.
+     * Note that the fullName prop will be used as the alt text.
+     */
+    avatarSrc?: string;
+    /**
+     * Default behaviour when an avatarSrc is not provided is to generate initials from the username.
+     * This disables this feature and shows the generic avatar.
+     * Enable this prop when there is no specific individual or group identified.
+     */
+    disableInitials?: boolean;
+    /**
+     * Renders Company Avatar variant - If true `fullName` and `avatarSrc` will be strictly typed.
+     */
+    isCompany?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
+type GenericAvatarProps = BaseAvatarProps & {
+    isCompany?: false;
+    /**
+     * Shows a different background colour if the avatar is the current user and does not have a avatar img.
+     * @default "true"
+     */
+    isCurrentUser?: boolean;
+};
+type CompanyAvatarProps = BaseAvatarProps & {
+    fullName: string;
+    avatarSrc: string;
+    disableInitials?: undefined;
+    isCompany: true;
+    isCurrentUser?: undefined;
+};
+type AvatarProps = GenericAvatarProps | CompanyAvatarProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar--docs Storybook}
+ */
+declare const Avatar: ({ fullName, size, avatarSrc, disableInitials, isCompany, isCurrentUser, classNameOverride, ...restProps }: AvatarProps) => JSX.Element;
+
+type AvatarGroupAvatarProps = Omit<GenericAvatarProps, "size"> | Omit<CompanyAvatarProps, "size">;
+type AvatarGroupSize = "small" | "medium" | "large";
+type AvatarList = [AvatarGroupAvatarProps, ...AvatarGroupAvatarProps[]];
+type AvatarGroupProps = {
+    /**
+     * There are 3 fixed sizes available. `"small"` will remove border and box shadow to save space.
+     * @default "medium"
+     */
+    size?: AvatarGroupSize;
+    /**
+     * If the length of Avatars exceeds the `maxVisible` a counter token will render
+     * @default 2
+     */
+    maxVisible: 2 | 3 | 4 | 5 | 6;
+    /**
+     * Takes a array of `AvatarProps` that must have at least item.
+     * Note that 'size' is omitted from the `AvatarProps` type so it will throw a type error if size is provided.
+     * */
+    avatars: AvatarList;
+} & OverrideClassName<HTMLAttributes<HTMLUListElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar-group--docs Storybook}
+ */
+declare const AvatarGroup: ({ size, maxVisible, avatars, classNameOverride, ...restProps }: AvatarGroupProps) => JSX.Element;
+
+type BadgeCommonProps = {
+    children?: string;
+    /**
+     * The "dark" variant is no longer in the UI kit
+     */
+    variant?: "default" | "active" | "dark";
+    /**
+     * renders reversed colors. Use on purple background
+     */
+    reversed?: boolean;
+    /**
+     * Supports "small" and "large" sizes - defaults to "small"
+     */
+    size?: "small" | "large";
+} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
+type DotProps = Omit<BadgeCommonProps, "variant"> & {
+    children?: never;
+    variant: "dot";
+};
+type BadgeProps = BadgeCommonProps | DotProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857333/Badge Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-badge--docs Storybook}
+ */
+declare const Badge: {
+    ({ children, variant, reversed, size, classNameOverride, ...restProps }: BadgeProps): JSX.Element;
+    displayName: string;
+};
+declare const BadgeAnimated: (props: BadgeProps) => JSX.Element;
+
+type BrandProps = {
+    variant: "logo-horizontal" | "logo-vertical" | "enso" | "collective-intelligence";
+    alt: string;
+    reversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLElement>>;
+declare const Brand: {
+    ({ variant, alt, reversed, classNameOverride, ...restProps }: BrandProps): JSX.Element;
+    displayName: string;
+};
+
 type CustomButtonProps = {
     id?: string;
     className: string;
@@ -148,9 +269,110 @@ declare const DirectionalLink: {
     displayName: string;
 };
 
-type OverrideClassName<T extends Record<string, any>> = Omit<T, "className"> & {
-    /** Add extra classnames to the component. Try out some Tailwind classes (eg. `!mb-48`) to see! */
-    classNameOverride?: string;
+type BrandMomentProps = {
+    mood: "informative" | "positive" | "negative";
+    illustration: ReactElement<SceneProps>;
+    header: ReactNode;
+    body?: ReactNode;
+    primaryAction?: ButtonProps;
+    secondaryAction?: ButtonProps;
+    text: {
+        title: ReactNode;
+        subtitle?: ReactNode;
+        body?: ReactNode;
+        footer?: ReactNode;
+    };
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}
+ */
+declare const BrandMoment: {
+    ({ mood, illustration, header, body, primaryAction, secondaryAction, text, classNameOverride, ...restProps }: BrandMomentProps): JSX.Element;
+    displayName: string;
+};
+
+type FilterButtonBaseProps = {
+    children: React$1.ReactNode;
+} & OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>>;
+
+type ButtonGroupProps = {
+    children: React$1.ReactElement<FilterButtonBaseProps | TooltipProps> | Array<React$1.ReactElement<FilterButtonBaseProps | TooltipProps>>;
+} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, "children">;
+declare const ButtonGroup: {
+    ({ children, classNameOverride, ...restProps }: ButtonGroupProps): JSX.Element;
+    displayName: string;
+};
+
+type CardVariants = "default" | "informative" | "positive" | "cautionary" | "destructive" | "assertive" | "highlight";
+type CardProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
+    children?: React$1.ReactNode;
+    /**
+     * HTML elements that are allowed on Card.
+     */
+    tag?: "div" | "article" | "header" | "main" | "section" | "li";
+    /**
+     * determines the card background colour on the card. It should match to the type of content being conveyed.
+     */
+    variant?: CardVariants;
+    /**
+     * Adds a larger box shadow to to the card container.
+     */
+    isElevated?: boolean;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-card--docs Storybook}
+ */
+declare const Card: {
+    ({ children, tag, variant, isElevated, classNameOverride, ...props }: CardProps): JSX.Element;
+    displayName: string;
+};
+
+type CheckedStatus = "on" | "off" | "mixed";
+type CheckboxProps = {
+    checkedStatus?: CheckedStatus;
+    onCheck?: (event: React$1.ChangeEvent<HTMLInputElement>) => any;
+    reversed?: boolean;
+    value?: string;
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "checked">>;
+declare const Checkbox: {
+    ({ checkedStatus, onCheck, reversed, value, classNameOverride, ...restProps }: CheckboxProps): JSX.Element;
+    displayName: string;
+};
+
+type CheckboxFieldProps = Omit<CheckboxProps, "id"> & {
+    id?: string;
+    labelText: string | React$1.ReactNode;
+    checkedStatus?: CheckedStatus;
+    disabled?: boolean;
+    reversed?: boolean;
+    noBottomMargin?: boolean;
+    "data-testid"?: string;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}
+ */
+declare const CheckboxField: {
+    ({ id: propsId, labelText, checkedStatus, disabled, reversed, noBottomMargin, "data-testid": dataTestId, classNameOverride, ...restProps }: CheckboxFieldProps): JSX.Element;
+    displayName: string;
+};
+
+type CheckboxGroupProps = {
+    children?: React$1.ReactNode;
+    labelText: string | React$1.ReactNode;
+    labelId?: string;
+    noBottomMargin?: boolean;
+    reversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094522/Checkbox+Group Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-checkbox-controls-checkbox-group--docs Storybook}
+ */
+declare const CheckboxGroup: {
+    ({ children, labelText, labelId: propsLabelId, noBottomMargin, reversed, classNameOverride, ...restProps }: CheckboxGroupProps): JSX.Element;
+    displayName: string;
 };
 
 type ClearButtonProps = {
@@ -161,6 +383,99 @@ declare const ClearButton: {
     displayName: string;
 };
 
+type Sticky = {
+    top: string;
+};
+
+type CollapsibleProps = {
+    children: JSX.Element | JSX.Element[] | string;
+    title: string;
+    renderHeader?: (title: string) => JSX.Element | JSX.Element[];
+    open?: boolean;
+    group?: boolean;
+    separated?: boolean;
+    sticky?: Sticky;
+    noSectionPadding?: boolean;
+    onToggle?: (open: boolean, id: string) => void;
+    /**
+     * By default, the header will change background colour when open. When the variant
+     * is set to 'clear', it will not have a background but a border-bottom will appear
+     * to separate the heading from the content.
+     */
+    variant?: "default" | "clear";
+    /**
+     * Will avoid rendering the content until required (especially important when you
+     * have queries inside sections).
+     * Removes animation.
+     */
+    lazyLoad?: boolean;
+    /**
+     * Disables internal `open` state, allowing it to be controlled in the usage.
+     */
+    controlled?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+declare const Collapsible: {
+    ({ children, title, renderHeader, open, group, separated, sticky, noSectionPadding, onToggle, variant, lazyLoad, controlled, classNameOverride, id: propsId, ...restProps }: CollapsibleProps): JSX.Element;
+    displayName: string;
+};
+
+type CollapsibleGroupProps = {
+    children: Array<React$1.ReactElement<CollapsibleProps>>;
+    separated?: boolean;
+    sticky?: Sticky;
+    noSectionPadding?: boolean;
+    lazyLoad?: boolean;
+    onToggle?: (open: boolean, id: string) => void;
+} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, "children">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-collapsible-collapsible-group--docs Storybook}
+ */
+declare const CollapsibleGroup: ({ children, separated, sticky, noSectionPadding, lazyLoad, onToggle, classNameOverride, ...props }: CollapsibleGroupProps) => JSX.Element;
+
+type ExpertAdviceCollapsibleProps = Omit<CollapsibleProps, "renderHeader" | "variant" | "group" | "separated">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}
+ */
+declare const ExpertAdviceCollapsible: {
+    (props: ExpertAdviceCollapsibleProps): JSX.Element;
+    displayName: string;
+};
+
+type DividerProps = {
+    variant: "content" | "canvas" | "menuSeparator";
+    isReversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}
+ */
+declare const Divider: {
+    ({ variant, isReversed, classNameOverride, ...props }: DividerProps): JSX.Element;
+    displayName: string;
+};
+
+type IllustrationType = "positive" | "neutral" | "negative" | "informative" | "action";
+type LayoutContextType = "sidebarAndContent" | "contentOnly";
+type EmptyStateProps = {
+    children?: React$1.ReactNode;
+    id?: string;
+    illustrationType?: IllustrationType;
+    layoutContext?: LayoutContextType;
+    bodyText: string | React$1.ReactNode;
+    straightCorners?: boolean;
+    headingProps?: HeadingProps$1;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>> & Pick<AnimatedSceneProps, "isAnimated" | "loop">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}
+ */
+declare const EmptyState: {
+    ({ children, id, illustrationType, layoutContext, headingProps, bodyText, straightCorners, isAnimated, loop, classNameOverride, ...props }: EmptyStateProps): JSX.Element;
+    displayName: string;
+};
+
 declare const statusCodes: readonly ["400", "401", "403", "404", "422", "500", "502", "503", "504"];
 type ErrorStatuses = (typeof statusCodes)[number];
 
@@ -178,6 +493,29 @@ declare const ErrorPage: {
     displayName: string;
 };
 
+type FieldGroupProps = {
+    children?: React$1.ReactNode;
+    inline?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+declare const FieldGroup: {
+    ({ children, inline, classNameOverride, ...restProps }: FieldGroupProps): JSX.Element;
+    displayName: string;
+};
+
+type FieldMessageStatus = "default" | "success" | "error" | "caution";
+type FieldMessageProps = {
+    message?: React$1.ReactNode;
+    /** @default "default" */
+    status?: FieldMessageStatus;
+    /** @default "bottom" */
+    position?: "top" | "bottom";
+    reversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+declare const FieldMessage: {
+    ({ message, status, position, reversed, classNameOverride, ...restProps }: FieldMessageProps): JSX.Element;
+    displayName: string;
+};
+
 type FilterTriggerRef = {
     triggerRef?: React.RefObject<HTMLButtonElement>;
 };
@@ -207,10 +545,6 @@ declare const FilterContents: {
     displayName: string;
 };
 
-type FilterButtonBaseProps = {
-    children: React$1.ReactNode;
-} & OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>>;
-
 type FilterButtonProps = {
     label: string;
     selectedValue?: string | JSX.Element;
@@ -226,10 +560,6 @@ type DataAttributes = {
     [key: `data-${string}`]: string | undefined;
 };
 
-type ButtonGroupProps = {
-    children: React$1.ReactElement<FilterButtonBaseProps | TooltipProps> | Array<React$1.ReactElement<FilterButtonBaseProps | TooltipProps>>;
-} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, "children">;
-
 type FilterButtonRemovableProps = {
     triggerButtonProps: FilterButtonProps & DataAttributes;
     removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
@@ -261,7 +591,7 @@ type DateValidationResponse = {
     isValidDate: boolean;
 };
 type ValidationMessage = {
-    status: FieldMessageStatus;
+    status: FieldMessageStatus$1;
     message: string | React$1.ReactElement;
 };
 
@@ -548,7 +878,7 @@ type MenuTriggerProviderContextType = {
 };
 declare function MenuTriggerProvider({ isOpen, defaultOpen, onOpenChange, children, }: MenuTriggerProviderProps): JSX.Element;
 declare const useMenuTriggerContext: () => MenuTriggerProviderContextType;
-declare const MenuTriggerConsumer: React$1.Consumer<MenuTriggerProviderContextType>;
+declare const MenuTriggerConsumer: ({ children, }: React$1.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;
 
 type SelectionProviderProps = {
     selectionMode: SelectionMode;
@@ -571,12 +901,9 @@ type SelectionProviderContextType = {
     searchQuery?: string;
     setSearchQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
 };
-declare const SelectionProvider: {
-    (props: SelectionProviderProps): JSX.Element;
-    displayName: string;
-};
+declare const SelectionProvider: (props: SelectionProviderProps) => JSX.Element;
 declare const useSelectionContext: () => SelectionProviderContextType;
-declare const SelectionConsumer: React$1.Consumer<SelectionProviderContextType>;
+declare const SelectionConsumer: ({ children, }: React$1.ConsumerProps<SelectionProviderContextType>) => JSX.Element;
 
 type MenuPopupProps = {
     isLoading?: boolean;
@@ -593,16 +920,13 @@ type SelectionProps = {
     selectionMode?: SelectionMode;
     onSearchInputChange?: (searchInput: string) => void;
 };
-type RootProps = {
+type FilterMultiSelectProps = {
     trigger: (value?: MenuTriggerProviderContextType) => React$1.ReactNode;
     children: (value?: SelectionProviderContextType) => React$1.ReactNode;
 } & Omit<MenuPopupProps, "children"> & Omit<MenuTriggerProviderProps, "children"> & SelectionProps;
-
-type FilterMultiSelectProps = RootProps;
 declare const FilterMultiSelect: {
-    ({ trigger, children, isOpen, defaultOpen, onOpenChange, isLoading, loadingSkeleton, label, items, selectedKeys, defaultSelectedKeys, onSelectionChange, selectionMode, onSearchInputChange, }: RootProps): JSX.Element;
+    ({ trigger, children, isOpen, defaultOpen, onOpenChange, isLoading, loadingSkeleton, label, items, selectedKeys, defaultSelectedKeys, onSelectionChange, selectionMode, onSearchInputChange, }: FilterMultiSelectProps): JSX.Element;
     displayName: string;
-} & {
     TriggerButton: {
         ({ selectedOptionLabels, label, classNameOverride, labelCharacterLimitBeforeTruncate, }: FilterTriggerButtonProps): JSX.Element;
         displayName: string;
@@ -688,6 +1012,10 @@ type SelectOptionGroupNode<Option extends SelectOption = SelectOption> = Omit<No
 };
 type SelectItemNode<Option extends SelectOption = SelectOption> = SelectOptionNode<Option> | SelectOptionGroupNode<Option>;
 
+type ListBoxSectionProps<Option extends SelectOption> = {
+    section: SelectOptionGroupNode<Option>;
+};
+
 type ListItemProps<Option extends SelectOption = SelectOption> = {
     item: SelectItemNode<Option>;
 };
@@ -696,8 +1024,11 @@ type OptionProps<Option extends SelectOption = SelectOption> = {
     item: SelectOptionNode<Option>;
 } & OverrideClassName<Omit<HTMLAttributes<HTMLLIElement>, "children">>;
 
-type ListBoxSectionProps<Option extends SelectOption> = {
-    section: SelectOptionGroupNode<Option>;
+type SelectPopoverContentsProps<Option extends SelectOption> = {
+    children?: (args: {
+        items: Array<SelectItemNode<Option>>;
+    }) => React$1.ReactNode;
+    menuProps: AriaListBoxOptions<SelectItem<Option>>;
 };
 
 type OmittedAriaSelectProps = "label" | "children" | "isOpen" | "onOpenChange" | "defaultOpen" | "items";
@@ -706,9 +1037,7 @@ type FilterSelectProps<Option extends SelectOption = SelectOption> = {
     setIsOpen: (isOpen: boolean) => void;
     renderTrigger: (triggerButtonProps: FilterButtonProps) => JSX.Element;
     label: string;
-    children?: (args: {
-        items: Array<SelectItemNode<Option>>;
-    }) => React$1.ReactNode;
+    children?: SelectPopoverContentsProps<Option>["children"];
     items: Array<SelectItem<Option>>;
 } & OverrideClassName<Omit<SelectProps<Option>, OmittedAriaSelectProps>>;
 declare const FilterSelect: {
@@ -840,6 +1169,31 @@ declare const FilterBar: {
     };
 };
 
+type HeadingVariants = "display-0" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
+type AllowedHeadingTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
+type AllowedHeadingColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
+interface HeadingProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
+    children: React.ReactNode;
+    /**
+     * HTML elements that are allowed on Headings. When not supplied, the tag is inferred from
+     * the variant. E.g. display-0 will infer h1
+     */
+    tag?: AllowedHeadingTags;
+    /**
+     * Allowed heading variants
+     */
+    variant: HeadingVariants;
+    color?: AllowedHeadingColors;
+}
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}
+ * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}
+ */
+declare const Heading: {
+    ({ children, tag, variant, color, classNameOverride, ...restProps }: HeadingProps): JSX.Element;
+    displayName: string;
+};
+
 type BaseSVGProps = {
     inheritSize?: boolean;
 } & OverrideClassName<SVGAttributes<SVGElement>>;
@@ -867,6 +1221,8 @@ declare const AddLinkIcon: (props: IconProps) => JSX.Element;
 
 declare const AddWhiteIcon: (props: IconProps) => JSX.Element;
 
+declare const AiIcon: (props: IconProps) => JSX.Element;
+
 declare const ArchivedIcon: (props: IconProps) => JSX.Element;
 
 declare const ArchivedWhiteIcon: (props: IconProps) => JSX.Element;
@@ -1325,6 +1681,41 @@ declare const ZoomInIcon: (props: IconProps) => JSX.Element;
 
 declare const ZoomOutIcon: (props: IconProps) => JSX.Element;
 
+declare const InputStatus: readonly ["default", "success", "error", "caution"];
+declare const InputTypes: readonly ["text", "email", "password"];
+
+type InputType = (typeof InputTypes)[number];
+type InputStatusType = (typeof InputStatus)[number];
+type InputProps = {
+    inputRef?: React$1.RefObject<HTMLInputElement>;
+    status?: InputStatusType;
+    startIconAdornment?: React$1.ReactNode;
+    endIconAdornment?: React$1.ReactNode;
+    reversed?: boolean;
+    type?: InputType;
+} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
+declare const Input: {
+    ({ inputRef, status, startIconAdornment, endIconAdornment, reversed, type, value, defaultValue, classNameOverride, disabled, ...restProps }: InputProps): JSX.Element;
+    displayName: string;
+};
+
+type InputRangeProps = {
+    id: string;
+    defaultValue?: number;
+    value?: number;
+    minLabel: ReactNode;
+    maxLabel: ReactNode;
+    min?: number;
+    max?: number;
+} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
+/**
+ * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}
+ */
+declare const InputRange: {
+    ({ id, defaultValue, value, minLabel, maxLabel, min, max, onChange, "aria-describedby": ariaDescribedby, classNameOverride, disabled, readOnly, ...restProps }: InputRangeProps): JSX.Element;
+    displayName: string;
+};
+
 type InputSearchProps = {
     id: string;
     reversed?: boolean;
@@ -1337,30 +1728,15 @@ declare const InputSearch: {
     displayName: string;
 };
 
-/**
- * Use this class to set and apply themes, and to access or subscribe to the currently active one.
- * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,
- * and the ability to update them in JavaScript - a framework agnostic method.
- *
- * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.
- */
-declare class ThemeManager<Theme extends Theme$1 = Theme$1> {
-    private themeChangeListeners;
-    private theme;
-    private rootElement;
-    private rootElementId;
-    constructor(theme: Theme, rootElementId?: string, apply?: boolean);
-    getRootElement: () => HTMLElement | null;
-    getRootElementId: () => string;
-    getCurrentTheme: () => Theme;
-    setRootElement: (element: HTMLElement) => void;
-    setRootElementId: (rootElementId: string) => string;
-    setAndApplyTheme: (theme: Theme, force?: boolean) => void;
-    addThemeChangeListener: (listener: (theme: Theme) => void) => void;
-    removeThemeChangeListener: (listener: (theme: Theme) => void) => void;
-    applyCurrentTheme: () => void;
-    private notifyThemeChangeListeners;
-}
+type KaizenProviderProps<Theme extends Theme$1 = Theme$1> = {
+    children: React$1.ReactNode;
+    theme?: Theme;
+    locale?: string;
+};
+declare const KaizenProvider: {
+    ({ children, theme, locale, }: KaizenProviderProps): JSX.Element;
+    displayName: string;
+};
 
 /**
  * Use a custom type for CSS properties becauase we should eventually write a more strongly typed version using template literal types.
@@ -1594,24 +1970,181 @@ declare const heartTheme: Theme;
 
 declare const defaultTheme: Theme;
 
-declare const ThemeContext: Context<Theme>;
+declare const ThemeContext: React$1.Context<any>;
 /**
  * Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.
  * This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.
  */
-declare const ThemeProvider: ({ themeManager, ...props }: {
-    themeManager?: ThemeManager<_kaizen_design_tokens.Theme> | undefined;
+declare const ThemeProvider: <Theme extends Theme = Theme>({ theme: userTheme, ...props }: {
+    theme?: Theme | undefined;
     children: React$1.ReactNode;
 }) => JSX.Element;
-declare const useTheme: () => Theme;
+declare const useTheme: <Theme extends Theme = Theme>() => Theme;
+
+type LabelType = "text" | "checkbox" | "toggle" | "radio";
+type LabelProps = {
+    children?: React$1.ReactNode;
+    labelText?: string | React$1.ReactNode;
+    labelType?: LabelType;
+    labelPosition?: "start" | "end";
+    reversed?: boolean;
+    variant?: "default" | "prominent";
+    disabled?: boolean;
+} & OverrideClassName<LabelHTMLAttributes<HTMLLabelElement>>;
+declare const Label: {
+    ({ children, labelText, labelType, labelPosition, reversed, variant, disabled, classNameOverride, ...restProps }: LabelProps): JSX.Element;
+    displayName: string;
+};
 
-type KaizenProviderProps = {
+type LabelledMessageProps = {
+    label: string | React$1.ReactElement;
+    message: string | React$1.ReactElement;
+} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
+declare const LabelledMessage: {
+    ({ label, message, classNameOverride, ...restProps }: LabelledMessageProps): JSX.Element;
+    displayName: string;
+};
+
+type NotificationType = "positive" | "informative" | "cautionary" | "negative" | "security";
+
+type InlineNotificationProps = OverrideClassName<{
+    type: NotificationType;
+    children?: React$1.ReactNode;
+    /** @default false */
+    persistent?: boolean;
+    /** @default false */
+    hideCloseIcon?: boolean;
+    onHide?: () => void;
+    noBottomMargin?: boolean;
+    forceMultiline?: boolean;
+    headingProps?: HeadingProps$1;
+    isSubtle?: boolean;
+}>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}
+ */
+declare const InlineNotification: {
+    ({ isSubtle, hideCloseIcon, persistent, classNameOverride, ...otherProps }: InlineNotificationProps): JSX.Element;
+    displayName: string;
+};
+
+type GlobalNotificationProps = OverrideClassName<{
+    type: NotificationType;
     children: React$1.ReactNode;
-    themeManager?: ThemeManager;
-    locale?: string;
+    onHide?: () => void;
+    persistent?: boolean;
+}>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}
+ */
+declare const GlobalNotification: {
+    ({ persistent, ...props }: GlobalNotificationProps): JSX.Element;
+    displayName: string;
 };
-declare const KaizenProvider: {
-    ({ children, themeManager, locale, }: KaizenProviderProps): JSX.Element;
+
+type RadioProps = OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "checked">> & {
+    /**
+     * This needs to be enforced to ensure the Radio always gets an id to match a label when composed.
+     */
+    id: string;
+    name: string;
+    value: string;
+    selectedStatus?: boolean;
+    reversed?: boolean;
+};
+declare const Radio: {
+    ({ name, value, selectedStatus, reversed, onChange, classNameOverride, ...restProps }: RadioProps): JSX.Element;
+    displayName: string;
+};
+
+type RadioFieldProps = Omit<RadioProps, "id"> & {
+    id?: string;
+    labelText: string | React$1.ReactNode;
+    selectedStatus?: boolean;
+    disabled?: boolean;
+    reversed?: boolean;
+    "data-testid"?: string;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}
+ */
+declare const RadioField: {
+    ({ id: propsId, labelText, selectedStatus, disabled, reversed, classNameOverride, "data-testid": dataTestId, ...restProps }: RadioFieldProps): JSX.Element;
+    displayName: string;
+};
+
+type RadioGroupProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
+    children?: React$1.ReactNode;
+    labelText: string | React$1.ReactNode;
+    labelId?: string;
+    noBottomMargin?: boolean;
+    reversed?: boolean;
+    "data-testId"?: string;
+};
+declare const RadioGroup: {
+    ({ children, labelId: propsLabelId, labelText, noBottomMargin, reversed, classNameOverride, "data-testId": dataTestId, ...restProps }: RadioGroupProps): JSX.Element;
+    displayName: string;
+};
+
+type SearchFieldProps = Omit<InputSearchProps, "id"> & {
+    id?: string;
+    labelText: string;
+    disabled?: boolean;
+    reversed?: boolean;
+    secondary?: boolean;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}
+ */
+declare const SearchField: {
+    ({ id: propsId, labelText, disabled, reversed, secondary, classNameOverride, ...restProps }: SearchFieldProps): JSX.Element;
+    displayName: string;
+};
+
+type SliderFieldProps = {
+    id?: string;
+    labelText: ReactNode;
+    description?: ReactNode;
+    labelPosition?: "inline" | "block";
+    variant?: "default" | "prominent";
+    disabled?: boolean;
+    readOnlyMessage?: ReactNode;
+} & Omit<InputRangeProps, "id">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}
+ */
+declare const Slider: {
+    ({ id: propsId, labelText, description, labelPosition, variant, disabled, readOnlyMessage, ...restProps }: SliderFieldProps): JSX.Element;
+    displayName: string;
+};
+
+type TextVariants = "intro-lede" | "body" | "small" | "extra-small";
+type AllowedTextTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
+type AllowedTextColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
+interface TextProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
+    children: React.ReactNode;
+    /**
+     * HTML elements that are allowed on Text
+     * @default "p"
+     */
+    tag?: AllowedTextTags;
+    /**
+     * Allowed text variants
+     */
+    variant: TextVariants;
+    color?: AllowedTextColors;
+}
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Paragraph Guidance}
+ * {@link https://cultureamp.design/?path=/docs/components-typography-text--body Storybook}
+ */
+declare const Text: {
+    ({ children, tag, variant, color, classNameOverride, ...restProps }: TextProps): JSX.Element;
     displayName: string;
 };
 
@@ -1660,7 +2193,8 @@ type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & FooterP
 /**
  * @deprecated Use { Workflow } from `@kaizen/components/future`
  */
-declare const Workflow: (({ stepName, steps, isComplete, workflowName, status, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowProps) => JSX.Element) & {
+declare const Workflow: {
+    ({ stepName, steps, isComplete, workflowName, status, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowProps): JSX.Element;
     Header: {
         ({ workflowName, stepName, status, headerActions, ...restProps }: HeaderProps): JSX.Element;
         displayName: string;
@@ -1683,4 +2217,4 @@ declare const Workflow: (({ stepName, steps, isComplete, workflowName, status, h
     };
 };
 
-export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, type ActiveFiltersArray, AddIcon, AddLinkIcon, AddWhiteIcon, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, BullettedListIcon, Button, type ButtonProps, type CSSVariableTheme, CaMonogramIcon, CameraIcon, CautionIcon, CautionWhiteIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, type CustomButtonProps, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DecreaseIndentIcon, type DeepMapObjectLeafs, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, type FilterDateSupportedLocales, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, type GetDateValidationHandlerArgs, GridViewIcon, GuidanceIcon, HamburgerIcon, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InputSearch, type InputSearchProps, InsightIcon, InsightsIcon, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LockIcon, LockWhiteIcon, LogOutIcon, type MappedFilters, MaximizeIcon, MeatballsIcon, type MenuFooterProps, type MenuLoadingSkeletonProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, MinimizeIcon, MinusIcon, type MultiSelectItem, type MultiSelectOptionProps, NavigatorIcon, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, PaginationLink, type PaginationLinkProps, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, RedoIcon, RefreshIcon, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchIcon, type SearchInputProps, SearchWhiteIcon, SecurityTipIcon, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, TextAnalyticsIcon, TextAnalyticsWhiteIcon, type Theme, ThemeContext, type ThemeKey, ThemeManager, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, type TypographyFont, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage, type ValueType, VisibleIcon, Workflow, type WorkflowProps, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
+export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, type ActiveFiltersArray, AddIcon, AddLinkIcon, AddWhiteIcon, AiIcon, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, Badge, BadgeAnimated, type BadgeProps, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, type BrandMomentProps, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CSSVariableTheme, CaMonogramIcon, CameraIcon, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, type CompanyAvatarProps, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, type CustomButtonProps, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DecreaseIndentIcon, type DeepMapObjectLeafs, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, Divider, type DividerProps, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyState, type EmptyStateProps, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, type FieldGroupProps, FieldMessage, type FieldMessageProps, type FieldMessageStatus, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, type FilterDateSupportedLocales, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, type GenericAvatarProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, GridViewIcon, GuidanceIcon, HamburgerIcon, Heading, type HeadingProps, type HeadingVariants, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InlineNotification, type InlineNotificationProps, Input, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, type InputStatusType, type InputType, InsightIcon, InsightsIcon, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LockIcon, LockWhiteIcon, LogOutIcon, type MappedFilters, MaximizeIcon, MeatballsIcon, type MenuFooterProps, type MenuLoadingSkeletonProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, MinimizeIcon, MinusIcon, type MultiSelectItem, type MultiSelectOptionProps, NavigatorIcon, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, PaginationLink, type PaginationLinkProps, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, RedoIcon, RefreshIcon, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, SecurityTipIcon, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, type TextProps, type TextVariants, type Theme, ThemeContext, type ThemeKey, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, type TypographyFont, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage, type ValueType, VisibleIcon, Workflow, type WorkflowProps, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };