@kaizen/components 1.27.0 → 1.29.0

package/dist/index.d.ts

@@ -1,27 +1,28 @@
 /// <reference types="react" />
-import React$1, { HTMLAttributes, MouseEvent, FocusEvent, ComponentType, ReactElement, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, SVGAttributes, CSSProperties, LabelHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import * as React$1 from 'react';
+import React__default, { HTMLAttributes, MouseEvent, FocusEvent, ComponentType, ReactElement, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, RefObject, SVGAttributes, LabelHTMLAttributes, SyntheticEvent, AnchorHTMLAttributes, TextareaHTMLAttributes } from 'react';
 import { SceneProps, AnimatedSceneProps } from '@kaizen/draft-illustration';
-import { TooltipProps } from '@kaizen/draft-tooltip';
+import { TooltipProps as TooltipProps$1 } from '@kaizen/draft-tooltip';
+import { DayPickerSingleProps, DayPickerRangeProps, DayPickerProps, DateRange, DateInterval, Matcher, DayClickEventHandler } from 'react-day-picker';
+export { DateInterval, DateRange } from 'react-day-picker';
 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 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 { ValidateDateArgs } from '@kaizen/date-picker/src/utils/validateDate';
-import { Theme as Theme$1 } from '@kaizen/design-tokens';
+import { SelectProps as SelectProps$1 } from '@react-stately/select';
+import * as react_select from 'react-select';
+import { Props } from 'react-select';
+export { OnChangeValue as SelectValueType } from 'react-select';
+import * as react_select_dist_declarations_src_useStateManager from 'react-select/dist/declarations/src/useStateManager';
+import * as react_select_dist_declarations_src_filters from 'react-select/dist/declarations/src/filters';
+import * as react_select_dist_declarations_src_components from 'react-select/dist/declarations/src/components';
+import * as react_select_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
+import { AsyncProps as AsyncProps$1 } from 'react-select/async';
+import { TimeFieldStateOptions } from '@react-stately/datepicker';
 import { DefaultTagProps } from '@kaizen/draft-tag';
 
-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;
@@ -149,9 +150,10 @@ type CustomButtonProps = {
     onClick?: (e: MouseEvent<any>) => void;
     onFocus?: (e: FocusEvent<HTMLElement>) => void;
     onBlur?: (e: FocusEvent<HTMLElement>) => void;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
+    "data-testid"?: string;
 };
-type ButtonFormAttributes = Pick<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "form" | "formAction" | "formMethod" | "formEncType" | "formTarget" | "formNoValidate">;
+type ButtonFormAttributes = Pick<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "form" | "formAction" | "formMethod" | "formEncType" | "formTarget" | "formNoValidate">;
 type GenericProps = {
     id?: string;
     reversed?: boolean;
@@ -202,7 +204,7 @@ type ButtonProps = GenericButtonProps;
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-buttons-button--docs Storybook}
  */
-declare const Button: React$1.ForwardRefExoticComponent<GenericButtonProps & React$1.RefAttributes<ButtonRef | undefined>>;
+declare const Button: React__default.ForwardRefExoticComponent<GenericButtonProps & React__default.RefAttributes<ButtonRef | undefined>>;
 
 type IconButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
     label: string;
@@ -233,42 +235,6 @@ declare const IconButton: {
     displayName: string;
 };
 
-type PaginationLinkProps = GenericProps & {
-    pageNumber: number;
-    isActive?: boolean;
-    "aria-label": string;
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
- * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}
- */
-declare const PaginationLink: {
-    ({ pageNumber, ...restProps }: PaginationLinkProps): JSX.Element;
-    defaultProps: {
-        reversed: boolean;
-        isActive: boolean;
-    };
-    displayName: string;
-};
-
-type DirectionalLinkProps = {
-    label: string;
-    disabled?: boolean;
-    direction: "prev" | "next" | "start" | "end";
-} & GenericProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
- * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}
- */
-declare const DirectionalLink: {
-    (props: DirectionalLinkProps): JSX.Element;
-    defaultProps: {
-        reversed: boolean;
-        disabled: boolean;
-    };
-    displayName: string;
-};
-
 type BrandMomentProps = {
     mood: "informative" | "positive" | "negative";
     illustration: ReactElement<SceneProps>;
@@ -293,20 +259,114 @@ declare const BrandMoment: {
 };
 
 type FilterButtonBaseProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 } & OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>>;
 
 type ButtonGroupProps = {
-    children: React$1.ReactElement<FilterButtonBaseProps | TooltipProps> | Array<React$1.ReactElement<FilterButtonBaseProps | TooltipProps>>;
+    children: React__default.ReactElement<FilterButtonBaseProps | TooltipProps$1> | Array<React__default.ReactElement<FilterButtonBaseProps | TooltipProps$1>>;
 } & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, "children">;
 declare const ButtonGroup: {
     ({ children, classNameOverride, ...restProps }: ButtonGroupProps): JSX.Element;
     displayName: string;
 };
 
+type CalendarSingleElement = HTMLDivElement;
+type CalendarSingleProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarSingleElement) => void;
+} & OverrideClassName<Omit<DayPickerSingleProps, "mode">>;
+declare const CalendarSingle: {
+    ({ id, onMount, classNameOverride, selected, defaultMonth, weekStartsOn, locale, ...restProps }: CalendarSingleProps): JSX.Element;
+    displayName: string;
+};
+
+type CalendarRangeElement = HTMLDivElement;
+type CalendarRangeProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarRangeElement) => void;
+    hasDivider?: boolean;
+} & OverrideClassName<Omit<DayPickerRangeProps, "mode">>;
+declare const CalendarRange: {
+    ({ id, onMount, hasDivider, classNameOverride, selected, defaultMonth, locale, ...restProps }: CalendarRangeProps): JSX.Element;
+    displayName: string;
+};
+
+declare const DayOfWeek: {
+    readonly Sun: 0;
+    readonly Mon: 1;
+    readonly Tue: 2;
+    readonly Wed: 3;
+    readonly Thu: 4;
+    readonly Fri: 5;
+    readonly Sat: 6;
+};
+type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek];
+declare const DateFormat: {
+    readonly Numeral: "P";
+    readonly Text: "PP";
+};
+type DateFormat = (typeof DateFormat)[keyof typeof DateFormat];
+
+type DisabledDays = DayPickerProps["disabled"];
+type DisabledDayMatchers = {
+    /**
+     * Accepts an array of singluar dates and disables them.
+     * e.g. [new Date(2022, 1, 12), new Date(2022, 1, 25)]
+     */
+    disabledDates?: Date[];
+    /**
+     * Accepts an array of DayOfWeek values and disables those days throughout
+     * the calendar.
+     * e.g. [DayOfWeek.Mon, DayOfWeek.Tue]
+     */
+    disabledDaysOfWeek?: DayOfWeek[];
+    /**
+     * Accepts an object with a `from` and `to` date. Disables any date
+     * inside of that range, including the specified dates.
+     * { from: new Date(2022, 1, 12), to: new Date(2022, 1, 16) }
+     */
+    disabledRange?: DateRange;
+    /**
+     * Accepts an object with a `before` and `after` date. Disables any date
+     * inside of that range, excluding the specified dates.
+     * { after: new Date(2022, 1, 12), before: new Date(2022, 1, 16) }
+     */
+    disabledBeforeAfter?: DateInterval;
+    /**
+     * Accepts single date and disables all days before it.
+     * */
+    disabledBefore?: Date;
+    /**
+     * Accepts single date and disables all days after it.
+     */
+    disabledAfter?: Date;
+};
+
+declare const calculateDisabledDays: ({ disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, }: DisabledDayMatchers) => Matcher[];
+
+declare const formatDateAsNumeral: (date: Date, locale: Locale) => string;
+
+declare const formatDateAsText: (date: Date, disabledDays: DisabledDays, locale: Locale) => string;
+
+declare const isDisabledDate: (date: Date, disabledDays: DisabledDays) => boolean;
+
+declare const isInvalidDate: (parsedDate: Date) => boolean;
+
+declare const isValidWeekStartsOn: (day: DayOfWeek | undefined) => day is 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+
+declare const isSelectingDayInCalendar: (target: (EventTarget & Element) | null) => boolean;
+
+declare const parseDateAsTextOrNumeral: (value: string, locale: Locale) => Date;
+
+declare const parseDateFromNumeralFormatValue: (value: string, locale: Locale) => Date;
+
+declare const parseDateFromTextFormatValue: (value: string, locale: Locale) => Date;
+
+declare const setFocusInCalendar: (calendarElement: CalendarSingleElement | CalendarRangeElement, selectedDay: Date | undefined) => void;
+
 type CardVariants = "default" | "informative" | "positive" | "cautionary" | "destructive" | "assertive" | "highlight";
 type CardProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * HTML elements that are allowed on Card.
      */
