@kaizen/components 1.42.2 → 1.42.3

package/dist/index.d.ts

@@ -1,4438 +0,0 @@
-/// <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 { DayPickerSingleProps, DayPickerRangeProps, DayPickerProps, DateRange, DateInterval, Matcher, DayClickEventHandler } from 'react-day-picker';
-export { DateInterval, DateRange } from 'react-day-picker';
-import { Locale } from 'date-fns';
-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';
-import { AriaListBoxOptions } from '@react-aria/listbox';
-import { SelectProps as SelectProps$1 } from '@react-stately/select';
-import * as ProseMirrorState from 'prosemirror-state';
-import { Transaction, Command, EditorState, Plugin } from 'prosemirror-state';
-export { ProseMirrorState };
-import { EditorView as EditorView$1 } from 'prosemirror-view';
-import { MarkType, Attrs, ResolvedPos, NodeType, Schema, Node as Node$1, MarkSpec, NodeSpec } from 'prosemirror-model';
-import * as prosemirrorModel from 'prosemirror-model';
-export { prosemirrorModel as ProseMirrorModel };
-import { InputRule } from 'prosemirror-inputrules';
-import * as prosemirrorInputrules from 'prosemirror-inputrules';
-export { prosemirrorInputrules as ProseMirrorInputrules };
-import * as prosemirrorCommands from 'prosemirror-commands';
-export { prosemirrorCommands as ProseMirrorCommands };
-import * as prosemirrorKeymap from 'prosemirror-keymap';
-export { prosemirrorKeymap as ProseMirrorKeymap };
-import * as prosemirrorHistory from 'prosemirror-history';
-export { prosemirrorHistory as ProseMirrorHistory };
-import * as prosemirrorSchemaList from 'prosemirror-schema-list';
-export { prosemirrorSchemaList as ProseMirrorSchemaList };
-import * as react_select from 'react-select';
-import { Props as Props$1 } from 'react-select';
-export { OnChangeValue as SelectValueType } from 'react-select';
-import * as react_select_dist_declarations_src_useStateManager from 'react-select/dist/declarations/src/useStateManager';
-import * as react_select_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
-import { AsyncProps as AsyncProps$1 } from 'react-select/async';
-import { TimeFieldStateOptions } from '@react-stately/datepicker';
-
-type OverrideClassName<T extends Record<string, any>> = Omit<T, "className"> & {
-    /** Add extra classnames to the component. Try out some Tailwind classes (eg. `!mb-48`) to see! */
-    classNameOverride?: string;
-};
-
-type AvatarSizes = "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type BaseAvatarProps = {
-    /**
-     * We use this for the alt text of the avatar, and to derive intials when user has no avatar image.
-     */
-    fullName?: string;
-    /**
-     * There are 5 fixed avatar sizes. `"small"` will remove border and box shadow to save space.
-     */
-    size?: AvatarSizes;
-    /**
-     * Src for the avatar img tag - if not passed we will derive initials from the full name.
-     * Note that the fullName prop will be used as the alt text.
-     */
-    avatarSrc?: string;
-    /**
-     * Default behaviour when an avatarSrc is not provided is to generate initials from the username.
-     * This disables this feature and shows the generic avatar.
-     * Enable this prop when there is no specific individual or group identified.
-     */
-    disableInitials?: boolean;
-    /**
-     * Renders Company Avatar variant - If true `fullName` and `avatarSrc` will be strictly typed.
-     */
-    isCompany?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
-type GenericAvatarProps = BaseAvatarProps & {
-    isCompany?: false;
-    /**
-     * Shows a different background colour if the avatar is the current user and does not have a avatar img.
-     * @default "true"
-     */
-    isCurrentUser?: boolean;
-};
-type CompanyAvatarProps = BaseAvatarProps & {
-    fullName: string;
-    avatarSrc: string;
-    disableInitials?: undefined;
-    isCompany: true;
-    isCurrentUser?: undefined;
-};
-type AvatarProps = GenericAvatarProps | CompanyAvatarProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar--docs Storybook}
- */
-declare const Avatar: ({ fullName, size, avatarSrc, disableInitials, isCompany, isCurrentUser, classNameOverride, ...restProps }: AvatarProps) => JSX.Element;
-
-type AvatarGroupAvatarProps = Omit<GenericAvatarProps, "size"> | Omit<CompanyAvatarProps, "size">;
-type AvatarGroupSize = "small" | "medium" | "large";
-type AvatarList = [AvatarGroupAvatarProps, ...AvatarGroupAvatarProps[]];
-type AvatarGroupProps = {
-    /**
-     * There are 3 fixed sizes available. `"small"` will remove border and box shadow to save space.
-     * @default "medium"
-     */
-    size?: AvatarGroupSize;
-    /**
-     * If the length of Avatars exceeds the `maxVisible` a counter token will render
-     * @default 2
-     */
-    maxVisible: 2 | 3 | 4 | 5 | 6;
-    /**
-     * Takes a array of `AvatarProps` that must have at least item.
-     * Note that 'size' is omitted from the `AvatarProps` type so it will throw a type error if size is provided.
-     * */
-    avatars: AvatarList;
-} & OverrideClassName<HTMLAttributes<HTMLUListElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar-group--docs Storybook}
- */
-declare const AvatarGroup: ({ size, maxVisible, avatars, classNameOverride, ...restProps }: AvatarGroupProps) => JSX.Element;
-
-type BadgeCommonProps = {
-    children?: string;
-    /**
-     * The "dark" variant is no longer in the UI kit
-     */
-    variant?: "default" | "active" | "dark";
-    /**
-     * renders reversed colors. Use on purple background
-     */
-    reversed?: boolean;
-    /**
-     * Supports "small" and "large" sizes - defaults to "small"
-     */
-    size?: "small" | "large";
-} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
-type DotProps = Omit<BadgeCommonProps, "variant"> & {
-    children?: never;
-    variant: "dot";
-};
-type BadgeProps = BadgeCommonProps | DotProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857333/Badge Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-badge--docs Storybook}
- */
-declare const Badge: {
-    ({ children, variant, reversed, size, classNameOverride, ...restProps }: BadgeProps): JSX.Element;
-    displayName: string;
-};
-declare const BadgeAnimated: (props: BadgeProps) => JSX.Element;
-
-type BrandProps = {
-    variant: "logo-horizontal" | "logo-vertical" | "enso" | "collective-intelligence";
-    alt: string;
-    reversed?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLElement>>;
-declare const Brand: {
-    ({ variant, alt, reversed, classNameOverride, ...restProps }: BrandProps): JSX.Element;
-    displayName: string;
-};
-
-type CustomButtonProps = {
-    id?: string;
-    className: string;
-    href?: string;
-    disabled?: boolean;
-    onClick?: (e: MouseEvent<any>) => void;
-    onFocus?: (e: FocusEvent<HTMLElement>) => void;
-    onBlur?: (e: FocusEvent<HTMLElement>) => void;
-    children?: React__default.ReactNode;
-    "data-testid"?: string;
-};
-type ButtonFormAttributes = Pick<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "form" | "formAction" | "formMethod" | "formEncType" | "formTarget" | "formNoValidate">;
-type GenericProps = {
-    id?: string;
-    reversed?: boolean;
-    onClick?: (e: MouseEvent) => void;
-    onMouseDown?: (e: MouseEvent) => void;
-    href?: string;
-    newTabAndIUnderstandTheAccessibilityImplications?: boolean;
-    disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean;
-    onFocus?: (e: FocusEvent<HTMLElement>) => void;
-    onBlur?: (e: FocusEvent<HTMLElement>) => void;
-    component?: ComponentType<CustomButtonProps>;
-    classNameOverride?: string;
-};
-type WorkingProps = {
-    working: true;
-    workingLabel: string;
-    workingLabelHidden?: boolean;
-};
-type WorkingUndefinedProps = {
-    working?: false;
-};
-type ButtonBadgeProps = {
-    text: string;
-    animateChange?: boolean;
-    variant?: "default" | "dark" | "active";
-    reversed?: boolean;
-};
-type ButtonRef = {
-    focus: () => void;
-};
-type GenericButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
-    label: string;
-    primary?: boolean;
-    destructive?: boolean;
-    secondary?: boolean;
-    /** @default "regular" */
-    size?: "small" | "regular";
-    badge?: ButtonBadgeProps;
-    type?: "submit" | "reset" | "button";
-    fullWidth?: boolean;
-    iconPosition?: "start" | "end";
-    icon?: JSX.Element;
-    disabled?: boolean;
-};
-
-type ButtonProps = GenericButtonProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-buttons-button--docs Storybook}
- */
-declare const Button: React__default.ForwardRefExoticComponent<GenericButtonProps & React__default.RefAttributes<ButtonRef | undefined>>;
-
-type IconButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
-    label: string;
-    primary?: boolean;
-    destructive?: boolean;
-    secondary?: boolean;
-    /** @default "regular" */
-    size?: "small" | "regular";
-    badge?: ButtonBadgeProps;
-    type?: "submit" | "reset" | "button";
-    fullWidth?: boolean;
-    icon?: JSX.Element;
-    disabled?: boolean;
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-iconbutton--docs Storybook}
- */
-declare const IconButton: {
-    (props: IconButtonProps): JSX.Element;
-    defaultProps: {
-        primary: boolean;
-        destructive: boolean;
-        disabled: boolean;
-        reversed: boolean;
-        secondary: boolean;
-    };
-    displayName: string;
-};
-
-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;
-};
-
-/**
- * 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 BrandMomentProps = {
-    mood: "informative" | "positive" | "negative";
-    illustration: ReactElement<SceneProps>;
-    header: ReactNode;
-    body?: ReactNode;
-    primaryAction?: ButtonProps;
-    secondaryAction?: ButtonProps;
-    text: {
-        title: ReactNode;
-        subtitle?: ReactNode;
-        body?: ReactNode;
-        footer?: ReactNode;
-    };
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}
- */
-declare const BrandMoment: {
-    ({ mood, illustration, header, body, primaryAction, secondaryAction, text, classNameOverride, ...restProps }: BrandMomentProps): JSX.Element;
-    displayName: string;
-};
-
-type FilterButtonBaseProps = {
-    children: React__default.ReactNode;
-} & OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>>;
-
-type Position = "above" | "below" | "left" | "right";
-type Mood$2 = "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$2;
-    /**
-     * Render the tooltip inside a react portal, given the ccs selector.
-     * This is typically used for instances where the menu is a descendant of an
-     * `overflow: scroll` or `overflow: hidden` element.
-     */
-    portalSelector?: string;
-    /**
-     * Should the tooltip be visible on the first render. Useful for visual
-     * regression testing.
-     */
-    isInitiallyVisible?: boolean;
-    animationDuration?: number;
-};
-declare const Tooltip: {
-    ({ children, text, display, position, classNameOverride, portalSelector, animationDuration, isInitiallyVisible, mood, }: TooltipProps): JSX.Element;
-    displayName: string;
-};
-
-type 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;
-};
-
-type CalendarSingleElement = HTMLDivElement;
-type CalendarSingleProps = {
-    id?: string;
-    onMount?: (calendarElement: CalendarSingleElement) => void;
-} & OverrideClassName<Omit<DayPickerSingleProps, "mode">>;
-declare const CalendarSingle: {
-    ({ id, onMount, classNameOverride, selected, defaultMonth, weekStartsOn, locale, ...restProps }: CalendarSingleProps): JSX.Element;
-    displayName: string;
-};
-
-type CalendarRangeElement = HTMLDivElement;
-type CalendarRangeProps = {
-    id?: string;
-    onMount?: (calendarElement: CalendarRangeElement) => void;
-    hasDivider?: boolean;
-} & OverrideClassName<Omit<DayPickerRangeProps, "mode">>;
-declare const CalendarRange: {
-    ({ id, onMount, hasDivider, classNameOverride, selected, defaultMonth, locale, ...restProps }: CalendarRangeProps): JSX.Element;
-    displayName: string;
-};
-
-declare const DayOfWeek: {
-    readonly Sun: 0;
-    readonly Mon: 1;
-    readonly Tue: 2;
-    readonly Wed: 3;
-    readonly Thu: 4;
-    readonly Fri: 5;
-    readonly Sat: 6;
-};
-type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek];
-declare const DateFormat: {
-    readonly Numeral: "P";
-    readonly Text: "PP";
-};
-type DateFormat = (typeof DateFormat)[keyof typeof DateFormat];
-
-type DisabledDays = DayPickerProps["disabled"];
-type DisabledDayMatchers = {
-    /**
-     * Accepts an array of singluar dates and disables them.
-     * e.g. [new Date(2022, 1, 12), new Date(2022, 1, 25)]
-     */
-    disabledDates?: Date[];
-    /**
-     * Accepts an array of DayOfWeek values and disables those days throughout
-     * the calendar.
-     * e.g. [DayOfWeek.Mon, DayOfWeek.Tue]
-     */
-    disabledDaysOfWeek?: DayOfWeek[];
-    /**
-     * Accepts an object with a `from` and `to` date. Disables any date
-     * inside of that range, including the specified dates.
-     * { from: new Date(2022, 1, 12), to: new Date(2022, 1, 16) }
-     */
-    disabledRange?: DateRange;
-    /**
-     * Accepts an object with a `before` and `after` date. Disables any date
-     * inside of that range, excluding the specified dates.
-     * { after: new Date(2022, 1, 12), before: new Date(2022, 1, 16) }
-     */
-    disabledBeforeAfter?: DateInterval;
-    /**
-     * Accepts single date and disables all days before it.
-     * */
-    disabledBefore?: Date;
-    /**
-     * Accepts single date and disables all days after it.
-     */
-    disabledAfter?: Date;
-};
-
-declare const calculateDisabledDays: ({ disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, }: DisabledDayMatchers) => Matcher[];
-
-declare const formatDateAsNumeral: (date: Date, locale: Locale) => string;
-
-declare const formatDateAsText: (date: Date, disabledDays: DisabledDays, locale: Locale) => string;
-
-declare const isDisabledDate: (date: Date, disabledDays: DisabledDays) => boolean;
-
-declare const isInvalidDate: (parsedDate: Date) => boolean;
-
-declare const isValidWeekStartsOn: (day: DayOfWeek | undefined) => day is 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
-
-declare const isSelectingDayInCalendar: (target: (EventTarget & Element) | null) => boolean;
-
-declare const parseDateAsTextOrNumeral: (value: string, locale: Locale) => Date;
-
-declare const parseDateFromNumeralFormatValue: (value: string, locale: Locale) => Date;
-
-declare const parseDateFromTextFormatValue: (value: string, locale: Locale) => Date;
-
-declare const setFocusInCalendar: (calendarElement: CalendarSingleElement | CalendarRangeElement, selectedDay: Date | undefined) => void;
-
-type CardVariants = "default" | "informative" | "positive" | "cautionary" | "destructive" | "assertive" | "highlight";
-type CardProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
-    children?: React__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;
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
- * {@link https://cultureamp.design/?path=/story/components-card--docs Storybook}
- */
-declare const Card: {
-    ({ children, tag, variant, isElevated, classNameOverride, ...props }: CardProps): JSX.Element;
-    displayName: string;
-};
-
-type CheckedStatus = "on" | "off" | "mixed";
-type CheckboxProps = {
-    checkedStatus?: CheckedStatus;
-    onCheck?: (event: React__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;
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}
- */
-declare const CheckboxField: {
-    ({ id: propsId, labelText, checkedStatus, disabled, reversed, noBottomMargin, "data-testid": dataTestId, classNameOverride, ...restProps }: CheckboxFieldProps): JSX.Element;
-    displayName: string;
-};
-
-type CheckboxGroupProps = {
-    children?: React__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 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">;
-/**
- * {@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;
-};
-
-/**
- * {@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" | "position" | "padding" | "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>>;
-
-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" | "position" | "padding" | "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 InputStatus: readonly ["default", "success", "error", "caution"];
-declare const InputTypes: readonly ["text", "email", "password"];
-
-type InputType = (typeof InputTypes)[number];
-type InputStatusType = (typeof InputStatus)[number];
-type InputProps = {
-    inputRef?: React__default.RefObject<HTMLInputElement>;
-    status?: InputStatusType;
-    startIconAdornment?: React__default.ReactNode;
-    endIconAdornment?: React__default.ReactNode;
-    reversed?: boolean;
-    type?: InputType;
-} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
-declare const Input: {
-    ({ inputRef, status, startIconAdornment, endIconAdornment, reversed, type, value, defaultValue, classNameOverride, disabled, ...restProps }: InputProps): JSX.Element;
-    displayName: string;
-};
-
-type InputRangeProps = {
-    id: string;
-    defaultValue?: number;
-    value?: number;
-    minLabel: ReactNode;
-    maxLabel: ReactNode;
-    min?: number;
-    max?: number;
-} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
-/**
- * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}
- */
-declare const InputRange: {
-    ({ id, defaultValue, value, minLabel, maxLabel, min, max, onChange, "aria-describedby": ariaDescribedby, classNameOverride, disabled, readOnly, ...restProps }: InputRangeProps): JSX.Element;
-    displayName: string;
-};
-
-type InputSearchProps = {
-    id: string;
-    reversed?: boolean;
-    loading?: boolean;
-    secondary?: boolean;
-    onClear?: () => void;
-} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue">>;
-declare const InputSearch: {
-    (props: InputSearchProps): JSX.Element;
-    displayName: string;
-};
-
-type OmittedInputProps$1 = "reversed" | "type" | "inputRef";
-type DateInputProps = {
-    labelText: React__default.ReactNode;
-    isReversed?: boolean;
-} & Omit<InputProps, OmittedInputProps$1>;
-declare const DateInput: React__default.ForwardRefExoticComponent<{
-    labelText: React__default.ReactNode;
-    isReversed?: boolean | undefined;
-} & Omit<InputProps, OmittedInputProps$1> & React__default.RefAttributes<HTMLInputElement>>;
-
-type DateInputDescriptionProps = {
-    description?: string | JSX.Element;
-    locale: Locale;
-};
-declare const DateInputDescription: {
-    ({ description, locale, }: DateInputDescriptionProps): JSX.Element;
-    displayName: string;
-};
-
-type DateInputWithIconButtonProps = {
-    /**
-     * Icon button onClick handler
-     */
-    onButtonClick: React__default.MouseEventHandler<HTMLButtonElement>;
-} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment">;
-type DateInputWithIconButtonRefs = {
-    inputRef?: React__default.RefObject<HTMLInputElement>;
-    buttonRef?: React__default.RefObject<HTMLButtonElement>;
-};
-declare const DateInputWithIconButton: React__default.ForwardRefExoticComponent<{
-    /**
-     * Icon button onClick handler
-     */
-    onButtonClick: React__default.MouseEventHandler<HTMLButtonElement>;
-} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment"> & React__default.RefAttributes<DateInputWithIconButtonRefs>>;
-
-type FieldMessageStatus = "default" | "success" | "error" | "caution";
-type FieldMessageProps = {
-    message?: React__default.ReactNode;
-    /** @default "default" */
-    status?: FieldMessageStatus;
-    /** @default "bottom" */
-    position?: "top" | "bottom";
-    reversed?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const FieldMessage: {
-    ({ message, status, position, reversed, classNameOverride, ...restProps }: FieldMessageProps): JSX.Element;
-    displayName: string;
-};
-
-type DateInputFieldProps$1 = {
-    /**
-     * A description that provides context for the text field
-     */
-    description?: DateInputDescriptionProps["description"];
-    /**
-     * Updates the styling of the validation FieldMessage
-     */
-    status?: FieldMessageStatus;
-    /**
-     * A descriptive message for `status` states
-     */
-    validationMessage?: React__default.ReactNode;
-    locale?: Locale;
-} & DateInputWithIconButtonProps;
-
-type ValidationResponse = {
-    date: Date | undefined;
-    inputValue: string | undefined;
-    status: FieldMessageStatus | undefined;
-    validationMessage: string | undefined;
-    isDisabled: boolean;
-    isInvalid: boolean;
-    isEmpty: boolean;
-    isValidDate: boolean;
-};
-
-type StringSuggestions<T extends string> = T | (string & Record<never, never>);
-
-type DatePickerSupportedLocales = StringSuggestions<"en-US" | "en-AU">;
-
-type OmittedDateInputFieldProps = "onClick" | "onFocus" | "onChange" | "onBlur" | "onButtonClick" | "value" | "locale" | "id";
-type DatePickerProps = {
-    id?: string;
-    buttonRef?: RefObject<HTMLButtonElement>;
-    onInputClick?: DateInputFieldProps$1["onClick"];
-    onInputFocus?: DateInputFieldProps$1["onFocus"];
-    onInputChange?: DateInputFieldProps$1["onChange"];
-    onInputBlur?: DateInputFieldProps$1["onBlur"];
-    onButtonClick?: DateInputFieldProps$1["onButtonClick"];
-    locale?: DatePickerSupportedLocales;
-    /**
-     * Accepts a DayOfWeek value to start the week on that day. By default,
-     * it's set to Monday.
-     */
-    weekStartsOn?: CalendarSingleProps["weekStartsOn"];
-    /**
-     * Accepts a date to display that month on first render.
-     */
-    defaultMonth?: CalendarSingleProps["defaultMonth"];
-    /**
-     *  The date passed in from the consumer that renders in the input and calendar.
-     */
-    selectedDay: Date | undefined;
-    /**
-     * Callback when date is updated either by the calendar picker or by typing and bluring.
-     * Date will return as undefined if invalid or disabled.
-     */
-    onDayChange: (date: Date | undefined) => void;
-    /**
-     * Callback when a date is selected. Utilises internal validation if not set.
-     */
-    onValidate?: (validationResponse: ValidationResponse) => void;
-    /**
-     * Updates the styling of the validation FieldMessage.
-     */
-    status?: DateInputFieldProps$1["status"] | undefined;
-    /**
-     * A descriptive message for the 'status' states.
-     */
-    validationMessage?: DateInputFieldProps$1["validationMessage"] | undefined;
-} & DisabledDayMatchers & Omit<DateInputFieldProps$1, OmittedDateInputFieldProps>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}
- */
-declare const DatePicker: {
-    ({ id: propsId, buttonRef: propsButtonRef, locale: propsLocale, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDay, status, validationMessage, onInputClick, onInputFocus, onInputChange, onInputBlur, onButtonClick, onDayChange, onValidate, ...restDateInputFieldProps }: DatePickerProps): JSX.Element;
-    displayName: string;
-};
-
-type LegacyCalendarRangeProps = {
-    classNameOverride?: string;
-    defaultMonth?: Date;
-    weekStartsOn?: DayOfWeek;
-    disabledDays?: Matcher[];
-    selectedRange?: DateRange;
-    locale: Locale;
-    onDayChange: DayClickEventHandler;
-};
-
-type DateRangePickerProps = {
-    id?: string;
-    classNameOverride?: string;
-    labelText: string;
-    isDisabled?: boolean;
-    buttonRef?: RefObject<HTMLButtonElement>;
-    description?: string;
-    /**
-     * Selected date range which is being updated in handleDayClick and checked
-     * if within range/not disabled and then passed back to the client to update
-     * the state.
-     */
-    selectedDateRange?: DateRange;
-    /**
-     * String that is formatted by the client with our helper formatDateRangeValue
-     * and then passed into the button to display the readable range.
-     */
-    value?: string;
-    /**
-     * Accepts a DayOfWeek value to start the week on that day. By default,
-     * it's set to Monday.
-     */
-    weekStartsOn?: LegacyCalendarRangeProps["weekStartsOn"];
-    /**
-     * Accepts a date to display that month on first render.
-     */
-    defaultMonth?: LegacyCalendarRangeProps["defaultMonth"];
-    /**
-     * Event passed from consumer to handle the date on change.
-     */
-    onChange: (dateRange: DateRange) => void;
-} & DisabledDayMatchers;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |
- * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}
- */
-declare const DateRangePicker: {
-    ({ id: propsId, buttonRef, description: _description, labelText, isDisabled, classNameOverride, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDateRange, value, onChange, ...inputProps }: DateRangePickerProps): JSX.Element;
-    displayName: string;
-};
-
-declare const formatDateRangeValue: (dateRange: DateRange) => string;
-
-type DividerProps = {
-    variant: "content" | "canvas" | "menuSeparator";
-    isReversed?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}
- */
-declare const Divider: {
-    ({ variant, isReversed, classNameOverride, ...props }: DividerProps): JSX.Element;
-    displayName: string;
-};
-
-type HeadingVariants = "display-0" | "composable-header-title" | "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;
-};
-
-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 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;
-    displayName: string;
-};
-
-type FieldGroupProps = {
-    children?: React__default.ReactNode;
-    inline?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const FieldGroup: {
-    ({ children, inline, classNameOverride, ...restProps }: FieldGroupProps): JSX.Element;
-    displayName: string;
-};
-
-type FilterTriggerRef = {
-    triggerRef?: React.RefObject<HTMLButtonElement>;
-};
-
-type FilterProps = {
-    children: React__default.ReactNode;
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    renderTrigger: (triggerProps: {
-        id: string;
-        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;
-};
-
-type FilterContentsProps = {
-    children: React__default.ReactNode;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const FilterContents: {
-    ({ children, classNameOverride, ...restProps }: FilterContentsProps): 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;
-};
-
-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>>;
-
-type DateValidationResponse = {
-    date: Date | undefined;
-    inputValue: string | undefined;
-    validationMessage: ValidationMessage$1 | undefined;
-    isDisabled: boolean;
-    isInvalid: boolean;
-    isEmpty: boolean;
-    isValidDate: boolean;
-};
-type ValidationMessage$1 = {
-    status: FieldMessageStatus;
-    message: string | React__default.ReactElement;
-};
-
-type DateInputFieldProps = {
-    id: string;
-    locale: Locale;
-    /**
-     * A description that provides context for the text field
-     */
-    description?: DateInputDescriptionProps["description"];
-    isReversed?: boolean;
-    validationMessage?: ValidationMessage$1;
-    disabled?: boolean;
-    labelText?: DateInputProps["labelText"];
-} & Omit<DateInputProps, "id" | "labelText">;
-
-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$1;
-    /**
-     * 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;
-};
-
-type ValidateDateResponse = {
-    validationResponse: DateValidationResponse;
-    newDate: Date | undefined;
-};
-declare const validateDate: (args: ValidateDateArgs) => ValidateDateResponse;
-
-type UseDateValidationArgs = {
-    inputLabel?: React.ReactNode;
-    disabledDays?: DisabledDays;
-    validationMessage?: ValidationMessage$1;
-    onValidate?: (validationResponse: DateValidationResponse) => void;
-};
-type UseDateValidationValue = {
-    validationMessage: ValidationMessage$1 | undefined;
-    validateDate: (args: {
-        date: Date | undefined;
-        inputValue: string;
-    }) => ReturnType<typeof validateDate>;
-    updateValidation: (validationResponse: DateValidationResponse) => void;
-};
-declare const useDateValidation: ({ inputLabel, disabledDays, validationMessage, onValidate, }: UseDateValidationArgs) => UseDateValidationValue;
-
-type GetDateValidationHandlerArgs = {
-    onValidate: ((validationResponse: DateValidationResponse) => void) | undefined;
-    setInbuiltValidationMessage: (validationMessage: ValidationMessage$1 | undefined) => void;
-    inputLabel?: React__default.ReactNode;
-};
-declare const getDateValidationHandler: ({ onValidate, setInbuiltValidationMessage, inputLabel, }: GetDateValidationHandlerArgs) => (validationResponse: DateValidationResponse) => void;
-
-type FilterBarDatePickerProps = Omit<FilterDatePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedDate" | "onDateChange" | "locale"> & {
-    id?: string;
-    locale?: FilterDatePickerProps["locale"];
-    onDateChange?: FilterDatePickerProps["onDateChange"];
-};
-
-type DateRangeFieldValidationMessage = {
-    dateStart?: ValidationMessage$1;
-    dateEnd?: ValidationMessage$1;
-};
-
-type DateRangeValidationMessageProps = {
-    validationMessage?: DateRangeFieldValidationMessage;
-    dateStartId?: string;
-    dateEndId?: string;
-    isReversed?: boolean;
-};
-
-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;
-    /**
-     * 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>>;
-
-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;
-};
-
-type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedRange" | "onRangeChange" | "locale"> & {
-    id?: string;
-    onRangeChange?: FilterDateRangePickerProps["onRangeChange"];
-    locale?: FilterDateRangePickerProps["locale"];
-};
-
-type NoResultsProps = {
-    children: React__default.ReactNode;
-} & HTMLAttributes<HTMLDivElement>;
-
-type MenuFooterProps = {
-    children: React__default.ReactNode;
-};
-
-type MenuLoadingSkeletonProps = {
-    isAnimated?: boolean;
-};
-
-type ItemType = {
-    label: string;
-    value: Key;
-    count?: string;
-    isDisabled?: boolean;
-};
-type MultiSelectItem = Node<ItemType>;
-
-interface MultiSelectOptionProps {
-    classNameOverride?: string;
-    item: MultiSelectItem;
-}
-
-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);
-
-type ListBoxItems = {
-    selectedItems: MultiSelectItem[];
-    unselectedItems: MultiSelectItem[];
-    disabledItems: MultiSelectItem[];
-    allItems: MultiSelectItem[];
-    hasNoItems: boolean;
-};
-type ListBoxProps = {
-    children: (items: ListBoxItems) => React__default.ReactNode;
-};
-
-type SearchInputProps = {
-    label?: string;
-    id?: string;
-    isLoading?: boolean;
-};
-
-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;
-};
-
-type RemovableFilterTriggerProps = FilterTriggerButtonProps & {
-    onRemove: () => void;
-};
-
-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;
-
-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;
-
-type MenuPopupProps = {
-    isLoading?: boolean;
-    loadingSkeleton?: React__default.ReactNode;
-    children: React__default.ReactNode;
-};
-
-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;
-    };
-};
-
-type LoadMoreButtonProps = ButtonProps;
-
-declare const getTruncatedLabels: (labels: string[], limit: number) => string;
-
-declare const getSelectedOptionLabels: (keys?: Selection, items?: ItemType[]) => string[];
-
-declare const getSelectedOptionKeys: (keys?: Selection, items?: ItemType[]) => Key[];
-
-type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKeys" | "trigger"> & {
-    id?: string;
-};
-
-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>;
-
-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 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;
-    };
-};
-
-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 MeaningfulIcon = {
-    role: "img";
-    "aria-label": string;
-};
-type DecorativeIcon = {
-    role: "presentation";
-    "aria-label"?: never;
-};
-type BaseSVGProps = {
-    inheritSize?: boolean;
-} & OverrideClassName<SVGAttributes<SVGElement>> & (MeaningfulIcon | DecorativeIcon);
-
-type IconProps = BaseSVGProps;
-
-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;
-
-declare const DeltaNegativeIcon: (props: IconProps) => JSX.Element;
-
-declare const DeltaPositiveIcon: (props: IconProps) => JSX.Element;
-
-declare const DeltaWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const DemographicsIcon: (props: IconProps) => JSX.Element;
-
-declare const DepartmentIcon: (props: IconProps) => JSX.Element;
-
-declare const DraftIcon: (props: IconProps) => JSX.Element;
-
-declare const DraftWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const DragIcon: (props: IconProps) => JSX.Element;
-
-declare const DuplicateIcon: (props: IconProps) => JSX.Element;
-
-declare const EditIcon: (props: IconProps) => JSX.Element;
-
-declare const EffectivenessIcon: (props: IconProps) => JSX.Element;
-
-declare const EllipsisIcon: (props: IconProps) => JSX.Element;
-
-declare const EmailIcon: (props: IconProps) => JSX.Element;
-
-declare const EmptyIcon: (props: IconProps) => JSX.Element;
-
-declare const EmptyWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const EndIcon: (props: IconProps) => JSX.Element;
-
-declare const EngagementIcon: (props: IconProps) => JSX.Element;
-
-declare const EngagementWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const EqualIcon: (props: IconProps) => JSX.Element;
-
-declare const EqualWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const ExclamationIcon: (props: IconProps) => JSX.Element;
-
-declare const ExclamationOctagonIcon: (props: IconProps) => JSX.Element;
-
-declare const ExclamationOctagonWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const ExclamationWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const ExperienceIcon: (props: IconProps) => JSX.Element;
-
-declare const ExportIcon: (props: IconProps) => JSX.Element;
-
-declare const ExportWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const ExternalLinkIcon: (props: IconProps) => JSX.Element;
-
-declare const FaceDissatisfiedIcon: (props: IconProps) => JSX.Element;
-
-declare const FaceDissatisfiedWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FaceNeutralIcon: (props: IconProps) => JSX.Element;
-
-declare const FaceNeutralWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FaceSatisfiedIcon: (props: IconProps) => JSX.Element;
-
-declare const FaceSatisfiedWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FaceVeryDissatisfiedIcon: (props: IconProps) => JSX.Element;
-
-declare const FaceVeryDissatisfiedWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FaceVerySatisfiedIcon: (props: IconProps) => JSX.Element;
-
-declare const FaceVerySatisfiedWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FactorsIcon: (props: IconProps) => JSX.Element;
-
-declare const FavoriteOffIcon: (props: IconProps) => JSX.Element;
-
-declare const FavoriteOnIcon: (props: IconProps) => JSX.Element;
-
-declare const FeedbackClassifyIcon: (props: IconProps) => JSX.Element;
-
-declare const FeedbackClassifyWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FeedbackCompletedIcon: (props: IconProps) => JSX.Element;
-
-declare const FeedbackCompletedWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FeedbackReportIcon: (props: IconProps) => JSX.Element;
-
-declare const FeedbackReportWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FeedbackReviewIcon: (props: IconProps) => JSX.Element;
-
-declare const FeedbackReviewWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FeedbackShareIcon: (props: IconProps) => JSX.Element;
-
-declare const FeedbackShareWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FileIcon: (props: IconProps) => JSX.Element;
-
-declare const FileWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FilterIcon: (props: IconProps) => JSX.Element;
-
-declare const FlagOffIcon: (props: IconProps) => JSX.Element;
-
-declare const FlagOffWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const FlagOnIcon: (props: IconProps) => JSX.Element;
-
-declare const FullIcon: (props: IconProps) => JSX.Element;
-
-declare const GridViewIcon: (props: IconProps) => JSX.Element;
-
-declare const GuidanceIcon: (props: IconProps) => JSX.Element;
-
-declare const HamburgerIcon: (props: IconProps) => JSX.Element;
-
-declare const HeatmapIcon: (props: IconProps) => JSX.Element;
-
-declare const HeatmapWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const HierarchyIcon: (props: IconProps) => JSX.Element;
-
-declare const HomeIcon: (props: IconProps) => JSX.Element;
-
-declare const ImportIcon: (props: IconProps) => JSX.Element;
-
-declare const ImportWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const IncreaseIndentIcon: (props: IconProps) => JSX.Element;
-
-declare const IndicatorActiveIcon: (props: IconProps) => JSX.Element;
-
-declare const IndicatorInactiveIcon: (props: IconProps) => JSX.Element;
-
-declare const InformationIcon: (props: IconProps) => JSX.Element;
-
-declare const InformationWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const InsightIcon: (props: IconProps) => JSX.Element;
-
-declare const InsightsIcon: (props: IconProps) => JSX.Element;
-
-declare const InvisibleIcon: (props: IconProps) => JSX.Element;
-
-declare const ItalicsIcon: (props: IconProps) => JSX.Element;
-
-declare const KebabIcon: (props: IconProps) => JSX.Element;
-
-declare const KioskIcon: (props: IconProps) => JSX.Element;
-
-declare const KioskWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const LaunchIcon: (props: IconProps) => JSX.Element;
-
-declare const LaunchWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const LeaderboardIcon: (props: IconProps) => JSX.Element;
-
-declare const ListViewIcon: (props: IconProps) => JSX.Element;
-
-declare const LiveIcon: (props: IconProps) => JSX.Element;
-
-declare const LockIcon: (props: IconProps) => JSX.Element;
-
-declare const LockWhiteIcon: (props: IconProps) => JSX.Element;
-
-declare const LogOutIcon: (props: IconProps) => JSX.Element;
-
-declare const MaximizeIcon: (props: IconProps) => JSX.Element;
-
-declare const MeatballsIcon: (props: IconProps) => JSX.Element;
-
-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;
-
-/** @deprecated Use `<ThumbsDownIconOn/>` or `<ThumbsDownIconOff/>` */
-declare const ThumbsDownIcon: (props: IconProps) => JSX.Element;
-
-declare const ThumbsDownOffIcon: (props: IconProps) => JSX.Element;
-
-declare const ThumbsDownOnIcon: (props: IconProps) => JSX.Element;
-
-/** @deprecated Use `<ThumbsUpIconOn/>` or `<ThumbsUpIconOff/>` */
-declare const ThumbsUpIcon: (props: IconProps) => JSX.Element;
-
-declare const ThumbsUpOffIcon: (props: IconProps) => JSX.Element;
-
-declare const ThumbsUpOnIcon: (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;
-};
-declare const KaizenProvider: {
-    ({ children, locale, }: KaizenProviderProps): JSX.Element;
-    displayName: string;
-};
-
-type LabelType = "text" | "checkbox" | "toggle" | "radio";
-type LabelProps = {
-    children?: React__default.ReactNode;
-    labelText?: string | React__default.ReactNode;
-    labelType?: LabelType;
-    labelPosition?: "start" | "end";
-    reversed?: boolean;
-    variant?: "default" | "prominent";
-    disabled?: boolean;
-} & OverrideClassName<LabelHTMLAttributes<HTMLLabelElement>>;
-declare const Label: {
-    ({ children, labelText, labelType, labelPosition, reversed, variant, disabled, classNameOverride, ...restProps }: LabelProps): JSX.Element;
-    displayName: string;
-};
-
-type LabelledMessageProps = {
-    label: string | React__default.ReactElement;
-    message: string | React__default.ReactElement;
-} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
-declare const LabelledMessage: {
-    ({ label, message, classNameOverride, ...restProps }: LabelledMessageProps): JSX.Element;
-    displayName: string;
-};
-
-type ScaleValue = -1 | 1 | 2 | 3 | 4 | 5;
-type ScaleItem = {
-    value: ScaleValue;
-    label: string;
-};
-type Scale = ScaleItem[];
-
-type LikertScaleProps = {
-    labelId: string;
-    scale: Scale;
-    selectedItem: ScaleItem | null;
-    /**
-     * @deprecated Please use data-testid instead
-     */
-    automationId?: string;
-    "data-testid"?: string;
-    reversed?: boolean;
-    validationMessage?: string;
-    status?: "default" | "error";
-    onSelect: (value: ScaleItem | null) => void;
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}
- */
-declare const LikertScaleLegacy: ({ scale, selectedItem, reversed, "data-testid": dataTestId, onSelect, validationMessage, status, labelId, }: LikertScaleProps) => JSX.Element;
-
-type LoadingGraphicSize = "small" | "medium" | "large" | "xlarge" | "xxlarge" | "scene";
-type LoadingGraphicProps = {
-    isAnimated?: boolean;
-    isReversed?: boolean;
-    size: LoadingGraphicSize;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinggraphic--docs Storybook}
- */
-declare const LoadingGraphic: {
-    ({ isAnimated, isReversed, size, classNameOverride, ...props }: LoadingGraphicProps): JSX.Element;
-    displayName: string;
-};
-
-type LoadingHeadingProps = {
-    variant: HeadingVariants;
-    isAnimated?: boolean;
-    isReversed?: boolean;
-    isLink?: boolean;
-    /**
-     * Width as a percentage.
-     */
-    width?: number;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingheading--docs Storybook}
- */
-declare const LoadingHeading: {
-    ({ isAnimated, isReversed, width, isLink, classNameOverride, variant, ...props }: LoadingHeadingProps): JSX.Element;
-    displayName: string;
-};
-
-type LoadingInputProps = {
-    isAnimated?: boolean;
-    isReversed?: boolean;
-    /**
-     * Width as a percentage.
-     */
-    width?: number;
-    /**
-     * Width as px.
-     */
-    height?: number;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinginput--docs Storybook}
- */
-declare const LoadingInput: {
-    ({ isAnimated, isReversed, width, classNameOverride, height, ...props }: LoadingInputProps): JSX.Element;
-    displayName: string;
-};
-
-type LoadingParagraphProps = {
-    isAnimated?: boolean;
-    isCentred?: boolean;
-    isReversed?: boolean;
-    isInline?: boolean;
-    noBottomMargin?: boolean;
-    isLink?: boolean;
-    inheritBaseline?: boolean;
-    /**
-     * Width as a percentage.
-     */
-    width?: number;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingparagraph--docs Storybook}
- */
-declare const LoadingParagraph: {
-    ({ isAnimated, isCentred, isReversed, isInline, noBottomMargin, width, isLink, inheritBaseline, classNameOverride, ...restProps }: LoadingParagraphProps): JSX.Element;
-    displayName: string;
-};
-
-type LoadingSpinnerProps = {
-    accessibilityLabel: string;
-    /**
-     * Generally use "md" unless spinner is inside a form field
-     */
-    size?: "sm" | "md";
-} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093253/Loading+Spinner Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-loading-loadingspinner--docs Storybook}
- */
-declare const LoadingSpinner: {
-    ({ accessibilityLabel, size, classNameOverride, ...props }: LoadingSpinnerProps): JSX.Element;
-    displayName: string;
-};
-
-type StatelessMenuProps = {
-    /**
-     * Whether the menu is to be used on the left or right
-     * side of the viewport. If left, the left of the dropdown
-     * is aligned to the left of the button (and vice versa)
-     * @default "left"
-     */
-    align?: "left" | "right";
-    /**
-     * The width of the dropdown.
-     * "default": a fixed width of 248px
-     * "contain": contain the children's width (will be same width as children)
-     * @default "default"
-     */
-    dropdownWidth?: "default" | "contain";
-    /**
-     * @deprecated use data-testid instead
-     */
-    automationId?: string;
-    "data-testid"?: string;
-    dropdownId?: string;
-    /**
-     * Determines when the menu should automatically hide.
-     * @default: "on"
-     */
-    autoHide?: "on" | "outside-click-only" | "off";
-    /**
-     * The content to appear inside the dropdown when it is open
-     */
-    children: React__default.ReactNode;
-    /**
-     * Render the tooltip inside a react portal, given the CSS selector.
-     * This is typically used for instances where the menu is a descendant of an
-     * `overflow: scroll` or `overflow: hidden` element.
-     */
-    portalSelector?: string;
-    isMenuVisible: boolean;
-    toggleMenuDropdown: () => void;
-    hideMenuDropdown: () => void;
-    renderButton: (args: {
-        onClick: (e: any) => void;
-        onMouseDown: (e: any) => void;
-        "aria-haspopup": boolean;
-        "aria-expanded": boolean;
-    }) => React__default.ReactElement;
-    onClick?: (event: SyntheticEvent) => void;
-};
-declare const StatelessMenu: {
-    ({ align, dropdownWidth, autoHide, "data-testid": dataTestId, dropdownId, children, portalSelector, isMenuVisible, toggleMenuDropdown, hideMenuDropdown, renderButton, onClick, }: StatelessMenuProps): JSX.Element;
-    displayName: string;
-};
-
-type ButtonPropsWithOptionalAria = ButtonProps & {
-    "aria-haspopup"?: boolean;
-    "aria-expanded"?: boolean;
-};
-type MenuProps = Omit<StatelessMenuProps, "renderButton" | "hideMenuDropdown" | "toggleMenuDropdown" | "isMenuVisible"> & {
-    /**
-     * The initial state of the dropdown. Once initalised, further changes to this
-     * prop will not have any affect, as the state is handled internally to the component.
-     * @default: false
-     */
-    menuVisible?: boolean;
-    /**
-     * Takes any ReactElement with button props but is most commonly used with a Kaizen `<Button>` or `<IconButton>` component.
-     */
-    button: React__default.ReactElement<ButtonPropsWithOptionalAria>;
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082059782/Menu Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-menu--docs Storybook}
- */
-declare const Menu: {
-    ({ button, menuVisible, ...rest }: MenuProps): JSX.Element;
-    displayName: string;
-};
-
-type MenuHeadingProps = {
-    children: React__default.ReactNode;
-} & Partial<HeadingProps>;
-declare const MenuHeading: {
-    ({ id, classNameOverride, ...restProps }: MenuHeadingProps): JSX.Element;
-    displayName: string;
-};
-
-type MenuItemProps = {
-    label: string;
-    href?: string;
-    target?: string;
-    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
-    icon?: JSX.Element;
-    destructive?: boolean;
-    disabled?: boolean;
-    /**
-     * @deprecated use data-testid
-     */
-    automationId?: string;
-    /**
-     * Not recommended - this was added for use in exceptional cases like the navigation bar, which needs
-     * to highlight which page the user is currently on. By design, Menus don't have active items,
-     * because they are supposed to be a bunch of links/actions.
-     */
-    isActive?: boolean;
-    "data-testid"?: string;
-    id?: string;
-};
-declare const MenuItem: {
-    ({ label, icon, destructive, disabled, onClick, href, target, isActive, "data-testid": dataTestId, id, }: MenuItemProps): JSX.Element;
-    displayName: string;
-};
-
-type MenuListProps = {
-    heading?: JSX.Element;
-    children: React__default.ReactNode;
-} & OverrideClassName<HTMLAttributes<HTMLUListElement>>;
-declare const MenuList: {
-    (props: MenuListProps): JSX.Element;
-    displayName: string;
-};
-
-type ConfirmationModalProps = {
-    isOpen: boolean;
-    unpadded?: boolean;
-    /**
-     * To display the Prominent variation of the modal types
-     */
-    isProminent?: boolean;
-    /**
-     * Defines the modal type or mood
-     */
-    mood: Mood$1;
-    title: string;
-    onConfirm?: () => void;
-    onDismiss: () => void;
-    onAfterLeave?: () => void;
-    confirmLabel?: string;
-    dismissLabel?: string;
-    confirmWorking?: {
-        label: string;
-        labelHidden?: boolean;
-    };
-    /**
-     * @deprecated Please use data-testid
-     */
-    automationId?: string;
-    children: React__default.ReactNode;
-} & HTMLAttributes<HTMLDivElement>;
-type Mood$1 = "positive" | "informative" | "negative" | "cautionary" | "assertive";
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}
- */
-declare const ConfirmationModal: {
-    ({ isOpen, isProminent, unpadded, mood, title, onConfirm, onAfterLeave, confirmLabel, dismissLabel, confirmWorking, onDismiss: propsOnDismiss, children, ...props }: ConfirmationModalProps): JSX.Element;
-    displayName: string;
-};
-
-type ContextModalSecondaryActionProps = {
-    secondaryLabel: string;
-    onSecondaryAction: () => void;
-} | {
-    secondaryLabel?: undefined;
-    onSecondaryAction?: never;
-};
-type ContextModalProps = Readonly<{
-    isOpen: boolean;
-    unpadded?: boolean;
-    /**
-     * Defines the orientation layout of the image and content
-     */
-    layout?: "portrait" | "landscape";
-    title: string;
-    onConfirm?: () => void;
-    onDismiss: () => void;
-    onAfterLeave?: () => void;
-    confirmLabel?: string;
-    confirmWorking?: {
-        label: string;
-        labelHidden?: boolean;
-    };
-    /**
-     * @deprecated use data-testid instead
-     */
-    automationId?: string;
-    renderBackground?: () => React__default.ReactNode;
-    image?: React__default.ReactNode;
-    children: React__default.ReactNode;
-    contentHeader?: React__default.ReactNode;
-} & ContextModalSecondaryActionProps & HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}
- */
-declare const ContextModal: {
-    ({ isOpen, unpadded, layout, title, onConfirm, onDismiss: propsOnDismiss, onAfterLeave, confirmLabel, confirmWorking, renderBackground, children, contentHeader, image, secondaryLabel, onSecondaryAction, ...props }: ContextModalProps): JSX.Element;
-    displayName: string;
-};
-
-type GenericModalProps = {
-    id?: string;
-    isOpen: boolean;
-    children: React__default.ReactNode;
-    focusLockDisabled?: boolean;
-    onEscapeKeyup?: (event: KeyboardEvent) => void;
-    onOutsideModalClick?: (event: React__default.MouseEvent) => void;
-    onAfterLeave?: () => void;
-};
-declare const GenericModal: {
-    ({ id: propsId, children, isOpen, focusLockDisabled, onEscapeKeyup, onOutsideModalClick, onAfterLeave: propsOnAfterLeave, }: GenericModalProps): JSX.Element;
-    displayName: string;
-};
-
-type ModalContextType = {
-    labelledByID: string;
-    describedByID: string;
-};
-declare const ModalContext: React$1.Context<ModalContextType>;
-
-type ModalAccessibleDescriptionProps = {
-    children: React__default.ReactNode;
-};
-declare const ModalAccessibleDescription: {
-    ({ children, }: ModalAccessibleDescriptionProps): JSX.Element;
-    displayName: string;
-};
-
-type ActionsVariantProps = "context" | "inputEdit";
-type ModalFooterProps = {
-    /**
-     * We have a special case for the InformationModal when it has an image.
-     * Since this modal may have an image on the right side the actions might look disconected from the content.
-     * So for this instance we need to flip the order of the actions so that the primary
-     * action is anchored to the left edge of the modal.
-     * For this rare instance added the variant prop as optional to update the order of action buttons.
-     */
-    variant?: ActionsVariantProps;
-    unpadded?: boolean;
-    actions: ButtonProps[];
-    appearance?: "primary" | "destructive";
-    /**
-     * @deprecated Please use data-testid
-     */
-    automationId?: string;
-    alignStart?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-declare const ModalFooter: {
-    ({ unpadded, actions, appearance, alignStart, variant, ...props }: ModalFooterProps): JSX.Element;
-    displayName: string;
-};
-
-type ModalHeaderProps = {
-    unpadded?: boolean;
-    reversed?: boolean;
-    onDismiss?: (evt: React__default.MouseEvent) => void;
-    children: React__default.ReactNode;
-};
-declare const ModalHeader: {
-    ({ reversed, onDismiss, children, }: ModalHeaderProps): JSX.Element;
-    displayName: string;
-};
-
-type ModalAccessibleLabelProps = {
-    children: React__default.ReactNode;
-    isProminent?: boolean;
-};
-declare const ModalAccessibleLabel: {
-    ({ children, isProminent, }: ModalAccessibleLabelProps): JSX.Element;
-    displayName: string;
-};
-
-type ModalBodyProps = {
-    inputEdit?: boolean;
-    children: React__default.ReactNode;
-};
-declare const ModalBody: {
-    ({ inputEdit, children, }: ModalBodyProps): JSX.Element;
-    displayName: string;
-};
-
-type InputEditModalProps = {
-    isOpen: boolean;
-    unpadded?: boolean;
-    mood: "positive" | "destructive";
-    title: string;
-    onSubmit: () => void;
-    onSecondaryAction?: () => void;
-    onDismiss: () => void;
-    onAfterLeave?: () => void;
-    localeDirection?: "rtl" | "ltr";
-    submitLabel?: string;
-    dismissLabel?: string;
-    secondaryLabel?: string;
-    /**
-     * @deprecated Please use data-testid
-     */
-    automationId?: string;
-    children: React__default.ReactNode;
-    submitWorking?: {
-        label: string;
-        labelHidden?: boolean;
-    };
-} & Omit<HTMLAttributes<HTMLDivElement>, "onSubmit">;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
- */
-declare const InputEditModal: {
-    ({ isOpen, mood, title, onSubmit, onSecondaryAction, onAfterLeave, localeDirection, submitLabel, dismissLabel, secondaryLabel, submitWorking, children, unpadded, onDismiss: propsOnDismiss, ...props }: InputEditModalProps): JSX.Element;
-    displayName: string;
-};
-
-type MultiSelectOption = {
-    label: string;
-    value: string | number;
-};
-type ValidationMessage = {
-    status?: Extract<FieldMessageStatus, "error" | "caution">;
-    message: string | React.ReactElement;
-};
-
-type MultiSelectOptionsProps = {
-    id: string;
-    options: MultiSelectOption[];
-    selectedValues: Set<MultiSelectOption["value"]>;
-    onChange: (selectedValues: Set<MultiSelectOption["value"]>) => void;
-} & OverrideClassName<Omit<HTMLAttributes<HTMLFieldSetElement>, "onChange">>;
-
-type MultiSelectProps = {
-    label: string;
-    items: MultiSelectOptionsProps["options"];
-    selectedValues: Set<MultiSelectOption["value"]>;
-    /**
-     * A description that provides context for the field
-     */
-    description?: FieldMessageProps["message"];
-    onSelectedValuesChange: MultiSelectOptionsProps["onChange"];
-    isOpen: boolean;
-    onOpenChange: (isOpen: boolean) => void;
-    /** A status and message to provide context to the validation issue  */
-    validationMessage?: ValidationMessage;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const MultiSelect: {
-    ({ id: propsId, label, items, selectedValues, description, onSelectedValuesChange, isOpen, onOpenChange, classNameOverride, validationMessage, ...restProps }: MultiSelectProps): JSX.Element;
-    displayName: string;
-};
-
-type NotificationType = "positive" | "informative" | "cautionary" | "negative" | "security";
-
-type InlineNotificationProps = OverrideClassName<{
-    type: NotificationType;
-    children?: React__default.ReactNode;
-    /** @default false */
-    persistent?: boolean;
-    /** @default false */
-    hideCloseIcon?: boolean;
-    onHide?: () => void;
-    noBottomMargin?: boolean;
-    forceMultiline?: boolean;
-    headingProps?: HeadingProps;
-    isSubtle?: boolean;
-}>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |
- * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}
- */
-declare const InlineNotification: {
-    ({ isSubtle, hideCloseIcon, persistent, classNameOverride, ...otherProps }: InlineNotificationProps): JSX.Element;
-    displayName: string;
-};
-
-type GlobalNotificationProps = OverrideClassName<{
-    type: NotificationType;
-    children: React__default.ReactNode;
-    onHide?: () => void;
-    persistent?: boolean;
-}>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}
- */
-declare const GlobalNotification: {
-    ({ persistent, ...props }: GlobalNotificationProps): JSX.Element;
-    displayName: string;
-};
-
-type ToastNotificationObj = {
-    id: string;
-    type: NotificationType;
-    title: string;
-    message: React.ReactNode;
-    onHide?: () => void;
-    /**
-     * Removes the dismiss trigger. If this is true you will need to manage the removal of notifications manually.
-     * @default false
-     */
-    persistent?: boolean;
-} & DataAttributes;
-
-type ToastNotificationProps = Omit<ToastNotificationObj, "id" | "message" | "persistent"> & {
-    children: React__default.ReactNode;
-    id?: string;
-    /**
-     * Removes the dismiss trigger. Functions the same as `persistent` in `addToastNotification`.
-     * If this is true you will need to manage the removal of notifications manually.
-     * @default false
-     */
-    hideCloseIcon?: boolean;
-};
-declare const ToastNotification: {
-    ({ id: propsId, hideCloseIcon, type, title, onHide, children, ...restProps }: ToastNotificationProps): null;
-    displayName: string;
-};
-
-declare const ToastNotificationsList: {
-    (): JSX.Element;
-    displayName: string;
-};
-
-type ToastNotificationObjOptionalId = Omit<ToastNotificationObj, "id"> & {
-    id?: string;
-};
-type ToastNotificationContextValue = {
-    notifications: ToastNotificationObj[];
-    addToastNotification: (notification: ToastNotificationObjOptionalId) => void;
-    updateToastNotification: (notification: ToastNotificationObj) => void;
-    removeToastNotification: (notificationId: string) => void;
-    clearToastNotifications: () => void;
-};
-
-declare const useToastNotification: () => ToastNotificationContextValue;
-
-type PaginationProps = {
-    currentPage: number;
-    pageCount: number;
-    ariaLabelNextPage: string;
-    ariaLabelPreviousPage: string;
-    ariaLabelPage: string;
-    onPageChange: (newPage: number) => void;
-} & OverrideClassName<HTMLAttributes<HTMLElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-pagination--docs Storybook}
- */
-declare const Pagination: ({ currentPage, pageCount, ariaLabelNextPage, ariaLabelPreviousPage, ariaLabelPage, onPageChange, classNameOverride, ...restProps }: PaginationProps) => JSX.Element;
-
-type DirectionalLinkProps = {
-    label: string;
-    disabled?: boolean;
-    direction: "prev" | "next" | "start" | "end";
-} & GenericProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
- * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}
- */
-declare const DirectionalLink: {
-    (props: DirectionalLinkProps): JSX.Element;
-    defaultProps: {
-        reversed: boolean;
-        disabled: boolean;
-    };
-    displayName: string;
-};
-
-type PaginationLinkProps = GenericProps & {
-    pageNumber: number;
-    isActive?: boolean;
-    "aria-label": string;
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
- * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}
- */
-declare const PaginationLink: {
-    ({ pageNumber, ...restProps }: PaginationLinkProps): JSX.Element;
-    defaultProps: {
-        reversed: boolean;
-        isActive: boolean;
-    };
-    displayName: string;
-};
-
-type PopoverVariant = "default" | "informative" | "positive" | "negative" | "cautionary";
-type PopoverSize = "small" | "large";
-declare const popoverPlacements: readonly ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end", "left", "right"];
-type Placement = (typeof popoverPlacements)[number];
-
-type PopoverProps = {
-    children: React__default.ReactNode;
-    variant?: PopoverVariant;
-    placement?: Placement;
-    size?: PopoverSize;
-    heading?: string;
-    dismissible?: boolean;
-    onClose?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
-    singleLine?: boolean;
-    /**
-     * For almost all intents and purposes, you should be using a pre-defined variant.
-     * Please avoid using a custom icon unless you have a very good reason to do so.
-     */
-    customIcon?: JSX.Element;
-    referenceElement: HTMLElement | null;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.design/components/popover/ Guidance} |
- * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}
- */
-declare const Popover: {
-    ({ children, variant, placement, size, heading, dismissible, onClose, singleLine, customIcon, referenceElement, classNameOverride, ...restProps }: PopoverProps): JSX.Element;
-    displayName: string;
-};
-type PopoverPropsWithoutRef = Omit<PopoverProps, "referenceElement">;
-/**
- * How to use:
- *
- * const [referenceElementRef, Popover] = usePopover()
- *
- * return (<>
- *   <button ref={referenceElementRef}>
- *     Hello world
- *   </button>
- *   <Popover>Hello world</Popover>
- * </>)
- *
- * The purpose of this hook is to abstract away some of the awkwardness with the
- * requirement of passing in refs with popper. We need to use `useState` instead
- * of `useRef`, which may not be immediately intuitive.
- *
- * The popper documentation to help provide more context:
- *   https://popper.js.org/react-popper/v2/hook/
- */
-declare const usePopover: () => [(element: HTMLElement | null) => void, (props: PopoverPropsWithoutRef) => JSX.Element | null];
-
-type ProgressBarProps = {
-    /** A value that represents completed progress */
-    value: number;
-    /** A value that sets the maximum progress that can be achieved */
-    max: number;
-    /** Adds an animated state to indicate loading progress */
-    isAnimating: boolean;
-    mood: Mood;
-    subtext?: string;
-    label?: string;
-    isReversed: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-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}
- */
-declare const ProgressBar: {
-    ({ value, max, isAnimating, mood, subtext, label, classNameOverride, isReversed, ...restProps }: ProgressBarProps): JSX.Element;
-    displayName: string;
-};
-
-type RadioProps = OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "name" | "value" | "checked" | "type">> & {
-    /** Required to ensure the Radio always gets an ID to match a label when composed. */
-    id: string;
-    /** Unique identifier for the group this Radio belongs to. Required for keyboard navigation of the group. See also [Defining a radio group](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#defining_a_radio_group) on MDN. E.g. the question ID for which this is one possible answer to. */
-    name: string;
-    /** The value for this form field when this radio button is selected. */
-    value?: string | readonly string[] | number;
-    selectedStatus?: boolean;
-    reversed?: boolean;
-};
-declare const Radio: {
-    ({ name, value, selectedStatus, reversed, onChange, classNameOverride, ...restProps }: RadioProps): JSX.Element;
-    displayName: string;
-};
-
-type RadioFieldProps = Omit<RadioProps, "id"> & {
-    id?: string;
-    labelText: string | React__default.ReactNode;
-    selectedStatus?: boolean;
-    disabled?: boolean;
-    reversed?: boolean;
-    "data-testid"?: string;
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}
- */
-declare const RadioField: {
-    ({ id: propsId, labelText, selectedStatus, disabled, reversed, classNameOverride, "data-testid": dataTestId, ...restProps }: RadioFieldProps): JSX.Element;
-    displayName: string;
-};
-
-type RadioGroupProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
-    children?: React__default.ReactNode;
-    labelText: string | React__default.ReactNode;
-    labelId?: string;
-    noBottomMargin?: boolean;
-    reversed?: boolean;
-    "data-testid"?: string;
-};
-declare const RadioGroup: {
-    ({ children, labelId: propsLabelId, labelText, noBottomMargin, reversed, classNameOverride, "data-testid": dataTestId, ...restProps }: RadioGroupProps): JSX.Element;
-    displayName: string;
-};
-
-type ToolbarControlTypes = "bold" | "italic" | "underline" | "orderedList" | "bulletList" | "link";
-type ToolbarItems = {
-    name: ToolbarControlTypes;
-    /**
-     * A group is used to wrap items in the same section wrapper
-     * ungrouped items will be appended to the end of the toolbar */
-    group?: string;
-};
-type EditorContentArray = Array<{
-    [key: string]: any;
-}>;
-type EditorRows = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
-
-type RichTextContentProps = {
-    content: EditorContentArray;
-} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "content">>;
-declare const RichTextContent: {
-    (props: RichTextContentProps): JSX.Element;
-    displayName: string;
-};
-
-type EditableRichTextContentProps = {
-    onClick: (event: MouseEvent<HTMLElement>) => void;
-    content: EditorContentArray;
-    labelText: string;
-    isLabelHidden?: boolean;
-    contentProps?: Omit<RichTextContentProps, "content">;
-} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "onClick" | "content">>;
-declare const EditableRichTextContent: {
-    ({ onClick, content, classNameOverride, labelText, isLabelHidden, contentProps, ...restProps }: EditableRichTextContentProps): JSX.Element;
-    displayName: string;
-};
-
-type BaseRichTextEditorProps = {
-    onChange: (content: ProseMirrorState.EditorState) => void;
-    defaultValue: EditorContentArray;
-    controls?: ToolbarItems[];
-    /**
-     * Sets a default min-height for the editable area in units of body paragraph line height, similar to the 'rows' attribute on <textarea>.
-     * The editable area will autogrow, so this only affects the component when the content doesn't exceed this height.
-     */
-    rows?: EditorRows;
-    dataError?: React__default.ReactElement;
-    onDataError?: () => void;
-    status?: "default" | "error" | "caution";
-    /**
-     * A descriptive message for `error` or `caution` states
-     */
-    validationMessage?: React__default.ReactNode;
-    /**
-     * A description that provides context
-     */
-    description?: React__default.ReactNode;
-} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">>;
-type WithLabelText = {
-    labelText: ReactNode;
-    "aria-labelledby"?: never;
-};
-type WithLabelledBy = {
-    labelText?: never;
-    "aria-labelledby": string;
-};
-type RichTextEditorProps = BaseRichTextEditorProps & (WithLabelText | WithLabelledBy);
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
- */
-declare const RichTextEditor: {
-    ({ onChange, defaultValue, labelText, "aria-labelledby": labelledBy, "aria-describedby": describedBy, classNameOverride, controls, rows, dataError, onDataError, validationMessage, description, status, ...restProps }: RichTextEditorProps): JSX.Element;
-    displayName: string;
-};
-
-declare const moodsList$1: readonly ["default", "secondary", "primary", "destructive", "secondary-destructive"];
-type ToggleIconButtonMoods = (typeof moodsList$1)[number];
-
-type ToggleIconButtonProps = {
-    icon: JSX.Element;
-    label: string;
-    isActive?: boolean;
-    mood?: ToggleIconButtonMoods;
-} & OverrideClassName<React__default.ButtonHTMLAttributes<HTMLButtonElement>>;
-declare const ToggleIconButton: React__default.ForwardRefExoticComponent<{
-    icon: JSX.Element;
-    label: string;
-    isActive?: boolean | undefined;
-    mood?: "default" | "primary" | "destructive" | "secondary" | "secondary-destructive" | undefined;
-} & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
-    classNameOverride?: string | undefined;
-} & React__default.RefAttributes<HTMLButtonElement>>;
-
-type ToolbarProps = {
-    children: React__default.ReactNode;
-    "aria-controls": string;
-    "aria-label": string;
-} & OverrideClassName<React__default.HTMLAttributes<HTMLElement>>;
-declare const Toolbar: {
-    (props: ToolbarProps): JSX.Element;
-    displayName: string;
-};
-
-type ToolbarSectionProps = {
-    children: React__default.ReactNode;
-} & React__default.HTMLAttributes<HTMLDivElement>;
-declare const ToolbarSection: {
-    (props: ToolbarSectionProps): JSX.Element;
-    displayName: string;
-};
-
-/**
- * Dispatch receives a transaction from ProseMirror to effect changes to the
- * EditorState in order
- */
-type Dispatch = (tx: Transaction) => void;
-/**
- * Curry a Command
- */
-type CommandFactory = (...args: any[]) => Command;
-type CommandOrTransaction = Command | Transaction;
-type MarkRange = {
-    from: number;
-    to: number;
-};
-type Doc = {
-    type: string;
-    content: DocContent;
-};
-type DocContent = Array<Record<string, any>>;
-/**
- * Overload the EditorView` from ProseMirror to allow for the dispatch
- * function to take either a Command` or a Transaction
- */
-type EditorView = EditorView$1 & {
-    dispatch(commandOrTransaction: CommandOrTransaction): void;
-};
-
-/** Wrap the users current selection in the given Mark type   */
-declare const addMark: CommandFactory;
-
-declare const getMarkAttrs: (state: EditorState, type: MarkType) => Attrs;
-
-declare const getMarkRange: ($pos?: ResolvedPos | null, type?: MarkType | null) => MarkRange | null;
-
-declare const listIsActive: (state: EditorState, type: NodeType, listNodes: NodeType[]) => boolean;
-
-/** Check the current PM Selection against the Mark Type provided */
-declare const markContainsSelection: (state: EditorState, markType: MarkType) => boolean;
-
-declare const markIsActive: (state: EditorState, type: MarkType) => boolean;
-
-/** Remove part or all of the Mark from the current selection */
-declare const removeMark: CommandFactory;
-
-/** Update Mark attributes, create nested Marks or split Marks of the same type   */
-declare const updateMark: CommandFactory;
-
-type KnownAttrs = {
-    varibleHref?: string;
-    href?: string;
-};
-type AttrsValidator = (attrs: KnownAttrs & {
-    [key: string]: unknown;
-}) => boolean | unknown;
-/** This will walk the full doc and remove the Marks that fail the validator method */
-declare const validateAndRemoveMarks: (markType: MarkType, validator: AttrsValidator) => (state: EditorState, dispatch?: ((tx: Transaction) => void) | undefined) => boolean;
-
-type EditorAPI = {
-    destroy: () => void;
-    dispatchTransaction: (maybeCommand: CommandOrTransaction) => void;
-};
-type EditorArgs = {
-    initialEditorState: EditorState;
-    node: HTMLElement;
-    onChange: (editorState: EditorState) => void;
-    attributes?: {
-        [name: string]: string;
-    };
-    isEditable?: () => boolean;
-};
-/**
- * createRichTextEditor
- * Initialize a ProseMirror EditorView
- */
-declare const createRichTextEditor: ({ initialEditorState, node, onChange, attributes, isEditable, }: EditorArgs) => EditorAPI;
-
-type RTEOptions = {
-    editable: boolean;
-};
-type SetEditableStatus = (status: boolean) => void;
-type UseRichTextEditorReturnValue = [
-    React.RefCallback<HTMLElement>,
-    EditorState,
-    (commandOrTransaction: CommandOrTransaction) => void,
-    SetEditableStatus
-];
-/**
- * useRichTextEditor
- * React hook to initialize a ProseMirror editor, handle binding it to the DOM,
- * and updating the state within React’s lifecycle.
- *
- * @param {initialEditorState} ProseMirror state
- * @returns {Array}
- */
-declare const useRichTextEditor: (initialEditorState: EditorState, attributes?: Record<string, string>, options?: RTEOptions) => UseRichTextEditorReturnValue;
-
-/**
- * createEditorState
- * Create a ProseMirror EditorState. Wrapper for EditorState.create to make the
- * API obvious to consumers
- */
-declare const createEditorState: (schema: Schema, doc: Node$1 | undefined, plugins?: Plugin[]) => EditorState;
-/**
- * Create a ProseMirror doc node from the combination of a schema and the object
- * representation of a document
- */
-declare const createDocNode: (schema: Schema, docObject: Doc) => Node$1;
-/**
- * Create a ProseMirror doc node from the combination of a schema and the doc’s
- * content array (rather than the top-level doc node).
- */
-declare const createDocNodeFromContent: (schema: Schema, docContent: DocContent) => Node$1;
-
-declare const orderedListRule: (nodeType: NodeType) => InputRule;
-declare const bulletListRule: (nodeType: NodeType) => InputRule;
-
-type SelectionPosition = {
-    top: number;
-    left: number;
-    height: number;
-    width: number;
-};
-
-type LinkEditorAttrs = {
-    href: string | null;
-    _metadata: {
-        [key: string]: unknown;
-    } | null;
-};
-type LinkEditorProps = {
-    removeMark: () => void;
-    updateAttrs: ({ href }: LinkEditorAttrs) => void;
-    attrs: LinkEditorAttrs;
-    selectionPosition: SelectionPosition;
-    focusEditor: () => void;
-};
-declare const LinkEditor: {
-    ({ attrs, removeMark, updateAttrs, selectionPosition, focusEditor, }: LinkEditorProps): JSX.Element;
-    displayName: string;
-};
-
-type CreateLinkManagerArgs = {
-    markType: MarkType;
-    linkAttributeValidator?: AttrsValidator;
-    editorComponent?: ComponentType<LinkEditorProps>;
-};
-declare const createLinkManager: ({ markType, editorComponent, linkAttributeValidator, }: CreateLinkManagerArgs) => Plugin;
-
-type LinkModalProps = {
-    onSubmit: (href: string) => void;
-    onDismiss: () => void;
-    onAfterLeave: () => void;
-    isOpen: boolean;
-    defaultHref?: string;
-};
-declare const LinkModal: {
-    ({ onSubmit, onDismiss, onAfterLeave, isOpen, defaultHref, }: LinkModalProps): JSX.Element;
-    displayName: string;
-};
-
-type LinkPopoverProps = {
-    href?: string;
-    onRemove: () => void;
-    onEdit: () => void;
-    selectionPosition: SelectionPosition;
-};
-declare const LinkPopover: {
-    ({ href, onRemove, onEdit, selectionPosition, }: LinkPopoverProps): JSX.Element;
-    displayName: string;
-};
-
-declare const getMarks: () => MarkSpec;
-
-declare const getNodes: () => NodeSpec;
-
-type SearchFieldProps = Omit<InputSearchProps, "id"> & {
-    id?: string;
-    labelText: string;
-    disabled?: boolean;
-    reversed?: boolean;
-    secondary?: boolean;
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}
- */
-declare const SearchField: {
-    ({ id: propsId, labelText, disabled, reversed, secondary, classNameOverride, ...restProps }: SearchFieldProps): JSX.Element;
-    displayName: string;
-};
-
-type SelectProps = {
-    /**
-     * The secondary variant is a more subdued variant that takes up as little space as possible
-     * `variant="secondary" reversed="false" is not implemented and will throw a "not implemented" error
-     * @default "default"
-     */
-    variant?: "default" | "secondary" | "secondary-small";
-    status?: "default" | "error";
-    label?: React__default.ReactNode;
-    validationMessage?: React__default.ReactNode;
-    description?: React__default.ReactNode;
-    /**
-     * Use a reversed colour scheme
-     * @default false
-     */
-    reversed?: boolean;
-    /**
-     * Whether the "select control" (the button you click to open the menu) width fills the
-     * full width of  the container or is as wide as the selected option text.
-     * Note that the control text will ellipsize if it is wider than the parent container.
-     * @default false
-     */
-    fullWidth?: boolean;
-} & Props$1<any, boolean>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
- */
-declare const Select: React__default.ForwardRefExoticComponent<{
-    /**
-     * The secondary variant is a more subdued variant that takes up as little space as possible
-     * `variant="secondary" reversed="false" is not implemented and will throw a "not implemented" error
-     * @default "default"
-     */
-    variant?: "default" | "secondary" | "secondary-small" | undefined;
-    status?: "error" | "default" | undefined;
-    label?: React__default.ReactNode;
-    validationMessage?: React__default.ReactNode;
-    description?: React__default.ReactNode;
-    /**
-     * Use a reversed colour scheme
-     * @default false
-     */
-    reversed?: boolean | undefined;
-    /**
-     * Whether the "select control" (the button you click to open the menu) width fills the
-     * full width of  the container or is as wide as the selected option text.
-     * Note that the control text will ellipsize if it is wider than the parent container.
-     * @default false
-     */
-    fullWidth?: boolean | undefined;
-} & Omit<react_select_dist_declarations_src_Select.PublicBaseSelectProps<any, boolean, react_select.GroupBase<any>>, "onChange" | "value" | "inputValue" | "onInputChange" | "menuIsOpen" | "onMenuOpen" | "onMenuClose"> & Partial<react_select_dist_declarations_src_Select.PublicBaseSelectProps<any, boolean, react_select.GroupBase<any>>> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<any> & React__default.RefAttributes<any>>;
-interface AsyncProps extends AsyncProps$1<any, boolean, any>, Props$1<any, boolean, any> {
-}
-declare const AsyncSelect: React__default.ForwardRefExoticComponent<AsyncProps & React__default.RefAttributes<any>>;
-
-type Variant$1 = "default" | "education";
-type SkirtProps = {
-    children: React__default.ReactNode;
-    variant?: Variant$1;
-    titleBlockHasNavigation?: boolean;
-} & ContentProps;
-declare const Skirt: {
-    ({ children, variant, titleBlockHasNavigation, classNameOverride, ...restProps }: SkirtProps): JSX.Element;
-    displayName: string;
-};
-
-type SkirtCardProps = CardProps;
-declare const SkirtCard: {
-    (props: SkirtCardProps): JSX.Element;
-    displayName: string;
-};
-
-type SliderFieldProps = {
-    id?: string;
-    labelText: ReactNode;
-    description?: ReactNode;
-    labelPosition?: "inline" | "block";
-    variant?: "default" | "prominent";
-    disabled?: boolean;
-    readOnlyMessage?: ReactNode;
-} & Omit<InputRangeProps, "id">;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}
- */
-declare const Slider: {
-    ({ id: propsId, labelText, description, labelPosition, variant, disabled, readOnlyMessage, ...restProps }: SliderFieldProps): JSX.Element;
-    displayName: string;
-};
-
-type AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>;
-type ButtonAttributes = ButtonHTMLAttributes<HTMLButtonElement>;
-type AnchorButtonAttributes = AnchorAttributes & ButtonAttributes;
-type BaseButtonProps = {
-    label: string;
-    icon?: React__default.SVGAttributes<SVGSymbolElement>;
-    isReversed?: boolean;
-} & OverrideClassName<AnchorButtonAttributes>;
-
-type ActionButtonProps = Omit<BaseButtonProps, "icon">;
-
-type DropdownButtonProps = Omit<BaseButtonProps, "label" | "icon">;
-
-type SplitButtonProps = {
-    /**
-     * Props for primary action button (left).
-     * Allows all native button/anchor attributes.
-     */
-    actionButtonProps: ActionButtonProps & DataAttributes;
-    /**
-     * Props for dropdown menu button (right).
-     * Allows all native button/anchor attributes.
-     */
-    dropdownButtonProps?: DropdownButtonProps & DataAttributes;
-    /**
-     * Suggested components - MenuList > MenuItem
-     */
-    dropdownContent: React__default.ReactNode;
-    /**
-     * Sets the dropdown menu to be open on initial render.
-     */
-    isDropdownInitOpen?: boolean;
-    /**
-     * Disables both the primary action button and dropdown button.
-     */
-    disabled?: boolean;
-    /**
-     * Use the `reversed` styles.
-     */
-    isReversed?: boolean;
-    /**
-     * Text direction.
-     */
-    dir?: "ltr" | "rtl";
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896196/Split+Button Guidance} |
- * {@link https://cultureamp.design/storybook/?path=/docs/components-splitbutton--docs Storybook}
- */
-declare const SplitButton: {
-    ({ actionButtonProps, dropdownButtonProps, dropdownContent, isDropdownInitOpen, disabled, isReversed, dir, classNameOverride, ...restProps }: SplitButtonProps): JSX.Element;
-    displayName: string;
-};
-
-type TableContainerProps = {
-    children?: React__default.ReactNode;
-    variant?: "compact" | "default" | "data";
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929256/Table Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-table--docs Storybook}
- */
-declare const TableContainer: ({ variant, children, ...otherProps }: TableContainerProps) => JSX.Element;
-type TableHeaderProps = {
-    children?: React__default.ReactNode;
-};
-declare const TableHeader: ({ children, ...otherProps }: TableHeaderProps) => JSX.Element;
-type TableHeaderRowProps = {
-    children?: React__default.ReactNode;
-};
-/**
- * @param width value between 1 and 0, to be calculated as a percentage
- * @param flex CSS flex shorthand as a string. Be sure to specify the flex grow,
- *        shrink, and basis, due to IE11 compatibility. eg. use "1 1 auto"
- *        instead of just "1".
- */
-type TableHeaderRowCellProps = {
-    labelText: string;
-    onClick?: ((e: React__default.MouseEvent<HTMLButtonElement>) => any) | ((e: React__default.MouseEvent<HTMLAnchorElement>) => any);
-    width?: number;
-    flex?: string;
-    href?: string;
-    icon?: ReactElement;
-    checkable?: boolean;
-    checkedStatus?: CheckedStatus;
-    onCheck?: (event: React__default.ChangeEvent<HTMLInputElement>) => any;
-    reversed?: boolean;
-    /**
-     * Shows an up or down arrow, to show that the column is sorted.
-     */
-    sorting?: "ascending" | "descending";
-    wrapping?: "nowrap" | "wrap";
-    align?: "start" | "center" | "end";
-    tooltipInfo?: string;
-    isTooltipIconHidden?: boolean;
-    /**
-     * Specify where the tooltip should be rendered.
-     */
-    tooltipPortalSelector?: string | undefined;
-    sortingArrowsOnHover?: "ascending" | "descending" | undefined;
-} & OverrideClassName<HTMLAttributes<HTMLElement>>;
-declare const TableHeaderRowCell: ({ labelText, onClick, href, width, flex, icon, checkable, checkedStatus, onCheck, reversed, sorting: sortingRaw, wrapping, align, tooltipInfo, isTooltipIconHidden, tooltipPortalSelector, sortingArrowsOnHover, classNameOverride, ...otherProps }: TableHeaderRowCellProps) => JSX.Element;
-type ButtonClickEvent = (e: React__default.MouseEvent<HTMLButtonElement>) => void;
-type AnchorClickEvent = (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
-/**
- * As the Card examples in Storybook take a TableRow,
- * I opted to give the child the role="row" tag. That being
- * said, while TableHeader has a role="rowgroup" as given
- * in an example on the accessibility docs, I couldn't justify
- * adding the same here as all rows look to be wrapped in the
- * TableCard.
- *
- * It may mean that the consumer needs to add their own container
- * around with the role="row". We could also just add it as a
- * very simple component similar to TableHeader.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Table_Role
- */
-type TableCardProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
-    onClick?: ButtonClickEvent | AnchorClickEvent;
-    expanded?: boolean;
-    expandedStyle?: "well" | "popout";
-    href?: string;
-    forceHoverState?: boolean;
-    children?: React__default.ReactNode;
-};
-declare const TableCard: ({ children, expanded, expandedStyle, onClick, href, forceHoverState, classNameOverride, ...otherProps }: TableCardProps) => JSX.Element;
-/**
- * Aria roles like aria-rowindex can be added from
- * the component consumer.
- *
- * @param {*} { children, classNameOverride, ...otherProps }
- */
-type TableRowProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
-    children?: React__default.ReactNode;
-};
-declare const TableRow: ({ children, classNameOverride, ...otherProps }: TableRowProps) => JSX.Element;
-/**
- * @param width value between 1 and 0, to be calculated as a percentage
- * @param flex CSS flex shorthand as a string. Be sure to specify the flex grow,
- *        shrink, and basis, due to IE11 compatibility. eg. use "1 1 auto"
- *        instead of just "1".
- */
-type TableRowCellProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
-    children?: React__default.ReactNode;
-    width?: number;
-    flex?: string;
-    href?: string;
-};
-declare const TableRowCell: ({ children, width, flex, href, classNameOverride, ...otherProps }: TableRowCellProps) => JSX.Element;
-
-type TabsProps = {
-    /**
-     * Index of tab to show by default
-     * Only works in uncontrolled mode (when no selectedIndex is provided)
-     */
-    defaultIndex?: number;
-    /**
-     * Set the selected tab explictly.
-     * Enabled controlled mode, meaning you're also responsible for updating this using the onChange callback
-     */
-    selectedIndex?: number;
-    /**
-     * Callback on tab change
-     */
-    onChange?: (index: number) => void;
-    children: ReactNode;
-} & Omit<HTMLAttributes<HTMLDivElement>, "onChange">;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929117/Tabs Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-tabs--controlled Storybook}
- *
- * Wrapper around all of the tab subcomponents
- * Holds a TabList and TabPanels
- */
-declare const Tabs: {
-    (props: TabsProps): JSX.Element;
-    displayName: string;
-};
-
-type TabProps = {
-    /**
-     * Gets injected by TabList, no need to specify yourself
-     */
-    isSelected?: boolean;
-    /**
-     * Adds a Kaizen Badge component to the tab.
-     * Comes with some logic baked in - changes variant based on active/focus/hover state.
-     */
-    badge?: string;
-    disabled?: boolean;
-    children: ReactNode;
-    onBlur?: (e: SyntheticEvent) => void;
-    onFocus?: (e: SyntheticEvent) => void;
-} & OverrideClassName<Omit<HTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave">>;
-/**
- * A tab button
- */
-declare const Tab: (props: TabProps) => JSX.Element;
-
-type TabListProps = {
-    /**
-     * Accessible name for the set of tabs
-     */
-    "aria-label": string;
-    /**
-     * Removes the built in padding
-     */
-    noPadding?: boolean;
-    children: ReactNode;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * Wrapper for the tabs themselves
- */
-declare const TabList: (props: TabListProps) => JSX.Element;
-
-type TabPanelProps = {
-    children: ReactNode;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * Wrapper for the content that shows when tab is active
- */
-declare const TabPanel: (props: TabPanelProps) => JSX.Element;
-
-type TabPanelsProps = {
-    children: ReactNode;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * Wrapper for the content panels
- */
-declare const TabPanels: (props: TabPanelsProps) => JSX.Element;
-
-declare const TagVariants: readonly ["default", "statusLive", "statusDraft", "statusClosed", "statusAction", "sentimentPositive", "sentimentNeutral", "sentimentNegative", "sentimentNone", "validationPositive", "validationInformative", "validationNegative", "validationCautionary"];
-
-type TagWithAvatarProps = Omit<DefaultTagProps, "variant"> & {
-    variant: "profile";
-    avatar: JSX.Element | AvatarProps;
-};
-type Variant = (typeof TagVariants)[number];
-interface DefaultTagProps {
-    variant?: Variant;
-    children: React__default.ReactNode;
-    size?: "medium" | "small";
-    inline?: boolean;
-    dismissible?: boolean;
-    onDismiss?: React__default.MouseEventHandler<HTMLSpanElement>;
-    onMouseDown?: React__default.MouseEventHandler<HTMLSpanElement>;
-    onMouseLeave?: React__default.MouseEventHandler<HTMLSpanElement>;
-    truncateWidth?: number;
-}
-type TagProps = DefaultTagProps | TagWithAvatarProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}
- */
-declare const Tag: {
-    (props: TagProps): JSX.Element;
-    displayName: string;
-};
-
-type TextVariants = "intro-lede" | "body" | "small" | "extra-small";
-type AllowedTextTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
-type AllowedTextColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
-interface TextProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
-    children: React.ReactNode;
-    /**
-     * HTML elements that are allowed on Text
-     * @default "p"
-     */
-    tag?: AllowedTextTags;
-    /**
-     * Allowed text variants
-     */
-    variant: TextVariants;
-    color?: AllowedTextColors;
-}
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Paragraph Guidance}
- * {@link https://cultureamp.design/?path=/docs/components-typography-text--body Storybook}
- */
-declare const Text: {
-    ({ children, tag, variant, color, classNameOverride, ...restProps }: TextProps): JSX.Element;
-    displayName: string;
-};
-
-type TextAreaProps = {
-    textAreaRef?: React__default.RefObject<HTMLTextAreaElement>;
-    status?: "default" | "error" | "caution";
-    autogrow?: boolean;
-    reversed?: boolean;
-} & OverrideClassName<TextareaHTMLAttributes<HTMLTextAreaElement>>;
-declare const TextArea: {
-    ({ textAreaRef: propsTextAreaRef, status, autogrow, reversed, rows, defaultValue, value, disabled, onChange: propsOnChange, ...restProps }: TextAreaProps): JSX.Element;
-    displayName: string;
-};
-
-type TextAreaFieldProps = {
-    labelText: string | React__default.ReactNode;
-    inline?: boolean;
-    validationMessage?: string | React__default.ReactNode;
-    description?: string | React__default.ReactNode;
-    variant?: "default" | "prominent";
-} & TextAreaProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-text-area-field--docs Storybook}
- */
-declare const TextAreaField: {
-    ({ labelText, inline, validationMessage, description, variant, id: propsId, reversed, status, disabled, ...restProps }: TextAreaFieldProps): JSX.Element;
-    displayName: string;
-};
-
-type OmittedInputProps = "startIconAdornment" | "endIconAdornment" | "ariaDescribedBy" | "ariaLabel";
-type TextFieldProps = {
-    /**
-     * A short example of input text. For context or additional information use the `description` prop
-     */
-    labelText: React__default.ReactNode;
-    inline?: boolean;
-    icon?: JSX.Element;
-    /**
-     * A descriptive message for `error` or `caution` states
-     */
-    validationMessage?: string | React__default.ReactNode;
-    /**
-     * A description that provides context for the text field
-     */
-    description?: string | React__default.ReactNode;
-} & Omit<InputProps, OmittedInputProps>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}
- */
-declare const TextField: {
-    ({ id: propsId, labelText, inline, icon, validationMessage, description, status, reversed, disabled, ...restProps }: TextFieldProps): JSX.Element;
-    displayName: string;
-};
-
-declare const moodsList: readonly ["positive", "informative", "cautionary", "assertive", "negative", "prominent"];
-type Moods = (typeof moodsList)[number];
-
-type TileAction = {
-    label: string;
-    onClick?: GenericButtonProps["onClick"];
-    href?: string;
-    icon?: JSX.Element;
-    /**
-     * @deprecated use data-testid instead
-     */
-    automationId?: string;
-    newTabAndIUnderstandTheAccessibilityImplications?: boolean;
-} & HTMLAttributes<HTMLButtonElement>;
-type TileInformation = {
-    text: string;
-    primaryAction?: TileAction;
-    secondaryAction?: TileAction;
-};
-type GenericTileProps = {
-    children?: React__default.ReactNode;
-    title: React__default.ReactNode;
-    titleTag?: AllowedHeadingTags;
-    metadata?: string;
-    information?: TileInformation | React__default.ReactNode;
-    mood?: Moods;
-    footer: React__default.ReactNode;
-} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "title">>;
-
-type InformationTileProps = GenericTileProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#InformationTile%3A Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-tiles-informationtile--docs Storybook}
- */
-declare const InformationTile: {
-    (props: InformationTileProps): JSX.Element;
-    displayName: string;
-};
-
-type MultiActionTileProps = {
-    primaryAction: TileAction;
-    secondaryAction?: TileAction;
-} & Omit<GenericTileProps, "footer">;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#MultiActionTile.1 Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-tiles-multiactiontile--docs Storybook}
- */
-declare const MultiActionTile: {
-    ({ children, primaryAction, secondaryAction, ...restProps }: MultiActionTileProps): JSX.Element;
-    displayName: string;
-};
-
-type TileProps = InformationTileProps | MultiActionTileProps;
-type TileElement = ReactElement<TileProps>;
-interface TileGridProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
-    children: TileElement[] | TileElement;
-}
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#TileGrid Guidance} |
- * {@link https://cultureamp.design/storybook/?path=/docs/components-tiles-tilegrid--docs Storybook}
- */
-declare const TileGrid: {
-    ({ children, classNameOverride, ...restProps }: TileGridProps): JSX.Element;
-    displayName: string;
-};
-
-type StatusType = "default" | "error";
-type ValueType = {
-    /**
-     * Supply hour in 24 hour format
-     */
-    hour: number | undefined;
-    minutes: number | undefined;
-};
-
-type OmittedTimeFieldProps = "errorMessage" | "validationState" | "value" | "onChange" | "label" | "hideTimeZone";
-type TimeFieldProps = {
-    id?: string;
-    /**
-     * Field label.
-     */
-    label: string;
-    /**
-     * Accepts any valid locale code (https://npm.io/package/locale-codes).
-     */
-    locale: string;
-    onChange: (value: ValueType | null) => void;
-    value: ValueType | null;
-    status?: StatusType;
-    validationMessage?: React__default.ReactNode;
-} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>;
-declare const TimeField: {
-    (props: TimeFieldProps): JSX.Element;
-    displayName: string;
-};
-
-type 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;
-    /**
-     * 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.
-     */
-    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;
-    id?: string;
-    titleAutomationId?: string;
-    breadcrumbAutomationId?: string;
-    breadcrumbTextAutomationId?: string;
-    avatarAutomationId?: string;
-    subtitleAutomationId?: string;
-    sectionTitleAutomationId?: string;
-    sectionTitleDescriptionAutomationId?: string;
-    autoHideMobileActionsMenu?: boolean;
-};
-/**
- * ### 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 = MenuItemProps | 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" | "sentimentPositive" | "default";
-};
-type TitleBlockBreadcrumbType = {
-    text: string;
-    path?: string;
-    handleClick?: (event: React.MouseEvent) => void;
-    /**
-     * 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.
-     */
-    render?: (props: CustomBreadcrumbProps) => 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, id, titleAutomationId, avatarAutomationId, subtitleAutomationId, sectionTitleAutomationId, sectionTitleDescriptionAutomationId, breadcrumbAutomationId, breadcrumbTextAutomationId, autoHideMobileActionsMenu, }: TitleBlockProps): JSX.Element;
-    displayName: string;
-};
-
-declare const TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = "title-block-secondary-menu";
-declare const TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = "title-block-other-actions";
-
-type ToggledStatus = "on" | "off";
-type ToggleSwitchProps = {
-    toggledStatus?: ToggledStatus;
-    /**
-     * Alias for `onChange`
-     */
-    onToggle?: React__default.ChangeEventHandler<HTMLInputElement>;
-    reversed?: boolean;
-} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "onChange">>;
-declare const ToggleSwitch: {
-    ({ toggledStatus, onToggle, reversed, ...restProps }: ToggleSwitchProps): JSX.Element;
-    displayName: string;
-};
-
-type ToggleSwitchFieldProps = {
-    labelText: React__default.ReactNode;
-    labelPosition?: "start" | "end";
-    toggledStatus?: ToggledStatus;
-    disabled?: boolean;
-    reversed?: boolean;
-    inline?: boolean;
-    fullWidth?: boolean;
-} & ToggleSwitchProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638160/Toggle+Switch Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-toggleswitch-ield--docs Storybook}
- */
-declare const ToggleSwitchField: {
-    ({ id: propsId, labelText, labelPosition, toggledStatus, disabled, reversed, inline, fullWidth, ...restProps }: ToggleSwitchFieldProps): JSX.Element;
-    displayName: string;
-};
-
-type Props = {
-    [key: string]: string;
-};
-type GenericChildrenType = {
-    children?: ReactNode;
-};
-declare const subtractOnePixel: (breakpoint: string) => string;
-declare const useMediaQueries: (propQueries?: Props) => {
-    queries: {
-        [key: string]: boolean;
-        isSmall: boolean;
-        isMedium: boolean;
-        isLarge: boolean;
-        isMediumOrSmaller: boolean;
-        isMediumOrLarger: boolean;
-    };
-    components: {
-        [key: string]: (props: GenericChildrenType) => JSX.Element;
-        SmallOnly: (props: GenericChildrenType) => JSX.Element;
-        MediumOnly: (props: GenericChildrenType) => JSX.Element;
-        LargeOnly: (props: GenericChildrenType) => JSX.Element;
-        MediumOrSmaller: (props: GenericChildrenType) => JSX.Element;
-        MediumOrLarger: (props: GenericChildrenType) => JSX.Element;
-    };
-};
-
-type VisuallyHiddenProps = {
-    children: ReactNode;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const VisuallyHidden: {
-    ({ children, classNameOverride, ...restProps }: VisuallyHiddenProps): JSX.Element;
-    displayName: string;
-};
-
-declare const variantTypes: readonly ["positive", "negative", "informative", "cautionary", "default", "assertive", "prominent"];
-type WellVariantType = (typeof variantTypes)[number];
-declare const borderStyleTypes: readonly ["solid", "dashed", "none"];
-type WellBorderStyleType = (typeof borderStyleTypes)[number];
-
-type WellProps = {
-    children?: React__default.ReactNode;
-    variant?: WellVariantType;
-    borderStyle?: WellBorderStyleType;
-    noMargin?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}
- */
-declare const Well: {
-    ({ children, variant, borderStyle, noMargin, classNameOverride, ...restProps }: WellProps): JSX.Element;
-    displayName: string;
-};
-
-type ProgressStepperProps = {
-    stepName: string;
-    steps: [string, ...string[]];
-    isComplete?: boolean;
-};
-
-type FooterProps = {
-    /** An action to return to a previous step */
-    previousAction?: JSX.Element;
-    /** An action to progress to the next step or submit the form */
-    nextAction?: JSX.Element;
-} & ProgressStepperProps & OverrideClassName<Omit<HTMLAttributes<HTMLElement>, "children">>;
-
-type WorkflowStatus = {
-    /** @default: "statusDraft" */
-    variant?: DefaultTagProps["variant"];
-    content?: string;
-};
-type WorkflowTitlesProps = {
-    workflowName: string;
-    stepName: string;
-    status?: WorkflowStatus;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-
-type WorkflowActionsProps = {
-    /**
-     * Header actions will render in order of the array.
-     */
-    headerActions?: JSX.Element[];
-} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
-
-type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps;
-
-type WorkflowMainProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
-    children: ReactNode;
-};
-
-type WorkflowWrapperProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
-    children: ReactNode;
-};
-
-type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & FooterProps & HeaderProps;
-/**
- * @deprecated Use { Workflow } from `@kaizen/components/future`
- */
-declare const Workflow: {
-    ({ stepName, steps, isComplete, workflowName, status, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowProps): JSX.Element;
-    Header: {
-        ({ workflowName, stepName, status, headerActions, ...restProps }: HeaderProps): JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        ({ steps, stepName, isComplete, previousAction, nextAction, ...restProps }: FooterProps): JSX.Element;
-        displayName: string;
-    };
-    Main: {
-        ({ children, classNameOverride, ...restProps }: WorkflowMainProps): JSX.Element;
-        displayName: string;
-    };
-    ProgressStepper: {
-        ({ stepName, steps, isComplete, ...restprops }: ProgressStepperProps): JSX.Element;
-        displayName: string;
-    };
-    Wrapper: {
-        ({ children, classNameOverride, ...restProps }: WorkflowWrapperProps): JSX.Element;
-        displayName: string;
-    };
-};
-
-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, type IconProps, 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, MultiSelect, type MultiSelectItem, type MultiSelectOptionProps, type MultiSelectProps, 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, TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID, TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID, 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, ThumbsDownOffIcon, ThumbsDownOnIcon, ThumbsUpIcon, ThumbsUpOffIcon, ThumbsUpOnIcon, 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, ToastNotification, type ToastNotificationObj, type ToastNotificationProps, ToastNotificationsList, 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$1 as ValidationMessage, type ValidationResponse, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, VisibleIcon, VisuallyHidden, type VisuallyHiddenProps, 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, subtractOnePixel, updateMark, useDateValidation, useFilterBarContext, useMediaQueries, useMenuTriggerContext, usePopover, useRichTextEditor, useSelectionContext, useToastNotification, validateAndRemoveMarks, validateDate };