@kaizen/components 1.27.0 → 1.28.0

package/dist/index.d.ts

@@ -1,27 +1,20 @@
 /// <reference types="react" />
-import React$1, { HTMLAttributes, MouseEvent, FocusEvent, ComponentType, ReactElement, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, SVGAttributes, CSSProperties, LabelHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import * as React$1 from 'react';
+import React__default, { HTMLAttributes, MouseEvent, FocusEvent, ComponentType, ReactElement, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, RefObject, SVGAttributes, CSSProperties, LabelHTMLAttributes, TextareaHTMLAttributes } from 'react';
 import { SceneProps, AnimatedSceneProps } from '@kaizen/draft-illustration';
 import { TooltipProps } from '@kaizen/draft-tooltip';
+import { DayPickerSingleProps, DayPickerRangeProps, DayPickerProps, DateRange, DateInterval, Matcher, DayClickEventHandler } from 'react-day-picker';
+export { DateInterval, DateRange } from 'react-day-picker';
 import { HeadingProps as HeadingProps$1 } from '@kaizen/typography';
-import { DateInputProps, CalendarSingleProps, DisabledDays, DateRange } from '@kaizen/date-picker';
-export { DateRange, DisabledDays } from '@kaizen/date-picker';
-import { FieldMessageStatus as FieldMessageStatus$1 } from '@kaizen/draft-form';
-import { CalendarRangeProps } from '@kaizen/date-picker/src/_subcomponents/Calendar';
-import { DateInputProps as DateInputProps$1 } from '@kaizen/date-picker/src/_subcomponents/DateInput';
 import { Node, SelectionMode, Selection } from '@react-types/shared';
 import { AriaMenuOptions } from '@react-aria/menu';
 import { MenuTriggerState } from '@react-stately/menu';
 import { ListState } from '@react-stately/list';
 import { AriaListBoxOptions } from '@react-aria/listbox';
 import { SelectProps } from '@react-stately/select';
-import { ValidateDateArgs } from '@kaizen/date-picker/src/utils/validateDate';
 import { Theme as Theme$1 } from '@kaizen/design-tokens';
 import { DefaultTagProps } from '@kaizen/draft-tag';
 
-type StringSuggestions<T extends string> = T | (string & Record<never, never>);
-
-type FilterDateSupportedLocales = StringSuggestions<"en-US" | "en-AU">;
-
 type OverrideClassName<T extends Record<string, any>> = Omit<T, "className"> & {
     /** Add extra classnames to the component. Try out some Tailwind classes (eg. `!mb-48`) to see! */
     classNameOverride?: string;
@@ -149,9 +142,9 @@ type CustomButtonProps = {
     onClick?: (e: MouseEvent<any>) => void;
     onFocus?: (e: FocusEvent<HTMLElement>) => void;
     onBlur?: (e: FocusEvent<HTMLElement>) => void;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 };
-type ButtonFormAttributes = Pick<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "form" | "formAction" | "formMethod" | "formEncType" | "formTarget" | "formNoValidate">;
+type ButtonFormAttributes = Pick<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "form" | "formAction" | "formMethod" | "formEncType" | "formTarget" | "formNoValidate">;
 type GenericProps = {
     id?: string;
     reversed?: boolean;
@@ -202,7 +195,7 @@ type ButtonProps = GenericButtonProps;
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-buttons-button--docs Storybook}
  */
-declare const Button: React$1.ForwardRefExoticComponent<GenericButtonProps & React$1.RefAttributes<ButtonRef | undefined>>;
+declare const Button: React__default.ForwardRefExoticComponent<GenericButtonProps & React__default.RefAttributes<ButtonRef | undefined>>;
 
 type IconButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
     label: string;
@@ -293,20 +286,114 @@ declare const BrandMoment: {
 };
 
 type FilterButtonBaseProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 } & OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>>;
 
 type ButtonGroupProps = {
-    children: React$1.ReactElement<FilterButtonBaseProps | TooltipProps> | Array<React$1.ReactElement<FilterButtonBaseProps | TooltipProps>>;
+    children: React__default.ReactElement<FilterButtonBaseProps | TooltipProps> | 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$1.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * HTML elements that are allowed on Card.
      */
@@ -332,7 +419,7 @@ declare const Card: {
 type CheckedStatus = "on" | "off" | "mixed";
 type CheckboxProps = {
     checkedStatus?: CheckedStatus;
-    onCheck?: (event: React$1.ChangeEvent<HTMLInputElement>) => any;
+    onCheck?: (event: React__default.ChangeEvent<HTMLInputElement>) => any;
     reversed?: boolean;
     value?: string;
 } & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "checked">>;
@@ -343,7 +430,7 @@ declare const Checkbox: {
 
 type CheckboxFieldProps = Omit<CheckboxProps, "id"> & {
     id?: string;
-    labelText: string | React$1.ReactNode;
+    labelText: string | React__default.ReactNode;
     checkedStatus?: CheckedStatus;
     disabled?: boolean;
     reversed?: boolean;
@@ -360,8 +447,8 @@ declare const CheckboxField: {
 };
 
 type CheckboxGroupProps = {
-    children?: React$1.ReactNode;
-    labelText: string | React$1.ReactNode;
+    children?: React__default.ReactNode;
+    labelText: string | React__default.ReactNode;
     labelId?: string;
     noBottomMargin?: boolean;
     reversed?: boolean;
@@ -420,7 +507,7 @@ declare const Collapsible: {
 };
 
 type CollapsibleGroupProps = {
-    children: Array<React$1.ReactElement<CollapsibleProps>>;
+    children: Array<React__default.ReactElement<CollapsibleProps>>;
     separated?: boolean;
     sticky?: Sticky;
     noSectionPadding?: boolean;
@@ -443,6 +530,237 @@ declare const ExpertAdviceCollapsible: {
     displayName: string;
 };
 
+declare const InputStatus: readonly ["default", "success", "error", "caution"];
+declare const InputTypes: readonly ["text", "email", "password"];
+
+type InputType = (typeof InputTypes)[number];
+type InputStatusType = (typeof InputStatus)[number];
+type InputProps = {
+    inputRef?: React__default.RefObject<HTMLInputElement>;
+    status?: InputStatusType;
+    startIconAdornment?: React__default.ReactNode;
+    endIconAdornment?: React__default.ReactNode;
+    reversed?: boolean;
+    type?: InputType;
+} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
+declare const Input: {
+    ({ inputRef, status, startIconAdornment, endIconAdornment, reversed, type, value, defaultValue, classNameOverride, disabled, ...restProps }: InputProps): JSX.Element;
+    displayName: string;
+};
+
+type InputRangeProps = {
+    id: string;
+    defaultValue?: number;
+    value?: number;
+    minLabel: ReactNode;
+    maxLabel: ReactNode;
+    min?: number;
+    max?: number;
+} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
+/**
+ * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}
+ */
+declare const InputRange: {
+    ({ id, defaultValue, value, minLabel, maxLabel, min, max, onChange, "aria-describedby": ariaDescribedby, classNameOverride, disabled, readOnly, ...restProps }: InputRangeProps): JSX.Element;
+    displayName: string;
+};
+
+type InputSearchProps = {
+    id: string;
+    reversed?: boolean;
+    loading?: boolean;
+    secondary?: boolean;
+    onClear?: () => void;
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue">>;
+declare const InputSearch: {
+    (props: InputSearchProps): JSX.Element;
+    displayName: string;
+};
+
+type OmittedInputProps$1 = "reversed" | "type" | "inputRef";
+type DateInputProps = {
+    labelText: React__default.ReactNode;
+    isReversed?: boolean;
+} & Omit<InputProps, OmittedInputProps$1>;
+declare const DateInput: React__default.ForwardRefExoticComponent<{
+    labelText: React__default.ReactNode;
+    isReversed?: boolean | undefined;
+} & Omit<InputProps, OmittedInputProps$1> & React__default.RefAttributes<HTMLInputElement>>;
+
+type DateInputDescriptionProps = {
+    description?: string | JSX.Element;
+    locale: Locale;
+};
+declare const DateInputDescription: {
+    ({ description, locale, }: DateInputDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+type DateInputWithIconButtonProps = {
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React__default.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment">;
+type DateInputWithIconButtonRefs = {
+    inputRef?: React__default.RefObject<HTMLInputElement>;
+    buttonRef?: React__default.RefObject<HTMLButtonElement>;
+};
+declare const DateInputWithIconButton: React__default.ForwardRefExoticComponent<{
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React__default.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment"> & React__default.RefAttributes<DateInputWithIconButtonRefs>>;
+
+type FieldMessageStatus = "default" | "success" | "error" | "caution";
+type FieldMessageProps = {
+    message?: React__default.ReactNode;
+    /** @default "default" */
+    status?: FieldMessageStatus;
+    /** @default "bottom" */
+    position?: "top" | "bottom";
+    reversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+declare const FieldMessage: {
+    ({ message, status, position, reversed, classNameOverride, ...restProps }: FieldMessageProps): JSX.Element;
+    displayName: string;
+};
+
+type DateInputFieldProps$1 = {
+    /**
+     * A description that provides context for the text field
+     */
+    description?: DateInputDescriptionProps["description"];
+    /**
+     * Updates the styling of the validation FieldMessage
+     */
+    status?: FieldMessageStatus;
+    /**
+     * A descriptive message for `status` states
+     */
+    validationMessage?: React__default.ReactNode;
+    locale?: Locale;
+} & DateInputWithIconButtonProps;
+
+type ValidationResponse = {
+    date: Date | undefined;
+    inputValue: string | undefined;
+    status: FieldMessageStatus | undefined;
+    validationMessage: string | undefined;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    isEmpty: boolean;
+    isValidDate: boolean;
+};
+
+type StringSuggestions<T extends string> = T | (string & Record<never, never>);
+
+type DatePickerSupportedLocales = StringSuggestions<"en-US" | "en-AU">;
+
+type OmittedDateInputFieldProps = "onClick" | "onFocus" | "onChange" | "onBlur" | "onButtonClick" | "value" | "locale" | "id";
+type DatePickerProps = {
+    id?: string;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    onInputClick?: DateInputFieldProps$1["onClick"];
+    onInputFocus?: DateInputFieldProps$1["onFocus"];
+    onInputChange?: DateInputFieldProps$1["onChange"];
+    onInputBlur?: DateInputFieldProps$1["onBlur"];
+    onButtonClick?: DateInputFieldProps$1["onButtonClick"];
+    locale?: DatePickerSupportedLocales;
+    /**
+     * Accepts a DayOfWeek value to start the week on that day. By default,
+     * it's set to Monday.
+     */
+    weekStartsOn?: CalendarSingleProps["weekStartsOn"];
+    /**
+     * Accepts a date to display that month on first render.
+     */
+    defaultMonth?: CalendarSingleProps["defaultMonth"];
+    /**
+     *  The date passed in from the consumer that renders in the input and calendar.
+     */
+    selectedDay: Date | undefined;
+    /**
+     * Callback when date is updated either by the calendar picker or by typing and bluring.
+     * Date will return as undefined if invalid or disabled.
+     */
+    onDayChange: (date: Date | undefined) => void;
+    /**
+     * Callback when a date is selected. Utilises internal validation if not set.
+     */
+    onValidate?: (validationResponse: ValidationResponse) => void;
+    /**
+     * Updates the styling of the validation FieldMessage.
+     */
+    status?: DateInputFieldProps$1["status"] | undefined;
+    /**
+     * A descriptive message for the 'status' states.
+     */
+    validationMessage?: DateInputFieldProps$1["validationMessage"] | undefined;
+} & DisabledDayMatchers & Omit<DateInputFieldProps$1, OmittedDateInputFieldProps>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}
+ */
+declare const DatePicker: {
+    ({ id: propsId, buttonRef: propsButtonRef, locale: propsLocale, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDay, status, validationMessage, onInputClick, onInputFocus, onInputChange, onInputBlur, onButtonClick, onDayChange, onValidate, ...restDateInputFieldProps }: DatePickerProps): JSX.Element;
+    displayName: string;
+};
+
+type LegacyCalendarRangeProps = {
+    classNameOverride?: string;
+    defaultMonth?: Date;
+    weekStartsOn?: DayOfWeek;
+    disabledDays?: Matcher[];
+    selectedRange?: DateRange;
+    locale: Locale;
+    onDayChange: DayClickEventHandler;
+};
+
+type DateRangePickerProps = {
+    id?: string;
+    classNameOverride?: string;
+    labelText: string;
+    isDisabled?: boolean;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    description?: string;
+    /**
+     * Selected date range which is being updated in handleDayClick and checked
+     * if within range/not disabled and then passed back to the client to update
+     * the state.
+     */
+    selectedDateRange?: DateRange;
+    /**
+     * String that is formatted by the client with our helper formatDateRangeValue
+     * and then passed into the button to display the readable range.
+     */
+    value?: string;
+    /**
+     * Accepts a DayOfWeek value to start the week on that day. By default,
+     * it's set to Monday.
+     */
+    weekStartsOn?: LegacyCalendarRangeProps["weekStartsOn"];
+    /**
+     * Accepts a date to display that month on first render.
+     */
+    defaultMonth?: LegacyCalendarRangeProps["defaultMonth"];
+    /**
+     * Event passed from consumer to handle the date on change.
+     */
+    onChange: (dateRange: DateRange) => void;
+} & DisabledDayMatchers;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}
+ */
+declare const DateRangePicker: {
+    ({ id: propsId, buttonRef, description: _description, labelText, isDisabled, classNameOverride, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDateRange, value, onChange, ...inputProps }: DateRangePickerProps): JSX.Element;
+    displayName: string;
+};
+
+declare const formatDateRangeValue: (dateRange: DateRange) => string;
+
 type DividerProps = {
     variant: "content" | "canvas" | "menuSeparator";
     isReversed?: boolean;
@@ -459,11 +777,11 @@ declare const Divider: {
 type IllustrationType = "positive" | "neutral" | "negative" | "informative" | "action";
 type LayoutContextType = "sidebarAndContent" | "contentOnly";
 type EmptyStateProps = {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     id?: string;
     illustrationType?: IllustrationType;
     layoutContext?: LayoutContextType;
-    bodyText: string | React$1.ReactNode;
+    bodyText: string | React__default.ReactNode;
     straightCorners?: boolean;
     headingProps?: HeadingProps$1;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>> & Pick<AnimatedSceneProps, "isAnimated" | "loop">;
@@ -482,7 +800,7 @@ type ErrorStatuses = (typeof statusCodes)[number];
 type ErrorPageProps = {
     code: ErrorStatuses;
     title?: string;
-    message?: React$1.ReactNode | string;
+    message?: React__default.ReactNode | string;
     callToAction?: {
         onContactSupport: () => void;
         homeHref?: string;
@@ -494,7 +812,7 @@ declare const ErrorPage: {
 };
 
 type FieldGroupProps = {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     inline?: boolean;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 declare const FieldGroup: {
@@ -502,35 +820,21 @@ declare const FieldGroup: {
     displayName: string;
 };
 
-type FieldMessageStatus = "default" | "success" | "error" | "caution";
-type FieldMessageProps = {
-    message?: React$1.ReactNode;
-    /** @default "default" */
-    status?: FieldMessageStatus;
-    /** @default "bottom" */
-    position?: "top" | "bottom";
-    reversed?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-declare const FieldMessage: {
-    ({ message, status, position, reversed, classNameOverride, ...restProps }: FieldMessageProps): JSX.Element;
-    displayName: string;
-};
-
 type FilterTriggerRef = {
     triggerRef?: React.RefObject<HTMLButtonElement>;
 };
 
 type FilterProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     isOpen: boolean;
     setIsOpen: (isOpen: boolean) => void;
     renderTrigger: (triggerProps: {
         onClick: () => void;
         isOpen: boolean;
     }) => JSX.Element & {
-        ref?: React$1.RefObject<FilterTriggerRef>;
+        ref?: React__default.RefObject<FilterTriggerRef>;
     };
-    onMount?: (triggerRef: React$1.RefObject<HTMLButtonElement>) => void;
+    onMount?: (triggerRef: React__default.RefObject<HTMLButtonElement>) => void;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 declare const Filter: {
     ({ children, isOpen, setIsOpen, renderTrigger, classNameOverride, onMount, ...restProps }: FilterProps): JSX.Element;
@@ -538,7 +842,7 @@ declare const Filter: {
 };
 
 type FilterContentsProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 declare const FilterContents: {
     ({ children, classNameOverride, ...restProps }: FilterContentsProps): JSX.Element;
@@ -550,11 +854,11 @@ type FilterButtonProps = {
     selectedValue?: string | JSX.Element;
     isOpen?: boolean;
 } & Omit<FilterButtonBaseProps, "children">;
-declare const FilterButton: React$1.ForwardRefExoticComponent<{
+declare const FilterButton: React__default.ForwardRefExoticComponent<{
     label: string;
     selectedValue?: string | JSX.Element | undefined;
     isOpen?: boolean | undefined;
-} & Omit<FilterButtonBaseProps, "children"> & React$1.RefAttributes<FilterTriggerRef>>;
+} & Omit<FilterButtonBaseProps, "children"> & React__default.RefAttributes<FilterTriggerRef>>;
 
 type DataAttributes = {
     [key: `data-${string}`]: string | undefined;
@@ -567,19 +871,14 @@ type FilterButtonRemovableProps = {
     };
 } & Omit<ButtonGroupProps, "children">;
 type FilterButtonRemovableRefs = FilterTriggerRef & {
-    removeButtonRef?: React$1.RefObject<HTMLButtonElement>;
+    removeButtonRef?: React__default.RefObject<HTMLButtonElement>;
 };
-declare const FilterButtonRemovable: React$1.ForwardRefExoticComponent<{
+declare const FilterButtonRemovable: React__default.ForwardRefExoticComponent<{
     triggerButtonProps: FilterButtonProps & DataAttributes;
     removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
         tooltipText?: string;
     };
-} & Omit<ButtonGroupProps, "children"> & React$1.RefAttributes<FilterButtonRemovableRefs>>;
-
-type DateInputDescriptionProps = {
-    description?: string | JSX.Element;
-    locale: Locale;
-};
+} & Omit<ButtonGroupProps, "children"> & React__default.RefAttributes<FilterButtonRemovableRefs>>;
 
 type DateValidationResponse = {
     date: Date | undefined;
@@ -591,8 +890,8 @@ type DateValidationResponse = {
     isValidDate: boolean;
 };
 type ValidationMessage = {
-    status: FieldMessageStatus$1;
-    message: string | React$1.ReactElement;
+    status: FieldMessageStatus;
+    message: string | React__default.ReactElement;
 };
 
 type DateInputFieldProps = {
@@ -611,7 +910,7 @@ type DateInputFieldProps = {
 type FilterInputProps$1<InputProps> = Omit<Partial<InputProps>, "value"> & DataAttributes;
 type FilterDatePickerFieldProps = {
     id?: string;
-    locale: FilterDateSupportedLocales;
+    locale: DatePickerSupportedLocales;
     /**
      * Sets first displayed month to month of provided date if there isn't a date set.
      */
@@ -662,6 +961,12 @@ declare const FilterDatePicker: {
     displayName: string;
 };
 
+type ValidateDateArgs = {
+    date: Date | undefined;
+    inputValue: string | undefined;
+    disabledDays?: DisabledDays;
+};
+
 type ValidateDateResponse = {
     validationResponse: DateValidationResponse;
     newDate: Date | undefined;
@@ -687,7 +992,7 @@ declare const useDateValidation: ({ inputLabel, disabledDays, validationMessage,
 type GetDateValidationHandlerArgs = {
     onValidate: ((validationResponse: DateValidationResponse) => void) | undefined;
     setInbuiltValidationMessage: (validationMessage: ValidationMessage | undefined) => void;
-    inputLabel?: React$1.ReactNode;
+    inputLabel?: React__default.ReactNode;
 };
 declare const getDateValidationHandler: ({ onValidate, setInbuiltValidationMessage, inputLabel, }: GetDateValidationHandlerArgs) => (validationResponse: DateValidationResponse) => void;
 
@@ -712,8 +1017,8 @@ type DateRangeValidationMessageProps = {
 type DateRangeInputFieldProps = {
     id: string;
     legend: string;
-    inputStartDateProps: Omit<DateInputProps$1, "id">;
-    inputEndDateProps: Omit<DateInputProps$1, "id">;
+    inputStartDateProps: Omit<DateInputProps, "id">;
+    inputEndDateProps: Omit<DateInputProps, "id">;
     locale: Locale;
     /**
      * A description that provides context for the text field
@@ -730,7 +1035,7 @@ type FilterInputProps<InputProps> = Omit<Partial<InputProps>, "value"> & DataAtt
 type FilterDateRangePickerFieldProps = {
     id: string;
     label: string;
-    locale: FilterDateSupportedLocales;
+    locale: DatePickerSupportedLocales;
     /**
      * Sets first displayed month to month of provided date if there isn't a date set.
      */
@@ -782,11 +1087,11 @@ type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "la
 };
 
 type NoResultsProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
 
 type MenuFooterProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 };
 
 type MenuLoadingSkeletonProps = {
@@ -828,7 +1133,7 @@ type SectionHeaderProps = {
 };
 type ListBoxSectionProps$1 = {
     items: MultiSelectItem[];
-    children: (item: MultiSelectItem) => React$1.ReactNode;
+    children: (item: MultiSelectItem) => React__default.ReactNode;
 } & (SectionHeaderProps | SectionNameProps);
 
 type ListBoxItems = {
@@ -839,7 +1144,7 @@ type ListBoxItems = {
     hasNoItems: boolean;
 };
 type ListBoxProps = {
-    children: (items: ListBoxItems) => React$1.ReactNode;
+    children: (items: ListBoxItems) => React__default.ReactNode;
 };
 
 type SearchInputProps = {
@@ -867,22 +1172,22 @@ type MenuTriggerProviderProps = {
     isOpen?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 };
 type MenuTriggerProviderContextType = {
     menuTriggerProps: HTMLAttributes<HTMLElement>;
     buttonProps: ButtonHTMLAttributes<HTMLButtonElement>;
     menuProps: AriaMenuOptions<ItemType>;
     menuTriggerState: MenuTriggerState;
-    buttonRef: React$1.RefObject<HTMLButtonElement>;
+    buttonRef: React__default.RefObject<HTMLButtonElement>;
 };
 declare function MenuTriggerProvider({ isOpen, defaultOpen, onOpenChange, children, }: MenuTriggerProviderProps): JSX.Element;
 declare const useMenuTriggerContext: () => MenuTriggerProviderContextType;
-declare const MenuTriggerConsumer: ({ children, }: React$1.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;
+declare const MenuTriggerConsumer: ({ children, }: React__default.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;
 
 type SelectionProviderProps = {
     selectionMode: SelectionMode;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     items?: ItemType[];
     onSelectionChange?: (keys: Selection) => void;
     /** The currently selected keys in the collection (controlled). */
@@ -897,18 +1202,18 @@ type SelectionProviderContextType = {
     listBoxProps: HTMLAttributes<HTMLElement>;
     labelProps: HTMLAttributes<HTMLElement>;
     selectionState: ListState<ItemType>;
-    listRef: React$1.RefObject<HTMLUListElement>;
+    listRef: React__default.RefObject<HTMLUListElement>;
     searchQuery?: string;
-    setSearchQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
+    setSearchQuery: React__default.Dispatch<React__default.SetStateAction<string>>;
 };
 declare const SelectionProvider: (props: SelectionProviderProps) => JSX.Element;
 declare const useSelectionContext: () => SelectionProviderContextType;
-declare const SelectionConsumer: ({ children, }: React$1.ConsumerProps<SelectionProviderContextType>) => JSX.Element;
+declare const SelectionConsumer: ({ children, }: React__default.ConsumerProps<SelectionProviderContextType>) => JSX.Element;
 
 type MenuPopupProps = {
     isLoading?: boolean;
-    loadingSkeleton?: React$1.ReactNode;
-    children: React$1.ReactNode;
+    loadingSkeleton?: React__default.ReactNode;
+    children: React__default.ReactNode;
 };
 
 type SelectionProps = {
@@ -921,8 +1226,8 @@ type SelectionProps = {
     onSearchInputChange?: (searchInput: string) => void;
 };
 type FilterMultiSelectProps = {
-    trigger: (value?: MenuTriggerProviderContextType) => React$1.ReactNode;
-    children: (value?: SelectionProviderContextType) => React$1.ReactNode;
+    trigger: (value?: MenuTriggerProviderContextType) => React__default.ReactNode;
+    children: (value?: SelectionProviderContextType) => React__default.ReactNode;
 } & Omit<MenuPopupProps, "children"> & Omit<MenuTriggerProviderProps, "children"> & SelectionProps;
 declare const FilterMultiSelect: {
     ({ trigger, children, isOpen, defaultOpen, onOpenChange, isLoading, loadingSkeleton, label, items, selectedKeys, defaultSelectedKeys, onSelectionChange, selectionMode, onSearchInputChange, }: FilterMultiSelectProps): JSX.Element;
@@ -984,7 +1289,7 @@ declare const getTruncatedLabels: (labels: string[], limit: number) => string;
 
 declare const getSelectedOptionLabels: (keys?: Selection, items?: ItemType[]) => string[];
 
-declare const getSelectedOptionKeys: (keys?: Selection, items?: ItemType[]) => React$1.Key[];
+declare const getSelectedOptionKeys: (keys?: Selection, items?: ItemType[]) => React__default.Key[];
 
 type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKeys" | "trigger"> & {
     id?: string;
@@ -1027,7 +1332,7 @@ type OptionProps<Option extends SelectOption = SelectOption> = {
 type SelectPopoverContentsProps<Option extends SelectOption> = {
     children?: (args: {
         items: Array<SelectItemNode<Option>>;
-    }) => React$1.ReactNode;
+    }) => React__default.ReactNode;
     menuProps: AriaListBoxOptions<SelectItem<Option>>;
 };
 
@@ -1681,55 +1986,8 @@ declare const ZoomInIcon: (props: IconProps) => JSX.Element;
 
 declare const ZoomOutIcon: (props: IconProps) => JSX.Element;
 
-declare const InputStatus: readonly ["default", "success", "error", "caution"];
-declare const InputTypes: readonly ["text", "email", "password"];
-
-type InputType = (typeof InputTypes)[number];
-type InputStatusType = (typeof InputStatus)[number];
-type InputProps = {
-    inputRef?: React$1.RefObject<HTMLInputElement>;
-    status?: InputStatusType;
-    startIconAdornment?: React$1.ReactNode;
-    endIconAdornment?: React$1.ReactNode;
-    reversed?: boolean;
-    type?: InputType;
-} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
-declare const Input: {
-    ({ inputRef, status, startIconAdornment, endIconAdornment, reversed, type, value, defaultValue, classNameOverride, disabled, ...restProps }: InputProps): JSX.Element;
-    displayName: string;
-};
-
-type InputRangeProps = {
-    id: string;
-    defaultValue?: number;
-    value?: number;
-    minLabel: ReactNode;
-    maxLabel: ReactNode;
-    min?: number;
-    max?: number;
-} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
-/**
- * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}
- */
-declare const InputRange: {
-    ({ id, defaultValue, value, minLabel, maxLabel, min, max, onChange, "aria-describedby": ariaDescribedby, classNameOverride, disabled, readOnly, ...restProps }: InputRangeProps): JSX.Element;
-    displayName: string;
-};
-
-type InputSearchProps = {
-    id: string;
-    reversed?: boolean;
-    loading?: boolean;
-    secondary?: boolean;
-    onClear?: () => void;
-} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue">>;
-declare const InputSearch: {
-    (props: InputSearchProps): JSX.Element;
-    displayName: string;
-};
-
 type KaizenProviderProps<Theme extends Theme$1 = Theme$1> = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     theme?: Theme;
     locale?: string;
 };
@@ -1970,21 +2228,21 @@ declare const heartTheme: Theme;
 
 declare const defaultTheme: Theme;
 
-declare const ThemeContext: React$1.Context<any>;
+declare const ThemeContext: React__default.Context<any>;
 /**
  * Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.
  * This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.
  */
 declare const ThemeProvider: <Theme extends Theme = Theme>({ theme: userTheme, ...props }: {
     theme?: Theme | undefined;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 }) => JSX.Element;
 declare const useTheme: <Theme extends Theme = Theme>() => Theme;
 
 type LabelType = "text" | "checkbox" | "toggle" | "radio";
 type LabelProps = {
-    children?: React$1.ReactNode;
-    labelText?: string | React$1.ReactNode;
+    children?: React__default.ReactNode;
+    labelText?: string | React__default.ReactNode;
     labelType?: LabelType;
     labelPosition?: "start" | "end";
     reversed?: boolean;
@@ -1997,19 +2255,209 @@ declare const Label: {
 };
 
 type LabelledMessageProps = {
-    label: string | React$1.ReactElement;
-    message: string | React$1.ReactElement;
+    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 ConfirmationModalProps = {
+    isOpen: boolean;
+    unpadded?: boolean;
+    /**
+     * To display the Prominent variation of the modal types
+     */
+    isProminent?: boolean;
+    /**
+     * Defines the modal type or mood
+     */
+    mood: Mood;
+    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 = "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;
+};
+type ContextModalProps = Readonly<{
+    isOpen: boolean;
+    unpadded?: boolean;
+    /**
+     * Defines the orientation layout of the image and content
+     */
+    layout?: "portrait" | "landscape";
+    title: string;
+    onConfirm?: () => void;
+    onDismiss: () => void;
+    onAfterLeave?: () => void;
+    confirmLabel?: string;
+    confirmWorking?: {
+        label: string;
+        labelHidden?: boolean;
+    };
+    /**
+     * @deprecated use data-testid instead
+     */
+    automationId?: string;
+    renderBackground?: () => React__default.ReactNode;
+    image?: React__default.ReactNode;
+    children: React__default.ReactNode;
+    contentHeader?: React__default.ReactNode;
+} & ContextModalSecondaryActionProps & HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}
+ */
+declare const ContextModal: {
+    ({ isOpen, unpadded, layout, title, onConfirm, onAfterLeave, confirmLabel, confirmWorking, renderBackground, children, contentHeader, image, ...props }: ContextModalProps): JSX.Element;
+    displayName: string;
+};
+
+type GenericModalProps = {
+    id?: string;
+    isOpen: boolean;
+    children: React__default.ReactNode;
+    focusLockDisabled?: boolean;
+    onEscapeKeyup?: (event: KeyboardEvent) => void;
+    onOutsideModalClick?: (event: React__default.MouseEvent) => void;
+    onAfterLeave?: () => void;
+};
+declare const GenericModal: {
+    ({ id: propsId, children, isOpen, focusLockDisabled, onEscapeKeyup, onOutsideModalClick, onAfterLeave: propsOnAfterLeave, }: GenericModalProps): JSX.Element;
+    displayName: string;
+};
+
+type ModalContextType = {
+    labelledByID: string;
+    describedByID: string;
+};
+declare const ModalContext: React$1.Context<ModalContextType>;
+
+type ModalAccessibleDescriptionProps = {
+    children: React__default.ReactNode;
+};
+declare const ModalAccessibleDescription: {
+    ({ children, }: ModalAccessibleDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+type ActionsVariantProps = "context" | "inputEdit";
+type ModalFooterProps = {
+    /**
+     * We have a special case for the InformationModal when it has an image.
+     * Since this modal may have an image on the right side the actions might look disconected from the content.
+     * So for this instance we need to flip the order of the actions so that the primary
+     * action is anchored to the left edge of the modal.
+     * For this rare instance added the variant prop as optional to update the order of action buttons.
+     */
+    variant?: ActionsVariantProps;
+    unpadded?: boolean;
+    actions: ButtonProps[];
+    appearance?: "primary" | "destructive";
+    /**
+     * @deprecated Please use data-testid
+     */
+    automationId?: string;
+    alignStart?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+declare const ModalFooter: {
+    ({ unpadded, actions, appearance, alignStart, variant, ...props }: ModalFooterProps): JSX.Element;
+    displayName: string;
+};
+
+type ModalHeaderProps = {
+    unpadded?: boolean;
+    reversed?: boolean;
+    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;
+    };
+} & HTMLAttributes<HTMLDivElement>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
+ */
+declare const InputEditModal: {
+    ({ isOpen, mood, title, onSubmit, onSecondaryAction, onAfterLeave, localeDirection, submitLabel, dismissLabel, secondaryLabel, submitWorking, children, unpadded, onDismiss: propsOnDismiss, ...props }: InputEditModalProps): JSX.Element;
+    displayName: string;
+};
+
 type NotificationType = "positive" | "informative" | "cautionary" | "negative" | "security";
 
 type InlineNotificationProps = OverrideClassName<{
     type: NotificationType;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** @default false */
     persistent?: boolean;
     /** @default false */
@@ -2031,7 +2479,7 @@ declare const InlineNotification: {
 
 type GlobalNotificationProps = OverrideClassName<{
     type: NotificationType;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     onHide?: () => void;
     persistent?: boolean;
 }>;
@@ -2044,13 +2492,13 @@ declare const GlobalNotification: {
     displayName: string;
 };
 
-type RadioProps = OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "checked">> & {
-    /**
-     * This needs to be enforced to ensure the Radio always gets an id to match a label when composed.
-     */
+type RadioProps = OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "name" | "value" | "checked" | "type">> & {
+    /** Required to ensure the Radio always gets an ID to match a label when composed. */
     id: string;
+    /** Unique identifier for the group this Radio belongs to. Required for keyboard navigation of the group. See also [Defining a radio group](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#defining_a_radio_group) on MDN. E.g. the question ID for which this is one possible answer to. */
     name: string;
-    value: string;
+    /** The value for this form field when this radio button is selected. */
+    value?: string | readonly string[] | number;
     selectedStatus?: boolean;
     reversed?: boolean;
 };
@@ -2061,7 +2509,7 @@ declare const Radio: {
 
 type RadioFieldProps = Omit<RadioProps, "id"> & {
     id?: string;
-    labelText: string | React$1.ReactNode;
+    labelText: string | React__default.ReactNode;
     selectedStatus?: boolean;
     disabled?: boolean;
     reversed?: boolean;
@@ -2077,8 +2525,8 @@ declare const RadioField: {
 };
 
 type RadioGroupProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
-    children?: React$1.ReactNode;
-    labelText: string | React$1.ReactNode;
+    children?: React__default.ReactNode;
+    labelText: string | React__default.ReactNode;
     labelId?: string;
     noBottomMargin?: boolean;
     reversed?: boolean;
@@ -2222,17 +2670,17 @@ interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {
     /**
      * A short example of input text. For context or additional information use the `description` prop
      */
-    labelText: React$1.ReactNode;
+    labelText: React__default.ReactNode;
     inline?: boolean;
     icon?: JSX.Element;
     /**
      * A descriptive message for `error` or `caution` states
      */
-    validationMessage?: string | React$1.ReactNode;
+    validationMessage?: string | React__default.ReactNode;
     /**
      * A description that provides context for the text field
      */
-    description?: string | React$1.ReactNode;
+    description?: string | React__default.ReactNode;
 }
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
@@ -2244,7 +2692,7 @@ declare const TextField: {
 };
 
 type TextAreaProps = {
-    textAreaRef?: React$1.RefObject<HTMLTextAreaElement>;
+    textAreaRef?: React__default.RefObject<HTMLTextAreaElement>;
     status?: "default" | "error" | "caution";
     autogrow?: boolean;
     reversed?: boolean;
@@ -2255,10 +2703,10 @@ declare const TextArea: {
 };
 
 type TextAreaFieldProps = {
-    labelText: string | React$1.ReactNode;
+    labelText: string | React__default.ReactNode;
     inline?: boolean;
-    validationMessage?: string | React$1.ReactNode;
-    description?: string | React$1.ReactNode;
+    validationMessage?: string | React__default.ReactNode;
+    description?: string | React__default.ReactNode;
     variant?: "default" | "prominent";
 } & TextAreaProps;
 /**
@@ -2270,4 +2718,4 @@ declare const TextAreaField: {
     displayName: string;
 };
 
-export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, type ActiveFiltersArray, AddIcon, AddLinkIcon, AddWhiteIcon, AiIcon, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, Badge, BadgeAnimated, type BadgeProps, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, type BrandMomentProps, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CSSVariableTheme, CaMonogramIcon, CameraIcon, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, type CompanyAvatarProps, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, type CustomButtonProps, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DecreaseIndentIcon, type DeepMapObjectLeafs, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, Divider, type DividerProps, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyState, type EmptyStateProps, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, type FieldGroupProps, FieldMessage, type FieldMessageProps, type FieldMessageStatus, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, type FilterDateSupportedLocales, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, type GenericAvatarProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, GridViewIcon, GuidanceIcon, HamburgerIcon, Heading, type HeadingProps, type HeadingVariants, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InlineNotification, type InlineNotificationProps, Input, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, type InputStatusType, type InputType, InsightIcon, InsightsIcon, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LockIcon, LockWhiteIcon, LogOutIcon, type MappedFilters, MaximizeIcon, MeatballsIcon, type MenuFooterProps, type MenuLoadingSkeletonProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, MinimizeIcon, MinusIcon, type MultiSelectItem, type MultiSelectOptionProps, NavigatorIcon, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, PaginationLink, type PaginationLinkProps, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, RedoIcon, RefreshIcon, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, SecurityTipIcon, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextField, type TextFieldProps, type TextProps, type TextVariants, type Theme, ThemeContext, type ThemeKey, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, type TypographyFont, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage, type ValueType, VisibleIcon, Workflow, type WorkflowProps, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
+export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, type ActiveFiltersArray, AddIcon, AddLinkIcon, AddWhiteIcon, AiIcon, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, Badge, BadgeAnimated, type BadgeProps, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, type BrandMomentProps, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CSSVariableTheme, CaMonogramIcon, CalendarRange, type CalendarRangeElement, type CalendarRangeProps, CalendarSingle, type CalendarSingleElement, type CalendarSingleProps, CameraIcon, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, type CompanyAvatarProps, CompetencyLibraryIcon, ConfigureIcon, ConfirmationModal, type ConfirmationModalProps, ConnectIcon, ConnectLineIcon, ContextModal, type ContextModalProps, type ContextModalSecondaryActionProps, type CustomButtonProps, CustomIcon, DashboardIcon, 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 DeepMapObjectLeafs, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, type DisabledDayMatchers, type DisabledDays, Divider, type DividerProps, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyState, type EmptyStateProps, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, type FieldGroupProps, FieldMessage, type FieldMessageProps, type FieldMessageStatus, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, type GenericAvatarProps, GenericModal, type GenericModalProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, GridViewIcon, GuidanceIcon, HamburgerIcon, Heading, type HeadingProps, type HeadingVariants, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InlineNotification, type InlineNotificationProps, Input, InputEditModal, type InputEditModalProps, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, type InputStatusType, type InputType, InsightIcon, InsightsIcon, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LockIcon, LockWhiteIcon, LogOutIcon, type MappedFilters, MaximizeIcon, MeatballsIcon, type MenuFooterProps, type MenuLoadingSkeletonProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, MinimizeIcon, MinusIcon, ModalAccessibleDescription, type ModalAccessibleDescriptionProps, ModalAccessibleLabel, type ModalAccessibleLabelProps, ModalBody, type ModalBodyProps, ModalContext, type ModalContextType, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type MultiSelectItem, type MultiSelectOptionProps, NavigatorIcon, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, PaginationLink, type PaginationLinkProps, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, RedoIcon, RefreshIcon, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, SecurityTipIcon, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextField, type TextFieldProps, type TextProps, type TextVariants, type Theme, ThemeContext, type ThemeKey, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, type TypographyFont, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage, type ValidationResponse, type ValueType, VisibleIcon, Workflow, type WorkflowProps, WritingIcon, ZoomInIcon, ZoomOutIcon, calculateDisabledDays, defaultTheme, formatDateAsNumeral, formatDateAsText, formatDateRangeValue, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, isDisabledDate, isInvalidDate, isSelectingDayInCalendar, isValidWeekStartsOn, parseDateAsTextOrNumeral, parseDateFromNumeralFormatValue, parseDateFromTextFormatValue, setFocusInCalendar, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };