@kaizen/components 1.34.0 → 1.35.1

package/dist/index.d.ts

@@ -1,12 +1,9 @@
 /// <reference types="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 as SceneProps$1, AnimatedSceneProps as AnimatedSceneProps$1 } from '@kaizen/draft-illustration';
-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 { Node, SelectionMode, Selection } from '@react-types/shared';
+import { Key, 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';
@@ -39,7 +36,6 @@ import * as react_select_dist_declarations_src_components from 'react-select/dis
 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 as DefaultTagProps$1 } from '@kaizen/draft-tag';
 
 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! */
@@ -253,1407 +249,1917 @@ declare const IconButton: {
     displayName: string;
 };
 
-type BrandMomentProps = {
-    mood: "informative" | "positive" | "negative";
-    illustration: ReactElement<SceneProps$1>;
-    header: ReactNode;
-    body?: ReactNode;
-    primaryAction?: ButtonProps;
-    secondaryAction?: ButtonProps;
-    text: {
-        title: ReactNode;
-        subtitle?: ReactNode;
-        body?: ReactNode;
-        footer?: ReactNode;
-    };
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}
- */
-declare const BrandMoment: {
-    ({ mood, illustration, header, body, primaryAction, secondaryAction, text, classNameOverride, ...restProps }: BrandMomentProps): JSX.Element;
-    displayName: string;
-};
-
-type FilterButtonBaseProps = {
-    children: React__default.ReactNode;
-} & OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>>;
-
-type ButtonGroupProps = {
-    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[];
+type BaseProps = {
     /**
-     * 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) }
+     *  Refer to the Base Illustration Sticker Sheet in Heart UI Kit
      */
-    disabledRange?: DateRange;
+    name: string;
     /**
-     * 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) }
+     * Only provide if there is context/text required surrounding this illustration.
+     * @default ""
      */
-    disabledBeforeAfter?: DateInterval;
-    /**
-     * Accepts single date and disables all days before it.
-     * */
-    disabledBefore?: Date;
+    alt?: string;
     /**
-     * Accepts single date and disables all days after it.
+     * Aspect ratio that is set on the illustration in Scene/Spot which wraps the
+     * component in a container, forcing the aspect ratio.
      */
-    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;
+    aspectRatio?: "landscape" | "portrait" | "square";
+} & OverrideClassName<HTMLAttributes<HTMLImageElement>>;
 
-type CardVariants = "default" | "informative" | "positive" | "cautionary" | "destructive" | "assertive" | "highlight";
-type CardProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
-    children?: React__default.ReactNode;
-    /**
-     * HTML elements that are allowed on Card.
-     */
-    tag?: "div" | "article" | "header" | "main" | "section" | "li";
-    /**
-     * determines the card background colour on the card. It should match to the type of content being conveyed.
-     */
-    variant?: CardVariants;
-    /**
-     * Adds a larger box shadow to to the card container.
-     */
-    isElevated?: boolean;
+type SpotProps = Pick<BaseProps, "alt" | "classNameOverride"> & {
+    enableAspectRatio?: boolean;
 };
 /**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
- * {@link https://cultureamp.design/?path=/story/components-card--docs Storybook}
+ * Template Library / Moods
  */
-declare const Card: {
-    ({ children, tag, variant, isElevated, classNameOverride, ...props }: CardProps): JSX.Element;
-    displayName: string;
-};
-
-type CheckedStatus = "on" | "off" | "mixed";
-type CheckboxProps = {
-    checkedStatus?: CheckedStatus;
-    onCheck?: (event: React__default.ChangeEvent<HTMLInputElement>) => any;
-    reversed?: boolean;
-    value?: string;
-} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "checked">>;
-declare const Checkbox: {
-    ({ checkedStatus, onCheck, reversed, value, classNameOverride, ...restProps }: CheckboxProps): JSX.Element;
-    displayName: string;
-};
-
-type CheckboxFieldProps = Omit<CheckboxProps, "id"> & {
-    id?: string;
-    labelText: string | React__default.ReactNode;
-    checkedStatus?: CheckedStatus;
-    disabled?: boolean;
-    reversed?: boolean;
-    noBottomMargin?: boolean;
-    "data-testid"?: string;
-};
+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;
 /**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}
+ * Template Library / Engagement
  */
-declare const CheckboxField: {
-    ({ id: propsId, labelText, checkedStatus, disabled, reversed, noBottomMargin, "data-testid": dataTestId, classNameOverride, ...restProps }: CheckboxFieldProps): JSX.Element;
-    displayName: string;
-};
-
-type CheckboxGroupProps = {
-    children?: React__default.ReactNode;
-    labelText: string | React__default.ReactNode;
-    labelId?: string;
-    noBottomMargin?: boolean;
-    reversed?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+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;
 /**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094522/Checkbox+Group Guidance} |
- * {@link https://cultureamp.design/storybook/?path=/docs/components-checkbox-controls-checkbox-group--docs Storybook}
+ * Template Library / Experience
  */
-declare const CheckboxGroup: {
-    ({ children, labelText, labelId: propsLabelId, noBottomMargin, reversed, classNameOverride, ...restProps }: CheckboxGroupProps): JSX.Element;
-    displayName: string;
-};
-
-type ClearButtonProps = {
-    isReversed?: boolean;
-} & OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">>;
-declare const ClearButton: {
-    ({ classNameOverride, isReversed, ...restProps }: ClearButtonProps): JSX.Element;
-    displayName: string;
-};
-
-type Sticky = {
-    top: string;
-};
-
-type CollapsibleProps = {
-    children: JSX.Element | JSX.Element[] | string;
-    title: string;
-    renderHeader?: (title: string) => JSX.Element | JSX.Element[];
-    open?: boolean;
-    group?: boolean;
-    separated?: boolean;
-    sticky?: Sticky;
-    noSectionPadding?: boolean;
-    onToggle?: (open: boolean, id: string) => void;
-    /**
-     * By default, the header will change background colour when open. When the variant
-     * is set to 'clear', it will not have a background but a border-bottom will appear
-     * to separate the heading from the content.
-     */
-    variant?: "default" | "clear";
-    /**
-     * Will avoid rendering the content until required (especially important when you
-     * have queries inside sections).
-     * Removes animation.
-     */
-    lazyLoad?: boolean;
-    /**
-     * Disables internal `open` state, allowing it to be controlled in the usage.
-     */
-    controlled?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const Collapsible: {
-    ({ children, title, renderHeader, open, group, separated, sticky, noSectionPadding, onToggle, variant, lazyLoad, controlled, classNameOverride, id: propsId, ...restProps }: CollapsibleProps): JSX.Element;
-    displayName: string;
-};
-
-type CollapsibleGroupProps = {
-    children: Array<React__default.ReactElement<CollapsibleProps>>;
-    separated?: boolean;
-    sticky?: Sticky;
-    noSectionPadding?: boolean;
-    lazyLoad?: boolean;
-    onToggle?: (open: boolean, id: string) => void;
-} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, "children">;
+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;
 /**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-collapsible-collapsible-group--docs Storybook}
+ * Template Library / Performance
  */
-declare const CollapsibleGroup: ({ children, separated, sticky, noSectionPadding, lazyLoad, onToggle, classNameOverride, ...props }: CollapsibleGroupProps) => JSX.Element;
-
-type ExpertAdviceCollapsibleProps = Omit<CollapsibleProps, "renderHeader" | "variant" | "group" | "separated">;
+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;
 /**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}
+ * Offices
  */
-declare const ExpertAdviceCollapsible: {
-    (props: ExpertAdviceCollapsibleProps): JSX.Element;
-    displayName: string;
-};
-
+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;
 /**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
+ * Values
  */
-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>>;
+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 ContentProps = {
-    children?: React__default.ReactNode;
+type VideoPlayerProps = {
     /**
-     * Not recommended. A short-circuit for dynamically overriding layout in a pinch
+     * Specifies whether the animation plays as soon as it is rendered.
+     * If the user has enabled prefer-reduced-motion their preferences
+     * take precedent over this prop.
      */
-    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;
+    autoplay?: boolean;
     /**
-     * Not recommended. A short-circuit for dynamically overriding layout in a pinch
+     * Replay from start when active animation reaches the end of the animation.
      */
-    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"];
+    loop?: boolean;
+    /**
+     * Fallback image. Used when rendering of the asset fails, or as a
+     * poster for the video player.
+     */
+    fallback: string;
+    /**
+     * The path of the animation source, excluding the file extension. This
+     * Player will preference Webm over mp4.
+     */
+    source: 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";
+    onEnded?: () => void;
+};
 
-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;
+type SceneProps = {
+    enableAspectRatio?: boolean;
+} & Pick<BaseProps, "alt" | "classNameOverride">;
+type BaseAnimatedSceneProps = {
+    isAnimated?: boolean;
+} & SceneProps & Pick<VideoPlayerProps, "autoplay" | "loop">;
+type AnimatedProps = {
+    isAnimated: true;
+    alt?: never;
+} & Omit<BaseAnimatedSceneProps, "alt">;
+type NotAnimatedProps = {
+    isAnimated?: false;
+    autoplay?: never;
+    loop?: never;
+} & BaseAnimatedSceneProps;
+type AnimatedSceneProps = AnimatedProps | NotAnimatedProps;
+declare const BrandMomentPositiveOutro: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): 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;
+declare const BrandMomentLogin: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): 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;
+declare const BrandMomentError: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): 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 BrandMomentNewAccountOnboarding: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
 };
-declare const DateInputDescription: {
-    ({ description, locale, }: DateInputDescriptionProps): JSX.Element;
+declare const BrandMomentUploadEmployeeData: {
+    ({ enableAspectRatio, ...props }: SceneProps): 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 BrandMomentStarterKit: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
 };
-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;
+declare const EmptyStatesAction: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): 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;
+declare const EmptyStatesInformative: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
 };
-
-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;
+declare const EmptyStatesNegative: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
     displayName: string;
 };
-
-type LegacyCalendarRangeProps = {
-    classNameOverride?: string;
-    defaultMonth?: Date;
-    weekStartsOn?: DayOfWeek;
-    disabledDays?: Matcher[];
-    selectedRange?: DateRange;
-    locale: Locale;
-    onDayChange: DayClickEventHandler;
+declare const EmptyStatesPositive: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
 };
-
-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;
+declare const EmptyStatesNeutral: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
     displayName: string;
 };
-
-declare const formatDateRangeValue: (dateRange: DateRange) => string;
-
-type DividerProps = {
-    variant: "content" | "canvas" | "menuSeparator";
-    isReversed?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}
- */
-declare const Divider: {
-    ({ variant, isReversed, classNameOverride, ...props }: DividerProps): JSX.Element;
+declare const Information360Upgrade: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
     displayName: string;
 };
-
-type IllustrationType = "positive" | "neutral" | "negative" | "informative" | "action";
-type LayoutContextType = "sidebarAndContent" | "contentOnly";
-type EmptyStateProps = {
-    children?: React__default.ReactNode;
-    id?: string;
-    illustrationType?: IllustrationType;
-    layoutContext?: LayoutContextType;
-    bodyText: string | React__default.ReactNode;
-    straightCorners?: boolean;
-    headingProps?: HeadingProps$1;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>> & Pick<AnimatedSceneProps$1, "isAnimated" | "loop">;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}
- */
-declare const EmptyState: {
-    ({ children, id, illustrationType, layoutContext, headingProps, bodyText, straightCorners, isAnimated, loop, classNameOverride, ...props }: EmptyStateProps): JSX.Element;
+declare const InformationDemographicFocus: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
     displayName: string;
 };