@@ -332,7 +392,7 @@ declare const Card: {
 type CheckedStatus = "on" | "off" | "mixed";
 type CheckboxProps = {
     checkedStatus?: CheckedStatus;
-    onCheck?: (event: React$1.ChangeEvent<HTMLInputElement>) => any;
+    onCheck?: (event: React__default.ChangeEvent<HTMLInputElement>) => any;
     reversed?: boolean;
     value?: string;
 } & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "checked">>;
@@ -343,7 +403,7 @@ declare const Checkbox: {
 
 type CheckboxFieldProps = Omit<CheckboxProps, "id"> & {
     id?: string;
-    labelText: string | React$1.ReactNode;
+    labelText: string | React__default.ReactNode;
     checkedStatus?: CheckedStatus;
     disabled?: boolean;
     reversed?: boolean;
@@ -360,8 +420,8 @@ declare const CheckboxField: {
 };
 
 type CheckboxGroupProps = {
-    children?: React$1.ReactNode;
-    labelText: string | React$1.ReactNode;
+    children?: React__default.ReactNode;
+    labelText: string | React__default.ReactNode;
     labelId?: string;
     noBottomMargin?: boolean;
     reversed?: boolean;
@@ -420,7 +480,7 @@ declare const Collapsible: {
 };
 
 type CollapsibleGroupProps = {
-    children: Array<React$1.ReactElement<CollapsibleProps>>;
+    children: Array<React__default.ReactElement<CollapsibleProps>>;
     separated?: boolean;
     sticky?: Sticky;
     noSectionPadding?: boolean;
@@ -443,6 +503,269 @@ declare const ExpertAdviceCollapsible: {
     displayName: string;
 };
 
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
+ */
+declare const Container: React__default.ForwardRefExoticComponent<{
+    children?: React__default.ReactNode;
+    style?: Pick<React__default.CSSProperties, "transform" | "left" | "right" | "position" | "top" | "bottom" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "transformBox" | "transformOrigin" | "transformStyle"> | undefined;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "className"> & {
+    classNameOverride?: string | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+type ContentProps = {
+    children?: React__default.ReactNode;
+    /**
+     * Not recommended. A short-circuit for dynamically overriding layout in a pinch
+     */
+    style?: Pick<React__default.CSSProperties, "bottom" | "left" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "transform" | "transformBox" | "transformOrigin" | "transformStyle">;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
+ */
+declare const Content: React__default.ForwardRefExoticComponent<{
+    children?: React__default.ReactNode;
+    /**
+     * Not recommended. A short-circuit for dynamically overriding layout in a pinch
+     */
+    style?: Pick<React__default.CSSProperties, "transform" | "left" | "right" | "position" | "top" | "bottom" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "transformBox" | "transformOrigin" | "transformStyle"> | undefined;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "className"> & {
+    classNameOverride?: string | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+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__default.RefObject<HTMLInputElement>;
+    status?: InputStatusType;
+    startIconAdornment?: React__default.ReactNode;
+    endIconAdornment?: React__default.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;
+    loading?: boolean;
+    secondary?: boolean;
+    onClear?: () => void;
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue">>;
+declare const InputSearch: {
+    (props: InputSearchProps): JSX.Element;
+    displayName: string;
+};
+
+type OmittedInputProps$1 = "reversed" | "type" | "inputRef";
+type DateInputProps = {
+    labelText: React__default.ReactNode;
+    isReversed?: boolean;
+} & Omit<InputProps, OmittedInputProps$1>;
+declare const DateInput: React__default.ForwardRefExoticComponent<{
+    labelText: React__default.ReactNode;
+    isReversed?: boolean | undefined;
+} & Omit<InputProps, OmittedInputProps$1> & React__default.RefAttributes<HTMLInputElement>>;
+
+type DateInputDescriptionProps = {
+    description?: string | JSX.Element;
+    locale: Locale;
+};
+declare const DateInputDescription: {
+    ({ description, locale, }: DateInputDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+type DateInputWithIconButtonProps = {
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React__default.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment">;
+type DateInputWithIconButtonRefs = {
+    inputRef?: React__default.RefObject<HTMLInputElement>;
+    buttonRef?: React__default.RefObject<HTMLButtonElement>;
+};
+declare const DateInputWithIconButton: React__default.ForwardRefExoticComponent<{
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React__default.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment"> & React__default.RefAttributes<DateInputWithIconButtonRefs>>;
+
+type FieldMessageStatus = "default" | "success" | "error" | "caution";
+type FieldMessageProps = {
+    message?: React__default.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 DateInputFieldProps$1 = {
+    /**
+     * A description that provides context for the text field
+     */
+    description?: DateInputDescriptionProps["description"];
+    /**
+     * Updates the styling of the validation FieldMessage
+     */
+    status?: FieldMessageStatus;
+    /**
+     * A descriptive message for `status` states
+     */
+    validationMessage?: React__default.ReactNode;
+    locale?: Locale;
+} & DateInputWithIconButtonProps;
+
+type ValidationResponse = {
+    date: Date | undefined;
+    inputValue: string | undefined;
+    status: FieldMessageStatus | undefined;
+    validationMessage: string | undefined;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    isEmpty: boolean;
+    isValidDate: boolean;
+};
+
+type StringSuggestions<T extends string> = T | (string & Record<never, never>);
+
+type DatePickerSupportedLocales = StringSuggestions<"en-US" | "en-AU">;
+
+type OmittedDateInputFieldProps = "onClick" | "onFocus" | "onChange" | "onBlur" | "onButtonClick" | "value" | "locale" | "id";
+type DatePickerProps = {
+    id?: string;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    onInputClick?: DateInputFieldProps$1["onClick"];
+    onInputFocus?: DateInputFieldProps$1["onFocus"];
+    onInputChange?: DateInputFieldProps$1["onChange"];
+    onInputBlur?: DateInputFieldProps$1["onBlur"];
+    onButtonClick?: DateInputFieldProps$1["onButtonClick"];
+    locale?: DatePickerSupportedLocales;
+    /**
+     * Accepts a DayOfWeek value to start the week on that day. By default,
+     * it's set to Monday.
+     */
+    weekStartsOn?: CalendarSingleProps["weekStartsOn"];
+    /**
+     * Accepts a date to display that month on first render.
+     */
+    defaultMonth?: CalendarSingleProps["defaultMonth"];
+    /**
+     *  The date passed in from the consumer that renders in the input and calendar.
+     */
+    selectedDay: Date | undefined;
+    /**
+     * Callback when date is updated either by the calendar picker or by typing and bluring.
+     * Date will return as undefined if invalid or disabled.
+     */
+    onDayChange: (date: Date | undefined) => void;
+    /**
+     * Callback when a date is selected. Utilises internal validation if not set.
+     */
+    onValidate?: (validationResponse: ValidationResponse) => void;
+    /**
+     * Updates the styling of the validation FieldMessage.
+     */
+    status?: DateInputFieldProps$1["status"] | undefined;
+    /**
+     * A descriptive message for the 'status' states.
+     */
+    validationMessage?: DateInputFieldProps$1["validationMessage"] | undefined;
+} & DisabledDayMatchers & Omit<DateInputFieldProps$1, OmittedDateInputFieldProps>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}
+ */
+declare const DatePicker: {
+    ({ id: propsId, buttonRef: propsButtonRef, locale: propsLocale, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDay, status, validationMessage, onInputClick, onInputFocus, onInputChange, onInputBlur, onButtonClick, onDayChange, onValidate, ...restDateInputFieldProps }: DatePickerProps): JSX.Element;
+    displayName: string;
+};
+
+type LegacyCalendarRangeProps = {
+    classNameOverride?: string;
+    defaultMonth?: Date;
+    weekStartsOn?: DayOfWeek;
+    disabledDays?: Matcher[];
+    selectedRange?: DateRange;
+    locale: Locale;
+    onDayChange: DayClickEventHandler;
+};
+
+type DateRangePickerProps = {
+    id?: string;
+    classNameOverride?: string;
+    labelText: string;
+    isDisabled?: boolean;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    description?: string;
+    /**
+     * Selected date range which is being updated in handleDayClick and checked
+     * if within range/not disabled and then passed back to the client to update
+     * the state.
+     */
+    selectedDateRange?: DateRange;
+    /**
+     * String that is formatted by the client with our helper formatDateRangeValue
+     * and then passed into the button to display the readable range.
+     */
+    value?: string;
+    /**
+     * Accepts a DayOfWeek value to start the week on that day. By default,
+     * it's set to Monday.
+     */
+    weekStartsOn?: LegacyCalendarRangeProps["weekStartsOn"];
+    /**
+     * Accepts a date to display that month on first render.
+     */
+    defaultMonth?: LegacyCalendarRangeProps["defaultMonth"];
+    /**
+     * Event passed from consumer to handle the date on change.
+     */
+    onChange: (dateRange: DateRange) => void;
+} & DisabledDayMatchers;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}
+ */
+declare const DateRangePicker: {
+    ({ id: propsId, buttonRef, description: _description, labelText, isDisabled, classNameOverride, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDateRange, value, onChange, ...inputProps }: DateRangePickerProps): JSX.Element;
+    displayName: string;
+};
+
+declare const formatDateRangeValue: (dateRange: DateRange) => string;
+
 type DividerProps = {
     variant: "content" | "canvas" | "menuSeparator";
     isReversed?: boolean;
@@ -459,11 +782,11 @@ declare const Divider: {
 type IllustrationType = "positive" | "neutral" | "negative" | "informative" | "action";
 type LayoutContextType = "sidebarAndContent" | "contentOnly";
 type EmptyStateProps = {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     id?: string;
     illustrationType?: IllustrationType;
     layoutContext?: LayoutContextType;
-    bodyText: string | React$1.ReactNode;
+    bodyText: string | React__default.ReactNode;
     straightCorners?: boolean;
     headingProps?: HeadingProps$1;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>> & Pick<AnimatedSceneProps, "isAnimated" | "loop">;
@@ -482,7 +805,7 @@ type ErrorStatuses = (typeof statusCodes)[number];
 type ErrorPageProps = {
     code: ErrorStatuses;
     title?: string;
-    message?: React$1.ReactNode | string;
+    message?: React__default.ReactNode | string;
     callToAction?: {
         onContactSupport: () => void;
         homeHref?: string;
@@ -494,7 +817,7 @@ declare const ErrorPage: {
 };
 
 type FieldGroupProps = {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     inline?: boolean;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 declare const FieldGroup: {
@@ -502,35 +825,21 @@ declare const FieldGroup: {
     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>;
 };
 
 type FilterProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     isOpen: boolean;
     setIsOpen: (isOpen: boolean) => void;
     renderTrigger: (triggerProps: {
         onClick: () => void;
         isOpen: boolean;
     }) => JSX.Element & {
-        ref?: React$1.RefObject<FilterTriggerRef>;
+        ref?: React__default.RefObject<FilterTriggerRef>;
     };
-    onMount?: (triggerRef: React$1.RefObject<HTMLButtonElement>) => void;
+    onMount?: (triggerRef: React__default.RefObject<HTMLButtonElement>) => void;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 declare const Filter: {
     ({ children, isOpen, setIsOpen, renderTrigger, classNameOverride, onMount, ...restProps }: FilterProps): JSX.Element;
@@ -538,7 +847,7 @@ declare const Filter: {
 };
 
 type FilterContentsProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 declare const FilterContents: {
     ({ children, classNameOverride, ...restProps }: FilterContentsProps): JSX.Element;
@@ -550,11 +859,11 @@ type FilterButtonProps = {
     selectedValue?: string | JSX.Element;
     isOpen?: boolean;
 } & Omit<FilterButtonBaseProps, "children">;
-declare const FilterButton: React$1.ForwardRefExoticComponent<{
+declare const FilterButton: React__default.ForwardRefExoticComponent<{
     label: string;
     selectedValue?: string | JSX.Element | undefined;
     isOpen?: boolean | undefined;
-} & Omit<FilterButtonBaseProps, "children"> & React$1.RefAttributes<FilterTriggerRef>>;
+} & Omit<FilterButtonBaseProps, "children"> & React__default.RefAttributes<FilterTriggerRef>>;
 
 type DataAttributes = {
     [key: `data-${string}`]: string | undefined;
@@ -567,19 +876,14 @@ type FilterButtonRemovableProps = {
     };
 } & Omit<ButtonGroupProps, "children">;
 type FilterButtonRemovableRefs = FilterTriggerRef & {
-    removeButtonRef?: React$1.RefObject<HTMLButtonElement>;
+    removeButtonRef?: React__default.RefObject<HTMLButtonElement>;
 };
-declare const FilterButtonRemovable: React$1.ForwardRefExoticComponent<{
+declare const FilterButtonRemovable: React__default.ForwardRefExoticComponent<{
     triggerButtonProps: FilterButtonProps & DataAttributes;
     removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
         tooltipText?: string;
     };
-} & Omit<ButtonGroupProps, "children"> & React$1.RefAttributes<FilterButtonRemovableRefs>>;
-
-type DateInputDescriptionProps = {
-    description?: string | JSX.Element;
-    locale: Locale;
-};
+} & Omit<ButtonGroupProps, "children"> & React__default.RefAttributes<FilterButtonRemovableRefs>>;
 
 type DateValidationResponse = {
     date: Date | undefined;
@@ -591,8 +895,8 @@ type DateValidationResponse = {
     isValidDate: boolean;
 };
 type ValidationMessage = {
-    status: FieldMessageStatus$1;
-    message: string | React$1.ReactElement;
+    status: FieldMessageStatus;
+    message: string | React__default.ReactElement;
 };
 
 type DateInputFieldProps = {
@@ -611,7 +915,7 @@ type DateInputFieldProps = {
 type FilterInputProps$1<InputProps> = Omit<Partial<InputProps>, "value"> & DataAttributes;
 type FilterDatePickerFieldProps = {
     id?: string;
-    locale: FilterDateSupportedLocales;
+    locale: DatePickerSupportedLocales;
     /**
      * Sets first displayed month to month of provided date if there isn't a date set.
      */
@@ -662,6 +966,12 @@ declare const FilterDatePicker: {
     displayName: string;
 };
 
+type ValidateDateArgs = {
+    date: Date | undefined;
+    inputValue: string | undefined;
+    disabledDays?: DisabledDays;
+};
+
 type ValidateDateResponse = {
     validationResponse: DateValidationResponse;
     newDate: Date | undefined;
@@ -687,7 +997,7 @@ declare const useDateValidation: ({ inputLabel, disabledDays, validationMessage,
 type GetDateValidationHandlerArgs = {
     onValidate: ((validationResponse: DateValidationResponse) => void) | undefined;
     setInbuiltValidationMessage: (validationMessage: ValidationMessage | undefined) => void;
-    inputLabel?: React$1.ReactNode;
+    inputLabel?: React__default.ReactNode;
 };
 declare const getDateValidationHandler: ({ onValidate, setInbuiltValidationMessage, inputLabel, }: GetDateValidationHandlerArgs) => (validationResponse: DateValidationResponse) => void;
 
@@ -712,8 +1022,8 @@ type DateRangeValidationMessageProps = {
 type DateRangeInputFieldProps = {
     id: string;
     legend: string;
-    inputStartDateProps: Omit<DateInputProps$1, "id">;
-    inputEndDateProps: Omit<DateInputProps$1, "id">;
+    inputStartDateProps: Omit<DateInputProps, "id">;
+    inputEndDateProps: Omit<DateInputProps, "id">;
     locale: Locale;
     /**
      * A description that provides context for the text field
@@ -730,7 +1040,7 @@ type FilterInputProps<InputProps> = Omit<Partial<InputProps>, "value"> & DataAtt
 type FilterDateRangePickerFieldProps = {
     id: string;
     label: string;
-    locale: FilterDateSupportedLocales;
+    locale: DatePickerSupportedLocales;
     /**
      * Sets first displayed month to month of provided date if there isn't a date set.
      */
@@ -782,21 +1092,21 @@ type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "la
 };
 
 type NoResultsProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
 
 type MenuFooterProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 };
 
 type MenuLoadingSkeletonProps = {
     isAnimated?: boolean;
 };
 
-type ValueType = React.Key;
+type ValueType$1 = React.Key;
 type ItemType = {
     label: string;
-    value: ValueType;
+    value: ValueType$1;
     count?: string;
     isDisabled?: boolean;
 };
@@ -828,7 +1138,7 @@ type SectionHeaderProps = {
 };
 type ListBoxSectionProps$1 = {
     items: MultiSelectItem[];
-    children: (item: MultiSelectItem) => React$1.ReactNode;
+    children: (item: MultiSelectItem) => React__default.ReactNode;
 } & (SectionHeaderProps | SectionNameProps);
 
 type ListBoxItems = {
@@ -839,7 +1149,7 @@ type ListBoxItems = {
     hasNoItems: boolean;
 };
 type ListBoxProps = {
-    children: (items: ListBoxItems) => React$1.ReactNode;
+    children: (items: ListBoxItems) => React__default.ReactNode;
 };
 
 type SearchInputProps = {
@@ -867,22 +1177,22 @@ type MenuTriggerProviderProps = {
     isOpen?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 };
 type MenuTriggerProviderContextType = {
     menuTriggerProps: HTMLAttributes<HTMLElement>;
     buttonProps: ButtonHTMLAttributes<HTMLButtonElement>;
     menuProps: AriaMenuOptions<ItemType>;
     menuTriggerState: MenuTriggerState;
-    buttonRef: React$1.RefObject<HTMLButtonElement>;
+    buttonRef: React__default.RefObject<HTMLButtonElement>;
 };
 declare function MenuTriggerProvider({ isOpen, defaultOpen, onOpenChange, children, }: MenuTriggerProviderProps): JSX.Element;
 declare const useMenuTriggerContext: () => MenuTriggerProviderContextType;
-declare const MenuTriggerConsumer: ({ children, }: React$1.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;
+declare const MenuTriggerConsumer: ({ children, }: React__default.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;
 
 type SelectionProviderProps = {
     selectionMode: SelectionMode;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     items?: ItemType[];
     onSelectionChange?: (keys: Selection) => void;
     /** The currently selected keys in the collection (controlled). */
@@ -897,18 +1207,18 @@ type SelectionProviderContextType = {
     listBoxProps: HTMLAttributes<HTMLElement>;
     labelProps: HTMLAttributes<HTMLElement>;
     selectionState: ListState<ItemType>;
-    listRef: React$1.RefObject<HTMLUListElement>;
+    listRef: React__default.RefObject<HTMLUListElement>;
     searchQuery?: string;
-    setSearchQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
+    setSearchQuery: React__default.Dispatch<React__default.SetStateAction<string>>;
 };
 declare const SelectionProvider: (props: SelectionProviderProps) => JSX.Element;
 declare const useSelectionContext: () => SelectionProviderContextType;
-declare const SelectionConsumer: ({ children, }: React$1.ConsumerProps<SelectionProviderContextType>) => JSX.Element;
+declare const SelectionConsumer: ({ children, }: React__default.ConsumerProps<SelectionProviderContextType>) => JSX.Element;
 
 type MenuPopupProps = {
     isLoading?: boolean;
-    loadingSkeleton?: React$1.ReactNode;
-    children: React$1.ReactNode;
+    loadingSkeleton?: React__default.ReactNode;
+    children: React__default.ReactNode;
 };
 
 type SelectionProps = {
@@ -921,8 +1231,8 @@ type SelectionProps = {
     onSearchInputChange?: (searchInput: string) => void;
 };
 type FilterMultiSelectProps = {
-    trigger: (value?: MenuTriggerProviderContextType) => React$1.ReactNode;
-    children: (value?: SelectionProviderContextType) => React$1.ReactNode;
+    trigger: (value?: MenuTriggerProviderContextType) => React__default.ReactNode;
+    children: (value?: SelectionProviderContextType) => React__default.ReactNode;
 } & Omit<MenuPopupProps, "children"> & Omit<MenuTriggerProviderProps, "children"> & SelectionProps;
 declare const FilterMultiSelect: {
     ({ trigger, children, isOpen, defaultOpen, onOpenChange, isLoading, loadingSkeleton, label, items, selectedKeys, defaultSelectedKeys, onSelectionChange, selectionMode, onSearchInputChange, }: FilterMultiSelectProps): JSX.Element;
@@ -984,7 +1294,7 @@ declare const getTruncatedLabels: (labels: string[], limit: number) => string;
 
 declare const getSelectedOptionLabels: (keys?: Selection, items?: ItemType[]) => string[];
 
-declare const getSelectedOptionKeys: (keys?: Selection, items?: ItemType[]) => React$1.Key[];
+declare const getSelectedOptionKeys: (keys?: Selection, items?: ItemType[]) => React__default.Key[];
 
 type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKeys" | "trigger"> & {
     id?: string;
@@ -1027,7 +1337,7 @@ type OptionProps<Option extends SelectOption = SelectOption> = {
 type SelectPopoverContentsProps<Option extends SelectOption> = {
     children?: (args: {
         items: Array<SelectItemNode<Option>>;
-    }) => React$1.ReactNode;
+    }) => React__default.ReactNode;
     menuProps: AriaListBoxOptions<SelectItem<Option>>;
 };
 
@@ -1039,7 +1349,7 @@ type FilterSelectProps<Option extends SelectOption = SelectOption> = {
     label: string;
     children?: SelectPopoverContentsProps<Option>["children"];
     items: Array<SelectItem<Option>>;
-} & OverrideClassName<Omit<SelectProps<Option>, OmittedAriaSelectProps>>;
+} & OverrideClassName<Omit<SelectProps$1<Option>, OmittedAriaSelectProps>>;
 declare const FilterSelect: {
     <Option extends SelectOption = SelectOption>({ isOpen, setIsOpen, renderTrigger, label, children, items, classNameOverride, selectedKey, ...restProps }: FilterSelectProps<Option>): JSX.Element;
     displayName: string;
@@ -1681,327 +1991,620 @@ 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;
+type BaseProps = {
+    /**
+     *  Refer to the Base Illustration Sticker Sheet in Heart UI Kit
+     */
+    name: string;
+    /**
+     * Only provide if there is context/text required surrounding this illustration.
+     * @default ""
+     */
+    alt?: string;
+    /**
+     * Aspect ratio that is set on the illustration in Scene/Spot which wraps the
+     * component in a container, forcing the aspect ratio.
+     */
+    aspectRatio?: "landscape" | "portrait" | "square";
+} & OverrideClassName<HTMLAttributes<HTMLImageElement>>;
+
+type SpotProps = Pick<BaseProps, "alt" | "classNameOverride"> & {
+    enableAspectRatio?: boolean;
+};
+/**
+ * Template Library / Moods
+ */
+declare const Cautionary: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Informative: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Negative: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Positive: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Assertive: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+/**
+ * Template Library / Engagement
+ */
+declare const BenefitsSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const CustomSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const CustomUnattributedSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const EngagementSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const InclusionSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const QuickEngagementSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ValuesSurvey1: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ValuesSurvey2: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const WellbeingSurvey1: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const WellbeingSurvey2: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const WellbeingSurvey3: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ChangeReadiness: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ChangeSuccess: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const PerformanceDiagnostics: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const LeadingThroughCrisis: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const EmergencyResponse: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+/**
+ * Template Library / Experience
+ */
+declare const CandidateSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const CustomOnboardSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ExitSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const InternSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const PhasedWeek1OnboardSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const PhasedWeek5OnboardSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const SinglePointOnboardSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const GeneralOnboardSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const RemoteOnboardSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const HealthAndSafety: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const EndOfProbation: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const NewWaysOfWorking: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ReOnboarding: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+/**
+ * Template Library / Performance
+ */
+declare const Individual360: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Leadership360: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Manager360: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Individual180: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Leadership180: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Manager180: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const TeamEffectiveness1: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const TeamEffectiveness2: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+/**
+ * Offices
+ */
+declare const London: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Melbourne: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const NewYork: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const SanFrancisco: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+/**
+ * Values
+ */
+declare const AmplifyOthers: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const HaveTheCourageToBeVulnerable: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const LearnFasterThroughFeedback: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const TrustOthersToMakeDecisions: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+/**
+ * Template Library / COVID-19
+ */
+declare const WellbeingSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Response: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const RemoteWorkQSet: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ReturnToWorkplace: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const PulseSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+/**
+ * New Account
+ */
+declare const AccountBasics: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const CompanyDetails: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const EmployeeData: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Gdpr: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Timezone: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const AddUser: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+/**
+ * Skills Coach (previously referred to as Manager Learning)
+ */
+declare const Strategy: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Resilience: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const EssentialResilience: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const RemoteManager: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Productivity: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const EssentialProductivity: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const InfluentialCommunication: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const LeadingChange: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ManagerLearning: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Feedback: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Coaching: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const OneOnOne: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+/**
+ * Miscellaneous
+ */
+declare const ActionPlans: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const BCorp: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Behaviour: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ChangeAgents: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Communications: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Community: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Company: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Conversations: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const DataVisualization: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Goals: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Insights: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Learn: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Microphone: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const PaperPen: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const PowerfulInsights: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Privacy: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Process: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Resources: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ScienceBackedTools: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const SkillsDevelopment: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ViewReports: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ReadArticle: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const FastAction: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const BaselineSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const SpreadsheetTemplate: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const AddImage: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const MeetingVoices: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Workshop: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Video: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ReportSharing: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const BlankSurvey: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const TakeAim: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Action: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Training1: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Training2: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Training3: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ShareReport: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Team1: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Team2: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Templates: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ExecutiveReportSharing: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ManagerReportSharing: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const LeaderReportSharing: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Alarm: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Fire: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Fireworks: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const FullImport: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const HrisImport: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const PartialImport: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Starburst: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Stop: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const TrafficCone: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Trophy: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const UnderConstruction: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const ValueAdd: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Recommendation: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const Objective: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+declare const CalendarSync: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
+
+type KaizenProviderProps = {
+    children: React__default.ReactNode;
+    locale?: string;
+};
+declare const KaizenProvider: {
+    ({ children, locale, }: KaizenProviderProps): JSX.Element;
+    displayName: string;
+};
+
+type LabelType = "text" | "checkbox" | "toggle" | "radio";
+type LabelProps = {
+    children?: React__default.ReactNode;
+    labelText?: string | React__default.ReactNode;
+    labelType?: LabelType;
+    labelPosition?: "start" | "end";
     reversed?: boolean;
-    type?: InputType;
-} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
-declare const Input: {
-    ({ inputRef, status, startIconAdornment, endIconAdornment, reversed, type, value, defaultValue, classNameOverride, disabled, ...restProps }: InputProps): JSX.Element;
+    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 InputRangeProps = {
-    id: string;
-    defaultValue?: number;
-    value?: number;
-    minLabel: ReactNode;
-    maxLabel: ReactNode;
-    min?: number;
-    max?: number;
-} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
+type LabelledMessageProps = {
+    label: string | React__default.ReactElement;
+    message: string | React__default.ReactElement;
+} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
+declare const LabelledMessage: {
+    ({ label, message, classNameOverride, ...restProps }: LabelledMessageProps): JSX.Element;
+    displayName: string;
+};
+
+type LoadingGraphicSize = "small" | "medium" | "large" | "xlarge" | "xxlarge" | "scene";
+type LoadingGraphicProps = {
+    isAnimated?: boolean;
+    isReversed?: boolean;
+    size: LoadingGraphicSize;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 /**
- * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinggraphic--docs Storybook}
  */
-declare const InputRange: {
-    ({ id, defaultValue, value, minLabel, maxLabel, min, max, onChange, "aria-describedby": ariaDescribedby, classNameOverride, disabled, readOnly, ...restProps }: InputRangeProps): JSX.Element;
+declare const LoadingGraphic: {
+    ({ isAnimated, isReversed, size, classNameOverride, ...props }: LoadingGraphicProps): JSX.Element;
     displayName: string;
 };
 
-type InputSearchProps = {
-    id: string;
-    reversed?: boolean;
-    loading?: boolean;
-    secondary?: boolean;
-    onClear?: () => void;
-} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue">>;
-declare const InputSearch: {
-    (props: InputSearchProps): JSX.Element;
+type LoadingHeadingProps = {
+    variant: HeadingVariants;
+    isAnimated?: boolean;
+    isReversed?: boolean;
+    isLink?: boolean;
+    /**
+     * Width as a percentage.
+     */
+    width?: number;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingheading--docs Storybook}
+ */
+declare const LoadingHeading: {
+    ({ isAnimated, isReversed, width, isLink, classNameOverride, variant, ...props }: LoadingHeadingProps): JSX.Element;
     displayName: string;
 };
 
-type KaizenProviderProps<Theme extends Theme$1 = Theme$1> = {
-    children: React$1.ReactNode;
-    theme?: Theme;
-    locale?: string;
+type LoadingInputProps = {
+    isAnimated?: boolean;
+    isReversed?: boolean;
+    /**
+     * Width as a percentage.
+     */
+    width?: number;
+    /**
+     * Width as px.
+     */
+    height?: number;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinginput--docs Storybook}
+ */
+declare const LoadingInput: {
+    ({ isAnimated, isReversed, width, classNameOverride, height, ...props }: LoadingInputProps): JSX.Element;
+    displayName: string;
 };
-declare const KaizenProvider: {
-    ({ children, theme, locale, }: KaizenProviderProps): JSX.Element;
+
+type LoadingParagraphProps = {
+    isAnimated?: boolean;
+    isCentred?: boolean;
+    isReversed?: boolean;
+    isInline?: boolean;
+    noBottomMargin?: boolean;
+    isLink?: boolean;
+    inheritBaseline?: boolean;
+    /**
+     * Width as a percentage.
+     */
+    width?: number;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingparagraph--docs Storybook}
+ */
+declare const LoadingParagraph: {
+    ({ isAnimated, isCentred, isReversed, isInline, noBottomMargin, width, isLink, inheritBaseline, classNameOverride, ...restProps }: LoadingParagraphProps): JSX.Element;
     displayName: string;
 };
 
+type LoadingSpinnerProps = {
+    accessibilityLabel: string;
+    /**
+     * Generally use "md" unless spinner is inside a form field
+     */
+    size?: "sm" | "md";
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
 /**
- * Use a custom type for CSS properties becauase we should eventually write a more strongly typed version using template literal types.
- * This could definitely be contributed back to the community too. An example starting point here https://github.com/ghoullier/awesome-template-literal-types#css-parser
- * For example:
- * ```ts
- * type Font = {
- *   fontSize: `${number}rem`,
- *
- *  }
- * type HexDigit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F ;
- * type Color = `rgba(${number}, ${number}, ${number}, ${number}) | #${HexDigit}${HexDigit}${HexDigit}` // You get the point
- *
- * ```
- * */
-type KaizenCSSProperties = CSSProperties;
-type Hex = string;
-type TypographyFont = {
-    fontFamily: KaizenCSSProperties["fontFamily"];
-    fontWeight: KaizenCSSProperties["fontWeight"];
-    fontSize: KaizenCSSProperties["fontSize"];
-    lineHeight: KaizenCSSProperties["lineHeight"];
-    letterSpacing: KaizenCSSProperties["letterSpacing"];
-};
-type ThemeKey = "heart" | "custom";
-type Theme = {
-    themeKey: ThemeKey;
-    border: {
-        solid: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-            borderColor: KaizenCSSProperties["borderColor"];
-        };
-        dashed: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-        };
-        borderless: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-            borderColor: KaizenCSSProperties["borderColor"];
-        };
-        focusRing: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-        };
-    };
-    animation: {
-        easingFunction: {
-            easeInOut: string;
-            easeIn: string;
-            easeOut: string;
-            linear: string;
-            bounceIn: string;
-            bounceOut: string;
-            bounceInOut: string;
-        };
-        duration: {
-            instant: string;
-            immediate: string;
-            rapid: string;
-            fast: string;
-            slow: string;
-            deliberate: string;
-        };
-    };
-    color: {
-        purple: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-            "800": Hex;
-        };
-        blue: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        green: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        yellow: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        red: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        orange: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        gray: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-        };
-        white: Hex;
-    };
-    dataViz: {
-        favorable: Hex;
-        unfavorable: Hex;
-    };
-    layout: {
-        contentMaxWidth: string;
-        contentMaxWidthWithSidebar: string;
-        contentSideMargin: string;
-        mobileActionsDrawerHeight: string;
-        navigationBarHeight: string;
-        breakpoints: {
-            medium: string;
-            large: string;
-        };
-    };
-    shadow: {
-        small: {
-            boxShadow: string;
-        };
-        large: {
-            boxShadow: string;
-        };
-    };
-    spacing: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-        xxxxl: string;
-        xxxxxl: string;
-        0: string;
-        1: string;
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-        32: string;
-        40: string;
-        48: string;
-        56: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-        112: string;
-        128: string;
-        160: string;
-        200: string;
-        240: string;
-        280: string;
-        320: string;
-    };
-    typography: {
-        dataLarge: TypographyFont;
-        dataLargeUnits: TypographyFont;
-        dataMedium: TypographyFont;
-        dataMediumUnits: TypographyFont;
-        dataSmall: TypographyFont;
-        dataSmallUnits: TypographyFont;
-        display0: TypographyFont;
-        heading1: TypographyFont;
-        heading2: TypographyFont;
-        heading3: TypographyFont;
-        heading4: TypographyFont;
-        heading5: TypographyFont;
-        heading6: TypographyFont;
-        paragraphIntroLede: TypographyFont;
-        paragraphBody: TypographyFont;
-        paragraphSmall: TypographyFont;
-        paragraphExtraSmall: TypographyFont;
-        paragraphBold: {
-            fontWeight: KaizenCSSProperties["fontWeight"];
-        };
-        buttonPrimary: TypographyFont;
-        buttonSecondary: TypographyFont;
-    };
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093253/Loading+Spinner Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-loadingspinner--docs Storybook}
+ */
+declare const LoadingSpinner: {
+    ({ accessibilityLabel, size, classNameOverride, ...props }: LoadingSpinnerProps): JSX.Element;
+    displayName: string;
+};
+
+type StatelessMenuProps = {
+    /**
+     * Whether the menu is to be used on the left or right
+     * side of the viewport. If left, the left of the dropdown
+     * is aligned to the left of the button (and vice versa)
+     * @default "left"
+     */
+    align?: "left" | "right";
+    /**
+     * The width of the dropdown.
+     * "default": a fixed width of 248px
+     * "contain": contain the children's width (will be same width as children)
+     * @default "default"
+     */
+    dropdownWidth?: "default" | "contain";
+    /**
+     * @deprecated use data-testid instead
+     */
+    automationId?: string;
+    "data-testid"?: string;
+    dropdownId?: string;
+    /**
+     * Determines when the menu should automatically hide.
+     * @default: "on"
+     */
+    autoHide?: "on" | "outside-click-only" | "off";
+    /**
+     * The content to appear inside the dropdown when it is open
+     */
+    children: React__default.ReactNode;
+    /**
+     * Render the tooltip inside a react portal, given the CSS selector.
+     * This is typically used for instances where the menu is a descendant of an
+     * `overflow: scroll` or `overflow: hidden` element.
+     */
+    portalSelector?: string;
+    isMenuVisible: boolean;
+    toggleMenuDropdown: () => void;
+    hideMenuDropdown: () => void;
+    renderButton: (args: {
+        onClick: (e: any) => void;
+        onMouseDown: (e: any) => void;
+        "aria-haspopup": boolean;
+        "aria-expanded": boolean;
+    }) => React__default.ReactElement;
+    onClick?: (event: SyntheticEvent) => void;
+};
+declare const StatelessMenu: {
+    ({ align, dropdownWidth, autoHide, "data-testid": dataTestId, dropdownId, children, portalSelector, isMenuVisible, toggleMenuDropdown, hideMenuDropdown, renderButton, onClick, }: StatelessMenuProps): JSX.Element;
+    displayName: string;
+};
+
+type ButtonPropsWithOptionalAria = ButtonProps & {
+    "aria-haspopup"?: boolean;
+    "aria-expanded"?: boolean;
+};
+type MenuProps = Omit<StatelessMenuProps, "renderButton" | "hideMenuDropdown" | "toggleMenuDropdown" | "isMenuVisible"> & {
+    /**
+     * The initial state of the dropdown. Once initalised, further changes to this
+     * prop will not have any affect, as the state is handled internally to the component.
+     * @default: false
+     */
+    menuVisible?: boolean;
+    /**
+     * Takes any ReactElement with button props but is most commonly used with a Kaizen `<Button>` or `<IconButton>` component.
+     */
+    button: React__default.ReactElement<ButtonPropsWithOptionalAria>;
 };
-type DeepMapObjectLeafs<T, LeafType> = T extends string | number | bigint | boolean | symbol | null | undefined | ((...params: any[]) => any) ? LeafType : T extends Record<any, any> ? {
-    [Key in keyof T]: DeepMapObjectLeafs<T[Key], LeafType>;
-} : T;
 /**
- * Apologies for the complex types.
- * This type represents the Theme type but with every leaf value in the tree mapped strictly to a string, rather than a number or a more complex type such as a string union.
- * The reason for this is to have a more accurate type for the generated hierarchy of design tokens which are represented as CSS custom properties, e.g. `var(--color-purple-800)`.
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082059782/Menu Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-menu--docs Storybook}
  */
-type CSSVariableTheme = DeepMapObjectLeafs<Theme, string>;
+declare const Menu: {
+    ({ button, menuVisible, ...rest }: MenuProps): JSX.Element;
+    displayName: string;
+};
 
-declare const heartTheme: Theme;
+type MenuHeadingProps = {
+    children: React__default.ReactNode;
+} & Partial<HeadingProps>;
+declare const MenuHeading: {
+    ({ id, classNameOverride, ...restProps }: MenuHeadingProps): JSX.Element;
+    displayName: string;
+};
 
-declare const defaultTheme: Theme;
+type MenuItemProps = {
+    label: string;
+    href?: string;
+    target?: string;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+    icon?: JSX.Element;
+    destructive?: boolean;
+    disabled?: boolean;
+    /**
+     * @deprecated use data-testid
+     */
+    automationId?: string;
+    /**
+     * Not recommended - this was added for use in exceptional cases like the navigation bar, which needs
+     * to highlight which page the user is currently on. By design, Menus don't have active items,
+     * because they are supposed to be a bunch of links/actions.
+     */
+    isActive?: boolean;
+    "data-testid"?: string;
+};
+declare const MenuItem: {
+    ({ label, icon, destructive, disabled, onClick, href, target, isActive, "data-testid": dataTestId, }: MenuItemProps): JSX.Element;
+    displayName: string;
+};
 
-declare const ThemeContext: React$1.Context<any>;
+type MenuListProps = {
+    heading?: JSX.Element;
+    children: React__default.ReactNode;
+} & OverrideClassName<HTMLAttributes<HTMLUListElement>>;
+declare const MenuList: {
+    (props: MenuListProps): JSX.Element;
+    displayName: string;
+};
+
+type ConfirmationModalProps = {
+    isOpen: boolean;
+    unpadded?: boolean;
+    /**
+     * To display the Prominent variation of the modal types
+     */
+    isProminent?: boolean;
+    /**
+     * Defines the modal type or mood
+     */
+    mood: Mood$1;
+    title: string;
+    onConfirm?: () => void;
+    onDismiss: () => void;
+    onAfterLeave?: () => void;
+    confirmLabel?: string;
+    dismissLabel?: string;
+    confirmWorking?: {
+        label: string;
+        labelHidden?: boolean;
+    };
+    /**
+     * @deprecated Please use data-testid
+     */
+    automationId?: string;
+    children: React__default.ReactNode;
+} & HTMLAttributes<HTMLDivElement>;
+type Mood$1 = "positive" | "informative" | "negative" | "cautionary" | "assertive";
 /**
- * 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.
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}
  */
-declare const ThemeProvider: <Theme extends Theme = Theme>({ theme: userTheme, ...props }: {
-    theme?: Theme | undefined;
-    children: React$1.ReactNode;
-}) => JSX.Element;
-declare const useTheme: <Theme extends Theme = Theme>() => Theme;
+declare const ConfirmationModal: {
+    ({ isOpen, isProminent, unpadded, mood, title, onConfirm, onAfterLeave, confirmLabel, dismissLabel, confirmWorking, onDismiss: propsOnDismiss, children, ...props }: ConfirmationModalProps): JSX.Element;
+    displayName: string;
+};
 
-type LabelType = "text" | "checkbox" | "toggle" | "radio";
-type LabelProps = {
-    children?: React$1.ReactNode;
-    labelText?: string | React$1.ReactNode;
-    labelType?: LabelType;
-    labelPosition?: "start" | "end";
+type ContextModalSecondaryActionProps = {
+    secondaryLabel: string;
+    onSecondaryAction: () => void;
+} | {
+    secondaryLabel?: undefined;
+};
+type ContextModalProps = Readonly<{
+    isOpen: boolean;
+    unpadded?: boolean;
+    /**
+     * Defines the orientation layout of the image and content
+     */
+    layout?: "portrait" | "landscape";
+    title: string;
+    onConfirm?: () => void;
+    onDismiss: () => void;
+    onAfterLeave?: () => void;
+    confirmLabel?: string;
+    confirmWorking?: {
+        label: string;
+        labelHidden?: boolean;
+    };
+    /**
+     * @deprecated use data-testid instead
+     */
+    automationId?: string;
+    renderBackground?: () => React__default.ReactNode;
+    image?: React__default.ReactNode;
+    children: React__default.ReactNode;
+    contentHeader?: React__default.ReactNode;
+} & ContextModalSecondaryActionProps & HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}
+ */
+declare const ContextModal: {
+    ({ isOpen, unpadded, layout, title, onConfirm, onAfterLeave, confirmLabel, confirmWorking, renderBackground, children, contentHeader, image, ...props }: ContextModalProps): JSX.Element;
+    displayName: string;
+};
+
+type GenericModalProps = {
+    id?: string;
+    isOpen: boolean;
+    children: React__default.ReactNode;
+    focusLockDisabled?: boolean;
+    onEscapeKeyup?: (event: KeyboardEvent) => void;
+    onOutsideModalClick?: (event: React__default.MouseEvent) => void;
+    onAfterLeave?: () => void;
+};
+declare const GenericModal: {
+    ({ id: propsId, children, isOpen, focusLockDisabled, onEscapeKeyup, onOutsideModalClick, onAfterLeave: propsOnAfterLeave, }: GenericModalProps): JSX.Element;
+    displayName: string;
+};
+
+type ModalContextType = {
+    labelledByID: string;
+    describedByID: string;
+};
+declare const ModalContext: React$1.Context<ModalContextType>;
+
+type ModalAccessibleDescriptionProps = {
+    children: React__default.ReactNode;
+};
+declare const ModalAccessibleDescription: {
+    ({ children, }: ModalAccessibleDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+type ActionsVariantProps = "context" | "inputEdit";
+type ModalFooterProps = {
+    /**
+     * We have a special case for the InformationModal when it has an image.
+     * Since this modal may have an image on the right side the actions might look disconected from the content.
+     * So for this instance we need to flip the order of the actions so that the primary
+     * action is anchored to the left edge of the modal.
+     * For this rare instance added the variant prop as optional to update the order of action buttons.
+     */
+    variant?: ActionsVariantProps;
+    unpadded?: boolean;
+    actions: ButtonProps[];
+    appearance?: "primary" | "destructive";
+    /**
+     * @deprecated Please use data-testid
+     */
+    automationId?: string;
+    alignStart?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+declare const ModalFooter: {
+    ({ unpadded, actions, appearance, alignStart, variant, ...props }: ModalFooterProps): JSX.Element;
+    displayName: string;
+};
+
+type ModalHeaderProps = {
+    unpadded?: boolean;
     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;
+    onDismiss?: (evt: React__default.MouseEvent) => void;
+    children: React__default.ReactNode;
+};
+declare const ModalHeader: {
+    ({ reversed, onDismiss, children, }: ModalHeaderProps): JSX.Element;
     displayName: string;
 };
 
-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;
+type ModalAccessibleLabelProps = {
+    children: React__default.ReactNode;
+    isProminent?: boolean;
+};
+declare const ModalAccessibleLabel: {
+    ({ children, isProminent, }: ModalAccessibleLabelProps): JSX.Element;
+    displayName: string;
+};
+
+type ModalBodyProps = {
+    inputEdit?: boolean;
+    children: React__default.ReactNode;
+};
+declare const ModalBody: {
+    ({ inputEdit, children, }: ModalBodyProps): JSX.Element;
+    displayName: string;
+};
+
+type InputEditModalProps = {
+    isOpen: boolean;
+    unpadded?: boolean;
+    mood: "positive" | "destructive";
+    title: string;
+    onSubmit: () => void;
+    onSecondaryAction?: () => void;
+    onDismiss: () => void;
+    onAfterLeave?: () => void;
+    localeDirection?: "rtl" | "ltr";
+    submitLabel?: string;
+    dismissLabel?: string;
+    secondaryLabel?: string;
+    /**
+     * @deprecated Please use data-testid
+     */
+    automationId?: string;
+    children: React__default.ReactNode;
+    submitWorking?: {
+        label: string;
+        labelHidden?: boolean;
+    };
+} & HTMLAttributes<HTMLDivElement>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
+ */
+declare const InputEditModal: {
+    ({ isOpen, mood, title, onSubmit, onSecondaryAction, onAfterLeave, localeDirection, submitLabel, dismissLabel, secondaryLabel, submitWorking, children, unpadded, onDismiss: propsOnDismiss, ...props }: InputEditModalProps): JSX.Element;
     displayName: string;
 };
 
@@ -2009,7 +2612,7 @@ type NotificationType = "positive" | "informative" | "cautionary" | "negative" |
 
 type InlineNotificationProps = OverrideClassName<{
     type: NotificationType;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** @default false */
     persistent?: boolean;
     /** @default false */
@@ -2024,33 +2627,134 @@ type InlineNotificationProps = OverrideClassName<{
  * {@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;
+declare const InlineNotification: {
+    ({ isSubtle, hideCloseIcon, persistent, classNameOverride, ...otherProps }: InlineNotificationProps): JSX.Element;
+    displayName: string;
+};
+
+type GlobalNotificationProps = OverrideClassName<{
+    type: NotificationType;
+    children: React__default.ReactNode;
+    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;
+};
+
+type PaginationProps = {
+    currentPage: number;
+    pageCount: number;
+    ariaLabelNextPage: string;
+    ariaLabelPreviousPage: string;
+    ariaLabelPage: string;
+    onPageChange: (newPage: number) => void;
+} & OverrideClassName<HTMLAttributes<HTMLElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-pagination--docs Storybook}
+ */
+declare const Pagination: ({ currentPage, pageCount, ariaLabelNextPage, ariaLabelPreviousPage, ariaLabelPage, onPageChange, classNameOverride, ...restProps }: PaginationProps) => JSX.Element;
+
+type DirectionalLinkProps = {
+    label: string;
+    disabled?: boolean;
+    direction: "prev" | "next" | "start" | "end";
+} & GenericProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}
+ */
+declare const DirectionalLink: {
+    (props: DirectionalLinkProps): JSX.Element;
+    defaultProps: {
+        reversed: boolean;
+        disabled: boolean;
+    };
+    displayName: string;
+};
+
+type PaginationLinkProps = GenericProps & {
+    pageNumber: number;
+    isActive?: boolean;
+    "aria-label": string;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}
+ */
+declare const PaginationLink: {
+    ({ pageNumber, ...restProps }: PaginationLinkProps): JSX.Element;
+    defaultProps: {
+        reversed: boolean;
+        isActive: boolean;
+    };
     displayName: string;
 };
 
-type GlobalNotificationProps = OverrideClassName<{
-    type: NotificationType;
-    children: React$1.ReactNode;
-    onHide?: () => void;
-    persistent?: boolean;
-}>;
+type PopoverVariant = "default" | "informative" | "positive" | "negative" | "cautionary";
+type PopoverSize = "small" | "large";
+declare const popoverPlacements: readonly ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end", "left", "right"];
+type Placement = (typeof popoverPlacements)[number];
+
+type PopoverProps = {
+    children: React__default.ReactNode;
+    variant?: PopoverVariant;
+    placement?: Placement;
+    size?: PopoverSize;
+    heading?: string;
+    dismissible?: boolean;
+    onClose?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    singleLine?: boolean;
+    /**
+     * For almost all intents and purposes, you should be using a pre-defined variant.
+     * Please avoid using a custom icon unless you have a very good reason to do so.
+     */
+    customIcon?: JSX.Element;
+    referenceElement: HTMLElement | null;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 /**
- * {@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}
+ * {@link https://cultureamp.design/components/popover/ Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}
  */
-declare const GlobalNotification: {
-    ({ persistent, ...props }: GlobalNotificationProps): JSX.Element;
+declare const Popover: {
+    ({ children, variant, placement, size, heading, dismissible, onClose, singleLine, customIcon, referenceElement, classNameOverride, ...restProps }: PopoverProps): JSX.Element;
     displayName: string;
 };
+type PopoverPropsWithoutRef = Omit<PopoverProps, "referenceElement">;
+/**
+ * How to use:
+ *
+ * const [referenceElementRef, Popover] = usePopover()
+ *
+ * return (<>
+ *   <button ref={referenceElementRef}>
+ *     Hello world
+ *   </button>
+ *   <Popover>Hello world</Popover>
+ * </>)
+ *
+ * The purpose of this hook is to abstract away some of the awkwardness with the
+ * requirement of passing in refs with popper. We need to use `useState` instead
+ * of `useRef`, which may not be immediately intuitive.
+ *
+ * The popper documentation to help provide more context:
+ *   https://popper.js.org/react-popper/v2/hook/
+ */
+declare const usePopover: () => [(element: HTMLElement | null) => void, (props: PopoverPropsWithoutRef) => JSX.Element | null];
 
-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.
-     */
+type RadioProps = OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "name" | "value" | "checked" | "type">> & {
+    /** Required to ensure the Radio always gets an ID to match a label when composed. */
     id: string;
+    /** Unique identifier for the group this Radio belongs to. Required for keyboard navigation of the group. See also [Defining a radio group](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#defining_a_radio_group) on MDN. E.g. the question ID for which this is one possible answer to. */
     name: string;
-    value: string;
+    /** The value for this form field when this radio button is selected. */
+    value?: string | readonly string[] | number;
     selectedStatus?: boolean;
     reversed?: boolean;
 };
@@ -2061,7 +2765,7 @@ declare const Radio: {
 
 type RadioFieldProps = Omit<RadioProps, "id"> & {
     id?: string;
-    labelText: string | React$1.ReactNode;
+    labelText: string | React__default.ReactNode;
     selectedStatus?: boolean;
     disabled?: boolean;
     reversed?: boolean;
@@ -2077,15 +2781,15 @@ declare const RadioField: {
 };
 
 type RadioGroupProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
-    children?: React$1.ReactNode;
-    labelText: string | React$1.ReactNode;
+    children?: React__default.ReactNode;
+    labelText: string | React__default.ReactNode;
     labelId?: string;
     noBottomMargin?: boolean;
     reversed?: boolean;
-    "data-testId"?: string;
+    "data-testid"?: string;
 };
 declare const RadioGroup: {
-    ({ children, labelId: propsLabelId, labelText, noBottomMargin, reversed, classNameOverride, "data-testId": dataTestId, ...restProps }: RadioGroupProps): JSX.Element;
+    ({ children, labelId: propsLabelId, labelText, noBottomMargin, reversed, classNameOverride, "data-testid": dataTestId, ...restProps }: RadioGroupProps): JSX.Element;
     displayName: string;
 };
 
@@ -2105,6 +2809,165 @@ declare const SearchField: {
     displayName: string;
 };
 
+type SelectProps = {
+    /**
+     * The secondary variant is a more subdued variant that takes up as little space as possible
+     * `variant="secondary" reversed="false" is not implemented and will throw a "not implemented" error
+     * @default "default"
+     */
+    variant?: "default" | "secondary" | "secondary-small";
+    status?: "default" | "error";
+    label?: React__default.ReactNode;
+    validationMessage?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    /**
+     * Use a reversed colour scheme
+     * @default false
+     */
+    reversed?: boolean;
+    /**
+     * Whether the "select control" (the button you click to open the menu) width fills the
+     * full width of  the container or is as wide as the selected option text.
+     * Note that the control text will ellipsize if it is wider than the parent container.
+     * @default false
+     */
+    fullWidth?: boolean;
+} & Props<any, boolean>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
+ */
+declare const Select: React__default.ForwardRefExoticComponent<{
+    /**
+     * The secondary variant is a more subdued variant that takes up as little space as possible
+     * `variant="secondary" reversed="false" is not implemented and will throw a "not implemented" error
+     * @default "default"
+     */
+    variant?: "default" | "secondary" | "secondary-small" | undefined;
+    status?: "error" | "default" | undefined;
+    label?: React__default.ReactNode;
+    validationMessage?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    /**
+     * Use a reversed colour scheme
+     * @default false
+     */
+    reversed?: boolean | undefined;
+    /**
+     * Whether the "select control" (the button you click to open the menu) width fills the
+     * full width of  the container or is as wide as the selected option text.
+     * Note that the control text will ellipsize if it is wider than the parent container.
+     * @default false
+     */
+    fullWidth?: boolean | undefined;
+} & Omit<Pick<react_select_dist_declarations_src_Select.Props<any, boolean, react_select.GroupBase<any>>, "className" | "id" | "name" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "form" | "autoFocus" | "value" | "required" | "inputValue" | "onInputChange" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    placeholder?: React__default.ReactNode;
+    classNames?: react_select.ClassNamesConfig<any, boolean, react_select.GroupBase<any>> | undefined;
+    styles?: react_select.StylesConfig<any, boolean, react_select.GroupBase<any>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<any, boolean, react_select.GroupBase<any>>> | undefined;
+    options?: react_select.OptionsOrGroups<any, react_select.GroupBase<any>> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<any>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: react_select.GroupBase<any>) => React__default.ReactNode) | undefined;
+    getOptionLabel?: react_select.GetOptionLabel<any> | undefined;
+    getOptionValue?: react_select.GetOptionValue<any> | undefined;
+    isOptionDisabled?: ((option: any, selectValue: react_select.Options<any>) => boolean) | undefined;
+    isMulti?: boolean | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React__default.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React__default.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    pageSize?: number | undefined;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    tabSelectsValue?: boolean | undefined;
+    unstyled?: boolean | undefined;
+} & {}, "onChange" | "value" | "inputValue" | "onInputChange" | "menuIsOpen" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<react_select_dist_declarations_src_Select.Props<any, boolean, react_select.GroupBase<any>>, "className" | "id" | "name" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "form" | "autoFocus" | "value" | "required" | "inputValue" | "onInputChange" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    placeholder?: React__default.ReactNode;
+    classNames?: react_select.ClassNamesConfig<any, boolean, react_select.GroupBase<any>> | undefined;
+    styles?: react_select.StylesConfig<any, boolean, react_select.GroupBase<any>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<any, boolean, react_select.GroupBase<any>>> | undefined;
+    options?: react_select.OptionsOrGroups<any, react_select.GroupBase<any>> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<any>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: react_select.GroupBase<any>) => React__default.ReactNode) | undefined;
+    getOptionLabel?: react_select.GetOptionLabel<any> | undefined;
+    getOptionValue?: react_select.GetOptionValue<any> | undefined;
+    isOptionDisabled?: ((option: any, selectValue: react_select.Options<any>) => boolean) | undefined;
+    isMulti?: boolean | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React__default.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React__default.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    pageSize?: number | undefined;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    tabSelectsValue?: boolean | undefined;
+    unstyled?: boolean | undefined;
+} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<any> & React__default.RefAttributes<any>>;
+interface AsyncProps extends AsyncProps$1<any, boolean, any>, Props<any, boolean, any> {
+}
+declare const AsyncSelect: React__default.ForwardRefExoticComponent<AsyncProps & React__default.RefAttributes<any>>;
+
+type Variant = "default" | "education";
+type SkirtProps = {
+    children: React__default.ReactNode;
+    variant?: Variant;
+    titleBlockHasNavigation?: boolean;
+} & ContentProps;
+declare const Skirt: {
+    ({ children, variant, titleBlockHasNavigation, classNameOverride, ...restProps }: SkirtProps): JSX.Element;
+    displayName: string;
+};
+
 type SliderFieldProps = {
     id?: string;
     labelText: ReactNode;
@@ -2123,6 +2986,157 @@ declare const Slider: {
     displayName: string;
 };
 
+type AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>;
+type ButtonAttributes = ButtonHTMLAttributes<HTMLButtonElement>;
+type AnchorButtonAttributes = AnchorAttributes & ButtonAttributes;
+type BaseButtonProps = {
+    label: string;
+    icon?: React__default.SVGAttributes<SVGSymbolElement>;
+    isReversed?: boolean;
+} & OverrideClassName<AnchorButtonAttributes>;
+
+type ActionButtonProps = Omit<BaseButtonProps, "icon">;
+
+type DropdownButtonProps = Omit<BaseButtonProps, "label" | "icon">;
+
+type SplitButtonProps = {
+    /**
+     * Props for primary action button (left).
+     * Allows all native button/anchor attributes.
+     */
+    actionButtonProps: ActionButtonProps & DataAttributes;
+    /**
+     * Props for dropdown menu button (right).
+     * Allows all native button/anchor attributes.
+     */
+    dropdownButtonProps?: DropdownButtonProps & DataAttributes;
+    /**
+     * Suggested components - MenuList > MenuItem
+     */
+    dropdownContent: React__default.ReactNode;
+    /**
+     * Sets the dropdown menu to be open on initial render.
+     */
+    isDropdownInitOpen?: boolean;
+    /**
+     * Disables both the primary action button and dropdown button.
+     */
+    disabled?: boolean;
+    /**
+     * Use the `reversed` styles.
+     */
+    isReversed?: boolean;
+    /**
+     * Text direction.
+     */
+    dir?: "ltr" | "rtl";
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896196/Split+Button Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-splitbutton--docs Storybook}
+ */
+declare const SplitButton: {
+    ({ actionButtonProps, dropdownButtonProps, dropdownContent, isDropdownInitOpen, disabled, isReversed, dir, classNameOverride, ...restProps }: SplitButtonProps): JSX.Element;
+    displayName: string;
+};
+
+type TableContainerProps = {
+    children?: React__default.ReactNode;
+    variant?: "compact" | "default" | "data";
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929256/Table Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-table--docs Storybook}
+ */
+declare const TableContainer: ({ variant, children, ...otherProps }: TableContainerProps) => JSX.Element;
+type TableHeaderProps = {
+    children?: React__default.ReactNode;
+};
+declare const TableHeader: ({ children, ...otherProps }: TableHeaderProps) => JSX.Element;
+type TableHeaderRowProps = {
+    children?: React__default.ReactNode;
+};
+/**
+ * @param width value between 1 and 0, to be calculated as a percentage
+ * @param flex CSS flex shorthand as a string. Be sure to specify the flex grow,
+ *        shrink, and basis, due to IE11 compatibility. eg. use "1 1 auto"
+ *        instead of just "1".
+ */
+type TableHeaderRowCellProps = {
+    labelText: string;
+    onClick?: ((e: React__default.MouseEvent<HTMLButtonElement>) => any) | ((e: React__default.MouseEvent<HTMLAnchorElement>) => any);
+    width?: number;
+    flex?: string;
+    href?: string;
+    icon?: ReactElement;
+    checkable?: boolean;
+    checkedStatus?: CheckedStatus;
+    onCheck?: (event: React__default.ChangeEvent<HTMLInputElement>) => any;
+    reversed?: boolean;
+    /**
+     * Shows an up or down arrow, to show that the column is sorted.
+     */
+    sorting?: "ascending" | "descending";
+    wrapping?: "nowrap" | "wrap";
+    align?: "start" | "center" | "end";
+    tooltipInfo?: string;
+    isTooltipIconHidden?: boolean;
+    /**
+     * Specify where the tooltip should be rendered.
+     */
+    tooltipPortalSelector?: string | undefined;
+    sortingArrowsOnHover?: "ascending" | "descending" | undefined;
+} & OverrideClassName<HTMLAttributes<HTMLElement>>;
+declare const TableHeaderRowCell: ({ labelText, onClick, href, width, flex, icon, checkable, checkedStatus, onCheck, reversed, sorting: sortingRaw, wrapping, align, tooltipInfo, isTooltipIconHidden, tooltipPortalSelector, sortingArrowsOnHover, classNameOverride, ...otherProps }: TableHeaderRowCellProps) => JSX.Element;
+type ButtonClickEvent = (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+type AnchorClickEvent = (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
+/**
+ * As the Card examples in Storybook take a TableRow,
+ * I opted to give the child the role="row" tag. That being
+ * said, while TableHeader has a role="rowgroup" as given
+ * in an example on the accessibility docs, I couldn't justify
+ * adding the same here as all rows look to be wrapped in the
+ * TableCard.
+ *
+ * It may mean that the consumer needs to add their own container
+ * around with the role="row". We could also just add it as a
+ * very simple component similar to TableHeader.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Table_Role
+ */
+type TableCardProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
+    onClick?: ButtonClickEvent | AnchorClickEvent;
+    expanded?: boolean;
+    expandedStyle?: "well" | "popout";
+    href?: string;
+    forceHoverState?: boolean;
+    children?: React__default.ReactNode;
+};
+declare const TableCard: ({ children, expanded, expandedStyle, onClick, href, forceHoverState, classNameOverride, ...otherProps }: TableCardProps) => JSX.Element;
+/**
+ * Aria roles like aria-rowindex can be added from
+ * the component consumer.
+ *
+ * @param {*} { children, classNameOverride, ...otherProps }
+ */
+type TableRowProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
+    children?: React__default.ReactNode;
+};
+declare const TableRow: ({ children, classNameOverride, ...otherProps }: TableRowProps) => JSX.Element;
+/**
+ * @param width value between 1 and 0, to be calculated as a percentage
+ * @param flex CSS flex shorthand as a string. Be sure to specify the flex grow,
+ *        shrink, and basis, due to IE11 compatibility. eg. use "1 1 auto"
+ *        instead of just "1".
+ */
+type TableRowCellProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
+    children?: React__default.ReactNode;
+    width?: number;
+    flex?: string;
+    href?: string;
+};
+declare const TableRowCell: ({ children, width, flex, href, classNameOverride, ...otherProps }: TableRowCellProps) => JSX.Element;
+
 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";
@@ -2148,6 +3162,196 @@ declare const Text: {
     displayName: string;
 };
 
+type OmittedInputProps = "startIconAdornment" | "endIconAdornment" | "ariaDescribedBy" | "ariaLabel";
+interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {
+    /**
+     * A short example of input text. For context or additional information use the `description` prop
+     */
+    labelText: React__default.ReactNode;
+    inline?: boolean;
+    icon?: JSX.Element;
+    /**
+     * A descriptive message for `error` or `caution` states
+     */
+    validationMessage?: string | React__default.ReactNode;
+    /**
+     * A description that provides context for the text field
+     */
+    description?: string | React__default.ReactNode;
+}
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}
+ */
+declare const TextField: {
+    ({ id: propsId, labelText, inline, icon, validationMessage, description, status, reversed, disabled, ...restProps }: TextFieldProps): JSX.Element;
+    displayName: string;
+};
+
+type TextAreaProps = {
+    textAreaRef?: React__default.RefObject<HTMLTextAreaElement>;
+    status?: "default" | "error" | "caution";
+    autogrow?: boolean;
+    reversed?: boolean;
+} & OverrideClassName<TextareaHTMLAttributes<HTMLTextAreaElement>>;
+declare const TextArea: {
+    ({ textAreaRef: propsTextAreaRef, status, autogrow, reversed, rows, defaultValue, value, disabled, onChange: propsOnChange, ...restProps }: TextAreaProps): JSX.Element;
+    displayName: string;
+};
+
+type TextAreaFieldProps = {
+    labelText: string | React__default.ReactNode;
+    inline?: boolean;
+    validationMessage?: string | React__default.ReactNode;
+    description?: string | React__default.ReactNode;
+    variant?: "default" | "prominent";
+} & TextAreaProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-text-area-field--docs Storybook}
+ */
+declare const TextAreaField: {
+    ({ labelText, inline, validationMessage, description, variant, id: propsId, reversed, status, disabled, ...restProps }: TextAreaFieldProps): JSX.Element;
+    displayName: string;
+};
+
+declare const moodsList: readonly ["positive", "informative", "cautionary", "assertive", "negative", "prominent"];
+type Moods = (typeof moodsList)[number];
+
+type TileAction = {
+    label: string;
+    onClick?: GenericButtonProps["onClick"];
+    href?: string;
+    icon?: JSX.Element;
+    /**
+     * @deprecated use data-testid instead
+     */
+    automationId?: string;
+    newTabAndIUnderstandTheAccessibilityImplications?: boolean;
+} & HTMLAttributes<HTMLButtonElement>;
+type TileInformation = {
+    text: string;
+    primaryAction?: TileAction;
+    secondaryAction?: TileAction;
+};
+type GenericTileProps = {
+    children?: React__default.ReactNode;
+    title: React__default.ReactNode;
+    titleTag?: AllowedHeadingTags;
+    metadata?: string;
+    information?: TileInformation | React__default.ReactNode;
+    mood?: Moods;
+    footer: React__default.ReactNode;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "title">>;
+
+type InformationTileProps = GenericTileProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#InformationTile%3A Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-tiles-informationtile--docs Storybook}
+ */
+declare const InformationTile: {
+    (props: InformationTileProps): JSX.Element;
+    displayName: string;
+};
+
+type MultiActionTileProps = {
+    primaryAction: TileAction;
+    secondaryAction?: TileAction;
+} & Omit<GenericTileProps, "footer">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#MultiActionTile.1 Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-tiles-multiactiontile--docs Storybook}
+ */
+declare const MultiActionTile: {
+    ({ children, primaryAction, secondaryAction, ...restProps }: MultiActionTileProps): JSX.Element;
+    displayName: string;
+};
+
+type TileProps = InformationTileProps | MultiActionTileProps;
+type TileElement = ReactElement<TileProps>;
+interface TileGridProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+    children: TileElement[] | TileElement;
+}
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#TileGrid Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-tiles-tilegrid--docs Storybook}
+ */
+declare const TileGrid: {
+    ({ children, classNameOverride, ...restProps }: TileGridProps): JSX.Element;
+    displayName: string;
+};
+
+type StatusType = "default" | "error";
+type ValueType = {
+    /**
+     * Supply hour in 24 hour format
+     */
+    hour: number | undefined;
+    minutes: number | undefined;
+};
+
+type OmittedTimeFieldProps = "errorMessage" | "validationState" | "value" | "onChange" | "label" | "hideTimeZone";
+type TimeFieldProps = {
+    id?: string;
+    /**
+     * Field label.
+     */
+    label: string;
+    /**
+     * Accepts any valid locale code (https://npm.io/package/locale-codes).
+     */
+    locale: string;
+    onChange: (value: ValueType | null) => void;
+    value: ValueType | null;
+    status?: StatusType;
+    validationMessage?: React__default.ReactNode;
+} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>;
+declare const TimeField: {
+    (props: TimeFieldProps): JSX.Element;
+    displayName: string;
+};
+
+type Position = "above" | "below" | "left" | "right";
+type Mood = "default" | "informative" | "positive" | "cautionary" | "highlight";
+type TooltipProps = {
+    /**
+     * Unfortunately, the content needed to be wrapped in a div. This can sometimes
+     * break the css layout. To get around this, we allow you to specify the css
+     * display value directly. If you need to need to modify more values, feel free
+     * to use the `classNameOverride` prop, but avoid it if you can.
+     */
+    display?: "block" | "inline" | "inline-block" | "flex" | "inline-flex";
+    /**
+     * This is more a "desired position". The tooltip will automatically change
+     * its position, if there's not enough room to show it in the one specified.
+     */
+    position?: Position;
+    /** The text content for the tooltip */
+    text: React__default.ReactNode;
+    /**
+     * This is the interactable element that is being described by the tooltip `text`
+     */
+    children?: React__default.ReactNode;
+    classNameOverride?: string;
+    mood?: Mood;
+    /**
+     * Render the tooltip inside a react portal, given the ccs selector.
+     * This is typically used for instances where the menu is a descendant of an
+     * `overflow: scroll` or `overflow: hidden` element.
+     */
+    portalSelector?: string;
+    /**
+     * Should the tooltip be visible on the first render. Useful for visual
+     * regression testing.
+     */
+    isInitiallyVisible?: boolean;
+    animationDuration?: number;
+};
+declare const Tooltip: {
+    ({ children, text, display, position, classNameOverride, portalSelector, animationDuration, isInitiallyVisible, mood, }: TooltipProps): JSX.Element;
+    displayName: string;
+};
+
 type ProgressStepperProps = {
     stepName: string;
     steps: [string, ...string[]];
@@ -2217,57 +3421,4 @@ declare const Workflow: {
     };
 };
 
-type OmittedInputProps = "startIconAdornment" | "endIconAdornment" | "ariaDescribedBy" | "ariaLabel";
-interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {
-    /**
-     * A short example of input text. For context or additional information use the `description` prop
-     */
-    labelText: React$1.ReactNode;
-    inline?: boolean;
-    icon?: JSX.Element;
-    /**
-     * A descriptive message for `error` or `caution` states
-     */
-    validationMessage?: string | React$1.ReactNode;
-    /**
-     * A description that provides context for the text field
-     */
-    description?: string | React$1.ReactNode;
-}
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}
- */
-declare const TextField: {
-    ({ id: propsId, labelText, inline, icon, validationMessage, description, status, reversed, disabled, ...restProps }: TextFieldProps): JSX.Element;
-    displayName: string;
-};
-
-type TextAreaProps = {
-    textAreaRef?: React$1.RefObject<HTMLTextAreaElement>;
-    status?: "default" | "error" | "caution";
-    autogrow?: boolean;
-    reversed?: boolean;
-} & OverrideClassName<TextareaHTMLAttributes<HTMLTextAreaElement>>;
-declare const TextArea: {
-    ({ textAreaRef: propsTextAreaRef, status, autogrow, reversed, rows, defaultValue, value, disabled, onChange: propsOnChange, ...restProps }: TextAreaProps): JSX.Element;
-    displayName: string;
-};
-
-type TextAreaFieldProps = {
-    labelText: string | React$1.ReactNode;
-    inline?: boolean;
-    validationMessage?: string | React$1.ReactNode;
-    description?: string | React$1.ReactNode;
-    variant?: "default" | "prominent";
-} & TextAreaProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-text-area-field--docs Storybook}
- */
-declare const TextAreaField: {
-    ({ labelText, inline, validationMessage, description, variant, id: propsId, reversed, status, disabled, ...restProps }: TextAreaFieldProps): JSX.Element;
-    displayName: string;
-};
-
-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, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextField, type TextFieldProps, 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 };
+export { AcademyIcon, AccountBasics, Action, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, ActionPlans, type ActiveFiltersArray, AddIcon, AddImage, AddLinkIcon, AddUser, AddWhiteIcon, AiIcon, Alarm, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, AmplifyOthers, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Assertive, AsyncSelect, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, BCorp, Badge, BadgeAnimated, type BadgeProps, BaselineSurvey, Behaviour, BenefitsSurvey, BlankIcon, BlankSurvey, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, type BrandMomentProps, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CaMonogramIcon, CalendarRange, type CalendarRangeElement, type CalendarRangeProps, CalendarSingle, type CalendarSingleElement, type CalendarSingleProps, CalendarSync, CameraIcon, CandidateSurvey, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Coaching, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, Communications, CommunicationsIcon, Community, Company, type CompanyAvatarProps, CompanyDetails, CompetencyLibraryIcon, ConfigureIcon, ConfirmationModal, type ConfirmationModalProps, ConnectIcon, ConnectLineIcon, Container, Content, type ContentProps, ContextModal, type ContextModalProps, type ContextModalSecondaryActionProps, Conversations, type CustomButtonProps, CustomIcon, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DashboardIcon, DataVisualization, DateEndIcon, DateEndWhiteIcon, DateFormat, DateInput, DateInputDescription, type DateInputDescriptionProps, type DateInputProps, DateInputWithIconButton, type DateInputWithIconButtonProps, type DateInputWithIconButtonRefs, DatePicker, type DatePickerProps, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangePicker, type DateRangePickerProps, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DayOfWeek, DecreaseIndentIcon, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, type DisabledDayMatchers, type DisabledDays, Divider, type DividerProps, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmergencyResponse, EmployeeData, EmptyIcon, EmptyState, type EmptyStateProps, EmptyWhiteIcon, EndIcon, EndOfProbation, EngagementIcon, EngagementSurvey, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, EssentialProductivity, EssentialResilience, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExecutiveReportSharing, ExitSurvey, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FastAction, FavoriteOffIcon, FavoriteOnIcon, Feedback, 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, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, Fire, Fireworks, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, FullImport, Gdpr, GeneralOnboardSurvey, type GenericAvatarProps, GenericModal, type GenericModalProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, Goals, GridViewIcon, GuidanceIcon, HamburgerIcon, HaveTheCourageToBeVulnerable, Heading, type HeadingProps, type HeadingVariants, HealthAndSafety, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, HrisImport, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, InclusionSurvey, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, Individual180, Individual360, InfluentialCommunication, InformationIcon, InformationTile, type InformationTileProps, InformationWhiteIcon, Informative, InlineNotification, type InlineNotificationProps, Input, InputEditModal, type InputEditModalProps, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, type InputStatusType, type InputType, InsightIcon, Insights, InsightsIcon, InternSurvey, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderReportSharing, LeaderboardIcon, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LoadingGraphic, type LoadingGraphicProps, type LoadingGraphicSize, LoadingHeading, type LoadingHeadingProps, LoadingInput, type LoadingInputProps, LoadingParagraph, type LoadingParagraphProps, LoadingSpinner, type LoadingSpinnerProps, LockIcon, LockWhiteIcon, LogOutIcon, London, Manager180, Manager360, ManagerLearning, ManagerReportSharing, type MappedFilters, MaximizeIcon, MeatballsIcon, MeetingVoices, Melbourne, Menu, type MenuFooterProps, MenuHeading, type MenuHeadingProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuLoadingSkeletonProps, type MenuProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, Microphone, MinimizeIcon, MinusIcon, ModalAccessibleDescription, type ModalAccessibleDescriptionProps, ModalAccessibleLabel, type ModalAccessibleLabelProps, ModalBody, type ModalBodyProps, ModalContext, type ModalContextType, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, MultiActionTile, type MultiActionTileProps, type MultiSelectItem, type MultiSelectOptionProps, NavigatorIcon, Negative, NewWaysOfWorking, NewYork, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, Objective, OneOnOne, OpenIcon, OpenWhiteIcon, OrganizationIcon, Pagination, PaginationLink, type PaginationLinkProps, type PaginationProps, PaperPen, PartialImport, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PerformanceDiagnostics, PermissionsIcon, PersonIcon, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, PhotoUploadIcon, Popover, type PopoverProps, Positive, PowerIcon, PowerfulInsights, PrintIcon, PrintWhiteIcon, Privacy, Process, ProcessManagerIcon, Productivity, PromotionIcon, PromotionWhiteIcon, PulseSurvey, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, QuickEngagementSurvey, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, ReOnboarding, ReadArticle, Recommendation, RedoIcon, RefreshIcon, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharing, ReportSharingIcon, Resilience, Resources, Response, RestoreIcon, ReturnToWorkplace, SanFrancisco, SaveIcon, ScienceBackedTools, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, SecurityTipIcon, Select, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, type SelectProps, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SkipIcon, SkipWhiteIcon, Skirt, type SkirtProps, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, SplitButton, type SplitButtonProps, type SpotProps, SpreadsheetTemplate, StarOffIcon, StarOnIcon, Starburst, StartIcon, StatelessMenu, type StatelessMenuProps, Stop, Strategy, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TableCard, type TableCardProps, TableContainer, type TableContainerProps, TableHeader, type TableHeaderProps, TableHeaderRowCell, type TableHeaderRowCellProps, type TableHeaderRowProps, TableRow, TableRowCell, type TableRowCellProps, type TableRowProps, TagIcon, TakeAim, TasksIcon, TasksWhiteIcon, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TemplateIcon, TemplateWhiteIcon, Templates, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextField, type TextFieldProps, type TextProps, type TextVariants, ThumbsDownIcon, ThumbsUpIcon, type TileElement, TileGrid, type TileGridProps, TimeField, type TimeFieldProps, TimeIcon, TimeWhiteIcon, Timezone, Tooltip, type TooltipProps, TrafficCone, Training1, Training2, Training3, TranslationIcon, TrashIcon, Trophy, TrustOthersToMakeDecisions, UnattributedIcon, UnattributedWhiteIcon, UnderConstruction, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage, type ValidationResponse, ValueAdd, type ValueType$1 as ValueType, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, VisibleIcon, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workflow, type WorkflowProps, Workshop, WritingIcon, ZoomInIcon, ZoomOutIcon, calculateDisabledDays, formatDateAsNumeral, formatDateAsText, formatDateRangeValue, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, isDisabledDate, isInvalidDate, isSelectingDayInCalendar, isValidWeekStartsOn, parseDateAsTextOrNumeral, parseDateFromNumeralFormatValue, parseDateFromTextFormatValue, setFocusInCalendar, useDateValidation, useFilterBarContext, useMenuTriggerContext, usePopover, useSelectionContext, validateDate };