@gusto/embedded-react-sdk 0.46.3 → 0.47.0

package/dist/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.d.ts

@@ -1,5 +1,10 @@
 import { FieldsetHTMLAttributes, Ref } from 'react';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+/**
+ * Option entry rendered as a single checkbox within a {@link CheckboxGroupProps | CheckboxGroup}.
+ *
+ * @public
+ */
 export interface CheckboxGroupOption {
     /**
      * Label text or content for the checkbox option
@@ -18,13 +23,23 @@ export interface CheckboxGroupOption {
      */
     description?: React.ReactNode;
 }
+/**
+ * Props your `CheckboxGroup` implementation must accept from the component adapter.
+ * Renders a form field wrapping multiple `<input type="checkbox" />` elements with a label, optional description, and error message.
+ *
+ * @public
+ */
 export interface CheckboxGroupProps extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {
     /**
      * Indicates if the checkbox group is in an invalid state
+     *
+     * @defaultValue `false`
      */
     isInvalid?: boolean;
     /**
      * Disables all checkbox options in the group
+     *
+     * @defaultValue `false`
      */
     isDisabled?: boolean;
     /**
@@ -45,7 +60,9 @@ export interface CheckboxGroupProps extends SharedFieldLayoutProps, Pick<Fieldse
     inputRef?: Ref<HTMLInputElement>;
 }
 /**
- * Default prop values for CheckboxGroup component.
+ * Default prop values for the CheckboxGroup component.
+ *
+ * @internal
  */
 export declare const CheckboxGroupDefaults: {
     readonly isRequired: false;

package/dist/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupTypes.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface CheckboxGroupOption {\n  /**\n   * Label text or content for the checkbox option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific checkbox option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the checkbox option\n   */\n  description?: React.ReactNode\n}\n\nexport interface CheckboxGroupProps\n  extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates if the checkbox group is in an invalid state\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all checkbox options in the group\n   */\n  isDisabled?: boolean\n  /**\n   * Array of checkbox options to display\n   */\n  options: Array<CheckboxGroupOption>\n  /**\n   * Array of currently selected values\n   */\n  value?: string[]\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string[]) => void\n  /**\n   * React ref for the first checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for CheckboxGroup component.\n */\nexport const CheckboxGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<CheckboxGroupProps>\n"],"names":["CheckboxGroupDefaults"],"mappings":"AAqDO,MAAMA,IAAwB;AAAA,EACnC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}
+{"version":3,"file":"CheckboxGroupTypes.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\n/**\n * Option entry rendered as a single checkbox within a {@link CheckboxGroupProps | CheckboxGroup}.\n *\n * @public\n */\nexport interface CheckboxGroupOption {\n  /**\n   * Label text or content for the checkbox option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific checkbox option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the checkbox option\n   */\n  description?: React.ReactNode\n}\n\n/**\n * Props your `CheckboxGroup` implementation must accept from the component adapter.\n * Renders a form field wrapping multiple `<input type=\"checkbox\" />` elements with a label, optional description, and error message.\n *\n * @public\n */\nexport interface CheckboxGroupProps\n  extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates if the checkbox group is in an invalid state\n   *\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all checkbox options in the group\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Array of checkbox options to display\n   */\n  options: Array<CheckboxGroupOption>\n  /**\n   * Array of currently selected values\n   */\n  value?: string[]\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string[]) => void\n  /**\n   * React ref for the first checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for the CheckboxGroup component.\n *\n * @internal\n */\nexport const CheckboxGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<CheckboxGroupProps>\n"],"names":["CheckboxGroupDefaults"],"mappings":"AAsEO,MAAMA,IAAwB;AAAA,EACnC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}

package/dist/components/Common/UI/ComboBox/ComboBox.d.ts

@@ -1,2 +1,9 @@
 import { ComboBoxProps } from './ComboBoxTypes';
-export declare const ComboBox: ({ allowsCustomValue, className, description, errorMessage, id, isDisabled, isInvalid, isRequired, label, onChange, onBlur, options, placeholder, value, inputRef, shouldVisuallyHideLabel, name, portalContainer, ...props }: ComboBoxProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Combines a text input with a selectable dropdown list, supporting type-ahead filtering and optional free-form entry.
+ *
+ * @param props - The {@link ComboBoxProps} controlling the field's label, options, and selected value.
+ * @returns The rendered combo box field.
+ * @internal
+ */
+export declare const ComboBox: ({ allowsCustomValue, className, description, errorMessage, id, isDisabled, isInvalid, isRequired, label, onChange, onBlur, options, placeholder, value, inputRef, shouldVisuallyHideLabel, name, portalContainer, ...props }: ComboBoxProps) => import("react").JSX.Element;

package/dist/components/Common/UI/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","sources":["../../../../../src/components/Common/UI/ComboBox/ComboBox.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  ListLayout,\n  Popover,\n  Virtualizer,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './ComboBox.module.scss'\nimport type { ComboBoxProps } from './ComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport const ComboBox = ({\n  allowsCustomValue,\n  className,\n  description,\n  errorMessage,\n  id,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  options,\n  placeholder,\n  value,\n  inputRef,\n  shouldVisuallyHideLabel,\n  name,\n  portalContainer,\n  ...props\n}: ComboBoxProps) => {\n  const { t } = useTranslation()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n  const { container } = useTheme()\n\n  const items = useMemo(() => {\n    return options.map(option => ({ name: option.label, id: option.value }))\n  }, [options])\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      withErrorIcon={false}\n    >\n      <AriaComboBox\n        aria-label={label}\n        aria-describedby={ariaDescribedBy}\n        className={'react-aria-ComboBox-root'}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        menuTrigger=\"focus\"\n        allowsCustomValue={allowsCustomValue}\n        {...(allowsCustomValue\n          ? {\n              inputValue: value ?? '',\n              onInputChange: (inputVal: string) => onChange?.(inputVal),\n            }\n          : {\n              selectedKey: value ? (value as Key) : null,\n              onSelectionChange: (key: Key | null) => {\n                if (key) onChange?.(key.toString())\n              },\n            })}\n        id={inputId}\n        name={name}\n      >\n        <Input ref={inputRef} placeholder={placeholder} onBlur={onBlur} {...props} />\n        <Button>\n          <div aria-hidden=\"true\" className={styles.icons}>\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={portalContainer ?? container.current ?? undefined}\n          maxHeight={320}\n        >\n          <Virtualizer layout={ListLayout}>\n            <ListBox items={items}>\n              {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n            </ListBox>\n          </Virtualizer>\n        </Popover>\n      </AriaComboBox>\n    </FieldLayout>\n  )\n}\n"],"names":["ComboBox","allowsCustomValue","className","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","inputRef","shouldVisuallyHideLabel","name","portalContainer","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","items","useMemo","option","jsx","FieldLayout","classNames","styles","jsxs","AriaComboBox","inputVal","key","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":"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"}
+{"version":3,"file":"ComboBox.js","sources":["../../../../../src/components/Common/UI/ComboBox/ComboBox.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  ListLayout,\n  Popover,\n  Virtualizer,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './ComboBox.module.scss'\nimport type { ComboBoxProps } from './ComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\n/**\n * Combines a text input with a selectable dropdown list, supporting type-ahead filtering and optional free-form entry.\n *\n * @param props - The {@link ComboBoxProps} controlling the field's label, options, and selected value.\n * @returns The rendered combo box field.\n * @internal\n */\nexport const ComboBox = ({\n  allowsCustomValue,\n  className,\n  description,\n  errorMessage,\n  id,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  options,\n  placeholder,\n  value,\n  inputRef,\n  shouldVisuallyHideLabel,\n  name,\n  portalContainer,\n  ...props\n}: ComboBoxProps) => {\n  const { t } = useTranslation()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n  const { container } = useTheme()\n\n  const items = useMemo(() => {\n    return options.map(option => ({ name: option.label, id: option.value }))\n  }, [options])\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      withErrorIcon={false}\n    >\n      <AriaComboBox\n        aria-label={label}\n        aria-describedby={ariaDescribedBy}\n        className={'react-aria-ComboBox-root'}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        menuTrigger=\"focus\"\n        allowsCustomValue={allowsCustomValue}\n        {...(allowsCustomValue\n          ? {\n              inputValue: value ?? '',\n              onInputChange: (inputVal: string) => onChange?.(inputVal),\n            }\n          : {\n              selectedKey: value ? (value as Key) : null,\n              onSelectionChange: (key: Key | null) => {\n                if (key) onChange?.(key.toString())\n              },\n            })}\n        id={inputId}\n        name={name}\n      >\n        <Input ref={inputRef} placeholder={placeholder} onBlur={onBlur} {...props} />\n        <Button>\n          <div aria-hidden=\"true\" className={styles.icons}>\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={portalContainer ?? container.current ?? undefined}\n          maxHeight={320}\n        >\n          <Virtualizer layout={ListLayout}>\n            <ListBox items={items}>\n              {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n            </ListBox>\n          </Virtualizer>\n        </Popover>\n      </AriaComboBox>\n    </FieldLayout>\n  )\n}\n"],"names":["ComboBox","allowsCustomValue","className","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","inputRef","shouldVisuallyHideLabel","name","portalContainer","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","items","useMemo","option","jsx","FieldLayout","classNames","styles","jsxs","AriaComboBox","inputVal","key","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":"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"}

package/dist/components/Common/UI/ComboBox/ComboBoxTypes.d.ts

@@ -1,5 +1,10 @@
 import { InputHTMLAttributes, Ref } from 'react';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+/**
+ * Option entry for the ComboBox dropdown list.
+ *
+ * @public
+ */
 export interface ComboBoxOption {
     /**
      * Display text for the option
@@ -10,6 +15,13 @@ export interface ComboBoxOption {
      */
     value: string;
 }
+/**
+ * Props your `ComboBox` implementation must accept from the component adapter.
+ * Renders a form field wrapping a filterable `<input />` for single-option selection, optionally allowing free-form values.
+ *
+ * @public
+ * @see {@link MultiSelectComboBoxProps}
+ */
 export interface ComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name' | 'placeholder'> {
     /**
      * Disables the combo box and prevents interaction

package/dist/components/Common/UI/DatePicker/DatePicker.d.ts

@@ -1,2 +1,9 @@
 import { DatePickerProps } from './DatePickerTypes';
-export declare const DatePicker: ({ className, description, errorMessage, id, inputRef, isDisabled, isInvalid, isRequired, label, onChange, onBlur, value, portalContainer, minDate, maxDate, isDateDisabled, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a date input with an attached calendar popover for selecting a single date.
+ *
+ * @param props - The {@link DatePickerProps} controlling the field's label, value, and date constraints.
+ * @returns The rendered date picker field.
+ * @internal
+ */
+export declare const DatePicker: ({ className, description, errorMessage, id, inputRef, isDisabled, isInvalid, isRequired, label, onChange, onBlur, value, portalContainer, minDate, maxDate, isDateDisabled, ...props }: DatePickerProps) => import("react").JSX.Element;

package/dist/components/Common/UI/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/Common/UI/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  DatePicker as AriaDatePicker,\n  Button,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  DateInput,\n  DateSegment,\n  Dialog,\n  Group,\n  Heading,\n  Popover,\n  type DateValue,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { parseDate, type CalendarDate } from '@internationalized/date'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './DatePicker.module.scss'\nimport type { DatePickerProps } from './DatePickerTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport CaretRight from '@/assets/icons/caret-right.svg?react'\nimport CaretLeft from '@/assets/icons/caret-left.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\nfunction dateToCalendarDate(date: Date): CalendarDate | undefined {\n  if (!(date instanceof Date) || isNaN(date.getTime())) {\n    return undefined\n  }\n\n  // Use local date parts to avoid UTC timezone shift from toISOString()\n  const dateString = [\n    String(date.getFullYear()).padStart(4, '0'),\n    String(date.getMonth() + 1).padStart(2, '0'),\n    String(date.getDate()).padStart(2, '0'),\n  ].join('-')\n\n  return parseDate(dateString)\n}\n\nfunction calendarDateValueToDate(dateValue: DateValue | null): Date | null {\n  if (!dateValue) return null\n\n  const date = new Date(\n    dateValue.year,\n    dateValue.month - 1, // DateValue months are 1-indexed\n    dateValue.day,\n  )\n\n  return date\n}\n\nexport const DatePicker = ({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  value,\n  portalContainer,\n  minDate,\n  maxDate,\n  isDateDisabled,\n  ...props\n}: DatePickerProps) => {\n  const { t } = useTranslation()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n  const { container } = useTheme()\n\n  // Convert JavaScript Date to DateValue for internal use\n  // Format the date as YYYY-MM-DD for parseDate\n  const formattedDate = value ? formatDateToStringDate(value) : ''\n  const internalValue = formattedDate ? parseDate(formattedDate) : null\n\n  // Convert date constraint props to react-aria DateValue format\n  const minValue = minDate ? dateToCalendarDate(minDate) : undefined\n  const maxValue = maxDate ? dateToCalendarDate(maxDate) : undefined\n  const isDateUnavailable = isDateDisabled\n    ? (dateValue: DateValue) => {\n        const jsDate = calendarDateValueToDate(dateValue)\n        return jsDate ? isDateDisabled(jsDate) : false\n      }\n    : undefined\n\n  // Handle internal onChange to convert DateValue back to Date\n  const handleChange = (dateValue: DateValue | null) => {\n    if (onChange) {\n      onChange(calendarDateValueToDate(dateValue))\n    }\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      className={classNames(styles.root, className)}\n      withErrorIcon={false}\n    >\n      <div className={styles.container}>\n        <AriaDatePicker\n          aria-label={label}\n          aria-describedby={ariaDescribedBy}\n          id={inputId}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          value={internalValue}\n          onChange={handleChange}\n          minValue={minValue}\n          maxValue={maxValue}\n          isDateUnavailable={isDateUnavailable}\n          {...props}\n        >\n          <Group>\n            <DateInput ref={inputRef}>{segment => <DateSegment segment={segment} />}</DateInput>\n\n            <div className={styles.icons}>\n              {isInvalid && <AlertCircle aria-hidden=\"true\" fontSize={16} />}\n              <Button onBlur={onBlur}>\n                <CaretDown title={t('icons.calendarArrow')} />\n              </Button>\n            </div>\n          </Group>\n          <Popover\n            className={classNames(styles.popover, 'react-aria-Popover')}\n            UNSTABLE_portalContainer={portalContainer ?? container.current ?? undefined}\n          >\n            <Dialog>\n              <Calendar>\n                <header>\n                  <Button slot=\"previous\">\n                    <CaretLeft title={t('icons.previousMonth')} />\n                  </Button>\n                  <Heading />\n                  <Button slot=\"next\">\n                    <CaretRight title={t('icons.nextMonth')} />\n                  </Button>\n                </header>\n                <CalendarGrid>{date => <CalendarCell date={date} />}</CalendarGrid>\n              </Calendar>\n            </Dialog>\n          </Popover>\n        </AriaDatePicker>\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["dateToCalendarDate","date","dateString","parseDate","calendarDateValueToDate","dateValue","DatePicker","className","description","errorMessage","id","inputRef","isDisabled","isInvalid","isRequired","label","onChange","onBlur","value","portalContainer","minDate","maxDate","isDateDisabled","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","formattedDate","formatDateToStringDate","internalValue","minValue","maxValue","isDateUnavailable","jsDate","handleChange","jsx","FieldLayout","classNames","styles","jsxs","AriaDatePicker","Group","DateInput","DateSegment","segment","AlertCircle","Button","CaretDown","Popover","Dialog","Calendar","CaretLeft","Heading","CaretRight","CalendarGrid","CalendarCell"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/Common/UI/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  DatePicker as AriaDatePicker,\n  Button,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  DateInput,\n  DateSegment,\n  Dialog,\n  Group,\n  Heading,\n  Popover,\n  type DateValue,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { parseDate, type CalendarDate } from '@internationalized/date'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './DatePicker.module.scss'\nimport type { DatePickerProps } from './DatePickerTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport CaretRight from '@/assets/icons/caret-right.svg?react'\nimport CaretLeft from '@/assets/icons/caret-left.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\nfunction dateToCalendarDate(date: Date): CalendarDate | undefined {\n  if (!(date instanceof Date) || isNaN(date.getTime())) {\n    return undefined\n  }\n\n  // Use local date parts to avoid UTC timezone shift from toISOString()\n  const dateString = [\n    String(date.getFullYear()).padStart(4, '0'),\n    String(date.getMonth() + 1).padStart(2, '0'),\n    String(date.getDate()).padStart(2, '0'),\n  ].join('-')\n\n  return parseDate(dateString)\n}\n\nfunction calendarDateValueToDate(dateValue: DateValue | null): Date | null {\n  if (!dateValue) return null\n\n  const date = new Date(\n    dateValue.year,\n    dateValue.month - 1, // DateValue months are 1-indexed\n    dateValue.day,\n  )\n\n  return date\n}\n\n/**\n * Renders a date input with an attached calendar popover for selecting a single date.\n *\n * @param props - The {@link DatePickerProps} controlling the field's label, value, and date constraints.\n * @returns The rendered date picker field.\n * @internal\n */\nexport const DatePicker = ({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  value,\n  portalContainer,\n  minDate,\n  maxDate,\n  isDateDisabled,\n  ...props\n}: DatePickerProps) => {\n  const { t } = useTranslation()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n  const { container } = useTheme()\n\n  // Convert JavaScript Date to DateValue for internal use\n  // Format the date as YYYY-MM-DD for parseDate\n  const formattedDate = value ? formatDateToStringDate(value) : ''\n  const internalValue = formattedDate ? parseDate(formattedDate) : null\n\n  // Convert date constraint props to react-aria DateValue format\n  const minValue = minDate ? dateToCalendarDate(minDate) : undefined\n  const maxValue = maxDate ? dateToCalendarDate(maxDate) : undefined\n  const isDateUnavailable = isDateDisabled\n    ? (dateValue: DateValue) => {\n        const jsDate = calendarDateValueToDate(dateValue)\n        return jsDate ? isDateDisabled(jsDate) : false\n      }\n    : undefined\n\n  // Handle internal onChange to convert DateValue back to Date\n  const handleChange = (dateValue: DateValue | null) => {\n    if (onChange) {\n      onChange(calendarDateValueToDate(dateValue))\n    }\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      className={classNames(styles.root, className)}\n      withErrorIcon={false}\n    >\n      <div className={styles.container}>\n        <AriaDatePicker\n          aria-label={label}\n          aria-describedby={ariaDescribedBy}\n          id={inputId}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          value={internalValue}\n          onChange={handleChange}\n          minValue={minValue}\n          maxValue={maxValue}\n          isDateUnavailable={isDateUnavailable}\n          {...props}\n        >\n          <Group>\n            <DateInput ref={inputRef}>{segment => <DateSegment segment={segment} />}</DateInput>\n\n            <div className={styles.icons}>\n              {isInvalid && <AlertCircle aria-hidden=\"true\" fontSize={16} />}\n              <Button onBlur={onBlur}>\n                <CaretDown title={t('icons.calendarArrow')} />\n              </Button>\n            </div>\n          </Group>\n          <Popover\n            className={classNames(styles.popover, 'react-aria-Popover')}\n            UNSTABLE_portalContainer={portalContainer ?? container.current ?? undefined}\n          >\n            <Dialog>\n              <Calendar>\n                <header>\n                  <Button slot=\"previous\">\n                    <CaretLeft title={t('icons.previousMonth')} />\n                  </Button>\n                  <Heading />\n                  <Button slot=\"next\">\n                    <CaretRight title={t('icons.nextMonth')} />\n                  </Button>\n                </header>\n                <CalendarGrid>{date => <CalendarCell date={date} />}</CalendarGrid>\n              </Calendar>\n            </Dialog>\n          </Popover>\n        </AriaDatePicker>\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["dateToCalendarDate","date","dateString","parseDate","calendarDateValueToDate","dateValue","DatePicker","className","description","errorMessage","id","inputRef","isDisabled","isInvalid","isRequired","label","onChange","onBlur","value","portalContainer","minDate","maxDate","isDateDisabled","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","formattedDate","formatDateToStringDate","internalValue","minValue","maxValue","isDateUnavailable","jsDate","handleChange","jsx","FieldLayout","classNames","styles","jsxs","AriaDatePicker","Group","DateInput","DateSegment","segment","AlertCircle","Button","CaretDown","Popover","Dialog","Calendar","CaretLeft","Heading","CaretRight","CalendarGrid","CalendarCell"],"mappings":"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"}

package/dist/components/Common/UI/DatePicker/DatePickerTypes.d.ts

@@ -1,5 +1,11 @@
 import { InputHTMLAttributes, Ref } from 'react';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+/**
+ * Props your `DatePicker` implementation must accept from the component adapter.
+ * Renders a form field wrapping an `<input type="date" />` with a calendar picker popover, optional min/max bounds, and per-date disabling.
+ *
+ * @public
+ */
 export interface DatePickerProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name'> {
     /**
      * React ref for the date input element

package/dist/components/Common/UI/DateRangePicker/DateRangePicker.d.ts

@@ -1,2 +1,9 @@
 import { DateRangePickerProps } from './DateRangePickerTypes';
-export declare const DateRangePicker: ({ label, value, onChange, startDateLabel, endDateLabel, minValue: minDate, maxValue: maxDate, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders paired date inputs and a calendar popover for selecting a start/end date range.
+ *
+ * @param props - The {@link DateRangePickerProps} controlling the field's labels, selected range, and bounds.
+ * @returns The rendered date range picker field.
+ * @internal
+ */
+export declare const DateRangePicker: ({ label, value, onChange, startDateLabel, endDateLabel, minValue: minDate, maxValue: maxDate, }: DateRangePickerProps) => import("react").JSX.Element;

package/dist/components/Common/UI/DateRangePicker/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","sources":["../../../../../src/components/Common/UI/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {\n  DateRangePicker as AriaDateRangePicker,\n  Button as AriaButton,\n  CalendarCell,\n  CalendarGrid,\n  DateInput,\n  DateSegment,\n  Group,\n  Heading,\n  RangeCalendar,\n  type DateValue,\n} from 'react-aria-components'\nimport { parseDate, type CalendarDate } from '@internationalized/date'\nimport type { DateRange, DateRangePickerProps } from './DateRangePickerTypes'\nimport styles from './DateRangePicker.module.scss'\nimport CaretLeft from '@/assets/icons/caret-left.svg?react'\nimport CaretRight from '@/assets/icons/caret-right.svg?react'\n\nfunction dateToCalendarDate(date: Date): CalendarDate | undefined {\n  if (!(date instanceof Date) || isNaN(date.getTime())) return undefined\n\n  const dateString = [\n    String(date.getFullYear()).padStart(4, '0'),\n    String(date.getMonth() + 1).padStart(2, '0'),\n    String(date.getDate()).padStart(2, '0'),\n  ].join('-')\n\n  return parseDate(dateString)\n}\n\nfunction calendarDateToJsDate(dateValue: DateValue): Date {\n  return new Date(dateValue.year, dateValue.month - 1, dateValue.day)\n}\n\nexport const DateRangePicker = ({\n  label,\n  value,\n  onChange,\n  startDateLabel,\n  endDateLabel,\n  minValue: minDate,\n  maxValue: maxDate,\n}: DateRangePickerProps) => {\n  const startCalendar = value ? dateToCalendarDate(value.start) : undefined\n  const endCalendar = value ? dateToCalendarDate(value.end) : undefined\n\n  const ariaValue = startCalendar && endCalendar ? { start: startCalendar, end: endCalendar } : null\n\n  const minValue = minDate ? dateToCalendarDate(minDate) : undefined\n  const maxValue = maxDate ? dateToCalendarDate(maxDate) : undefined\n\n  const handleRangeChange = (range: { start: DateValue; end: DateValue } | null) => {\n    if (range) {\n      const newRange: DateRange = {\n        start: calendarDateToJsDate(range.start),\n        end: calendarDateToJsDate(range.end),\n      }\n      onChange(newRange)\n    } else {\n      onChange(null)\n    }\n  }\n\n  return (\n    <AriaDateRangePicker\n      value={ariaValue}\n      onChange={handleRangeChange}\n      minValue={minValue}\n      maxValue={maxValue}\n      aria-label={typeof label === 'string' ? label : undefined}\n      className={styles.root}\n    >\n      <RangeCalendar className={styles.rangeCalendar}>\n        <header className={styles.calendarHeader}>\n          <AriaButton slot=\"previous\" className={styles.calendarNavButton}>\n            <CaretLeft aria-hidden />\n          </AriaButton>\n          <Heading className={styles.calendarHeading} />\n          <AriaButton slot=\"next\" className={styles.calendarNavButton}>\n            <CaretRight aria-hidden />\n          </AriaButton>\n        </header>\n        <Group className={styles.dateInputGroup}>\n          <div className={styles.dateInputWrapper}>\n            <span className={styles.dateInputLabel}>{startDateLabel}</span>\n            <DateInput slot=\"start\" className={styles.dateInput} aria-label={startDateLabel}>\n              {segment => <DateSegment segment={segment} />}\n            </DateInput>\n          </div>\n          <span className={styles.rangeSeparator} aria-hidden=\"true\">\n            –\n          </span>\n          <div className={styles.dateInputWrapper}>\n            <span className={styles.dateInputLabel}>{endDateLabel}</span>\n            <DateInput slot=\"end\" className={styles.dateInput} aria-label={endDateLabel}>\n              {segment => <DateSegment segment={segment} />}\n            </DateInput>\n          </div>\n        </Group>\n        <CalendarGrid className={styles.calendarGrid}>\n          {date => <CalendarCell date={date} className={styles.calendarCell} />}\n        </CalendarGrid>\n      </RangeCalendar>\n    </AriaDateRangePicker>\n  )\n}\n"],"names":["dateToCalendarDate","date","dateString","parseDate","calendarDateToJsDate","dateValue","DateRangePicker","label","value","onChange","startDateLabel","endDateLabel","minDate","maxDate","startCalendar","endCalendar","ariaValue","minValue","maxValue","jsx","AriaDateRangePicker","range","newRange","styles","jsxs","RangeCalendar","AriaButton","CaretLeft","Heading","CaretRight","Group","DateInput","segment","DateSegment","CalendarGrid","CalendarCell"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.js","sources":["../../../../../src/components/Common/UI/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {\n  DateRangePicker as AriaDateRangePicker,\n  Button as AriaButton,\n  CalendarCell,\n  CalendarGrid,\n  DateInput,\n  DateSegment,\n  Group,\n  Heading,\n  RangeCalendar,\n  type DateValue,\n} from 'react-aria-components'\nimport { parseDate, type CalendarDate } from '@internationalized/date'\nimport type { DateRange, DateRangePickerProps } from './DateRangePickerTypes'\nimport styles from './DateRangePicker.module.scss'\nimport CaretLeft from '@/assets/icons/caret-left.svg?react'\nimport CaretRight from '@/assets/icons/caret-right.svg?react'\n\nfunction dateToCalendarDate(date: Date): CalendarDate | undefined {\n  if (!(date instanceof Date) || isNaN(date.getTime())) return undefined\n\n  const dateString = [\n    String(date.getFullYear()).padStart(4, '0'),\n    String(date.getMonth() + 1).padStart(2, '0'),\n    String(date.getDate()).padStart(2, '0'),\n  ].join('-')\n\n  return parseDate(dateString)\n}\n\nfunction calendarDateToJsDate(dateValue: DateValue): Date {\n  return new Date(dateValue.year, dateValue.month - 1, dateValue.day)\n}\n\n/**\n * Renders paired date inputs and a calendar popover for selecting a start/end date range.\n *\n * @param props - The {@link DateRangePickerProps} controlling the field's labels, selected range, and bounds.\n * @returns The rendered date range picker field.\n * @internal\n */\nexport const DateRangePicker = ({\n  label,\n  value,\n  onChange,\n  startDateLabel,\n  endDateLabel,\n  minValue: minDate,\n  maxValue: maxDate,\n}: DateRangePickerProps) => {\n  const startCalendar = value ? dateToCalendarDate(value.start) : undefined\n  const endCalendar = value ? dateToCalendarDate(value.end) : undefined\n\n  const ariaValue = startCalendar && endCalendar ? { start: startCalendar, end: endCalendar } : null\n\n  const minValue = minDate ? dateToCalendarDate(minDate) : undefined\n  const maxValue = maxDate ? dateToCalendarDate(maxDate) : undefined\n\n  const handleRangeChange = (range: { start: DateValue; end: DateValue } | null) => {\n    if (range) {\n      const newRange: DateRange = {\n        start: calendarDateToJsDate(range.start),\n        end: calendarDateToJsDate(range.end),\n      }\n      onChange(newRange)\n    } else {\n      onChange(null)\n    }\n  }\n\n  return (\n    <AriaDateRangePicker\n      value={ariaValue}\n      onChange={handleRangeChange}\n      minValue={minValue}\n      maxValue={maxValue}\n      aria-label={typeof label === 'string' ? label : undefined}\n      className={styles.root}\n    >\n      <RangeCalendar className={styles.rangeCalendar}>\n        <header className={styles.calendarHeader}>\n          <AriaButton slot=\"previous\" className={styles.calendarNavButton}>\n            <CaretLeft aria-hidden />\n          </AriaButton>\n          <Heading className={styles.calendarHeading} />\n          <AriaButton slot=\"next\" className={styles.calendarNavButton}>\n            <CaretRight aria-hidden />\n          </AriaButton>\n        </header>\n        <Group className={styles.dateInputGroup}>\n          <div className={styles.dateInputWrapper}>\n            <span className={styles.dateInputLabel}>{startDateLabel}</span>\n            <DateInput slot=\"start\" className={styles.dateInput} aria-label={startDateLabel}>\n              {segment => <DateSegment segment={segment} />}\n            </DateInput>\n          </div>\n          <span className={styles.rangeSeparator} aria-hidden=\"true\">\n            –\n          </span>\n          <div className={styles.dateInputWrapper}>\n            <span className={styles.dateInputLabel}>{endDateLabel}</span>\n            <DateInput slot=\"end\" className={styles.dateInput} aria-label={endDateLabel}>\n              {segment => <DateSegment segment={segment} />}\n            </DateInput>\n          </div>\n        </Group>\n        <CalendarGrid className={styles.calendarGrid}>\n          {date => <CalendarCell date={date} className={styles.calendarCell} />}\n        </CalendarGrid>\n      </RangeCalendar>\n    </AriaDateRangePicker>\n  )\n}\n"],"names":["dateToCalendarDate","date","dateString","parseDate","calendarDateToJsDate","dateValue","DateRangePicker","label","value","onChange","startDateLabel","endDateLabel","minDate","maxDate","startCalendar","endCalendar","ariaValue","minValue","maxValue","jsx","AriaDateRangePicker","range","newRange","styles","jsxs","RangeCalendar","AriaButton","CaretLeft","Heading","CaretRight","Group","DateInput","segment","DateSegment","CalendarGrid","CalendarCell"],"mappings":";;;;;;AAkBA,SAASA,EAAmBC,GAAsC;AAChE,MAAI,EAAEA,aAAgB,SAAS,MAAMA,EAAK,QAAA,CAAS,EAAG;AAEtD,QAAMC,IAAa;AAAA,IACjB,OAAOD,EAAK,YAAA,CAAa,EAAE,SAAS,GAAG,GAAG;AAAA,IAC1C,OAAOA,EAAK,SAAA,IAAa,CAAC,EAAE,SAAS,GAAG,GAAG;AAAA,IAC3C,OAAOA,EAAK,QAAA,CAAS,EAAE,SAAS,GAAG,GAAG;AAAA,EAAA,EACtC,KAAK,GAAG;AAEV,SAAOE,EAAUD,CAAU;AAC7B;AAEA,SAASE,EAAqBC,GAA4B;AACxD,SAAO,IAAI,KAAKA,EAAU,MAAMA,EAAU,QAAQ,GAAGA,EAAU,GAAG;AACpE;AASO,MAAMC,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAUC;AAAA,EACV,UAAUC;AACZ,MAA4B;AAC1B,QAAMC,IAAgBN,IAAQR,EAAmBQ,EAAM,KAAK,IAAI,QAC1DO,IAAcP,IAAQR,EAAmBQ,EAAM,GAAG,IAAI,QAEtDQ,IAAYF,KAAiBC,IAAc,EAAE,OAAOD,GAAe,KAAKC,MAAgB,MAExFE,IAAWL,IAAUZ,EAAmBY,CAAO,IAAI,QACnDM,IAAWL,IAAUb,EAAmBa,CAAO,IAAI;AAczD,SACE,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOJ;AAAA,MACP,UAfsB,CAACK,MAAuD;AAChF,YAAIA,GAAO;AACT,gBAAMC,IAAsB;AAAA,YAC1B,OAAOlB,EAAqBiB,EAAM,KAAK;AAAA,YACvC,KAAKjB,EAAqBiB,EAAM,GAAG;AAAA,UAAA;AAErC,UAAAZ,EAASa,CAAQ;AAAA,QACnB;AACE,UAAAb,EAAS,IAAI;AAAA,MAEjB;AAAA,MAMI,UAAAQ;AAAA,MACA,UAAAC;AAAA,MACA,cAAY,OAAOX,KAAU,WAAWA,IAAQ;AAAA,MAChD,WAAWgB,EAAO;AAAA,MAElB,UAAA,gBAAAC,EAACC,GAAA,EAAc,WAAWF,EAAO,eAC/B,UAAA;AAAA,QAAA,gBAAAC,EAAC,UAAA,EAAO,WAAWD,EAAO,gBACxB,UAAA;AAAA,UAAA,gBAAAJ,EAACO,GAAA,EAAW,MAAK,YAAW,WAAWH,EAAO,mBAC5C,UAAA,gBAAAJ,EAACQ,GAAA,EAAU,eAAW,GAAA,CAAC,EAAA,CACzB;AAAA,UACA,gBAAAR,EAACS,GAAA,EAAQ,WAAWL,EAAO,gBAAA,CAAiB;AAAA,UAC5C,gBAAAJ,EAACO,GAAA,EAAW,MAAK,QAAO,WAAWH,EAAO,mBACxC,UAAA,gBAAAJ,EAACU,GAAA,EAAW,eAAW,GAAA,CAAC,EAAA,CAC1B;AAAA,QAAA,GACF;AAAA,QACA,gBAAAL,EAACM,GAAA,EAAM,WAAWP,EAAO,gBACvB,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,kBACrB,UAAA;AAAA,YAAA,gBAAAJ,EAAC,QAAA,EAAK,WAAWI,EAAO,gBAAiB,UAAAb,GAAe;AAAA,YACxD,gBAAAS,EAACY,GAAA,EAAU,MAAK,SAAQ,WAAWR,EAAO,WAAW,cAAYb,GAC9D,UAAA,CAAAsB,MAAW,gBAAAb,EAACc,GAAA,EAAY,SAAAD,GAAkB,EAAA,CAC7C;AAAA,UAAA,GACF;AAAA,4BACC,QAAA,EAAK,WAAWT,EAAO,gBAAgB,eAAY,QAAO,UAAA,KAE3D;AAAA,UACA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,kBACrB,UAAA;AAAA,YAAA,gBAAAJ,EAAC,QAAA,EAAK,WAAWI,EAAO,gBAAiB,UAAAZ,GAAa;AAAA,YACtD,gBAAAQ,EAACY,GAAA,EAAU,MAAK,OAAM,WAAWR,EAAO,WAAW,cAAYZ,GAC5D,UAAA,CAAAqB,MAAW,gBAAAb,EAACc,GAAA,EAAY,SAAAD,GAAkB,EAAA,CAC7C;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QACA,gBAAAb,EAACe,GAAA,EAAa,WAAWX,EAAO,cAC7B,UAAA,CAAAtB,MAAQ,gBAAAkB,EAACgB,GAAA,EAAa,MAAAlC,GAAY,WAAWsB,EAAO,aAAA,CAAc,EAAA,CACrE;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/DateRangePicker/DateRangePickerTypes.d.ts

@@ -1,14 +1,55 @@
+/**
+ * Inclusive start/end pair representing a selected date range.
+ *
+ * @public
+ */
 export interface DateRange {
+    /**
+     * First date in the range, inclusive.
+     */
     start: Date;
+    /**
+     * Last date in the range, inclusive.
+     */
     end: Date;
 }
+/**
+ * Props your `DateRangePicker` implementation must accept from the component adapter.
+ * Renders a form field wrapping paired `<input type="date" />` elements for selecting an inclusive date range.
+ *
+ * @public
+ */
 export interface DateRangePickerProps {
+    /**
+     * Label text for the date range field.
+     */
     label: string;
+    /**
+     * Hides the label visually while keeping it accessible to screen readers.
+     */
     shouldVisuallyHideLabel?: boolean;
+    /**
+     * Currently selected date range, or null when nothing is selected.
+     */
     value: DateRange | null;
+    /**
+     * Callback fired when the selected range changes. Receives null when the range is cleared.
+     */
     onChange: (range: DateRange | null) => void;
+    /**
+     * Accessible label for the start-date input.
+     */
     startDateLabel: string;
+    /**
+     * Accessible label for the end-date input.
+     */
     endDateLabel: string;
+    /**
+     * Earliest selectable date. Dates before this are disabled.
+     */
     minValue?: Date;
+    /**
+     * Latest selectable date. Dates after this are disabled.
+     */
     maxValue?: Date;
 }

package/dist/components/Common/UI/DescriptionList/DescriptionList.d.ts

@@ -1,2 +1,9 @@
 import { DescriptionListProps } from './DescriptionListTypes';
-export declare function DescriptionList(rawProps: DescriptionListProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders an HTML description list (`<dl>`) of term/description pairs.
+ *
+ * @param rawProps - The {@link DescriptionListProps} containing the items to render and layout options.
+ * @returns The rendered description list.
+ * @internal
+ */
+export declare function DescriptionList(rawProps: DescriptionListProps): import("react").JSX.Element;

package/dist/components/Common/UI/DescriptionList/DescriptionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport { type DescriptionListProps, DescriptionListDefaults } from './DescriptionListTypes'\nimport styles from './DescriptionList.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function DescriptionList(rawProps: DescriptionListProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DescriptionListDefaults)\n  const { items, layout, showSeparators, className } = resolvedProps\n\n  const Components = useComponentContext()\n\n  const renderTerms = (term: ReactNode | ReactNode[]) => {\n    const terms = Array.isArray(term) ? term : [term]\n    return terms.map((t, i) => (\n      <dt key={i}>\n        <Components.Text as=\"span\" weight=\"medium\">\n          {t}\n        </Components.Text>\n      </dt>\n    ))\n  }\n\n  const renderDescriptions = (description: ReactNode | ReactNode[]) => {\n    const descriptions = Array.isArray(description) ? description : [description]\n    return descriptions.map((d, i) => (\n      <dd key={i}>\n        <Components.Text as=\"span\" variant=\"supporting\">\n          {d}\n        </Components.Text>\n      </dd>\n    ))\n  }\n\n  return (\n    <dl\n      className={classNames(styles.root, showSeparators && styles.withSeparators, className)}\n      data-layout={layout}\n    >\n      {items.map((item, index) => (\n        <div key={index} className={styles.item}>\n          {renderTerms(item.term)}\n          {renderDescriptions(item.description)}\n        </div>\n      ))}\n    </dl>\n  )\n}\n"],"names":["DescriptionList","rawProps","resolvedProps","applyMissingDefaults","DescriptionListDefaults","items","layout","showSeparators","className","Components","useComponentContext","renderTerms","term","t","i","jsx","renderDescriptions","description","d","classNames","styles","item","index","jsxs"],"mappings":";;;;;;AAOO,SAASA,EAAgBC,GAAgC;AAC9D,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAuB,GACtE,EAAE,OAAAC,GAAO,QAAAC,GAAQ,gBAAAC,GAAgB,WAAAC,MAAcN,GAE/CO,IAAaC,EAAA,GAEbC,IAAc,CAACC,OACL,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAACA,CAAI,GACnC,IAAI,CAACC,GAAGC,MACnB,gBAAAC,EAAC,QACC,UAAA,gBAAAA,EAACN,EAAW,MAAX,EAAgB,IAAG,QAAO,QAAO,UAC/B,UAAAI,EAAA,CACH,KAHOC,CAIT,CACD,GAGGE,IAAqB,CAACC,OACL,MAAM,QAAQA,CAAW,IAAIA,IAAc,CAACA,CAAW,GACxD,IAAI,CAACC,GAAGJ,MAC1B,gBAAAC,EAAC,QACC,UAAA,gBAAAA,EAACN,EAAW,MAAX,EAAgB,IAAG,QAAO,SAAQ,cAChC,UAAAS,EAAA,CACH,KAHOJ,CAIT,CACD;AAGH,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI,EAAWC,EAAO,MAAMb,KAAkBa,EAAO,gBAAgBZ,CAAS;AAAA,MACrF,eAAaF;AAAA,MAEZ,UAAAD,EAAM,IAAI,CAACgB,GAAMC,MAChB,gBAAAC,EAAC,OAAA,EAAgB,WAAWH,EAAO,MAChC,UAAA;AAAA,QAAAT,EAAYU,EAAK,IAAI;AAAA,QACrBL,EAAmBK,EAAK,WAAW;AAAA,MAAA,EAAA,GAF5BC,CAGV,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"DescriptionList.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport { type DescriptionListProps, DescriptionListDefaults } from './DescriptionListTypes'\nimport styles from './DescriptionList.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Renders an HTML description list (`<dl>`) of term/description pairs.\n *\n * @param rawProps - The {@link DescriptionListProps} containing the items to render and layout options.\n * @returns The rendered description list.\n * @internal\n */\nexport function DescriptionList(rawProps: DescriptionListProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DescriptionListDefaults)\n  const { items, layout, showSeparators, className } = resolvedProps\n\n  const Components = useComponentContext()\n\n  const renderTerms = (term: ReactNode | ReactNode[]) => {\n    const terms = Array.isArray(term) ? term : [term]\n    return terms.map((t, i) => (\n      <dt key={i}>\n        <Components.Text as=\"span\" weight=\"medium\">\n          {t}\n        </Components.Text>\n      </dt>\n    ))\n  }\n\n  const renderDescriptions = (description: ReactNode | ReactNode[]) => {\n    const descriptions = Array.isArray(description) ? description : [description]\n    return descriptions.map((d, i) => (\n      <dd key={i}>\n        <Components.Text as=\"span\" variant=\"supporting\">\n          {d}\n        </Components.Text>\n      </dd>\n    ))\n  }\n\n  return (\n    <dl\n      className={classNames(styles.root, showSeparators && styles.withSeparators, className)}\n      data-layout={layout}\n    >\n      {items.map((item, index) => (\n        <div key={index} className={styles.item}>\n          {renderTerms(item.term)}\n          {renderDescriptions(item.description)}\n        </div>\n      ))}\n    </dl>\n  )\n}\n"],"names":["DescriptionList","rawProps","resolvedProps","applyMissingDefaults","DescriptionListDefaults","items","layout","showSeparators","className","Components","useComponentContext","renderTerms","term","t","i","jsx","renderDescriptions","description","d","classNames","styles","item","index","jsxs"],"mappings":";;;;;;AAcO,SAASA,EAAgBC,GAAgC;AAC9D,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAuB,GACtE,EAAE,OAAAC,GAAO,QAAAC,GAAQ,gBAAAC,GAAgB,WAAAC,MAAcN,GAE/CO,IAAaC,EAAA,GAEbC,IAAc,CAACC,OACL,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAACA,CAAI,GACnC,IAAI,CAACC,GAAGC,MACnB,gBAAAC,EAAC,QACC,UAAA,gBAAAA,EAACN,EAAW,MAAX,EAAgB,IAAG,QAAO,QAAO,UAC/B,UAAAI,EAAA,CACH,KAHOC,CAIT,CACD,GAGGE,IAAqB,CAACC,OACL,MAAM,QAAQA,CAAW,IAAIA,IAAc,CAACA,CAAW,GACxD,IAAI,CAACC,GAAGJ,MAC1B,gBAAAC,EAAC,QACC,UAAA,gBAAAA,EAACN,EAAW,MAAX,EAAgB,IAAG,QAAO,SAAQ,cAChC,UAAAS,EAAA,CACH,KAHOJ,CAIT,CACD;AAGH,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI,EAAWC,EAAO,MAAMb,KAAkBa,EAAO,gBAAgBZ,CAAS;AAAA,MACrF,eAAaF;AAAA,MAEZ,UAAAD,EAAM,IAAI,CAACgB,GAAMC,MAChB,gBAAAC,EAAC,OAAA,EAAgB,WAAWH,EAAO,MAChC,UAAA;AAAA,QAAAT,EAAYU,EAAK,IAAI;AAAA,QACrBL,EAAmBK,EAAK,WAAW;AAAA,MAAA,EAAA,GAF5BC,CAGV,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.d.ts

@@ -1,14 +1,52 @@
 import { ReactNode } from 'react';
+/**
+ * Single term/description pair rendered as a row within a {@link DescriptionListProps | DescriptionList}.
+ *
+ * @public
+ */
 export interface DescriptionListItem {
+    /**
+     * Term content (the `<dt>`). Pass an array to render multiple `<dt>` elements for the same description.
+     */
     term: ReactNode | ReactNode[];
+    /**
+     * Description content (the `<dd>`). Pass an array to render multiple `<dd>` elements for the same term.
+     */
     description: ReactNode | ReactNode[];
 }
+/**
+ * Props your `DescriptionList` implementation must accept from the component adapter.
+ * Renders an HTML `<dl>` of term/description pairs in either a stacked or horizontal layout.
+ *
+ * @public
+ */
 export interface DescriptionListProps {
+    /**
+     * Term/description pairs to render in order.
+     */
     items: DescriptionListItem[];
+    /**
+     * Visual arrangement of each term/description pair. Defaults to `'stacked'`.
+     *
+     * @defaultValue `'stacked'`
+     */
     layout?: 'stacked' | 'horizontal';
+    /**
+     * Whether to render dividers between rows. Defaults to `true`.
+     *
+     * @defaultValue `true`
+     */
     showSeparators?: boolean;
+    /**
+     * Additional class name applied to the root `<dl>`.
+     */
     className?: string;
 }
+/**
+ * Default prop values for the DescriptionList component.
+ *
+ * @internal
+ */
 export declare const DescriptionListDefaults: {
     readonly layout: "stacked";
     readonly showSeparators: true;

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListTypes.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionListTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface DescriptionListItem {\n  term: ReactNode | ReactNode[]\n  description: ReactNode | ReactNode[]\n}\n\nexport interface DescriptionListProps {\n  items: DescriptionListItem[]\n  layout?: 'stacked' | 'horizontal'\n  showSeparators?: boolean\n  className?: string\n}\n\nexport const DescriptionListDefaults = {\n  layout: 'stacked',\n  showSeparators: true,\n} as const satisfies Partial<DescriptionListProps>\n"],"names":["DescriptionListDefaults"],"mappings":"AAcO,MAAMA,IAA0B;AAAA,EACrC,QAAQ;AAAA,EACR,gBAAgB;AAClB;"}
+{"version":3,"file":"DescriptionListTypes.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionListTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Single term/description pair rendered as a row within a {@link DescriptionListProps | DescriptionList}.\n *\n * @public\n */\nexport interface DescriptionListItem {\n  /**\n   * Term content (the `<dt>`). Pass an array to render multiple `<dt>` elements for the same description.\n   */\n  term: ReactNode | ReactNode[]\n  /**\n   * Description content (the `<dd>`). Pass an array to render multiple `<dd>` elements for the same term.\n   */\n  description: ReactNode | ReactNode[]\n}\n\n/**\n * Props your `DescriptionList` implementation must accept from the component adapter.\n * Renders an HTML `<dl>` of term/description pairs in either a stacked or horizontal layout.\n *\n * @public\n */\nexport interface DescriptionListProps {\n  /**\n   * Term/description pairs to render in order.\n   */\n  items: DescriptionListItem[]\n  /**\n   * Visual arrangement of each term/description pair. Defaults to `'stacked'`.\n   *\n   * @defaultValue `'stacked'`\n   */\n  layout?: 'stacked' | 'horizontal'\n  /**\n   * Whether to render dividers between rows. Defaults to `true`.\n   *\n   * @defaultValue `true`\n   */\n  showSeparators?: boolean\n  /**\n   * Additional class name applied to the root `<dl>`.\n   */\n  className?: string\n}\n\n/**\n * Default prop values for the DescriptionList component.\n *\n * @internal\n */\nexport const DescriptionListDefaults = {\n  layout: 'stacked',\n  showSeparators: true,\n} as const satisfies Partial<DescriptionListProps>\n"],"names":["DescriptionListDefaults"],"mappings":"AAoDO,MAAMA,IAA0B;AAAA,EACrC,QAAQ;AAAA,EACR,gBAAgB;AAClB;"}

package/dist/components/Common/UI/DescriptionList/index.d.ts

@@ -1,3 +1,2 @@
 import "./types/i18next.d.ts"
 export { DescriptionList } from './DescriptionList';
-export type { DescriptionListProps, DescriptionListItem } from './DescriptionListTypes';

package/dist/components/Common/UI/Dialog/Dialog.d.ts

@@ -1,2 +1,13 @@
 import { DialogProps } from './DialogTypes';
-export declare function Dialog(rawProps: DialogProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Modal dialog with a title, body, primary action, and close action.
+ *
+ * @remarks
+ * Renders through the ComponentsContext adapter, so partners can override the
+ * underlying `Modal` and `Button` primitives with their own design system.
+ *
+ * @param rawProps - Dialog configuration including labels, open state, and action callbacks.
+ * @returns The rendered dialog element.
+ * @internal
+ */
+export declare function Dialog(rawProps: DialogProps): import("react").JSX.Element;

package/dist/components/Common/UI/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Common/UI/Dialog/Dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Grid } from '../../Grid/Grid'\nimport { type DialogProps, DialogDefaults } from './DialogTypes'\nimport styles from './Dialog.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Dialog(rawProps: DialogProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DialogDefaults)\n  const {\n    isOpen,\n    onClose,\n    onPrimaryActionClick,\n    isDestructive,\n    isPrimaryActionLoading,\n    primaryActionLabel,\n    closeActionLabel,\n    title,\n    children,\n    shouldCloseOnBackdropClick,\n  } = resolvedProps\n\n  const Components = useComponentContext()\n\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: modalContainerRef,\n  })\n\n  const gridColumns = breakpoints.includes('small') ? ['1fr', '1fr'] : '1fr'\n\n  const handleClose = () => {\n    if (onClose) {\n      onClose()\n    }\n  }\n\n  const handlePrimaryAction = () => {\n    if (onPrimaryActionClick) {\n      onPrimaryActionClick()\n    }\n  }\n\n  const dialogContent = (\n    <>\n      {title && <div className={styles.title}>{title}</div>}\n      {children && <div className={styles.body}>{children}</div>}\n    </>\n  )\n\n  const dialogFooter = (\n    <Grid gridTemplateColumns={gridColumns} gap={12} className={styles.actions}>\n      <Components.Button variant=\"secondary\" onClick={handleClose}>\n        {closeActionLabel}\n      </Components.Button>\n      <Components.Button\n        variant={isDestructive ? 'error' : 'primary'}\n        onClick={handlePrimaryAction}\n        isLoading={isPrimaryActionLoading}\n      >\n        {primaryActionLabel}\n      </Components.Button>\n    </Grid>\n  )\n\n  return (\n    <Components.Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      shouldCloseOnBackdropClick={shouldCloseOnBackdropClick}\n      containerRef={modalContainerRef}\n      footer={dialogFooter}\n    >\n      {dialogContent}\n    </Components.Modal>\n  )\n}\n"],"names":["Dialog","rawProps","resolvedProps","applyMissingDefaults","DialogDefaults","isOpen","onClose","onPrimaryActionClick","isDestructive","isPrimaryActionLoading","primaryActionLabel","closeActionLabel","title","children","shouldCloseOnBackdropClick","Components","useComponentContext","modalContainerRef","useRef","gridColumns","useContainerBreakpoints","handleClose","handlePrimaryAction","dialogContent","jsxs","Fragment","jsx","styles","dialogFooter","Grid"],"mappings":";;;;;;;;AAQO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,4BAAAC;AAAA,EAAA,IACEZ,GAEEa,IAAaC,EAAA,GAEbC,IAAoBC,EAAuB,IAAI,GAK/CC,IAJcC,EAAwB;AAAA,IAC1C,KAAKH;AAAA,EAAA,CACN,EAE+B,SAAS,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI,OAE/DI,IAAc,MAAM;AACxB,IAAIf,KACFA,EAAA;AAAA,EAEJ,GAEMgB,IAAsB,MAAM;AAChC,IAAIf,KACFA,EAAA;AAAA,EAEJ,GAEMgB,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAb,KAAS,gBAAAc,EAAC,OAAA,EAAI,WAAWC,EAAO,OAAQ,UAAAf,GAAM;AAAA,IAC9CC,KAAY,gBAAAa,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAO,UAAAd,EAAA,CAAS;AAAA,EAAA,GACtD,GAGIe,sBACHC,GAAA,EAAK,qBAAqBV,GAAa,KAAK,IAAI,WAAWQ,EAAO,SACjE,UAAA;AAAA,IAAA,gBAAAD,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAC7C,UAAAV,GACH;AAAA,IACA,gBAAAe;AAAA,MAACX,EAAW;AAAA,MAAX;AAAA,QACC,SAASP,IAAgB,UAAU;AAAA,QACnC,SAASc;AAAA,QACT,WAAWb;AAAA,QAEV,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAGF,SACE,gBAAAgB;AAAA,IAACX,EAAW;AAAA,IAAX;AAAA,MACC,QAAAV;AAAA,MACA,SAAAC;AAAA,MACA,4BAAAQ;AAAA,MACA,cAAcG;AAAA,MACd,QAAQW;AAAA,MAEP,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Common/UI/Dialog/Dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Grid } from '../../Grid/Grid'\nimport { type DialogProps, DialogDefaults } from './DialogTypes'\nimport styles from './Dialog.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Modal dialog with a title, body, primary action, and close action.\n *\n * @remarks\n * Renders through the ComponentsContext adapter, so partners can override the\n * underlying `Modal` and `Button` primitives with their own design system.\n *\n * @param rawProps - Dialog configuration including labels, open state, and action callbacks.\n * @returns The rendered dialog element.\n * @internal\n */\nexport function Dialog(rawProps: DialogProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DialogDefaults)\n  const {\n    isOpen,\n    onClose,\n    onPrimaryActionClick,\n    isDestructive,\n    isPrimaryActionLoading,\n    primaryActionLabel,\n    closeActionLabel,\n    title,\n    children,\n    shouldCloseOnBackdropClick,\n  } = resolvedProps\n\n  const Components = useComponentContext()\n\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: modalContainerRef,\n  })\n\n  const gridColumns = breakpoints.includes('small') ? ['1fr', '1fr'] : '1fr'\n\n  const handleClose = () => {\n    if (onClose) {\n      onClose()\n    }\n  }\n\n  const handlePrimaryAction = () => {\n    if (onPrimaryActionClick) {\n      onPrimaryActionClick()\n    }\n  }\n\n  const dialogContent = (\n    <>\n      {title && <div className={styles.title}>{title}</div>}\n      {children && <div className={styles.body}>{children}</div>}\n    </>\n  )\n\n  const dialogFooter = (\n    <Grid gridTemplateColumns={gridColumns} gap={12} className={styles.actions}>\n      <Components.Button variant=\"secondary\" onClick={handleClose}>\n        {closeActionLabel}\n      </Components.Button>\n      <Components.Button\n        variant={isDestructive ? 'error' : 'primary'}\n        onClick={handlePrimaryAction}\n        isLoading={isPrimaryActionLoading}\n      >\n        {primaryActionLabel}\n      </Components.Button>\n    </Grid>\n  )\n\n  return (\n    <Components.Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      shouldCloseOnBackdropClick={shouldCloseOnBackdropClick}\n      containerRef={modalContainerRef}\n      footer={dialogFooter}\n    >\n      {dialogContent}\n    </Components.Modal>\n  )\n}\n"],"names":["Dialog","rawProps","resolvedProps","applyMissingDefaults","DialogDefaults","isOpen","onClose","onPrimaryActionClick","isDestructive","isPrimaryActionLoading","primaryActionLabel","closeActionLabel","title","children","shouldCloseOnBackdropClick","Components","useComponentContext","modalContainerRef","useRef","gridColumns","useContainerBreakpoints","handleClose","handlePrimaryAction","dialogContent","jsxs","Fragment","jsx","styles","dialogFooter","Grid"],"mappings":";;;;;;;;AAmBO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,4BAAAC;AAAA,EAAA,IACEZ,GAEEa,IAAaC,EAAA,GAEbC,IAAoBC,EAAuB,IAAI,GAK/CC,IAJcC,EAAwB;AAAA,IAC1C,KAAKH;AAAA,EAAA,CACN,EAE+B,SAAS,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI,OAE/DI,IAAc,MAAM;AACxB,IAAIf,KACFA,EAAA;AAAA,EAEJ,GAEMgB,IAAsB,MAAM;AAChC,IAAIf,KACFA,EAAA;AAAA,EAEJ,GAEMgB,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAb,KAAS,gBAAAc,EAAC,OAAA,EAAI,WAAWC,EAAO,OAAQ,UAAAf,GAAM;AAAA,IAC9CC,KAAY,gBAAAa,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAO,UAAAd,EAAA,CAAS;AAAA,EAAA,GACtD,GAGIe,sBACHC,GAAA,EAAK,qBAAqBV,GAAa,KAAK,IAAI,WAAWQ,EAAO,SACjE,UAAA;AAAA,IAAA,gBAAAD,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAC7C,UAAAV,GACH;AAAA,IACA,gBAAAe;AAAA,MAACX,EAAW;AAAA,MAAX;AAAA,QACC,SAASP,IAAgB,UAAU;AAAA,QACnC,SAASc;AAAA,QACT,WAAWb;AAAA,QAEV,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAGF,SACE,gBAAAgB;AAAA,IAACX,EAAW;AAAA,IAAX;AAAA,MACC,QAAAV;AAAA,MACA,SAAAC;AAAA,MACA,4BAAAQ;AAAA,MACA,cAAcG;AAAA,MACd,QAAQW;AAAA,MAEP,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Common/UI/Dialog/DialogTypes.d.ts

@@ -1,7 +1,14 @@
 import { ReactNode } from 'react';
+/**
+ * Props your `Dialog` implementation must accept from the component adapter.
+ * Renders a modal confirmation dialog with a primary action and a cancel action.
+ *
+ * @public
+ */
 export interface DialogProps {
     /**
      * Controls whether the dialog is open or closed
+     * @defaultValue `false`
      */
     isOpen?: boolean;
     /**
@@ -14,10 +21,12 @@ export interface DialogProps {
     onPrimaryActionClick?: () => void;
     /**
      * Whether the primary action is destructive (changes button style to error variant)
+     * @defaultValue `false`
      */
     isDestructive?: boolean;
     /**
      * Whether the primary action button is in loading state
+     * @defaultValue `false`
      */
     isPrimaryActionLoading?: boolean;
     /**
@@ -38,11 +47,14 @@ export interface DialogProps {
     children?: ReactNode;
     /**
      * Whether clicking the backdrop should close the dialog
+     * @defaultValue `false`
      */
     shouldCloseOnBackdropClick?: boolean;
 }
 /**
- * Default prop values for Dialog component.
+ * Default prop values for the Dialog component.
+ *
+ * @internal
  */
 export declare const DialogDefaults: {
     readonly isOpen: false;

package/dist/components/Common/UI/Dialog/DialogTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTypes.js","sources":["../../../../../src/components/Common/UI/Dialog/DialogTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface DialogProps {\n  /**\n   * Controls whether the dialog is open or closed\n   */\n  isOpen?: boolean\n  /**\n   * Callback function called when the dialog should be closed\n   */\n  onClose?: () => void\n  /**\n   * Callback function called when the primary action button is clicked\n   */\n  onPrimaryActionClick?: () => void\n  /**\n   * Whether the primary action is destructive (changes button style to error variant)\n   */\n  isDestructive?: boolean\n  /**\n   * Whether the primary action button is in loading state\n   */\n  isPrimaryActionLoading?: boolean\n  /**\n   * Text label for the primary action button\n   */\n  primaryActionLabel: string\n  /**\n   * Text label for the close/cancel action button\n   */\n  closeActionLabel: string\n  /**\n   * Optional title content to be displayed at the top of the dialog\n   */\n  title?: ReactNode\n  /**\n   * Optional children content to be rendered in the dialog body\n   */\n  children?: ReactNode\n  /**\n   * Whether clicking the backdrop should close the dialog\n   */\n  shouldCloseOnBackdropClick?: boolean\n}\n\n/**\n * Default prop values for Dialog component.\n */\nexport const DialogDefaults = {\n  isOpen: false,\n  isDestructive: false,\n  isPrimaryActionLoading: false,\n  shouldCloseOnBackdropClick: false,\n} as const satisfies Partial<DialogProps>\n"],"names":["DialogDefaults"],"mappings":"AAgDO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,wBAAwB;AAAA,EACxB,4BAA4B;AAC9B;"}
+{"version":3,"file":"DialogTypes.js","sources":["../../../../../src/components/Common/UI/Dialog/DialogTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Props your `Dialog` implementation must accept from the component adapter.\n * Renders a modal confirmation dialog with a primary action and a cancel action.\n *\n * @public\n */\nexport interface DialogProps {\n  /**\n   * Controls whether the dialog is open or closed\n   * @defaultValue `false`\n   */\n  isOpen?: boolean\n  /**\n   * Callback function called when the dialog should be closed\n   */\n  onClose?: () => void\n  /**\n   * Callback function called when the primary action button is clicked\n   */\n  onPrimaryActionClick?: () => void\n  /**\n   * Whether the primary action is destructive (changes button style to error variant)\n   * @defaultValue `false`\n   */\n  isDestructive?: boolean\n  /**\n   * Whether the primary action button is in loading state\n   * @defaultValue `false`\n   */\n  isPrimaryActionLoading?: boolean\n  /**\n   * Text label for the primary action button\n   */\n  primaryActionLabel: string\n  /**\n   * Text label for the close/cancel action button\n   */\n  closeActionLabel: string\n  /**\n   * Optional title content to be displayed at the top of the dialog\n   */\n  title?: ReactNode\n  /**\n   * Optional children content to be rendered in the dialog body\n   */\n  children?: ReactNode\n  /**\n   * Whether clicking the backdrop should close the dialog\n   * @defaultValue `false`\n   */\n  shouldCloseOnBackdropClick?: boolean\n}\n\n/**\n * Default prop values for the Dialog component.\n *\n * @internal\n */\nexport const DialogDefaults = {\n  isOpen: false,\n  isDestructive: false,\n  isPrimaryActionLoading: false,\n  shouldCloseOnBackdropClick: false,\n} as const satisfies Partial<DialogProps>\n"],"names":["DialogDefaults"],"mappings":"AA4DO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,wBAAwB;AAAA,EACxB,4BAA4B;AAC9B;"}

package/dist/components/Common/UI/Dialog/index.d.ts

@@ -1,4 +1,2 @@
 import "./types/i18next.d.ts"
 export { Dialog } from './Dialog';
-export type { DialogProps } from './DialogTypes';
-export { DialogDefaults } from './DialogTypes';

package/dist/components/Common/UI/FileInput/FileInput.d.ts

@@ -1,2 +1,14 @@
 import { FileInputProps } from './FileInputTypes';
-export declare function FileInput(rawProps: FileInputProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * File upload input with drag-and-drop, file type filtering, and a preview of the selected file.
+ *
+ * @remarks
+ * Renders a drop zone with click-to-upload until a file is selected, then swaps to a
+ * preview row showing the file name, size, and a remove button. Wraps `react-aria-components`'
+ * `FileTrigger` and `DropZone` to provide accessible keyboard and screen reader support.
+ *
+ * @param rawProps - File input configuration including value, change handler, accepted types, and field layout props.
+ * @returns The rendered file input element.
+ * @internal
+ */
+export declare function FileInput(rawProps: FileInputProps): import("react").JSX.Element;

package/dist/components/Common/UI/FileInput/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sources":["../../../../../src/components/Common/UI/FileInput/FileInput.tsx"],"sourcesContent":["import {\n  FileTrigger,\n  Button as AriaButton,\n  DropZone,\n  type DropItem,\n  type FileDropItem,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { FileInputProps } from './FileInputTypes'\nimport { FileInputDefaults } from './FileInputTypes'\nimport styles from './FileInput.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { Flex } from '@/components/Common/Flex'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport TrashCanIcon from '@/assets/icons/icon-trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport PdfIcon from '@/assets/icons/icon-file-pdf.svg?react'\nimport PngIcon from '@/assets/icons/icon-file-png.svg?react'\nimport JpgIcon from '@/assets/icons/icon-file-jpg.svg?react'\n\nfunction getFileIcon(mimeType: string) {\n  if (mimeType === 'application/pdf') {\n    return PdfIcon\n  }\n\n  if (mimeType === 'image/png') {\n    return PngIcon\n  }\n\n  if (mimeType === 'image/jpeg' || mimeType === 'image/jpg') {\n    return JpgIcon\n  }\n\n  return FileIcon\n}\n\nfunction isFileDropItem(item: DropItem): item is FileDropItem {\n  return item.kind === 'file'\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes === 0) return '0 Bytes'\n  const k = 1024\n  const sizes = ['Bytes', 'KB', 'MB', 'GB'] as const\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n  const size = parseFloat((bytes / Math.pow(k, i)).toFixed(0))\n  return `${size} ${sizes[i]}`\n}\n\nconst mimeToExtension: Record<string, string> = {\n  'image/jpeg': 'JPG',\n  'image/jpg': 'JPG',\n  'image/png': 'PNG',\n  'application/pdf': 'PDF',\n}\n\nfunction formatAcceptedTypes(accept: string[] | undefined): string | null {\n  if (!accept || accept.length === 0 || accept.includes('*/*')) return null\n\n  const extensions = accept\n    .map(type => {\n      if (type.startsWith('.')) {\n        return type.slice(1).toUpperCase()\n      }\n      return mimeToExtension[type]\n    })\n    .filter(Boolean)\n\n  if (extensions.length === 0) return null\n\n  const uniqueExtensions = [...new Set(extensions)]\n  return uniqueExtensions.join(', ')\n}\n\nexport function FileInput(rawProps: FileInputProps) {\n  const { t } = useTranslation('common')\n  const resolvedProps = applyMissingDefaults(rawProps, FileInputDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    onChange,\n    onBlur,\n    accept,\n    className,\n    'aria-describedby': ariaDescribedByFromProps,\n  } = resolvedProps\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleSelect = (files: FileList | null) => {\n    const file = files?.[0] ?? null\n    onChange(file)\n  }\n\n  const handleDrop = async (e: { items: DropItem[] }) => {\n    const fileItem = e.items.find(isFileDropItem)\n    if (fileItem) {\n      const file = await fileItem.getFile()\n      onChange(file)\n    }\n  }\n\n  const getDropOperation = (types: { has: (type: string) => boolean }) => {\n    const acceptedTypes = accept ?? ['*/*']\n    const hasAcceptedType = acceptedTypes.some(type => {\n      if (type === '*/*') return true\n      if (type.startsWith('.')) {\n        return types.has('application/octet-stream') || types.has('Files')\n      }\n      return types.has(type)\n    })\n    return hasAcceptedType ? 'copy' : 'cancel'\n  }\n\n  const handleRemove = () => {\n    onChange(null)\n  }\n\n  const FileTypeIcon = value ? getFileIcon(value.type) : null\n\n  return (\n    <FieldLayout\n      label={label}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel\n      withErrorIcon={false}\n    >\n      <div\n        className={styles.root}\n        data-disabled={isDisabled || undefined}\n        data-invalid={isInvalid || undefined}\n      >\n        {value ? (\n          <div\n            className={classNames(styles.filePreview, { [styles.disabled as string]: isDisabled })}\n          >\n            <Flex alignItems=\"center\" gap={12}>\n              <div className={styles.fileIcon}>\n                {FileTypeIcon && <FileTypeIcon aria-hidden=\"true\" />}\n              </div>\n              <div className={styles.fileInfo}>\n                <Flex flexDirection=\"column\" gap={0}>\n                  <span className={styles.fileName}>{value.name}</span>\n                  <span className={styles.fileSize}>{formatFileSize(value.size)}</span>\n                </Flex>\n              </div>\n              <ButtonIcon\n                aria-label={t('fileInput.removeFile')}\n                onClick={handleRemove}\n                isDisabled={isDisabled}\n              >\n                <TrashCanIcon aria-hidden=\"true\" className={styles.removeButton} />\n              </ButtonIcon>\n            </Flex>\n          </div>\n        ) : (\n          <DropZone\n            onDrop={handleDrop}\n            getDropOperation={getDropOperation}\n            className={styles.dropZone}\n          >\n            <FileTrigger onSelect={handleSelect} acceptedFileTypes={accept}>\n              <AriaButton\n                id={inputId}\n                isDisabled={isDisabled}\n                aria-describedby={ariaDescribedBy}\n                onBlur={onBlur}\n                className={styles.trigger}\n              >\n                <span className={styles.triggerContent}>\n                  <span className={styles.triggerText}>\n                    <Trans\n                      i18nKey=\"fileInput.uploadInstructions\"\n                      ns=\"common\"\n                      components={{ clickToUpload: <span className={styles.clickToUpload} /> }}\n                    />\n                  </span>\n                  {(formatAcceptedTypes(accept) || description) && (\n                    <span className={styles.hintContainer}>\n                      {formatAcceptedTypes(accept) && (\n                        <span className={styles.hint}>\n                          {t('fileInput.acceptedTypes', { types: formatAcceptedTypes(accept) })}\n                        </span>\n                      )}\n                      {description && (\n                        <span id={descriptionId} className={styles.hint}>\n                          {description}\n                        </span>\n                      )}\n                    </span>\n                  )}\n                </span>\n              </AriaButton>\n            </FileTrigger>\n          </DropZone>\n        )}\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["getFileIcon","mimeType","PdfIcon","PngIcon","JpgIcon","FileIcon","isFileDropItem","item","formatFileSize","bytes","k","sizes","i","mimeToExtension","formatAcceptedTypes","accept","extensions","type","FileInput","rawProps","t","useTranslation","resolvedProps","applyMissingDefaults","FileInputDefaults","label","description","errorMessage","isRequired","isInvalid","isDisabled","id","value","onChange","onBlur","className","ariaDescribedByFromProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleSelect","files","file","handleDrop","e","fileItem","getDropOperation","types","handleRemove","FileTypeIcon","jsx","FieldLayout","styles","classNames","jsxs","Flex","ButtonIcon","TrashCanIcon","DropZone","FileTrigger","AriaButton","Trans"],"mappings":"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"}
+{"version":3,"file":"FileInput.js","sources":["../../../../../src/components/Common/UI/FileInput/FileInput.tsx"],"sourcesContent":["import {\n  FileTrigger,\n  Button as AriaButton,\n  DropZone,\n  type DropItem,\n  type FileDropItem,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { FileInputProps } from './FileInputTypes'\nimport { FileInputDefaults } from './FileInputTypes'\nimport styles from './FileInput.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { Flex } from '@/components/Common/Flex'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport TrashCanIcon from '@/assets/icons/icon-trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport PdfIcon from '@/assets/icons/icon-file-pdf.svg?react'\nimport PngIcon from '@/assets/icons/icon-file-png.svg?react'\nimport JpgIcon from '@/assets/icons/icon-file-jpg.svg?react'\n\nfunction getFileIcon(mimeType: string) {\n  if (mimeType === 'application/pdf') {\n    return PdfIcon\n  }\n\n  if (mimeType === 'image/png') {\n    return PngIcon\n  }\n\n  if (mimeType === 'image/jpeg' || mimeType === 'image/jpg') {\n    return JpgIcon\n  }\n\n  return FileIcon\n}\n\nfunction isFileDropItem(item: DropItem): item is FileDropItem {\n  return item.kind === 'file'\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes === 0) return '0 Bytes'\n  const k = 1024\n  const sizes = ['Bytes', 'KB', 'MB', 'GB'] as const\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n  const size = parseFloat((bytes / Math.pow(k, i)).toFixed(0))\n  return `${size} ${sizes[i]}`\n}\n\nconst mimeToExtension: Record<string, string> = {\n  'image/jpeg': 'JPG',\n  'image/jpg': 'JPG',\n  'image/png': 'PNG',\n  'application/pdf': 'PDF',\n}\n\nfunction formatAcceptedTypes(accept: string[] | undefined): string | null {\n  if (!accept || accept.length === 0 || accept.includes('*/*')) return null\n\n  const extensions = accept\n    .map(type => {\n      if (type.startsWith('.')) {\n        return type.slice(1).toUpperCase()\n      }\n      return mimeToExtension[type]\n    })\n    .filter(Boolean)\n\n  if (extensions.length === 0) return null\n\n  const uniqueExtensions = [...new Set(extensions)]\n  return uniqueExtensions.join(', ')\n}\n\n/**\n * File upload input with drag-and-drop, file type filtering, and a preview of the selected file.\n *\n * @remarks\n * Renders a drop zone with click-to-upload until a file is selected, then swaps to a\n * preview row showing the file name, size, and a remove button. Wraps `react-aria-components`'\n * `FileTrigger` and `DropZone` to provide accessible keyboard and screen reader support.\n *\n * @param rawProps - File input configuration including value, change handler, accepted types, and field layout props.\n * @returns The rendered file input element.\n * @internal\n */\nexport function FileInput(rawProps: FileInputProps) {\n  const { t } = useTranslation('common')\n  const resolvedProps = applyMissingDefaults(rawProps, FileInputDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    onChange,\n    onBlur,\n    accept,\n    className,\n    'aria-describedby': ariaDescribedByFromProps,\n  } = resolvedProps\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleSelect = (files: FileList | null) => {\n    const file = files?.[0] ?? null\n    onChange(file)\n  }\n\n  const handleDrop = async (e: { items: DropItem[] }) => {\n    const fileItem = e.items.find(isFileDropItem)\n    if (fileItem) {\n      const file = await fileItem.getFile()\n      onChange(file)\n    }\n  }\n\n  const getDropOperation = (types: { has: (type: string) => boolean }) => {\n    const acceptedTypes = accept ?? ['*/*']\n    const hasAcceptedType = acceptedTypes.some(type => {\n      if (type === '*/*') return true\n      if (type.startsWith('.')) {\n        return types.has('application/octet-stream') || types.has('Files')\n      }\n      return types.has(type)\n    })\n    return hasAcceptedType ? 'copy' : 'cancel'\n  }\n\n  const handleRemove = () => {\n    onChange(null)\n  }\n\n  const FileTypeIcon = value ? getFileIcon(value.type) : null\n\n  return (\n    <FieldLayout\n      label={label}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel\n      withErrorIcon={false}\n    >\n      <div\n        className={styles.root}\n        data-disabled={isDisabled || undefined}\n        data-invalid={isInvalid || undefined}\n      >\n        {value ? (\n          <div\n            className={classNames(styles.filePreview, { [styles.disabled as string]: isDisabled })}\n          >\n            <Flex alignItems=\"center\" gap={12}>\n              <div className={styles.fileIcon}>\n                {FileTypeIcon && <FileTypeIcon aria-hidden=\"true\" />}\n              </div>\n              <div className={styles.fileInfo}>\n                <Flex flexDirection=\"column\" gap={0}>\n                  <span className={styles.fileName}>{value.name}</span>\n                  <span className={styles.fileSize}>{formatFileSize(value.size)}</span>\n                </Flex>\n              </div>\n              <ButtonIcon\n                aria-label={t('fileInput.removeFile')}\n                onClick={handleRemove}\n                isDisabled={isDisabled}\n              >\n                <TrashCanIcon aria-hidden=\"true\" className={styles.removeButton} />\n              </ButtonIcon>\n            </Flex>\n          </div>\n        ) : (\n          <DropZone\n            onDrop={handleDrop}\n            getDropOperation={getDropOperation}\n            className={styles.dropZone}\n          >\n            <FileTrigger onSelect={handleSelect} acceptedFileTypes={accept}>\n              <AriaButton\n                id={inputId}\n                isDisabled={isDisabled}\n                aria-describedby={ariaDescribedBy}\n                onBlur={onBlur}\n                className={styles.trigger}\n              >\n                <span className={styles.triggerContent}>\n                  <span className={styles.triggerText}>\n                    <Trans\n                      i18nKey=\"fileInput.uploadInstructions\"\n                      ns=\"common\"\n                      components={{ clickToUpload: <span className={styles.clickToUpload} /> }}\n                    />\n                  </span>\n                  {(formatAcceptedTypes(accept) || description) && (\n                    <span className={styles.hintContainer}>\n                      {formatAcceptedTypes(accept) && (\n                        <span className={styles.hint}>\n                          {t('fileInput.acceptedTypes', { types: formatAcceptedTypes(accept) })}\n                        </span>\n                      )}\n                      {description && (\n                        <span id={descriptionId} className={styles.hint}>\n                          {description}\n                        </span>\n                      )}\n                    </span>\n                  )}\n                </span>\n              </AriaButton>\n            </FileTrigger>\n          </DropZone>\n        )}\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["getFileIcon","mimeType","PdfIcon","PngIcon","JpgIcon","FileIcon","isFileDropItem","item","formatFileSize","bytes","k","sizes","i","mimeToExtension","formatAcceptedTypes","accept","extensions","type","FileInput","rawProps","t","useTranslation","resolvedProps","applyMissingDefaults","FileInputDefaults","label","description","errorMessage","isRequired","isInvalid","isDisabled","id","value","onChange","onBlur","className","ariaDescribedByFromProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleSelect","files","file","handleDrop","e","fileItem","getDropOperation","types","handleRemove","FileTypeIcon","jsx","FieldLayout","styles","classNames","jsxs","Flex","ButtonIcon","TrashCanIcon","DropZone","FileTrigger","AriaButton","Trans"],"mappings":"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"}