-
-declare const statusCodes: readonly ["400", "401", "403", "404", "413", "422", "500", "502", "503", "504"];
-type ErrorStatuses = (typeof statusCodes)[number];
-
-type ErrorPageProps = {
-    code: ErrorStatuses;
-    title?: string;
-    message?: React__default.ReactNode | string;
-    callToAction?: {
-        onContactSupport: () => void;
-        homeHref?: string;
-    };
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const ErrorPage: {
-    ({ code, title, message, callToAction, classNameOverride, }: ErrorPageProps): JSX.Element;
+declare const InformationTurnoverCalculator: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
     displayName: string;
 };
-
-type FieldGroupProps = {
-    children?: React__default.ReactNode;
-    inline?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const FieldGroup: {
-    ({ children, inline, classNameOverride, ...restProps }: FieldGroupProps): JSX.Element;
+declare const InformationTurnoverForecast: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
     displayName: string;
 };
-
-type FilterTriggerRef = {
-    triggerRef?: React.RefObject<HTMLButtonElement>;
+declare const InformationEmergingTrends: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
 };
-
-type FilterProps = {
-    children: React__default.ReactNode;
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    renderTrigger: (triggerProps: {
-        onClick: () => void;
-        isOpen: boolean;
-    }) => JSX.Element & {
-        ref?: React__default.RefObject<FilterTriggerRef>;
-    };
-    onMount?: (triggerRef: React__default.RefObject<HTMLButtonElement>) => void;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const Filter: {
-    ({ children, isOpen, setIsOpen, renderTrigger, classNameOverride, onMount, ...restProps }: FilterProps): JSX.Element;
+declare const InformationEmployeeLifecycle: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
     displayName: string;
 };
-
-type FilterContentsProps = {
-    children: React__default.ReactNode;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const FilterContents: {
-    ({ children, classNameOverride, ...restProps }: FilterContentsProps): JSX.Element;
+declare const InformationReportOwner: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
     displayName: string;
 };
-
-type FilterButtonProps = {
-    label: string;
-    selectedValue?: string | JSX.Element;
-    isOpen?: boolean;
-} & Omit<FilterButtonBaseProps, "children">;
-declare const FilterButton: React__default.ForwardRefExoticComponent<{
-    label: string;
-    selectedValue?: string | JSX.Element | undefined;
-    isOpen?: boolean | undefined;
-} & Omit<FilterButtonBaseProps, "children"> & React__default.RefAttributes<FilterTriggerRef>>;
-
-type DataAttributes = {
-    [key: `data-${string}`]: string | undefined;
+declare const InformationReportOwnerByRule: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
 };
-
-type FilterButtonRemovableProps = {
-    triggerButtonProps: FilterButtonProps & DataAttributes;
-    removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
-        tooltipText?: string;
-    };
-} & Omit<ButtonGroupProps, "children">;
-type FilterButtonRemovableRefs = FilterTriggerRef & {
-    removeButtonRef?: React__default.RefObject<HTMLButtonElement>;
+declare const Collaboration: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const Communication: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const CompanyValues: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const ConnectTheDots: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const CultureLab: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const TermsAgreement: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoach1On1Meetings: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachCoaching: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachEmployeeDevelopment: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachEssentialFeedback: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachEssentialProductivity: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachEssentialResilience: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachInfluentialCommunication: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachLeadingChange: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachFeedback: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachManagerHub: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachProductivity: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachRemoteManager: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachResilience: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SkillsCoachStrategy: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const Programs: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const EngagementSurveySummaryFemale: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const EngagementSurveySummaryMale: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SurveyOverviewClosed: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const SurveyGetStarted: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+declare const PerformanceCompanySettings: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
 };
-declare const FilterButtonRemovable: React__default.ForwardRefExoticComponent<{
-    triggerButtonProps: FilterButtonProps & DataAttributes;
-    removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
-        tooltipText?: string;
-    };
-} & Omit<ButtonGroupProps, "children"> & React__default.RefAttributes<FilterButtonRemovableRefs>>;
 
-type DateValidationResponse = {
-    date: Date | undefined;
-    inputValue: string | undefined;
-    validationMessage: ValidationMessage | undefined;
-    isDisabled: boolean;
-    isInvalid: boolean;
-    isEmpty: boolean;
-    isValidDate: boolean;
+/**
+ * This component is a snowflake. It plays two assets one after the other:
+ *  - An "initial" animation that is only ever played once, never looping
+ *  - An "ambient" animation that can be looped, depending on the props passed into it
+ */
+declare const BrandMomentCaptureIntro: {
+    ({ isAnimated, alt, enableAspectRatio, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
 };
-type ValidationMessage = {
-    status: FieldMessageStatus;
-    message: string | React__default.ReactElement;
+
+type BrandMomentProps = {
+    mood: "informative" | "positive" | "negative";
+    illustration: ReactElement<SceneProps>;
+    header: ReactNode;
+    body?: ReactNode;
+    primaryAction?: ButtonProps;
+    secondaryAction?: ButtonProps;
+    text: {
+        title: ReactNode;
+        subtitle?: ReactNode;
+        body?: ReactNode;
+        footer?: ReactNode;
+    };
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}
+ */
+declare const BrandMoment: {
+    ({ mood, illustration, header, body, primaryAction, secondaryAction, text, classNameOverride, ...restProps }: BrandMomentProps): JSX.Element;
+    displayName: string;
 };
 
-type DateInputFieldProps = {
-    id: string;
-    locale: Locale;
-    /**
-     * A description that provides context for the text field
-     */
-    description?: DateInputDescriptionProps["description"];
-    isReversed?: boolean;
-    validationMessage?: ValidationMessage;
-    disabled?: boolean;
-    labelText?: DateInputProps["labelText"];
-} & Omit<DateInputProps, "id" | "labelText">;
+type FilterButtonBaseProps = {
+    children: React__default.ReactNode;
+} & OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>>;
 
-type FilterInputProps$1<InputProps> = Omit<Partial<InputProps>, "value"> & DataAttributes;
-type FilterDatePickerFieldProps = {
-    id?: string;
-    locale: DatePickerSupportedLocales;
-    /**
-     * Sets first displayed month to month of provided date if there isn't a date set.
-     */
-    defaultMonth?: CalendarSingleProps["defaultMonth"];
+type Position = "above" | "below" | "left" | "right";
+type Mood$2 = "default" | "informative" | "positive" | "cautionary" | "highlight";
+type TooltipProps = {
     /**
-     * The date range passed in from the consumer that renders in the inputs and calendar.
+     * 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.
      */
-    selectedDate: Date | undefined;
+    display?: "block" | "inline" | "inline-block" | "flex" | "inline-flex";
     /**
-     * Callback when date is updated either by the calendar picker or by typing and blurring.
-     * Date will return as `undefined` if empty, invalid or disabled.
+     * 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.
      */
-    onDateChange: (date: Date | undefined) => void;
+    position?: Position;
+    /** The text content for the tooltip */
+    text: React__default.ReactNode;
     /**
-     * Callback when date is saved/committed/submitted valid date by either by the calendar picker or by typing and blurring.
-     * Date will return as `undefined` if empty, invalid or disabled.
-     *
-     * Distinctly different from `change` where that is triggered on any kind of event, we expect the final valid date in this function.
+     * This is the interactable element that is being described by the tooltip `text`
      */
-    onDateSubmit?: (date: Date | undefined) => void;
+    children?: React__default.ReactNode;
+    classNameOverride?: string;
+    mood?: Mood$2;
     /**
-     * See https://react-day-picker.js.org/api/types/Matcher
+     * 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.
      */
-    disabledDays?: DisabledDays;
-    inputProps?: FilterInputProps$1<DateInputFieldProps>;
+    portalSelector?: string;
     /**
-     * Custom description to provide extra context (input format help text remains).
+     * Should the tooltip be visible on the first render. Useful for visual
+     * regression testing.
      */
-    description?: DateInputDescriptionProps["description"];
-    validationMessage?: ValidationMessage;
-    /**
-     * Callback when a date is selected. Utilises internal validation if not set.
-     */
-    onValidate?: (validationResponse: DateValidationResponse) => void;
-    setIsFilterOpen?: FilterProps["setIsOpen"];
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const FilterDatePickerField: ({ id: propsId, inputProps, locale: propsLocale, defaultMonth, selectedDate, onDateChange, onDateSubmit, disabledDays, description, validationMessage, onValidate, classNameOverride, ...restProps }: FilterDatePickerFieldProps) => JSX.Element;
-
-type FilterDatePickerProps = {
-    id?: string;
-    label: string;
-    isOpen: FilterProps["isOpen"];
-    setIsOpen: FilterProps["setIsOpen"];
-    renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element;
-} & Omit<FilterDatePickerFieldProps, "id">;
-declare const FilterDatePicker: {
-    ({ isOpen, setIsOpen, renderTrigger, selectedDate, label, locale, onDateSubmit, ...restProps }: FilterDatePickerProps): JSX.Element;
-    displayName: string;
-};
-
-type ValidateDateArgs = {
-    date: Date | undefined;
-    inputValue: string | undefined;
-    disabledDays?: DisabledDays;
+    isInitiallyVisible?: boolean;
+    animationDuration?: number;
 };
-
-type ValidateDateResponse = {
-    validationResponse: DateValidationResponse;
-    newDate: Date | undefined;
+declare const Tooltip: {
+    ({ children, text, display, position, classNameOverride, portalSelector, animationDuration, isInitiallyVisible, mood, }: TooltipProps): JSX.Element;
+    displayName: string;
 };
-declare const validateDate: (args: ValidateDateArgs) => ValidateDateResponse;
 
-type UseDateValidationArgs = {
-    inputLabel?: React.ReactNode;
-    disabledDays?: DisabledDays;
-    validationMessage?: ValidationMessage;
-    onValidate?: (validationResponse: DateValidationResponse) => void;
-};
-type UseDateValidationValue = {
-    validationMessage: ValidationMessage | undefined;
-    validateDate: (args: {
-        date: Date | undefined;
-        inputValue: string;
-    }) => ReturnType<typeof validateDate>;
-    updateValidation: (validationResponse: DateValidationResponse) => void;
+type ButtonGroupProps = {
+    children: React__default.ReactElement<FilterButtonBaseProps | TooltipProps> | Array<React__default.ReactElement<FilterButtonBaseProps | TooltipProps>>;
+} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, "children">;
+declare const ButtonGroup: {
+    ({ children, classNameOverride, ...restProps }: ButtonGroupProps): JSX.Element;
+    displayName: string;
 };
-declare const useDateValidation: ({ inputLabel, disabledDays, validationMessage, onValidate, }: UseDateValidationArgs) => UseDateValidationValue;
 
-type GetDateValidationHandlerArgs = {
-    onValidate: ((validationResponse: DateValidationResponse) => void) | undefined;
-    setInbuiltValidationMessage: (validationMessage: ValidationMessage | undefined) => void;
-    inputLabel?: React__default.ReactNode;
+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;
 };
-declare const getDateValidationHandler: ({ onValidate, setInbuiltValidationMessage, inputLabel, }: GetDateValidationHandlerArgs) => (validationResponse: DateValidationResponse) => void;
 
-type FilterBarDatePickerProps = Omit<FilterDatePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedDate" | "onDateChange" | "locale"> & {
+type CalendarRangeElement = HTMLDivElement;
+type CalendarRangeProps = {
     id?: string;
-    locale?: FilterDatePickerProps["locale"];
-    onDateChange?: FilterDatePickerProps["onDateChange"];
+    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;
 };
 
-type DateRangeFieldValidationMessage = {
-    dateStart?: ValidationMessage;
-    dateEnd?: ValidationMessage;
+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 DateRangeValidationMessageProps = {
-    validationMessage?: DateRangeFieldValidationMessage;
-    dateStartId?: string;
-    dateEndId?: string;
-    isReversed?: boolean;
+type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek];
+declare const DateFormat: {
+    readonly Numeral: "P";
+    readonly Text: "PP";
 };
+type DateFormat = (typeof DateFormat)[keyof typeof DateFormat];
 
-type DateRangeInputFieldProps = {
-    id: string;
-    legend: string;
-    inputStartDateProps: Omit<DateInputProps, "id">;
-    inputEndDateProps: Omit<DateInputProps, "id">;
-    locale: Locale;
-    /**
-     * A description that provides context for the text field
-     */
-    description?: DateInputDescriptionProps["description"];
-    isReversed?: boolean;
-    validationMessage?: DateRangeValidationMessageProps["validationMessage"];
-    disabled?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-
-type InputStartDateProps = DateRangeInputFieldProps["inputStartDateProps"];
-type InputEndDateProps = DateRangeInputFieldProps["inputEndDateProps"];
-type FilterInputProps<InputProps> = Omit<Partial<InputProps>, "value"> & DataAttributes;
-type FilterDateRangePickerFieldProps = {
-    id: string;
-    label: string;
-    locale: DatePickerSupportedLocales;
+type DisabledDays = DayPickerProps["disabled"];
+type DisabledDayMatchers = {
     /**
-     * Sets first displayed month to month of provided date if there isn't a date set.
+     * Accepts an array of singluar dates and disables them.
+     * e.g. [new Date(2022, 1, 12), new Date(2022, 1, 25)]
      */
-    defaultMonth?: CalendarRangeProps["defaultMonth"];
+    disabledDates?: Date[];
     /**
-     * The date range passed in from the consumer that renders in the inputs and calendar.
+     * Accepts an array of DayOfWeek values and disables those days throughout
+     * the calendar.
+     * e.g. [DayOfWeek.Mon, DayOfWeek.Tue]
      */
-    selectedRange: DateRange | undefined;
+    disabledDaysOfWeek?: DayOfWeek[];
     /**
-     * Callback when date is updated either by the calendar picker or by typing and blurring.
-     * Date will return as `undefined` if empty, invalid or disabled.
+     * 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) }
      */
-    onRangeChange: (range: DateRange | undefined) => void;
+    disabledRange?: DateRange;
     /**
-     * See https://react-day-picker.js.org/api/types/Matcher
+     * 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) }
      */
-    disabledDays?: DisabledDays;
-    inputStartDateProps?: FilterInputProps<InputStartDateProps>;
-    inputEndDateProps?: FilterInputProps<InputEndDateProps>;
+    disabledBeforeAfter?: DateInterval;
     /**
-     * Custom description to provide extra context (input format help text remains).
-     */
-    description?: DateRangeInputFieldProps["description"];
-    validationMessage?: DateRangeFieldValidationMessage;
+     * Accepts single date and disables all days before it.
+     * */
+    disabledBefore?: Date;
     /**
-     * Callback when a date is selected. Utilises internal validation if not set.
+     * Accepts single date and disables all days after it.
      */
-    onValidate?: {
-        dateStart?: (validationResponse: DateValidationResponse) => void;
-        dateEnd?: (validationResponse: DateValidationResponse) => void;
-    };
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-
-type FilterDateRangePickerProps = {
-    id?: string;
-    isOpen: FilterProps["isOpen"];
-    setIsOpen: FilterProps["setIsOpen"];
-    renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element;
-} & Omit<FilterDateRangePickerFieldProps, "id">;
-declare const FilterDateRangePicker: {
-    ({ id: propsId, isOpen, setIsOpen, renderTrigger, selectedRange, label, locale, ...restProps }: FilterDateRangePickerProps): JSX.Element;
-    displayName: string;
+    disabledAfter?: Date;
 };
 
-type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedRange" | "onRangeChange" | "locale"> & {
-    id?: string;
-    onRangeChange?: FilterDateRangePickerProps["onRangeChange"];
-    locale?: FilterDateRangePickerProps["locale"];
-};
+declare const calculateDisabledDays: ({ disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, }: DisabledDayMatchers) => Matcher[];
 
-type NoResultsProps = {
-    children: React__default.ReactNode;
-} & HTMLAttributes<HTMLDivElement>;
+declare const formatDateAsNumeral: (date: Date, locale: Locale) => string;
 
-type MenuFooterProps = {
-    children: React__default.ReactNode;
-};
+declare const formatDateAsText: (date: Date, disabledDays: DisabledDays, locale: Locale) => string;
 
-type MenuLoadingSkeletonProps = {
-    isAnimated?: boolean;
-};
+declare const isDisabledDate: (date: Date, disabledDays: DisabledDays) => boolean;
 
-type ValueType$1 = React.Key;
-type ItemType = {
-    label: string;
-    value: ValueType$1;
-    count?: string;
-    isDisabled?: boolean;
-};
-type MultiSelectItem = Node<ItemType>;
+declare const isInvalidDate: (parsedDate: Date) => boolean;
 
-interface MultiSelectOptionProps {
-    classNameOverride?: string;
-    item: MultiSelectItem;
-}
+declare const isValidWeekStartsOn: (day: DayOfWeek | undefined) => day is 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 
-type SectionNameProps = {
+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__default.ReactNode;
     /**
-     * Becomes an aria-label on the section, informing
-     * unsighted users
+     * HTML elements that are allowed on Card.
      */
-    sectionName: string;
-};
-type SectionHeaderProps = {
+    tag?: "div" | "article" | "header" | "main" | "section" | "li";
     /**
-     * Becomes an aria-label on the section, informing
-     * unsighted users
+     * determines the card background colour on the card. It should match to the type of content being conveyed.
      */
-    sectionName?: string;
+    variant?: CardVariants;
     /**
-     * Can be used for a visual title of the ListBoxSection or to provide addition information in a React node.
-     * If this is the same title as sectionName, you should only pass in a sectionHeader to avoid duplicate descriptions.
+     * Adds a larger box shadow to to the card container.
      */
-    sectionHeader: ReactNode;
+    isElevated?: boolean;
 };
-type ListBoxSectionProps$1 = {
-    items: MultiSelectItem[];
-    children: (item: MultiSelectItem) => React__default.ReactNode;
-} & (SectionHeaderProps | SectionNameProps);
-
-type ListBoxItems = {
-    selectedItems: MultiSelectItem[];
-    unselectedItems: MultiSelectItem[];
-    disabledItems: MultiSelectItem[];
-    allItems: MultiSelectItem[];
-    hasNoItems: boolean;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-card--docs Storybook}
+ */
+declare const Card: {
+    ({ children, tag, variant, isElevated, classNameOverride, ...props }: CardProps): JSX.Element;
+    displayName: string;
 };
-type ListBoxProps = {
-    children: (items: ListBoxItems) => React__default.ReactNode;
+
+type CheckedStatus = "on" | "off" | "mixed";
+type CheckboxProps = {
+    checkedStatus?: CheckedStatus;
+    onCheck?: (event: React__default.ChangeEvent<HTMLInputElement>) => any;
+    reversed?: boolean;
+    value?: string;
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "checked">>;
+declare const Checkbox: {
+    ({ checkedStatus, onCheck, reversed, value, classNameOverride, ...restProps }: CheckboxProps): JSX.Element;
+    displayName: string;
 };
 
-type SearchInputProps = {
-    label?: string;
+type CheckboxFieldProps = Omit<CheckboxProps, "id"> & {
     id?: string;
-    isLoading?: boolean;
+    labelText: string | React__default.ReactNode;
+    checkedStatus?: CheckedStatus;
+    disabled?: boolean;
+    reversed?: boolean;
+    noBottomMargin?: boolean;
+    "data-testid"?: string;
 };
-
-type FilterTriggerButtonProps = {
-    label: string;
-    selectedOptionLabels: string[];
-    /**
-     * Character limit of the button label.
-     * It will always show the first selected label regardless if it exceeds the given character limit.
-     */
-    labelCharacterLimitBeforeTruncate?: number;
-    classNameOverride?: string;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}
+ */
+declare const CheckboxField: {
+    ({ id: propsId, labelText, checkedStatus, disabled, reversed, noBottomMargin, "data-testid": dataTestId, classNameOverride, ...restProps }: CheckboxFieldProps): JSX.Element;
+    displayName: string;
 };
 
-type RemovableFilterTriggerProps = FilterTriggerButtonProps & {
-    onRemove: () => void;
+type CheckboxGroupProps = {
+    children?: React__default.ReactNode;
+    labelText: string | React__default.ReactNode;
+    labelId?: string;
+    noBottomMargin?: boolean;
+    reversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094522/Checkbox+Group Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-checkbox-controls-checkbox-group--docs Storybook}
+ */
+declare const CheckboxGroup: {
+    ({ children, labelText, labelId: propsLabelId, noBottomMargin, reversed, classNameOverride, ...restProps }: CheckboxGroupProps): JSX.Element;
+    displayName: string;
 };
 
-type MenuTriggerProviderProps = {
-    isOpen?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    children: React__default.ReactNode;
-};
-type MenuTriggerProviderContextType = {
-    menuTriggerProps: HTMLAttributes<HTMLElement>;
-    buttonProps: ButtonHTMLAttributes<HTMLButtonElement>;
-    menuProps: AriaMenuOptions<ItemType>;
-    menuTriggerState: MenuTriggerState;
-    buttonRef: React__default.RefObject<HTMLButtonElement>;
+type ClearButtonProps = {
+    isReversed?: boolean;
+} & OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">>;
+declare const ClearButton: {
+    ({ classNameOverride, isReversed, ...restProps }: ClearButtonProps): JSX.Element;
+    displayName: string;
 };
-declare function MenuTriggerProvider({ isOpen, defaultOpen, onOpenChange, children, }: MenuTriggerProviderProps): JSX.Element;
-declare const useMenuTriggerContext: () => MenuTriggerProviderContextType;
-declare const MenuTriggerConsumer: ({ children, }: React__default.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;
 
-type SelectionProviderProps = {
-    selectionMode: SelectionMode;
-    children: React__default.ReactNode;
-    items?: ItemType[];
-    onSelectionChange?: (keys: Selection) => void;
-    /** The currently selected keys in the collection (controlled). */
-    selectedKeys?: Selection;
-    /** The initial selected keys in the collection (uncontrolled). */
-    defaultSelectedKeys?: Selection;
-    label: string;
-    disabledKeys?: Selection;
-    onSearchInputChange?: (searchInput: string) => void;
-};
-type SelectionProviderContextType = {
-    listBoxProps: HTMLAttributes<HTMLElement>;
-    labelProps: HTMLAttributes<HTMLElement>;
-    selectionState: ListState<ItemType>;
-    listRef: React__default.RefObject<HTMLUListElement>;
-    searchQuery?: string;
-    setSearchQuery: React__default.Dispatch<React__default.SetStateAction<string>>;
+type Sticky = {
+    top: string;
 };
-declare const SelectionProvider: (props: SelectionProviderProps) => JSX.Element;
-declare const useSelectionContext: () => SelectionProviderContextType;
-declare const SelectionConsumer: ({ children, }: React__default.ConsumerProps<SelectionProviderContextType>) => JSX.Element;
 
-type MenuPopupProps = {
-    isLoading?: boolean;
-    loadingSkeleton?: React__default.ReactNode;
-    children: React__default.ReactNode;
+type CollapsibleProps = {
+    children: JSX.Element | JSX.Element[] | string;
+    title: string;
+    renderHeader?: (title: string) => JSX.Element | JSX.Element[];
+    open?: boolean;
+    group?: boolean;
+    separated?: boolean;
+    sticky?: Sticky;
+    noSectionPadding?: boolean;
+    onToggle?: (open: boolean, id: string) => void;
+    /**
+     * By default, the header will change background colour when open. When the variant
+     * is set to 'clear', it will not have a background but a border-bottom will appear
+     * to separate the heading from the content.
+     */
+    variant?: "default" | "clear";
+    /**
+     * Will avoid rendering the content until required (especially important when you
+     * have queries inside sections).
+     * Removes animation.
+     */
+    lazyLoad?: boolean;
+    /**
+     * Disables internal `open` state, allowing it to be controlled in the usage.
+     */
+    controlled?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+declare const Collapsible: {
+    ({ children, title, renderHeader, open, group, separated, sticky, noSectionPadding, onToggle, variant, lazyLoad, controlled, classNameOverride, id: propsId, ...restProps }: CollapsibleProps): JSX.Element;
+    displayName: string;
 };
 
-type SelectionProps = {
-    label: string;
-    items: ItemType[];
-    selectedKeys?: Selection;
-    defaultSelectedKeys?: Selection;
-    onSelectionChange?: (keys: Selection) => void;
-    selectionMode?: SelectionMode;
-    onSearchInputChange?: (searchInput: string) => void;
-};
-type FilterMultiSelectProps = {
-    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;
+type CollapsibleGroupProps = {
+    children: Array<React__default.ReactElement<CollapsibleProps>>;
+    separated?: boolean;
+    sticky?: Sticky;
+    noSectionPadding?: boolean;
+    lazyLoad?: boolean;
+    onToggle?: (open: boolean, id: string) => void;
+} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, "children">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-collapsible-collapsible-group--docs Storybook}
+ */
+declare const CollapsibleGroup: ({ children, separated, sticky, noSectionPadding, lazyLoad, onToggle, classNameOverride, ...props }: CollapsibleGroupProps) => JSX.Element;
+
+type ExpertAdviceCollapsibleProps = Omit<CollapsibleProps, "renderHeader" | "variant" | "group" | "separated">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}
+ */
+declare const ExpertAdviceCollapsible: {
+    (props: ExpertAdviceCollapsibleProps): JSX.Element;
     displayName: string;
-    TriggerButton: {
-        ({ selectedOptionLabels, label, classNameOverride, labelCharacterLimitBeforeTruncate, }: FilterTriggerButtonProps): JSX.Element;
-        displayName: string;
-    };
-    RemovableTrigger: {
-        ({ label, selectedOptionLabels, labelCharacterLimitBeforeTruncate, classNameOverride, onRemove, }: RemovableFilterTriggerProps): JSX.Element;
-        displayName: string;
-    };
-    SearchInput: {
-        ({ label, id, isLoading, }: SearchInputProps): JSX.Element;
-        displayName: string;
-    };
-    ListBox: {
-        ({ children }: ListBoxProps): JSX.Element;
-        displayName: string;
-    };
-    ListBoxSection: {
-        ({ items, children, sectionName, ...restProps }: ListBoxSectionProps$1): JSX.Element;
-        displayName: string;
-    };
-    SectionDivider: () => JSX.Element;
-    Option: {
-        ({ classNameOverride, item, }: MultiSelectOptionProps): JSX.Element;
-        displayName: string;
-    };
-    SelectAllButton: {
-        (): JSX.Element;
-        displayName: string;
-    };
-    ClearButton: {
-        (): JSX.Element;
-        displayName: string;
-    };
-    MenuFooter: {
-        ({ children }: MenuFooterProps): JSX.Element;
-        displayName: string;
-    };
-    MenuLoadingSkeleton: {
-        ({ isAnimated, }: MenuLoadingSkeletonProps): JSX.Element;
-        displayName: string;
-    };
-    LoadMoreButton: {
-        (props: GenericButtonProps): JSX.Element;
-        displayName: string;
-    };
-    NoResults: {
-        ({ children, ...restProps }: NoResultsProps): JSX.Element;
-        displayName: string;
-    };
 };
 
-type LoadMoreButtonProps = ButtonProps;
-
-declare const getTruncatedLabels: (labels: string[], limit: number) => 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" | "bottom" | "top" | "padding" | "position" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "transformBox" | "transformOrigin" | "transformStyle"> | undefined;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "className"> & {
+    classNameOverride?: string | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const getSelectedOptionLabels: (keys?: Selection, items?: ItemType[]) => string[];
+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" | "bottom" | "top" | "padding" | "position" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "transformBox" | "transformOrigin" | "transformStyle"> | undefined;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "className"> & {
+    classNameOverride?: string | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const getSelectedOptionKeys: (keys?: Selection, items?: ItemType[]) => React__default.Key[];
+declare const InputStatus: readonly ["default", "success", "error", "caution"];
+declare const InputTypes: readonly ["text", "email", "password"];
 
-type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKeys" | "trigger"> & {
-    id?: string;
-};
-
-type SelectOption = {
-    label: string;
-    value: React.Key;
-    disabled?: boolean;
-    options?: never;
-};
-type SelectOptionGroup<Option extends SelectOption> = {
-    label: string;
-    options: Iterable<Option>;
-};
-type SelectItem<Option extends SelectOption = SelectOption> = Option | SelectOptionGroup<Option>;
-type SelectOptionNode<Option extends SelectOption = SelectOption> = Node<Option> & {
-    type: "item";
-    hasChildNodes: false;
-};
-type SelectOptionGroupNode<Option extends SelectOption = SelectOption> = Omit<Node<SelectOptionGroup<Option>>, "childNodes"> & {
-    type: "section";
-    hasChildNodes: true;
-    childNodes: Array<SelectOptionNode<Option>>;
-};
-type SelectItemNode<Option extends SelectOption = SelectOption> = SelectOptionNode<Option> | SelectOptionGroupNode<Option>;
-
-type ListBoxSectionProps<Option extends SelectOption> = {
-    section: SelectOptionGroupNode<Option>;
-};
-
-type ListItemProps<Option extends SelectOption = SelectOption> = {
-    item: SelectItemNode<Option>;
-};
-
-type OptionProps<Option extends SelectOption = SelectOption> = {
-    item: SelectOptionNode<Option>;
-} & OverrideClassName<Omit<HTMLAttributes<HTMLLIElement>, "children">>;
-
-type SelectPopoverContentsProps<Option extends SelectOption> = {
-    children?: (args: {
-        items: Array<SelectItemNode<Option>>;
-    }) => React__default.ReactNode;
-    menuProps: AriaListBoxOptions<SelectItem<Option>>;
+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 OmittedAriaSelectProps = "label" | "children" | "isOpen" | "onOpenChange" | "defaultOpen" | "items";
-type FilterSelectProps<Option extends SelectOption = SelectOption> = {
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    renderTrigger: (triggerButtonProps: FilterButtonProps) => JSX.Element;
-    label: string;
-    children?: SelectPopoverContentsProps<Option>["children"];
-    items: Array<SelectItem<Option>>;
-} & 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;
+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;
-    Section: {
-        <Option_1 extends SelectOption = SelectOption>({ section, }: ListBoxSectionProps<Option_1>): JSX.Element;
-        displayName: string;
-    };
-    SectionDivider: {
-        (): JSX.Element;
-        displayName: string;
-    };
-    Option: {
-        <Option_2 extends SelectOption = SelectOption>({ item, classNameOverride, ...props }: OptionProps<Option_2>): JSX.Element;
-        displayName: string;
-    };
-    ItemDefaultRender: {
-        <Option_3 extends SelectOption = SelectOption>({ item, }: ListItemProps<Option_3>): JSX.Element;
-        displayName: string;
-    };
 };
 
-type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKey"> & {
-    id?: 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 FiltersValues = Record<string, any>;
-type SourceFilterAttributes<Id, Value> = {
-    id: Id;
-    name: string;
-    value?: Value;
-    isActive: boolean;
-};
-type SourceFiltersState<ValuesMap extends FiltersValues> = {
-    [K in keyof ValuesMap]: SourceFilterAttributes<K, ValuesMap[K]>;
-};
-type FilterIsUsableWhen<ValuesMap extends FiltersValues> = (state: SourceFiltersState<ValuesMap>) => boolean;
-type FilterAttributes<ValuesMap extends FiltersValues, Id = keyof ValuesMap> = {
-    id: Id;
-    name: string;
-    Component: React.ReactElement;
-    isRemovable?: boolean;
-    isUsableWhen?: FilterIsUsableWhen<ValuesMap>;
-};
-type Filters<ValuesMap extends FiltersValues> = Array<FilterAttributes<ValuesMap>>;
-type FilterState<Id, Value> = {
-    id: Id;
-    name: string;
-    isRemovable: boolean;
-    isUsableWhen?: never;
-    isUsable: boolean;
-    isOpen: boolean;
-    value?: Value;
-    isActive: boolean;
-};
+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 MappedFilters<ValuesMap extends FiltersValues> = {
-    [K in keyof ValuesMap]: FilterAttributes<ValuesMap, K>;
-};
-type FilterStateEditableAttributes = {
-    isOpen: boolean;
-};
-type InternalFilterState<ValuesMap extends FiltersValues, Id extends keyof ValuesMap> = {
-    id: Id;
-    name: string;
-    isRemovable: boolean;
-    isUsableWhen?: FilterIsUsableWhen<ValuesMap>;
-    isUsable: boolean;
-    isOpen: boolean;
-    value?: never;
-    isActive?: never;
-};
-type FilterBarStateFilters<ValuesMap extends FiltersValues> = {
-    [K in keyof ValuesMap]: InternalFilterState<ValuesMap, K>;
+type DateInputDescriptionProps = {
+    description?: string | JSX.Element;
+    locale: Locale;
 };
-type FilterBarState<ValuesMap extends FiltersValues> = {
-    hasUpdatedValues: boolean;
-    filters: FilterBarStateFilters<ValuesMap>;
-    activeFilterIds: Set<keyof ValuesMap>;
-    values: Partial<ValuesMap>;
-    dependentFilterIds: Set<keyof ValuesMap>;
+declare const DateInputDescription: {
+    ({ description, locale, }: DateInputDescriptionProps): JSX.Element;
+    displayName: string;
 };
-type ActiveFiltersArray<ValuesMap extends FiltersValues> = Array<FilterAttributes<ValuesMap>>;
 
-type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {
-    getFilterState: <Id extends keyof ValuesMap>(id: Id) => FilterState<keyof ValuesMap, ValuesMap[Id]>;
-    getActiveFilterValues: () => Partial<ValuesMap>;
+type DateInputWithIconButtonProps = {
     /**
-     * @deprecated Use `setFilterOpenState` instead.
+     * Icon button onClick handler
      */
-    toggleOpenFilter: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
-    setFilterOpenState: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
-    openFilter: <Id extends keyof ValuesMap>(id: Id) => void;
-    updateValue: <Id extends keyof ValuesMap>(id: Id, value: ValuesMap[Id]) => void;
-    showFilter: <Id extends keyof ValuesMap>(id: Id) => void;
-    hideFilter: <Id extends keyof ValuesMap>(id: Id) => void;
-    getInactiveFilters: () => Array<FilterAttributes<ValuesMap>>;
-    clearAllFilters: () => void;
-};
-declare const useFilterBarContext: <Value, Values extends FiltersValues = Record<string, Value>>() => FilterBarContextValue<Value, Values>;
-type FilterBarProviderProps<ValuesMap extends FiltersValues> = {
-    children: (activeFilters: ActiveFiltersArray<ValuesMap>) => JSX.Element;
-    filters: Filters<ValuesMap>;
-    values: Partial<ValuesMap>;
-    onValuesChange: (values: Partial<ValuesMap>) => void;
+    onButtonClick: React__default.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment">;
+type DateInputWithIconButtonRefs = {
+    inputRef?: React__default.RefObject<HTMLInputElement>;
+    buttonRef?: React__default.RefObject<HTMLButtonElement>;
 };
-declare const FilterBarProvider: <ValuesMap extends FiltersValues>({ children, filters, values, onValuesChange, }: FilterBarProviderProps<ValuesMap>) => JSX.Element;
+declare const DateInputWithIconButton: React__default.ForwardRefExoticComponent<{
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React__default.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment"> & React__default.RefAttributes<DateInputWithIconButtonRefs>>;
 
-type FilterBarProps<ValuesMap extends FiltersValues> = OverrideClassName<Omit<FilterBarProviderProps<ValuesMap>, "children">>;
-declare const FilterBar: {
-    <ValuesMap extends FiltersValues>({ filters, classNameOverride, ...providerProps }: FilterBarProps<ValuesMap>): JSX.Element;
+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;
-    DatePicker: {
-        ({ id, onDateChange, locale, ...props }: FilterBarDatePickerProps): JSX.Element;
-        displayName: string;
-    };
-    DateRangePicker: {
-        ({ id, onRangeChange, locale, ...props }: FilterBarDateRangePickerProps): JSX.Element;
-        displayName: string;
-    };
-    MultiSelect: {
-        ({ id, items: propsItems, children, onSelectionChange, ...props }: FilterBarMultiSelectProps): JSX.Element | null;
-        displayName: string;
-    };
-    Select: {
-        <Option extends SelectOption = SelectOption>({ id, items: propsItems, onSelectionChange, ...props }: FilterBarSelectProps<Option>): JSX.Element;
-        displayName: string;
-    };
 };
 
-type HeadingVariants = "display-0" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
-type AllowedHeadingTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
-type AllowedHeadingColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
-interface HeadingProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
-    children: React.ReactNode;
+type DateInputFieldProps$1 = {
     /**
-     * HTML elements that are allowed on Headings. When not supplied, the tag is inferred from
-     * the variant. E.g. display-0 will infer h1
+     * A description that provides context for the text field
      */
-    tag?: AllowedHeadingTags;
+    description?: DateInputDescriptionProps["description"];
     /**
-     * Allowed heading variants
+     * Updates the styling of the validation FieldMessage
      */
-    variant: HeadingVariants;
-    color?: AllowedHeadingColors;
-}
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}
- * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}
+    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 Heading: {
-    ({ children, tag, variant, color, classNameOverride, ...restProps }: HeadingProps): JSX.Element;
+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 BaseSVGProps = {
-    inheritSize?: boolean;
-} & OverrideClassName<SVGAttributes<SVGElement>>;
-type MeaningfulIcon = {
-    role: "img";
-    "aria-label": string;
-};
-type DecorativeIcon = {
-    role: "presentation";
-    "aria-label"?: never;
+type LegacyCalendarRangeProps = {
+    classNameOverride?: string;
+    defaultMonth?: Date;
+    weekStartsOn?: DayOfWeek;
+    disabledDays?: Matcher[];
+    selectedRange?: DateRange;
+    locale: Locale;
+    onDayChange: DayClickEventHandler;
 };
-type IconProps = BaseSVGProps & (MeaningfulIcon | DecorativeIcon);
 
-declare const AcademyIcon: (props: IconProps) => JSX.Element;
+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 ActionOffIcon: (props: IconProps) => JSX.Element;
+declare const formatDateRangeValue: (dateRange: DateRange) => string;
 
-declare const ActionOffWhiteIcon: (props: IconProps) => JSX.Element;
+type DividerProps = {
+    variant: "content" | "canvas" | "menuSeparator";
+    isReversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}
+ */
+declare const Divider: {
+    ({ variant, isReversed, classNameOverride, ...props }: DividerProps): JSX.Element;
+    displayName: string;
+};
 
-declare const ActionOnIcon: (props: IconProps) => JSX.Element;
+type HeadingVariants = "display-0" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
+type AllowedHeadingTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
+type AllowedHeadingColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
+type HeadingProps = {
+    children: React.ReactNode;
+    /**
+     * HTML elements that are allowed on Headings. When not supplied, the tag is inferred from
+     * the variant. E.g. display-0 will infer h1
+     */
+    tag?: AllowedHeadingTags;
+    /**
+     * Allowed heading variants
+     */
+    variant: HeadingVariants;
+    color?: AllowedHeadingColors;
+} & OverrideClassName<HTMLAttributes<HTMLElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}
+ * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}
+ */
+declare const Heading: {
+    ({ children, tag, variant, color, classNameOverride, ...restProps }: HeadingProps): JSX.Element;
+    displayName: string;
+};
 
-declare const AddIcon: (props: IconProps) => JSX.Element;
+type IllustrationType$1 = "positive" | "neutral" | "negative" | "informative" | "action";
+type LayoutContextType = "sidebarAndContent" | "contentOnly";
+type EmptyStateProps = {
+    children?: React__default.ReactNode;
+    id?: string;
+    illustrationType?: IllustrationType$1;
+    layoutContext?: LayoutContextType;
+    bodyText: string | React__default.ReactNode;
+    straightCorners?: boolean;
+    headingProps?: HeadingProps;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>> & Pick<AnimatedSceneProps, "isAnimated" | "loop">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}
+ */
+declare const EmptyState: {
+    ({ children, id, illustrationType, layoutContext, headingProps, bodyText, straightCorners, isAnimated, loop, classNameOverride, ...props }: EmptyStateProps): JSX.Element;
+    displayName: string;
+};
 
-declare const AddLinkIcon: (props: IconProps) => JSX.Element;
+declare const statusCodes: readonly ["400", "401", "403", "404", "413", "422", "500", "502", "503", "504"];
+type ErrorStatuses = (typeof statusCodes)[number];
 
-declare const AddWhiteIcon: (props: IconProps) => JSX.Element;
+type ErrorPageProps = {
+    code: ErrorStatuses;
+    title?: string;
+    message?: React__default.ReactNode | string;
+    callToAction?: {
+        onContactSupport: () => void;
+        homeHref?: string;
+    };
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+declare const ErrorPage: {
+    ({ code, title, message, callToAction, classNameOverride, }: ErrorPageProps): JSX.Element;
+    displayName: string;
+};
 
-declare const AiIcon: (props: IconProps) => JSX.Element;
+type FieldGroupProps = {
+    children?: React__default.ReactNode;
+    inline?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+declare const FieldGroup: {
+    ({ children, inline, classNameOverride, ...restProps }: FieldGroupProps): JSX.Element;
+    displayName: string;
+};
 
-declare const ArchivedIcon: (props: IconProps) => JSX.Element;
+type FilterTriggerRef = {
+    triggerRef?: React.RefObject<HTMLButtonElement>;
+};
 
-declare const ArchivedWhiteIcon: (props: IconProps) => JSX.Element;
+type FilterProps = {
+    children: React__default.ReactNode;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    renderTrigger: (triggerProps: {
+        onClick: () => void;
+        isOpen: boolean;
+    }) => JSX.Element & {
+        ref?: React__default.RefObject<FilterTriggerRef>;
+    };
+    onMount?: (triggerRef: React__default.RefObject<HTMLButtonElement>) => void;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+declare const Filter: {
+    ({ children, isOpen, setIsOpen, renderTrigger, classNameOverride, onMount, ...restProps }: FilterProps): JSX.Element;
+    displayName: string;
+};
 
-declare const ArrowBackwardIcon: (props: IconProps) => JSX.Element;
+type FilterContentsProps = {
+    children: React__default.ReactNode;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+declare const FilterContents: {
+    ({ children, classNameOverride, ...restProps }: FilterContentsProps): JSX.Element;
+    displayName: string;
+};
 
-declare const ArrowDownIcon: (props: IconProps) => JSX.Element;
+type FilterButtonProps = {
+    label: string;
+    selectedValue?: string | JSX.Element;
+    isOpen?: boolean;
+} & Omit<FilterButtonBaseProps, "children">;
+declare const FilterButton: React__default.ForwardRefExoticComponent<{
+    label: string;
+    selectedValue?: string | JSX.Element | undefined;
+    isOpen?: boolean | undefined;
+} & Omit<FilterButtonBaseProps, "children"> & React__default.RefAttributes<FilterTriggerRef>>;
 
-declare const ArrowForwardIcon: (props: IconProps) => JSX.Element;
+type DataAttributes = {
+    [key: `data-${string}`]: string | undefined;
+};
 
-declare const ArrowLeftIcon: (props: IconProps) => JSX.Element;
-
-declare const ArrowRightIcon: (props: IconProps) => JSX.Element;
-
-declare const ArrowUpIcon: (props: IconProps) => JSX.Element;
-
-declare const BlankIcon: (props: IconProps) => JSX.Element;
-
-declare const BoldIcon: (props: IconProps) => JSX.Element;
-
-declare const BookmarkOffIcon: (props: IconProps) => JSX.Element;
+type FilterButtonRemovableProps = {
+    triggerButtonProps: FilterButtonProps & DataAttributes;
+    removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
+        tooltipText?: string;
+    };
+} & Omit<ButtonGroupProps, "children">;
+type FilterButtonRemovableRefs = FilterTriggerRef & {
+    removeButtonRef?: React__default.RefObject<HTMLButtonElement>;
+};
+declare const FilterButtonRemovable: React__default.ForwardRefExoticComponent<{
+    triggerButtonProps: FilterButtonProps & DataAttributes;
+    removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
+        tooltipText?: string;
+    };
+} & Omit<ButtonGroupProps, "children"> & React__default.RefAttributes<FilterButtonRemovableRefs>>;
 
-declare const BookmarkOnIcon: (props: IconProps) => JSX.Element;
+type DateValidationResponse = {
+    date: Date | undefined;
+    inputValue: string | undefined;
+    validationMessage: ValidationMessage | undefined;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    isEmpty: boolean;
+    isValidDate: boolean;
+};
+type ValidationMessage = {
+    status: FieldMessageStatus;
+    message: string | React__default.ReactElement;
+};
 
-declare const BranchingIcon: (props: IconProps) => JSX.Element;
+type DateInputFieldProps = {
+    id: string;
+    locale: Locale;
+    /**
+     * A description that provides context for the text field
+     */
+    description?: DateInputDescriptionProps["description"];
+    isReversed?: boolean;
+    validationMessage?: ValidationMessage;
+    disabled?: boolean;
+    labelText?: DateInputProps["labelText"];
+} & Omit<DateInputProps, "id" | "labelText">;
 
-declare const BullettedListIcon: (props: IconProps) => JSX.Element;
+type FilterInputProps$1<InputProps> = Omit<Partial<InputProps>, "value"> & DataAttributes;
+type FilterDatePickerFieldProps = {
+    id?: string;
+    locale: DatePickerSupportedLocales;
+    /**
+     * Sets first displayed month to month of provided date if there isn't a date set.
+     */
+    defaultMonth?: CalendarSingleProps["defaultMonth"];
+    /**
+     * The date range passed in from the consumer that renders in the inputs and calendar.
+     */
+    selectedDate: Date | undefined;
+    /**
+     * Callback when date is updated either by the calendar picker or by typing and blurring.
+     * Date will return as `undefined` if empty, invalid or disabled.
+     */
+    onDateChange: (date: Date | undefined) => void;
+    /**
+     * Callback when date is saved/committed/submitted valid date by either by the calendar picker or by typing and blurring.
+     * Date will return as `undefined` if empty, invalid or disabled.
+     *
+     * Distinctly different from `change` where that is triggered on any kind of event, we expect the final valid date in this function.
+     */
+    onDateSubmit?: (date: Date | undefined) => void;
+    /**
+     * See https://react-day-picker.js.org/api/types/Matcher
+     */
+    disabledDays?: DisabledDays;
+    inputProps?: FilterInputProps$1<DateInputFieldProps>;
+    /**
+     * Custom description to provide extra context (input format help text remains).
+     */
+    description?: DateInputDescriptionProps["description"];
+    validationMessage?: ValidationMessage;
+    /**
+     * Callback when a date is selected. Utilises internal validation if not set.
+     */
+    onValidate?: (validationResponse: DateValidationResponse) => void;
+    setIsFilterOpen?: FilterProps["setIsOpen"];
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+declare const FilterDatePickerField: ({ id: propsId, inputProps, locale: propsLocale, defaultMonth, selectedDate, onDateChange, onDateSubmit, disabledDays, description, validationMessage, onValidate, classNameOverride, ...restProps }: FilterDatePickerFieldProps) => JSX.Element;
 
-declare const CaMonogramIcon: (props: IconProps) => JSX.Element;
+type FilterDatePickerProps = {
+    id?: string;
+    label: string;
+    isOpen: FilterProps["isOpen"];
+    setIsOpen: FilterProps["setIsOpen"];
+    renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element;
+} & Omit<FilterDatePickerFieldProps, "id">;
+declare const FilterDatePicker: {
+    ({ isOpen, setIsOpen, renderTrigger, selectedDate, label, locale, onDateSubmit, ...restProps }: FilterDatePickerProps): JSX.Element;
+    displayName: string;
+};
 
-declare const CameraIcon: (props: IconProps) => JSX.Element;
+type ValidateDateArgs = {
+    date: Date | undefined;
+    inputValue: string | undefined;
+    disabledDays?: DisabledDays;
+};
 
-declare const CautionIcon: (props: IconProps) => JSX.Element;
+type ValidateDateResponse = {
+    validationResponse: DateValidationResponse;
+    newDate: Date | undefined;
+};
+declare const validateDate: (args: ValidateDateArgs) => ValidateDateResponse;
 
-declare const CautionWhiteIcon: (props: IconProps) => JSX.Element;
+type UseDateValidationArgs = {
+    inputLabel?: React.ReactNode;
+    disabledDays?: DisabledDays;
+    validationMessage?: ValidationMessage;
+    onValidate?: (validationResponse: DateValidationResponse) => void;
+};
+type UseDateValidationValue = {
+    validationMessage: ValidationMessage | undefined;
+    validateDate: (args: {
+        date: Date | undefined;
+        inputValue: string;
+    }) => ReturnType<typeof validateDate>;
+    updateValidation: (validationResponse: DateValidationResponse) => void;
+};
+declare const useDateValidation: ({ inputLabel, disabledDays, validationMessage, onValidate, }: UseDateValidationArgs) => UseDateValidationValue;
 
-declare const CheckIcon: (props: IconProps) => JSX.Element;
+type GetDateValidationHandlerArgs = {
+    onValidate: ((validationResponse: DateValidationResponse) => void) | undefined;
+    setInbuiltValidationMessage: (validationMessage: ValidationMessage | undefined) => void;
+    inputLabel?: React__default.ReactNode;
+};
+declare const getDateValidationHandler: ({ onValidate, setInbuiltValidationMessage, inputLabel, }: GetDateValidationHandlerArgs) => (validationResponse: DateValidationResponse) => void;
 
-declare const ChevronDownIcon: (props: IconProps) => JSX.Element;
+type FilterBarDatePickerProps = Omit<FilterDatePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedDate" | "onDateChange" | "locale"> & {
+    id?: string;
+    locale?: FilterDatePickerProps["locale"];
+    onDateChange?: FilterDatePickerProps["onDateChange"];
+};
 
-declare const ChevronLeftIcon: (props: IconProps) => JSX.Element;
+type DateRangeFieldValidationMessage = {
+    dateStart?: ValidationMessage;
+    dateEnd?: ValidationMessage;
+};
 
-declare const ChevronRightIcon: (props: IconProps) => JSX.Element;
+type DateRangeValidationMessageProps = {
+    validationMessage?: DateRangeFieldValidationMessage;
+    dateStartId?: string;
+    dateEndId?: string;
+    isReversed?: boolean;
+};
 
-declare const ChevronUpIcon: (props: IconProps) => JSX.Element;
+type DateRangeInputFieldProps = {
+    id: string;
+    legend: string;
+    inputStartDateProps: Omit<DateInputProps, "id">;
+    inputEndDateProps: Omit<DateInputProps, "id">;
+    locale: Locale;
+    /**
+     * A description that provides context for the text field
+     */
+    description?: DateInputDescriptionProps["description"];
+    isReversed?: boolean;
+    validationMessage?: DateRangeValidationMessageProps["validationMessage"];
+    disabled?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 
-declare const ClearIcon: (props: IconProps) => JSX.Element;
+type InputStartDateProps = DateRangeInputFieldProps["inputStartDateProps"];
+type InputEndDateProps = DateRangeInputFieldProps["inputEndDateProps"];
+type FilterInputProps<InputProps> = Omit<Partial<InputProps>, "value"> & DataAttributes;
+type FilterDateRangePickerFieldProps = {
+    id: string;
+    label: string;
+    locale: DatePickerSupportedLocales;
+    /**
+     * Sets first displayed month to month of provided date if there isn't a date set.
+     */
+    defaultMonth?: CalendarRangeProps["defaultMonth"];
+    /**
+     * The date range passed in from the consumer that renders in the inputs and calendar.
+     */
+    selectedRange: DateRange | undefined;
+    /**
+     * Callback when date is updated either by the calendar picker or by typing and blurring.
+     * Date will return as `undefined` if empty, invalid or disabled.
+     */
+    onRangeChange: (range: DateRange | undefined) => void;
+    /**
+     * See https://react-day-picker.js.org/api/types/Matcher
+     */
+    disabledDays?: DisabledDays;
+    inputStartDateProps?: FilterInputProps<InputStartDateProps>;
+    inputEndDateProps?: FilterInputProps<InputEndDateProps>;
+    /**
+     * Custom description to provide extra context (input format help text remains).
+     */
+    description?: DateRangeInputFieldProps["description"];
+    validationMessage?: DateRangeFieldValidationMessage;
+    /**
+     * Callback when a date is selected. Utilises internal validation if not set.
+     */
+    onValidate?: {
+        dateStart?: (validationResponse: DateValidationResponse) => void;
+        dateEnd?: (validationResponse: DateValidationResponse) => void;
+    };
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 
-declare const ClearWhiteIcon: (props: IconProps) => JSX.Element;
+type FilterDateRangePickerProps = {
+    id?: string;
+    isOpen: FilterProps["isOpen"];
+    setIsOpen: FilterProps["setIsOpen"];
+    renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element;
+} & Omit<FilterDateRangePickerFieldProps, "id">;
+declare const FilterDateRangePicker: {
+    ({ id: propsId, isOpen, setIsOpen, renderTrigger, selectedRange, label, locale, ...restProps }: FilterDateRangePickerProps): JSX.Element;
+    displayName: string;
+};
 
-declare const CloseIcon: (props: IconProps) => JSX.Element;
+type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedRange" | "onRangeChange" | "locale"> & {
+    id?: string;
+    onRangeChange?: FilterDateRangePickerProps["onRangeChange"];
+    locale?: FilterDateRangePickerProps["locale"];
+};
 
-declare const ClosedIcon: (props: IconProps) => JSX.Element;
+type NoResultsProps = {
+    children: React__default.ReactNode;
+} & HTMLAttributes<HTMLDivElement>;
 
-declare const ClosedWhiteIcon: (props: IconProps) => JSX.Element;
+type MenuFooterProps = {
+    children: React__default.ReactNode;
+};
 
-declare const CommentAddIcon: (props: IconProps) => JSX.Element;
+type MenuLoadingSkeletonProps = {
+    isAnimated?: boolean;
+};
 
-declare const CommentAddWhiteIcon: (props: IconProps) => JSX.Element;
+type ItemType = {
+    label: string;
+    value: Key;
+    count?: string;
+    isDisabled?: boolean;
+};
+type MultiSelectItem = Node<ItemType>;
 
-declare const CommentBankIcon: (props: IconProps) => JSX.Element;
+interface MultiSelectOptionProps {
+    classNameOverride?: string;
+    item: MultiSelectItem;
+}
 
-declare const CommentDisabledIcon: (props: IconProps) => JSX.Element;
+type SectionNameProps = {
+    /**
+     * Becomes an aria-label on the section, informing
+     * unsighted users
+     */
+    sectionName: string;
+};
+type SectionHeaderProps = {
+    /**
+     * Becomes an aria-label on the section, informing
+     * unsighted users
+     */
+    sectionName?: string;
+    /**
+     * Can be used for a visual title of the ListBoxSection or to provide addition information in a React node.
+     * If this is the same title as sectionName, you should only pass in a sectionHeader to avoid duplicate descriptions.
+     */
+    sectionHeader: ReactNode;
+};
+type ListBoxSectionProps$1 = {
+    items: MultiSelectItem[];
+    children: (item: MultiSelectItem) => React__default.ReactNode;
+} & (SectionHeaderProps | SectionNameProps);
 
-declare const CommentDisabledWhiteIcon: (props: IconProps) => JSX.Element;
+type ListBoxItems = {
+    selectedItems: MultiSelectItem[];
+    unselectedItems: MultiSelectItem[];
+    disabledItems: MultiSelectItem[];
+    allItems: MultiSelectItem[];
+    hasNoItems: boolean;
+};
+type ListBoxProps = {
+    children: (items: ListBoxItems) => React__default.ReactNode;
+};
 
-declare const CommentIcon: (props: IconProps) => JSX.Element;
+type SearchInputProps = {
+    label?: string;
+    id?: string;
+    isLoading?: boolean;
+};
 
-declare const CommentWhiteIcon: (props: IconProps) => JSX.Element;
+type FilterTriggerButtonProps = {
+    label: string;
+    selectedOptionLabels: string[];
+    /**
+     * Character limit of the button label.
+     * It will always show the first selected label regardless if it exceeds the given character limit.
+     */
+    labelCharacterLimitBeforeTruncate?: number;
+    classNameOverride?: string;
+};
 
-declare const CommunicationsIcon: (props: IconProps) => JSX.Element;
+type RemovableFilterTriggerProps = FilterTriggerButtonProps & {
+    onRemove: () => void;
+};
 
-declare const CompetencyLibraryIcon: (props: IconProps) => JSX.Element;
+type MenuTriggerProviderProps = {
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    children: React__default.ReactNode;
+};
+type MenuTriggerProviderContextType = {
+    menuTriggerProps: HTMLAttributes<HTMLElement>;
+    buttonProps: ButtonHTMLAttributes<HTMLButtonElement>;
+    menuProps: AriaMenuOptions<ItemType>;
+    menuTriggerState: MenuTriggerState;
+    buttonRef: React__default.RefObject<HTMLButtonElement>;
+};
+declare function MenuTriggerProvider({ isOpen, defaultOpen, onOpenChange, children, }: MenuTriggerProviderProps): JSX.Element;
+declare const useMenuTriggerContext: () => MenuTriggerProviderContextType;
+declare const MenuTriggerConsumer: ({ children, }: React__default.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;
 
-declare const ConfigureIcon: (props: IconProps) => JSX.Element;
+type SelectionProviderProps = {
+    selectionMode: SelectionMode;
+    children: React__default.ReactNode;
+    items?: ItemType[];
+    onSelectionChange?: (keys: Selection) => void;
+    /** The currently selected keys in the collection (controlled). */
+    selectedKeys?: Selection;
+    /** The initial selected keys in the collection (uncontrolled). */
+    defaultSelectedKeys?: Selection;
+    label: string;
+    disabledKeys?: Selection;
+    onSearchInputChange?: (searchInput: string) => void;
+};
+type SelectionProviderContextType = {
+    listBoxProps: HTMLAttributes<HTMLElement>;
+    labelProps: HTMLAttributes<HTMLElement>;
+    selectionState: ListState<ItemType>;
+    listRef: React__default.RefObject<HTMLUListElement>;
+    searchQuery?: 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__default.ConsumerProps<SelectionProviderContextType>) => JSX.Element;
 
-declare const ConnectIcon: (props: IconProps) => JSX.Element;
+type MenuPopupProps = {
+    isLoading?: boolean;
+    loadingSkeleton?: React__default.ReactNode;
+    children: React__default.ReactNode;
+};
 
-declare const ConnectLineIcon: (props: IconProps) => JSX.Element;
+type SelectionProps = {
+    label: string;
+    items: ItemType[];
+    selectedKeys?: Selection;
+    defaultSelectedKeys?: Selection;
+    onSelectionChange?: (keys: Selection) => void;
+    selectionMode?: SelectionMode;
+    onSearchInputChange?: (searchInput: string) => void;
+};
+type FilterMultiSelectProps = {
+    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;
+    displayName: string;
+    TriggerButton: {
+        ({ selectedOptionLabels, label, classNameOverride, labelCharacterLimitBeforeTruncate, }: FilterTriggerButtonProps): JSX.Element;
+        displayName: string;
+    };
+    RemovableTrigger: {
+        ({ label, selectedOptionLabels, labelCharacterLimitBeforeTruncate, classNameOverride, onRemove, }: RemovableFilterTriggerProps): JSX.Element;
+        displayName: string;
+    };
+    SearchInput: {
+        ({ label, id, isLoading, }: SearchInputProps): JSX.Element;
+        displayName: string;
+    };
+    ListBox: {
+        ({ children }: ListBoxProps): JSX.Element;
+        displayName: string;
+    };
+    ListBoxSection: {
+        ({ items, children, sectionName, ...restProps }: ListBoxSectionProps$1): JSX.Element;
+        displayName: string;
+    };
+    SectionDivider: () => JSX.Element;
+    Option: {
+        ({ classNameOverride, item, }: MultiSelectOptionProps): JSX.Element;
+        displayName: string;
+    };
+    SelectAllButton: {
+        (): JSX.Element;
+        displayName: string;
+    };
+    ClearButton: {
+        (): JSX.Element;
+        displayName: string;
+    };
+    MenuFooter: {
+        ({ children }: MenuFooterProps): JSX.Element;
+        displayName: string;
+    };
+    MenuLoadingSkeleton: {
+        ({ isAnimated, }: MenuLoadingSkeletonProps): JSX.Element;
+        displayName: string;
+    };
+    LoadMoreButton: {
+        (props: GenericButtonProps): JSX.Element;
+        displayName: string;
+    };
+    NoResults: {
+        ({ children, ...restProps }: NoResultsProps): JSX.Element;
+        displayName: string;
+    };
+};
 
-declare const CustomIcon: (props: IconProps) => JSX.Element;
+type LoadMoreButtonProps = ButtonProps;
 
-declare const DashboardIcon: (props: IconProps) => JSX.Element;
+declare const getTruncatedLabels: (labels: string[], limit: number) => string;
 
-declare const DateEndIcon: (props: IconProps) => JSX.Element;
+declare const getSelectedOptionLabels: (keys?: Selection, items?: ItemType[]) => string[];
 
-declare const DateEndWhiteIcon: (props: IconProps) => JSX.Element;
+declare const getSelectedOptionKeys: (keys?: Selection, items?: ItemType[]) => Key[];
 
-declare const DateRangeIcon: (props: IconProps) => JSX.Element;
+type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKeys" | "trigger"> & {
+    id?: string;
+};
 
-declare const DateRangeWhiteIcon: (props: IconProps) => JSX.Element;
+type SelectOption = {
+    label: string;
+    value: Key;
+    disabled?: boolean;
+    options?: never;
+};
+type SelectOptionGroup<Option extends SelectOption> = {
+    label: string;
+    options: Iterable<Option>;
+};
+type SelectItem<Option extends SelectOption = SelectOption> = Option | SelectOptionGroup<Option>;
+type SelectOptionNode<Option extends SelectOption = SelectOption> = Node<Option> & {
+    type: "item";
+    hasChildNodes: false;
+};
+type SelectOptionGroupNode<Option extends SelectOption = SelectOption> = Omit<Node<SelectOptionGroup<Option>>, "childNodes"> & {
+    type: "section";
+    hasChildNodes: true;
+    childNodes: Array<SelectOptionNode<Option>>;
+};
+type SelectItemNode<Option extends SelectOption = SelectOption> = SelectOptionNode<Option> | SelectOptionGroupNode<Option>;
 
-declare const DateStartIcon: (props: IconProps) => JSX.Element;
+type ListBoxSectionProps<Option extends SelectOption> = {
+    section: SelectOptionGroupNode<Option>;
+};
 
-declare const DateStartWhiteIcon: (props: IconProps) => JSX.Element;
+type ListItemProps<Option extends SelectOption = SelectOption> = {
+    item: SelectItemNode<Option>;
+};
 
-declare const DecreaseIndentIcon: (props: IconProps) => JSX.Element;
+type OptionProps<Option extends SelectOption = SelectOption> = {
+    item: SelectOptionNode<Option>;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLLIElement>, "children">>;
 
-declare const DeltaBareIcon: (props: IconProps) => JSX.Element;
+type SelectPopoverContentsProps<Option extends SelectOption> = {
+    children?: (args: {
+        items: Array<SelectItemNode<Option>>;
+    }) => React__default.ReactNode;
+    menuProps: AriaListBoxOptions<SelectItem<Option>>;
+};
 
-declare const DeltaBareWhiteIcon: (props: IconProps) => JSX.Element;
+type OmittedAriaSelectProps = "label" | "children" | "isOpen" | "onOpenChange" | "defaultOpen" | "items";
+type FilterSelectProps<Option extends SelectOption = SelectOption> = {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    renderTrigger: (triggerButtonProps: FilterButtonProps) => JSX.Element;
+    label: string;
+    children?: SelectPopoverContentsProps<Option>["children"];
+    items: Array<SelectItem<Option>>;
+} & 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;
+    Section: {
+        <Option_1 extends SelectOption = SelectOption>({ section, }: ListBoxSectionProps<Option_1>): JSX.Element;
+        displayName: string;
+    };
+    SectionDivider: {
+        (): JSX.Element;
+        displayName: string;
+    };
+    Option: {
+        <Option_2 extends SelectOption = SelectOption>({ item, classNameOverride, ...props }: OptionProps<Option_2>): JSX.Element;
+        displayName: string;
+    };
+    ItemDefaultRender: {
+        <Option_3 extends SelectOption = SelectOption>({ item, }: ListItemProps<Option_3>): JSX.Element;
+        displayName: string;
+    };
+};
 
-declare const DeltaFlatIcon: (props: IconProps) => JSX.Element;
+type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKey"> & {
+    id?: string;
+};
+
+type FiltersValues = Record<string, any>;
+type SourceFilterAttributes<Id, Value> = {
+    id: Id;
+    name: string;
+    value?: Value;
+    isActive: boolean;
+};
+type SourceFiltersState<ValuesMap extends FiltersValues> = {
+    [K in keyof ValuesMap]: SourceFilterAttributes<K, ValuesMap[K]>;
+};
+type FilterIsUsableWhen<ValuesMap extends FiltersValues> = (state: SourceFiltersState<ValuesMap>) => boolean;
+type FilterAttributes<ValuesMap extends FiltersValues, Id = keyof ValuesMap> = {
+    id: Id;
+    name: string;
+    Component: React.ReactElement;
+    isRemovable?: boolean;
+    isUsableWhen?: FilterIsUsableWhen<ValuesMap>;
+};
+type Filters<ValuesMap extends FiltersValues> = Array<FilterAttributes<ValuesMap>>;
+type FilterState<Id, Value> = {
+    id: Id;
+    name: string;
+    isRemovable: boolean;
+    isUsableWhen?: never;
+    isUsable: boolean;
+    isOpen: boolean;
+    value?: Value;
+    isActive: boolean;
+};
+
+type MappedFilters<ValuesMap extends FiltersValues> = {
+    [K in keyof ValuesMap]: FilterAttributes<ValuesMap, K>;
+};
+type FilterStateEditableAttributes = {
+    isOpen: boolean;
+};
+type InternalFilterState<ValuesMap extends FiltersValues, Id extends keyof ValuesMap> = {
+    id: Id;
+    name: string;
+    isRemovable: boolean;
+    isUsableWhen?: FilterIsUsableWhen<ValuesMap>;
+    isUsable: boolean;
+    isOpen: boolean;
+    value?: never;
+    isActive?: never;
+};
+type FilterBarStateFilters<ValuesMap extends FiltersValues> = {
+    [K in keyof ValuesMap]: InternalFilterState<ValuesMap, K>;
+};
+type FilterBarState<ValuesMap extends FiltersValues> = {
+    hasUpdatedValues: boolean;
+    filters: FilterBarStateFilters<ValuesMap>;
+    activeFilterIds: Set<keyof ValuesMap>;
+    values: Partial<ValuesMap>;
+    dependentFilterIds: Set<keyof ValuesMap>;
+};
+type ActiveFiltersArray<ValuesMap extends FiltersValues> = Array<FilterAttributes<ValuesMap>>;
+
+type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {
+    getFilterState: <Id extends keyof ValuesMap>(id: Id) => FilterState<keyof ValuesMap, ValuesMap[Id]>;
+    getActiveFilterValues: () => Partial<ValuesMap>;
+    /**
+     * @deprecated Use `setFilterOpenState` instead.
+     */
+    toggleOpenFilter: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
+    setFilterOpenState: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
+    openFilter: <Id extends keyof ValuesMap>(id: Id) => void;
+    updateValue: <Id extends keyof ValuesMap>(id: Id, value: ValuesMap[Id]) => void;
+    showFilter: <Id extends keyof ValuesMap>(id: Id) => void;
+    hideFilter: <Id extends keyof ValuesMap>(id: Id) => void;
+    getInactiveFilters: () => Array<FilterAttributes<ValuesMap>>;
+    clearAllFilters: () => void;
+};
+declare const useFilterBarContext: <Value, Values extends FiltersValues = Record<string, Value>>() => FilterBarContextValue<Value, Values>;
+type FilterBarProviderProps<ValuesMap extends FiltersValues> = {
+    children: (activeFilters: ActiveFiltersArray<ValuesMap>) => JSX.Element;
+    filters: Filters<ValuesMap>;
+    values: Partial<ValuesMap>;
+    onValuesChange: (values: Partial<ValuesMap>) => void;
+};
+declare const FilterBarProvider: <ValuesMap extends FiltersValues>({ children, filters, values, onValuesChange, }: FilterBarProviderProps<ValuesMap>) => JSX.Element;
+
+type FilterBarProps<ValuesMap extends FiltersValues> = OverrideClassName<Omit<FilterBarProviderProps<ValuesMap>, "children">>;
+declare const FilterBar: {
+    <ValuesMap extends FiltersValues>({ filters, classNameOverride, ...providerProps }: FilterBarProps<ValuesMap>): JSX.Element;
+    displayName: string;
+    DatePicker: {
+        ({ id, onDateChange, locale, ...props }: FilterBarDatePickerProps): JSX.Element;
+        displayName: string;
+    };
+    DateRangePicker: {
+        ({ id, onRangeChange, locale, ...props }: FilterBarDateRangePickerProps): JSX.Element;
+        displayName: string;
+    };
+    MultiSelect: {
+        ({ id, items: propsItems, children, onSelectionChange, ...props }: FilterBarMultiSelectProps): JSX.Element | null;
+        displayName: string;
+    };
+    Select: {
+        <Option extends SelectOption = SelectOption>({ id, items: propsItems, onSelectionChange, ...props }: FilterBarSelectProps<Option>): JSX.Element;
+        displayName: string;
+    };
+};
+
+declare const variantsMap: string[];
+type VariantType = (typeof variantsMap)[number];
+
+type ActionProps = ButtonProps & {
+    tooltip?: TooltipProps;
+};
+type LayoutType = "default" | "inline" | "stacked";
+type IllustrationType = "spot" | "scene";
+type TextAlignment = "center" | "left";
+type GuidanceBlockActions = {
+    primary: ActionProps;
+    secondary?: ActionProps;
+    dismiss?: {
+        onClick: () => void;
+    };
+};
+type BaseGuidanceBlockProps = {
+    layout?: LayoutType;
+    illustration: React__default.ReactElement<SpotProps | SceneProps>;
+    illustrationType?: IllustrationType;
+    smallScreenTextAlignment?: TextAlignment;
+    actions?: GuidanceBlockActions;
+    secondaryDismiss?: boolean;
+    variant?: VariantType;
+    withActionButtonArrow?: boolean;
+    noMaxWidth?: boolean;
+};
+type GuidanceBlockWithText = {
+    text: {
+        title: string;
+        titleTag?: HeadingProps["tag"];
+        description: string | React__default.ReactNode;
+    };
+} & BaseGuidanceBlockProps;
+type GuidanceBlockPropsWithContent = {
+    content: React__default.ReactElement;
+} & BaseGuidanceBlockProps;
+type GuidanceBlockProps = GuidanceBlockWithText | GuidanceBlockPropsWithContent;
+type GuidanceBlockState = {
+    hidden: boolean;
+    removed: boolean;
+    mediaQueryLayout: string;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-guidanceblock--docs Storybook}
+ */
+declare const GuidanceBlock: {
+    ({ layout, variant, withActionButtonArrow, noMaxWidth, illustrationType, smallScreenTextAlignment, actions, illustration, secondaryDismiss, ...restProps }: GuidanceBlockProps): JSX.Element;
+    displayName: string;
+};
+
+type BaseSVGProps = {
+    inheritSize?: boolean;
+} & OverrideClassName<SVGAttributes<SVGElement>>;
+type MeaningfulIcon = {
+    role: "img";
+    "aria-label": string;
+};
+type DecorativeIcon = {
+    role: "presentation";
+    "aria-label"?: never;
+};
+type IconProps = BaseSVGProps & (MeaningfulIcon | DecorativeIcon);
+
+declare const AcademyIcon: (props: IconProps) => JSX.Element;
+
+declare const ActionOffIcon: (props: IconProps) => JSX.Element;
+
+declare const ActionOffWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const ActionOnIcon: (props: IconProps) => JSX.Element;
+
+declare const AddIcon: (props: IconProps) => JSX.Element;
+
+declare const AddLinkIcon: (props: IconProps) => JSX.Element;
+
+declare const AddWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const AiIcon: (props: IconProps) => JSX.Element;
+
+declare const ArchivedIcon: (props: IconProps) => JSX.Element;
+
+declare const ArchivedWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const ArrowBackwardIcon: (props: IconProps) => JSX.Element;
+
+declare const ArrowDownIcon: (props: IconProps) => JSX.Element;
+
+declare const ArrowForwardIcon: (props: IconProps) => JSX.Element;
+
+declare const ArrowLeftIcon: (props: IconProps) => JSX.Element;
+
+declare const ArrowRightIcon: (props: IconProps) => JSX.Element;
+
+declare const ArrowUpIcon: (props: IconProps) => JSX.Element;
+
+declare const BlankIcon: (props: IconProps) => JSX.Element;
+
+declare const BoldIcon: (props: IconProps) => JSX.Element;
+
+declare const BookmarkOffIcon: (props: IconProps) => JSX.Element;
+
+declare const BookmarkOnIcon: (props: IconProps) => JSX.Element;
+
+declare const BranchingIcon: (props: IconProps) => JSX.Element;
+
+declare const BullettedListIcon: (props: IconProps) => JSX.Element;
+
+declare const CaMonogramIcon: (props: IconProps) => JSX.Element;
+
+declare const CameraIcon: (props: IconProps) => JSX.Element;
+
+declare const CautionIcon: (props: IconProps) => JSX.Element;
+
+declare const CautionWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const CheckIcon: (props: IconProps) => JSX.Element;
+
+declare const ChevronDownIcon: (props: IconProps) => JSX.Element;
+
+declare const ChevronLeftIcon: (props: IconProps) => JSX.Element;
+
+declare const ChevronRightIcon: (props: IconProps) => JSX.Element;
+
+declare const ChevronUpIcon: (props: IconProps) => JSX.Element;
+
+declare const ClearIcon: (props: IconProps) => JSX.Element;
+
+declare const ClearWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const CloseIcon: (props: IconProps) => JSX.Element;
+
+declare const ClosedIcon: (props: IconProps) => JSX.Element;
+
+declare const ClosedWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const CommentAddIcon: (props: IconProps) => JSX.Element;
+
+declare const CommentAddWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const CommentBankIcon: (props: IconProps) => JSX.Element;
+
+declare const CommentDisabledIcon: (props: IconProps) => JSX.Element;
+
+declare const CommentDisabledWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const CommentIcon: (props: IconProps) => JSX.Element;
+
+declare const CommentWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const CommunicationsIcon: (props: IconProps) => JSX.Element;
+
+declare const CompetencyLibraryIcon: (props: IconProps) => JSX.Element;
+
+declare const ConfigureIcon: (props: IconProps) => JSX.Element;
+
+declare const ConnectIcon: (props: IconProps) => JSX.Element;
+
+declare const ConnectLineIcon: (props: IconProps) => JSX.Element;
+
+declare const CustomIcon: (props: IconProps) => JSX.Element;
+
+declare const DashboardIcon: (props: IconProps) => JSX.Element;
+
+declare const DateEndIcon: (props: IconProps) => JSX.Element;
+
+declare const DateEndWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const DateRangeIcon: (props: IconProps) => JSX.Element;
+
+declare const DateRangeWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const DateStartIcon: (props: IconProps) => JSX.Element;
+
+declare const DateStartWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const DecreaseIndentIcon: (props: IconProps) => JSX.Element;
+
+declare const DeltaBareIcon: (props: IconProps) => JSX.Element;
+
+declare const DeltaBareWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const DeltaFlatIcon: (props: IconProps) => JSX.Element;
 
 declare const DeltaIcon: (props: IconProps) => JSX.Element;
 
@@ -1839,584 +2345,176 @@ declare const MinimizeIcon: (props: IconProps) => JSX.Element;
 
 declare const MinusIcon: (props: IconProps) => JSX.Element;
 
-declare const NavigatorIcon: (props: IconProps) => JSX.Element;
-
-declare const NotificationIcon: (props: IconProps) => JSX.Element;
-
-declare const NumberedListIcon: (props: IconProps) => JSX.Element;
-
-declare const NumberedListRtlIcon: (props: IconProps) => JSX.Element;
-
-declare const OpenIcon: (props: IconProps) => JSX.Element;
-
-declare const OpenWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const OrganizationIcon: (props: IconProps) => JSX.Element;
-
-declare const ParticipationIcon: (props: IconProps) => JSX.Element;
-
-declare const ParticipationWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const PauseIcon: (props: IconProps) => JSX.Element;
-
-declare const PauseWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const PercentageIcon: (props: IconProps) => JSX.Element;
-
-declare const PermissionsIcon: (props: IconProps) => JSX.Element;
-
-declare const PersonIcon: (props: IconProps) => JSX.Element;
-
-declare const PhotoUploadIcon: (props: IconProps) => JSX.Element;
-
-declare const PowerIcon: (props: IconProps) => JSX.Element;
-
-declare const PrintIcon: (props: IconProps) => JSX.Element;
-
-declare const PrintWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const ProcessManagerIcon: (props: IconProps) => JSX.Element;
-
-declare const PromotionIcon: (props: IconProps) => JSX.Element;
-
-declare const PromotionWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const QuestionIcon: (props: IconProps) => JSX.Element;
-
-declare const QuestionWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const QuestionsIcon: (props: IconProps) => JSX.Element;
-
-declare const RedoIcon: (props: IconProps) => JSX.Element;
-
-declare const RefreshIcon: (props: IconProps) => JSX.Element;
-
-declare const RemoveLinkIcon: (props: IconProps) => JSX.Element;
-
-declare const RepeatsIcon: (props: IconProps) => JSX.Element;
-
-declare const ReportIcon: (props: IconProps) => JSX.Element;
-
-declare const ReportSharingIcon: (props: IconProps) => JSX.Element;
-
-declare const RestoreIcon: (props: IconProps) => JSX.Element;
-
-declare const SaveIcon: (props: IconProps) => JSX.Element;
-
-declare const SearchIcon: (props: IconProps) => JSX.Element;
-
-declare const SearchWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const SecurityTipIcon: (props: IconProps) => JSX.Element;
-
-declare const SendIcon: (props: IconProps) => JSX.Element;
-
-declare const SendRtlIcon: (props: IconProps) => JSX.Element;
-
-declare const SettingsIcon: (props: IconProps) => JSX.Element;
-
-declare const SettingsWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const ShareIcon: (props: IconProps) => JSX.Element;
-
-declare const SkipIcon: (props: IconProps) => JSX.Element;
-
-declare const SkipWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const SortAscendingIcon: (props: IconProps) => JSX.Element;
-
-declare const SortDescendingIcon: (props: IconProps) => JSX.Element;
-
-declare const SpinnerIcon: (props: IconProps) => JSX.Element;
-
-declare const StarOffIcon: (props: IconProps) => JSX.Element;
-
-declare const StarOnIcon: (props: IconProps) => JSX.Element;
-
-declare const StartIcon: (props: IconProps) => JSX.Element;
-
-declare const SubtractIcon: (props: IconProps) => JSX.Element;
-
-declare const SubtractWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const SuccessIcon: (props: IconProps) => JSX.Element;
-
-declare const SuccessWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const SupportIcon: (props: IconProps) => JSX.Element;
-
-declare const SurveysIcon: (props: IconProps) => JSX.Element;
-
-declare const SurveysWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const SyncIcon: (props: IconProps) => JSX.Element;
-
-declare const TagIcon: (props: IconProps) => JSX.Element;
-
-declare const TasksIcon: (props: IconProps) => JSX.Element;
-
-declare const TasksWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const TemplateIcon: (props: IconProps) => JSX.Element;
-
-declare const TemplateWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const TextAnalyticsIcon: (props: IconProps) => JSX.Element;
-
-declare const TextAnalyticsWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const ThumbsDownIcon: (props: IconProps) => JSX.Element;
-
-declare const ThumbsUpIcon: (props: IconProps) => JSX.Element;
-
-declare const TimeIcon: (props: IconProps) => JSX.Element;
-
-declare const TimeWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const TranslationIcon: (props: IconProps) => JSX.Element;
-
-declare const TrashIcon: (props: IconProps) => JSX.Element;
-
-declare const UnattributedIcon: (props: IconProps) => JSX.Element;
-
-declare const UnattributedWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const UnderlineIcon: (props: IconProps) => JSX.Element;
-
-declare const UndoIcon: (props: IconProps) => JSX.Element;
-
-declare const UserAddIcon: (props: IconProps) => JSX.Element;
-
-declare const UserDeleteIcon: (props: IconProps) => JSX.Element;
-
-declare const UserExitIcon: (props: IconProps) => JSX.Element;
-
-declare const UserIcon: (props: IconProps) => JSX.Element;
-
-declare const UserSelectIcon: (props: IconProps) => JSX.Element;
-
-declare const UserSettingsIcon: (props: IconProps) => JSX.Element;
-
-declare const UserUpdateIcon: (props: IconProps) => JSX.Element;
-
-declare const UsersIcon: (props: IconProps) => JSX.Element;
-
-declare const VisibleIcon: (props: IconProps) => JSX.Element;
-
-declare const WritingIcon: (props: IconProps) => JSX.Element;
-
-declare const ZoomInIcon: (props: IconProps) => JSX.Element;
-
-declare const ZoomOutIcon: (props: IconProps) => JSX.Element;
-
-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 VideoPlayerProps = {
-    /**
-     * Specifies whether the animation plays as soon as it is rendered.
-     * If the user has enabled prefer-reduced-motion their preferences
-     * take precedent over this prop.
-     */
-    autoplay?: boolean;
-    /**
-     * Replay from start when active animation reaches the end of the animation.
-     */
-    loop?: boolean;
-    /**
-     * Fallback image. Used when rendering of the asset fails, or as a
-     * poster for the video player.
-     */
-    fallback: string;
-    /**
-     * The path of the animation source, excluding the file extension. This
-     * Player will preference Webm over mp4.
-     */
-    source: 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";
-    onEnded?: () => void;
-};
-
-type SceneProps = {
-    enableAspectRatio?: boolean;
-} & Pick<BaseProps, "alt" | "classNameOverride">;
-type BaseAnimatedSceneProps = {
-    isAnimated?: boolean;
-} & SceneProps & Pick<VideoPlayerProps, "autoplay" | "loop">;
-type AnimatedProps = {
-    isAnimated: true;
-    alt?: never;
-} & Omit<BaseAnimatedSceneProps, "alt">;
-type NotAnimatedProps = {
-    isAnimated?: false;
-    autoplay?: never;
-    loop?: never;
-} & BaseAnimatedSceneProps;
-type AnimatedSceneProps = AnimatedProps | NotAnimatedProps;
-declare const BrandMomentPositiveOutro: {
-    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
-    displayName: string;
-};
-declare const BrandMomentLogin: {
-    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
-    displayName: string;
-};
-declare const BrandMomentError: {
-    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
-    displayName: string;
-};
-declare const BrandMomentNewAccountOnboarding: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const BrandMomentUploadEmployeeData: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const BrandMomentStarterKit: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const EmptyStatesAction: {
-    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
-    displayName: string;
-};
-declare const EmptyStatesInformative: {
-    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
-    displayName: string;
-};
-declare const EmptyStatesNegative: {
-    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
-    displayName: string;
-};
-declare const EmptyStatesPositive: {
-    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
-    displayName: string;
-};
-declare const EmptyStatesNeutral: {
-    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
-    displayName: string;
-};
-declare const Information360Upgrade: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const InformationDemographicFocus: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const InformationTurnoverCalculator: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const InformationTurnoverForecast: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const InformationEmergingTrends: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const InformationEmployeeLifecycle: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const InformationReportOwner: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const InformationReportOwnerByRule: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const Collaboration: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const Communication: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const CompanyValues: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const ConnectTheDots: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const CultureLab: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const TermsAgreement: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoach1On1Meetings: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachCoaching: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachEmployeeDevelopment: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachEssentialFeedback: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachEssentialProductivity: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachEssentialResilience: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachInfluentialCommunication: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachLeadingChange: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachFeedback: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachManagerHub: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachProductivity: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachRemoteManager: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachResilience: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SkillsCoachStrategy: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const Programs: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const EngagementSurveySummaryFemale: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const EngagementSurveySummaryMale: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SurveyOverviewClosed: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const SurveyGetStarted: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-declare const PerformanceCompanySettings: {
-    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
-    displayName: string;
-};
-
+declare const NavigatorIcon: (props: IconProps) => JSX.Element;
+
+declare const NotificationIcon: (props: IconProps) => JSX.Element;
+
+declare const NumberedListIcon: (props: IconProps) => JSX.Element;
+
+declare const NumberedListRtlIcon: (props: IconProps) => JSX.Element;
+
+declare const OpenIcon: (props: IconProps) => JSX.Element;
+
+declare const OpenWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const OrganizationIcon: (props: IconProps) => JSX.Element;
+
+declare const ParticipationIcon: (props: IconProps) => JSX.Element;
+
+declare const ParticipationWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const PauseIcon: (props: IconProps) => JSX.Element;
+
+declare const PauseWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const PercentageIcon: (props: IconProps) => JSX.Element;
+
+declare const PermissionsIcon: (props: IconProps) => JSX.Element;
+
+declare const PersonIcon: (props: IconProps) => JSX.Element;
+
+declare const PhotoUploadIcon: (props: IconProps) => JSX.Element;
+
+declare const PowerIcon: (props: IconProps) => JSX.Element;
+
+declare const PrintIcon: (props: IconProps) => JSX.Element;
+
+declare const PrintWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const ProcessManagerIcon: (props: IconProps) => JSX.Element;
+
+declare const PromotionIcon: (props: IconProps) => JSX.Element;
+
+declare const PromotionWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const QuestionIcon: (props: IconProps) => JSX.Element;
+
+declare const QuestionWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const QuestionsIcon: (props: IconProps) => JSX.Element;
+
+declare const RedoIcon: (props: IconProps) => JSX.Element;
+
+declare const RefreshIcon: (props: IconProps) => JSX.Element;
+
+declare const RemoveLinkIcon: (props: IconProps) => JSX.Element;
+
+declare const RepeatsIcon: (props: IconProps) => JSX.Element;
+
+declare const ReportIcon: (props: IconProps) => JSX.Element;
+
+declare const ReportSharingIcon: (props: IconProps) => JSX.Element;
+
+declare const RestoreIcon: (props: IconProps) => JSX.Element;
+
+declare const SaveIcon: (props: IconProps) => JSX.Element;
+
+declare const SearchIcon: (props: IconProps) => JSX.Element;
+
+declare const SearchWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const SecurityTipIcon: (props: IconProps) => JSX.Element;
+
+declare const SendIcon: (props: IconProps) => JSX.Element;
+
+declare const SendRtlIcon: (props: IconProps) => JSX.Element;
+
+declare const SettingsIcon: (props: IconProps) => JSX.Element;
+
+declare const SettingsWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const ShareIcon: (props: IconProps) => JSX.Element;
+
+declare const SkipIcon: (props: IconProps) => JSX.Element;
+
+declare const SkipWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const SortAscendingIcon: (props: IconProps) => JSX.Element;
+
+declare const SortDescendingIcon: (props: IconProps) => JSX.Element;
+
+declare const SpinnerIcon: (props: IconProps) => JSX.Element;
+
+declare const StarOffIcon: (props: IconProps) => JSX.Element;
+
+declare const StarOnIcon: (props: IconProps) => JSX.Element;
+
+declare const StartIcon: (props: IconProps) => JSX.Element;
+
+declare const SubtractIcon: (props: IconProps) => JSX.Element;
+
+declare const SubtractWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const SuccessIcon: (props: IconProps) => JSX.Element;
+
+declare const SuccessWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const SupportIcon: (props: IconProps) => JSX.Element;
+
+declare const SurveysIcon: (props: IconProps) => JSX.Element;
+
+declare const SurveysWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const SyncIcon: (props: IconProps) => JSX.Element;
+
+declare const TagIcon: (props: IconProps) => JSX.Element;
+
+declare const TasksIcon: (props: IconProps) => JSX.Element;
+
+declare const TasksWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const TemplateIcon: (props: IconProps) => JSX.Element;
+
+declare const TemplateWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const TextAnalyticsIcon: (props: IconProps) => JSX.Element;
+
+declare const TextAnalyticsWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const ThumbsDownIcon: (props: IconProps) => JSX.Element;
+
+declare const ThumbsUpIcon: (props: IconProps) => JSX.Element;
+
+declare const TimeIcon: (props: IconProps) => JSX.Element;
+
+declare const TimeWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const TranslationIcon: (props: IconProps) => JSX.Element;
+
+declare const TrashIcon: (props: IconProps) => JSX.Element;
+
+declare const UnattributedIcon: (props: IconProps) => JSX.Element;
+
+declare const UnattributedWhiteIcon: (props: IconProps) => JSX.Element;
+
+declare const UnderlineIcon: (props: IconProps) => JSX.Element;
+
+declare const UndoIcon: (props: IconProps) => JSX.Element;
+
+declare const UserAddIcon: (props: IconProps) => JSX.Element;
+
+declare const UserDeleteIcon: (props: IconProps) => JSX.Element;
+
+declare const UserExitIcon: (props: IconProps) => JSX.Element;
+
+declare const UserIcon: (props: IconProps) => JSX.Element;
+
+declare const UserSelectIcon: (props: IconProps) => JSX.Element;
+
+declare const UserSettingsIcon: (props: IconProps) => JSX.Element;
+
+declare const UserUpdateIcon: (props: IconProps) => JSX.Element;
+
+declare const UsersIcon: (props: IconProps) => JSX.Element;
+
+declare const VisibleIcon: (props: IconProps) => JSX.Element;
+
+declare const WritingIcon: (props: IconProps) => JSX.Element;
+
+declare const ZoomInIcon: (props: IconProps) => JSX.Element;
+
+declare const ZoomOutIcon: (props: IconProps) => JSX.Element;
+
 type KaizenProviderProps = {
     children: React__default.ReactNode;
     locale?: string;
@@ -2699,7 +2797,7 @@ type ConfirmationModalProps = {
     /**
      * Defines the modal type or mood
      */
-    mood: Mood$2;
+    mood: Mood$1;
     title: string;
     onConfirm?: () => void;
     onDismiss: () => void;
@@ -2716,7 +2814,7 @@ type ConfirmationModalProps = {
     automationId?: string;
     children: React__default.ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
-type Mood$2 = "positive" | "informative" | "negative" | "cautionary" | "assertive";
+type Mood$1 = "positive" | "informative" | "negative" | "cautionary" | "assertive";
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}
@@ -2891,7 +2989,7 @@ type InlineNotificationProps = OverrideClassName<{
     onHide?: () => void;
     noBottomMargin?: boolean;
     forceMultiline?: boolean;
-    headingProps?: HeadingProps$1;
+    headingProps?: HeadingProps;
     isSubtle?: boolean;
 }>;
 /**
@@ -3026,12 +3124,12 @@ type ProgressBarProps = {
     max: number;
     /** Adds an animated state to indicate loading progress */
     isAnimating: boolean;
-    mood: Mood$1;
+    mood: Mood;
     subtext?: string;
     label?: string;
     isReversed: boolean;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-type Mood$1 = "positive" | "informative" | "negative" | "cautionary";
+type Mood = "positive" | "informative" | "negative" | "cautionary";
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
@@ -3440,10 +3538,10 @@ declare const Select: React__default.ForwardRefExoticComponent<{
     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;
+    classNames?: react_select.ClassNamesConfig<any, boolean, react_select.GroupBase<any>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<any, boolean, react_select.GroupBase<any>>> | undefined;
     isDisabled?: boolean | undefined;
     isLoading?: boolean | undefined;
     backspaceRemovesValue?: boolean | undefined;
@@ -3486,10 +3584,10 @@ declare const Select: React__default.ForwardRefExoticComponent<{
     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;
+    classNames?: react_select.ClassNamesConfig<any, boolean, react_select.GroupBase<any>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<any, boolean, react_select.GroupBase<any>>> | undefined;
     isDisabled?: boolean | undefined;
     isLoading?: boolean | undefined;
     backspaceRemovesValue?: boolean | undefined;
@@ -3544,6 +3642,12 @@ declare const Skirt: {
     displayName: string;
 };
 
+type SkirtCardProps = CardProps;
+declare const SkirtCard: {
+    (props: SkirtCardProps): JSX.Element;
+    displayName: string;
+};
+
 type SliderFieldProps = {
     id?: string;
     labelText: ReactNode;
@@ -4028,44 +4132,178 @@ declare const ToggleSwitchField: {
     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;
+type CustomNavigationTabProps = Omit<NavigationTabProps, "render"> & {
+    className: string;
+};
+type NavigationTabProps = {
+    text: string;
+    href: string;
+    active?: boolean;
+    handleClick?: (event: React__default.MouseEvent) => void;
+    variant?: TitleBlockVariant;
+    id?: string;
+    automationId?: string;
     /**
-     * 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.
+     * Custom render for the tab. Commonly used to replace the link with a router link component.
+     * Props given to the NavigationTab component will be passed back, along with a decorated className.
+     * It is up to you to reapply them to your custom component.
      */
-    portalSelector?: string;
+    render?: (props: CustomNavigationTabProps) => JSX.Element;
+};
+declare const NavigationTab: {
+    (props: NavigationTabProps): JSX.Element;
+    displayName: string;
+};
+
+/**
+ * @param TitleBlockProps ### Accessing internal types of TitleBlockProps
+ * If you want access to types like `PrimaryActionProps` (for example, in the scenario
+ * where you want to create an object containing menu items to be passed in for the primary
+ * menu button), you can use the shorthand:
+ * ```
+ * const myMenu: TitleBlockProps["primaryAction"] = ...
+ * ```
+ * This will ensure that `myMenu` has a type of `PrimaryActionProps`.
+ */
+type TitleBlockProps = {
+    children?: React.ReactNode;
+    title: string;
+    variant?: TitleBlockVariant;
+    breadcrumb?: TitleBlockBreadcrumbType;
+    avatar?: JSX.Element | TitleBlockAvatarProps;
+    subtitle?: React.ReactNode;
+    sectionTitle?: string;
+    sectionTitleDescription?: string;
+    renderSectionTitle?: (renderProps: SectionTitleRenderProps) => React.ReactNode;
+    pageSwitcherSelect?: TitleBlockSelectProps;
+    handleHamburgerClick?: (event: React.MouseEvent) => void;
+    primaryAction?: PrimaryActionProps;
+    defaultAction?: DefaultActionProps;
+    secondaryActions?: SecondaryActionsProps;
+    secondaryOverflowMenuItems?: TitleBlockMenuItemProps[];
+    navigationTabs?: NavigationTabs;
+    collapseNavigationAreaWhenPossible?: boolean;
+    textDirection?: TextDirection;
+    surveyStatus?: SurveyStatus;
+    titleAutomationId?: string;
+    breadcrumbAutomationId?: string;
+    breadcrumbTextAutomationId?: string;
+    avatarAutomationId?: string;
+    subtitleAutomationId?: string;
+    sectionTitleAutomationId?: string;
+    sectionTitleDescriptionAutomationId?: string;
+};
+/**
+ * ### PrimaryActionProps
+ *
+ * The primary action (the "main" button in the top right) can either be a Button,
+ * or a Button that reveals a Menu (a menu button).
+ *
+ * For a button, pass in an object containing the same props you would normally use
+ * for a Button component.
+ *
+ * For a menu button, pass in a `MenuGroup`:
+ * ```typescript
+ * {
+ *   label: string
+ *   menuItems: MenuItemProps[]
+ * }
+ * ```
+ * Using the `label`, the Title Block will render a Button with a chevron icon and your `menuItems` will appear
+ * in the dropdown menu when you click it. (`MenuItemProps` is a type imported from the `Menu` component.)
+ */
+type PrimaryActionProps = (TitleBlockMenuGroup & {
+    badge?: TitleBlockBadgeProps;
+}) | ((TitleBlockButtonProps | TitleBlockCustomButtonProps) & {
+    badge?: TitleBlockBadgeProps;
+});
+/**
+ * ### SecondaryActionsProps
+ *
+ * Secondary actions can only be buttons or button menus
+ * (a button that reveals a dropdown menu).
+ *
+ * **IMPORTANT:** The visual order of these from left to right should always be:
+ * ```text
+ * buttons -> menu buttons
+ * ```
+ *
+ * For a button, pass in an object containing the same props you would normally use
+ * for a Button component.
+ *
+ * For a menu button, pass in a `MenuGroup`:
+ *
+ * ```typescript
+ * {
+ *   label: string
+ *   menuItems: MenuItemProps[]
+ * }
+ * ```
+ * (`MenuItemProps` is imported from the Menu component.)
+ *
+ */
+type SecondaryActionsProps = SecondaryActionItemProps[];
+type SecondaryActionItemProps = TitleBlockMenuGroup | (ButtonWithHrefNotOnClick | ButtonWithOnClickNotHref | TitleBlockCustomButtonProps);
+type TitleBlockBadgeProps = {
+    text: string;
+    animateChange?: boolean;
+};
+type TitleBlockButtonProps = TitleBlockDistributiveOmit<ButtonProps, "onClick" | "component"> & {
+    onClick?: (e: any) => void;
+};
+type TitleBlockCustomButtonProps = TitleBlockDistributiveOmit<TitleBlockButtonProps, "component"> & {
+    className?: string;
+    component: (props: CustomButtonProps) => JSX.Element;
+};
+type TitleBlockMenuItemProps = (Omit<MenuItemProps, "action"> & {
+    action: ((e: any) => void) | string;
+}) | TitleBlockCustomButtonProps;
+type ButtonWithHrefNotOnClick = TitleBlockDistributiveOmit<ButtonProps, "onClick">;
+type ButtonWithOnClickNotHref = TitleBlockDistributiveOmit<TitleBlockButtonProps, "href">;
+type TitleBlockMenuGroup = {
+    label: string;
+    menuItems: TitleBlockMenuItemProps[];
+};
+type TitleBlockSelectProps = React.ComponentProps<typeof Select>;
+type TitleBlockDistributiveOmit<T, K extends keyof any> = T extends any ? Omit<T, K> : never;
+type TitleBlockAvatarProps = Omit<GenericAvatarProps, "size"> | Omit<CompanyAvatarProps, "size">;
+type DefaultActionProps = TitleBlockButtonProps | TitleBlockCustomButtonProps;
+type SectionTitleRenderProps = Pick<TitleBlockProps, "sectionTitle" | "sectionTitleAutomationId" | "sectionTitleDescription" | "sectionTitleDescriptionAutomationId">;
+type TitleBlockVariant = "admin" | "education";
+type NavigationTabs = Array<React.ReactElement<NavigationTabProps>>;
+type TextDirection = "ltr" | "rtl";
+type SurveyStatus = {
+    text: string;
+    status: "draft" | "live" | "scheduled" | "closed" | "default";
+};
+type TitleBlockBreadcrumbType = {
+    text: string;
+    path?: string;
+    handleClick?: (event: React.MouseEvent) => void;
     /**
-     * Should the tooltip be visible on the first render. Useful for visual
-     * regression testing.
+     * Custom render for the breadcrumb. Commonly used to replace the parent link with a router link component.
+     * Props given to the breadcrumb component will be passed back, along with a decorated className and children.
+     * It is up to you to reapply them to your custom component.
      */
-    isInitiallyVisible?: boolean;
-    animationDuration?: number;
+    render?: (props: CustomBreadcrumbProps) => JSX.Element;
 };
-declare const Tooltip: {
-    ({ children, text, display, position, classNameOverride, portalSelector, animationDuration, isInitiallyVisible, mood, }: TooltipProps): JSX.Element;
+type TitleBlockBreadcrumbProps = {
+    breadcrumb: TitleBlockBreadcrumbType;
+    automationId: string;
+    textAutomationId: string;
+    textDirection?: TextDirection;
+};
+type CustomBreadcrumbProps = TitleBlockBreadcrumbProps & {
+    className: string;
+    children: React.ReactNode;
+};
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}
+ */
+declare const TitleBlockZen: {
+    ({ title, variant, breadcrumb, avatar, subtitle, sectionTitle, sectionTitleDescription, renderSectionTitle, pageSwitcherSelect, handleHamburgerClick, primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, navigationTabs, collapseNavigationAreaWhenPossible, textDirection, surveyStatus, titleAutomationId, avatarAutomationId, subtitleAutomationId, sectionTitleAutomationId, sectionTitleDescriptionAutomationId, breadcrumbAutomationId, breadcrumbTextAutomationId, }: TitleBlockProps): JSX.Element;
     displayName: string;
 };
 
@@ -4084,7 +4322,7 @@ type FooterProps = {
 
 type WorkflowStatus = {
     /** @default: "statusDraft" */
-    variant?: DefaultTagProps$1["variant"];
+    variant?: DefaultTagProps["variant"];
     content?: string;
 };
 type WorkflowTitlesProps = {
@@ -4158,4 +4396,4 @@ declare const Well: {
     displayName: string;
 };
 
-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, type AnimatedSceneProps, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Assertive, AsyncSelect, type AttrsValidator, 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, BrandMomentError, BrandMomentLogin, BrandMomentNewAccountOnboarding, BrandMomentPositiveOutro, type BrandMomentProps, BrandMomentStarterKit, BrandMomentUploadEmployeeData, 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, Collaboration, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, type CommandFactory, type CommandOrTransaction, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, Communication, Communications, CommunicationsIcon, Community, Company, type CompanyAvatarProps, CompanyDetails, CompanyValues, CompetencyLibraryIcon, ConfigureIcon, ConfirmationModal, type ConfirmationModalProps, ConnectIcon, ConnectLineIcon, ConnectTheDots, Container, Content, type ContentProps, ContextModal, type ContextModalProps, type ContextModalSecondaryActionProps, Conversations, CultureLab, 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, type DefaultTagProps, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, type DisabledDayMatchers, type DisabledDays, type Dispatch, Divider, type DividerProps, type Doc, type DocContent, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EditableRichTextContent, type EditableRichTextContentProps, type EditorContentArray, type EditorRows, type EditorView, EffectivenessIcon, EllipsisIcon, EmailIcon, EmergencyResponse, EmployeeData, EmptyIcon, EmptyState, type EmptyStateProps, EmptyStatesAction, EmptyStatesInformative, EmptyStatesNegative, EmptyStatesNeutral, EmptyStatesPositive, EmptyWhiteIcon, EndIcon, EndOfProbation, EngagementIcon, EngagementSurvey, EngagementSurveySummaryFemale, EngagementSurveySummaryMale, 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, Information360Upgrade, InformationDemographicFocus, InformationEmergingTrends, InformationEmployeeLifecycle, InformationIcon, InformationReportOwner, InformationReportOwnerByRule, InformationTile, type InformationTileProps, InformationTurnoverCalculator, InformationTurnoverForecast, InformationWhiteIcon, Informative, InlineNotification, type InlineNotificationProps, Input, InputEditModal, type InputEditModalProps, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, InputStatus, type InputStatusType, type InputType, InputTypes, 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, LikertScaleLegacy, type LikertScaleProps, LinkEditor, type LinkEditorAttrs, type LinkEditorProps, LinkModal, LinkPopover, type LinkPopoverProps, 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, type MarkRange, 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, PerformanceCompanySettings, PerformanceDiagnostics, PermissionsIcon, PersonIcon, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, PhotoUploadIcon, Popover, type PopoverProps, Positive, PowerIcon, PowerfulInsights, PrintIcon, PrintWhiteIcon, Privacy, Process, ProcessManagerIcon, Productivity, Programs, ProgressBar, type ProgressBarProps, 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, RichTextContent, type RichTextContentProps, RichTextEditor, type RichTextEditorProps, SanFrancisco, SaveIcon, type SceneProps, 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, SkillsCoach1On1Meetings, SkillsCoachCoaching, SkillsCoachEmployeeDevelopment, SkillsCoachEssentialFeedback, SkillsCoachEssentialProductivity, SkillsCoachEssentialResilience, SkillsCoachFeedback, SkillsCoachInfluentialCommunication, SkillsCoachLeadingChange, SkillsCoachManagerHub, SkillsCoachProductivity, SkillsCoachRemoteManager, SkillsCoachResilience, SkillsCoachStrategy, 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, SurveyGetStarted, SurveyOverviewClosed, SurveysIcon, SurveysWhiteIcon, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, TableCard, type TableCardProps, TableContainer, type TableContainerProps, TableHeader, type TableHeaderProps, TableHeaderRowCell, type TableHeaderRowCellProps, type TableHeaderRowProps, TableRow, TableRowCell, type TableRowCellProps, type TableRowProps, Tabs, type TabsProps, Tag, TagIcon, type TagProps, type TagWithAvatarProps, TakeAim, TasksIcon, TasksWhiteIcon, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TemplateIcon, TemplateWhiteIcon, Templates, TermsAgreement, 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, ToggleIconButton, type ToggleIconButtonProps, ToggleSwitch, ToggleSwitchField, type ToggleSwitchFieldProps, type ToggleSwitchProps, type ToggledStatus, Toolbar, type ToolbarControlTypes, type ToolbarItems, type ToolbarProps, ToolbarSection, type ToolbarSectionProps, 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, Well, type WellProps, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workflow, type WorkflowProps, Workshop, WritingIcon, ZoomInIcon, ZoomOutIcon, addMark, bulletListRule, calculateDisabledDays, createDocNode, createDocNodeFromContent, createEditorState, createLinkManager, createRichTextEditor, formatDateAsNumeral, formatDateAsText, formatDateRangeValue, getDateValidationHandler, getMarkAttrs, getMarkRange, getMarks, getNodes, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, isDisabledDate, isInvalidDate, isSelectingDayInCalendar, isValidWeekStartsOn, listIsActive, markContainsSelection, markIsActive, orderedListRule, parseDateAsTextOrNumeral, parseDateFromNumeralFormatValue, parseDateFromTextFormatValue, removeMark, setFocusInCalendar, updateMark, useDateValidation, useFilterBarContext, useMenuTriggerContext, usePopover, useRichTextEditor, useSelectionContext, validateAndRemoveMarks, validateDate };
+export { AcademyIcon, AccountBasics, Action, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, ActionPlans, type ActionProps, type ActiveFiltersArray, AddIcon, AddImage, AddLinkIcon, AddUser, AddWhiteIcon, AiIcon, Alarm, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, AmplifyOthers, type AnimatedSceneProps, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Assertive, AsyncSelect, type AttrsValidator, 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, BrandMomentCaptureIntro, BrandMomentError, BrandMomentLogin, BrandMomentNewAccountOnboarding, BrandMomentPositiveOutro, type BrandMomentProps, BrandMomentStarterKit, BrandMomentUploadEmployeeData, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonWithHrefNotOnClick, type ButtonWithOnClickNotHref, 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, Collaboration, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, type CommandFactory, type CommandOrTransaction, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, Communication, Communications, CommunicationsIcon, Community, Company, type CompanyAvatarProps, CompanyDetails, CompanyValues, CompetencyLibraryIcon, ConfigureIcon, ConfirmationModal, type ConfirmationModalProps, ConnectIcon, ConnectLineIcon, ConnectTheDots, Container, Content, type ContentProps, ContextModal, type ContextModalProps, type ContextModalSecondaryActionProps, Conversations, CultureLab, type CustomBreadcrumbProps, type CustomButtonProps, CustomIcon, type CustomNavigationTabProps, 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, type DefaultActionProps, type DefaultTagProps, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, type DisabledDayMatchers, type DisabledDays, type Dispatch, Divider, type DividerProps, type Doc, type DocContent, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EditableRichTextContent, type EditableRichTextContentProps, type EditorContentArray, type EditorRows, type EditorView, EffectivenessIcon, EllipsisIcon, EmailIcon, EmergencyResponse, EmployeeData, EmptyIcon, EmptyState, type EmptyStateProps, EmptyStatesAction, EmptyStatesInformative, EmptyStatesNegative, EmptyStatesNeutral, EmptyStatesPositive, EmptyWhiteIcon, EndIcon, EndOfProbation, EngagementIcon, EngagementSurvey, EngagementSurveySummaryFemale, EngagementSurveySummaryMale, 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, GuidanceBlock, type GuidanceBlockProps, type GuidanceBlockState, 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, Information360Upgrade, InformationDemographicFocus, InformationEmergingTrends, InformationEmployeeLifecycle, InformationIcon, InformationReportOwner, InformationReportOwnerByRule, InformationTile, type InformationTileProps, InformationTurnoverCalculator, InformationTurnoverForecast, InformationWhiteIcon, Informative, InlineNotification, type InlineNotificationProps, Input, InputEditModal, type InputEditModalProps, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, InputStatus, type InputStatusType, type InputType, InputTypes, 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, LikertScaleLegacy, type LikertScaleProps, LinkEditor, type LinkEditorAttrs, type LinkEditorProps, LinkModal, LinkPopover, type LinkPopoverProps, 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, type MarkRange, 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, NavigationTab, type NavigationTabProps, type NavigationTabs, 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, PerformanceCompanySettings, PerformanceDiagnostics, PermissionsIcon, PersonIcon, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, PhotoUploadIcon, Popover, type PopoverProps, Positive, PowerIcon, PowerfulInsights, type PrimaryActionProps, PrintIcon, PrintWhiteIcon, Privacy, Process, ProcessManagerIcon, Productivity, Programs, ProgressBar, type ProgressBarProps, 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, RichTextContent, type RichTextContentProps, RichTextEditor, type RichTextEditorProps, SanFrancisco, SaveIcon, type SceneProps, ScienceBackedTools, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, type SecondaryActionItemProps, type SecondaryActionsProps, type SectionTitleRenderProps, 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, SkillsCoach1On1Meetings, SkillsCoachCoaching, SkillsCoachEmployeeDevelopment, SkillsCoachEssentialFeedback, SkillsCoachEssentialProductivity, SkillsCoachEssentialResilience, SkillsCoachFeedback, SkillsCoachInfluentialCommunication, SkillsCoachLeadingChange, SkillsCoachManagerHub, SkillsCoachProductivity, SkillsCoachRemoteManager, SkillsCoachResilience, SkillsCoachStrategy, SkillsDevelopment, SkipIcon, SkipWhiteIcon, Skirt, SkirtCard, type SkirtCardProps, 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, SurveyGetStarted, SurveyOverviewClosed, type SurveyStatus, SurveysIcon, SurveysWhiteIcon, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, TableCard, type TableCardProps, TableContainer, type TableContainerProps, TableHeader, type TableHeaderProps, TableHeaderRowCell, type TableHeaderRowCellProps, type TableHeaderRowProps, TableRow, TableRowCell, type TableRowCellProps, type TableRowProps, Tabs, type TabsProps, Tag, TagIcon, type TagProps, type TagWithAvatarProps, TakeAim, TasksIcon, TasksWhiteIcon, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TemplateIcon, TemplateWhiteIcon, Templates, TermsAgreement, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, type TextDirection, TextField, type TextFieldProps, type TextProps, type TextVariants, ThumbsDownIcon, ThumbsUpIcon, type TileElement, TileGrid, type TileGridProps, TimeField, type TimeFieldProps, TimeIcon, TimeWhiteIcon, Timezone, type TitleBlockAvatarProps, type TitleBlockBadgeProps, type TitleBlockBreadcrumbProps, type TitleBlockBreadcrumbType, type TitleBlockButtonProps, type TitleBlockCustomButtonProps, type TitleBlockDistributiveOmit, type TitleBlockMenuGroup, type TitleBlockMenuItemProps, type TitleBlockProps, type TitleBlockSelectProps, type TitleBlockVariant, TitleBlockZen, ToggleIconButton, type ToggleIconButtonProps, ToggleSwitch, ToggleSwitchField, type ToggleSwitchFieldProps, type ToggleSwitchProps, type ToggledStatus, Toolbar, type ToolbarControlTypes, type ToolbarItems, type ToolbarProps, ToolbarSection, type ToolbarSectionProps, 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, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, VisibleIcon, Well, type WellProps, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workflow, type WorkflowProps, Workshop, WritingIcon, ZoomInIcon, ZoomOutIcon, addMark, bulletListRule, calculateDisabledDays, createDocNode, createDocNodeFromContent, createEditorState, createLinkManager, createRichTextEditor, formatDateAsNumeral, formatDateAsText, formatDateRangeValue, getDateValidationHandler, getMarkAttrs, getMarkRange, getMarks, getNodes, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, isDisabledDate, isInvalidDate, isSelectingDayInCalendar, isValidWeekStartsOn, listIsActive, markContainsSelection, markIsActive, orderedListRule, parseDateAsTextOrNumeral, parseDateFromNumeralFormatValue, parseDateFromTextFormatValue, removeMark, setFocusInCalendar, updateMark, useDateValidation, useFilterBarContext, useMenuTriggerContext, usePopover, useRichTextEditor, useSelectionContext, validateAndRemoveMarks, validateDate };