@gusto/embedded-react-sdk 0.46.2 → 0.47.0

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupStateContext,\n  type CheckboxGroupRenderProps,\n} from 'react-aria-components'\nimport { useCheckboxGroupItem } from 'react-aria'\nimport type { AriaCheckboxProps } from 'react-aria'\nimport type React from 'react'\nimport { Checkbox } from '../Checkbox'\nimport styles from './CheckboxGroup.module.scss'\nimport type { CheckboxGroupProps } from './CheckboxGroupTypes'\nimport { CheckboxGroupDefaults } from './CheckboxGroupTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Checkbox implementation specific to React Aria to get our checkbox to connect\n// to their CheckboxGroup component\ninterface ReactAriaCheckboxProps extends Omit<AriaCheckboxProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: CheckboxGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaCheckbox({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaCheckboxProps) {\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const { inputProps, isSelected, isDisabled, isInvalid } = useCheckboxGroupItem(\n    {\n      ...props,\n      value,\n      // Hack to suppress aria-label warning from React Aria. We don't actually\n      // use children for the mapping of our checkbox to React Aria and we already\n      // configure a label for our checkboxes.\n      children: ' ',\n      isRequired: false,\n    },\n    groupState,\n    internalInputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.addValue(value)\n    } else {\n      groupState.removeValue(value)\n    }\n  }\n\n  return (\n    <Checkbox\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaCheckboxWrapper(props: Omit<ReactAriaCheckboxProps, 'groupState'>) {\n  const groupState = useContext(CheckboxGroupStateContext)\n  // We can't render hooks conditionally so we have to use useCheckboxGroupItem above but\n  // groupState is only defined if the component is rendered within a CheckboxGroup\n  // This wrapper component gets around that by checking if groupState is defined which\n  // should always be the case for us since this component is only used within a CheckboxGroup\n  return groupState ? <ReactAriaCheckbox groupState={groupState} {...props} /> : null\n}\n\nexport function CheckboxGroup(rawProps: CheckboxGroupProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, CheckboxGroupDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    options,\n    shouldVisuallyHideLabel,\n    value,\n    onChange,\n    className,\n    inputRef,\n    ...otherProps\n  } = resolvedProps\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...otherProps}\n    >\n      <AriaCheckboxGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled, description }, index) => (\n          <ReactAriaCheckboxWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaCheckboxGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaCheckbox","label","description","value","groupState","inputRefFromProps","props","internalInputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","isInvalid","useCheckboxGroupItem","jsx","Checkbox","checked","ReactAriaCheckboxWrapper","useContext","CheckboxGroupStateContext","CheckboxGroup","rawProps","resolvedProps","applyMissingDefaults","CheckboxGroupDefaults","errorMessage","isRequired","options","shouldVisuallyHideLabel","onChange","className","inputRef","otherProps","Fieldset","classNames","styles","AriaCheckboxGroup","index"],"mappings":";;;;;;;;;;;AA6BA,SAASA,EAAkB;AAAA,EACzB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAA2B;AACzB,QAAMC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWL,GAAmBE,CAAgB,GAE/D,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,GAAY,WAAAC,MAAcC;AAAA,IACxD;AAAA,MACE,GAAGT;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEdC;AAAA,IACAG;AAAA,EAAA;AAWF,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAhB;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,WAAAC;AAAA,MACA,aAAAZ;AAAA,MACA,UAfiB,CAACgB,MAAqB;AACzC,QAAIA,IACFd,EAAW,SAASD,CAAK,IAEzBC,EAAW,YAAYD,CAAK;AAAA,MAEhC;AAAA,MAUI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAASQ,EAAyBb,GAAmD;AACnF,QAAMF,IAAagB,EAAWC,CAAyB;AAKvD,SAAOjB,IAAa,gBAAAY,EAAChB,GAAA,EAAkB,YAAAI,GAAyB,GAAGE,GAAO,IAAK;AACjF;AAEO,SAASgB,EAAcC,GAA8B;AAC1D,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAqB,GACpE;AAAA,IACJ,OAAAzB;AAAA,IACA,aAAAC;AAAA,IACA,cAAAyB;AAAA,IACA,YAAAC;AAAA,IACA,WAAAd;AAAA,IACA,YAAAD;AAAA,IACA,SAAAgB;AAAA,IACA,yBAAAC;AAAA,IACA,OAAA3B;AAAA,IACA,UAAA4B;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDV;AACJ,SACE,gBAAAR;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,QAAQlC;AAAA,MACR,aAAAC;AAAA,MACA,cAAAyB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BE;AAAA,MAC1B,WAAWM,EAAWC,EAAO,MAAML,CAAS;AAAA,MAC3C,GAAGE;AAAA,MAEJ,UAAA,gBAAAlB;AAAA,QAACsB;AAAAA,QAAA;AAAA,UACC,WAAAxB;AAAA,UACA,YAAAc;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAAzB;AAAA,UACA,UAAA4B;AAAA,UACA,YAAAlB;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAAgB,EAAQ,IAAI,CAAC,EAAE,OAAA1B,GAAO,OAAAF,GAAO,YAAAY,GAAY,aAAAX,EAAAA,GAAeqC,MACvD,gBAAAvB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYN;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUsC,MAAU,IAAIN,IAAW;AAAA,YAAA;AAAA,YAJ9B9B;AAAAA,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupStateContext,\n  type CheckboxGroupRenderProps,\n} from 'react-aria-components'\nimport { useCheckboxGroupItem } from 'react-aria'\nimport type { AriaCheckboxProps } from 'react-aria'\nimport type React from 'react'\nimport { Checkbox } from '../Checkbox'\nimport styles from './CheckboxGroup.module.scss'\nimport type { CheckboxGroupProps } from './CheckboxGroupTypes'\nimport { CheckboxGroupDefaults } from './CheckboxGroupTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Checkbox implementation specific to React Aria to get our checkbox to connect\n// to their CheckboxGroup component\ninterface ReactAriaCheckboxProps extends Omit<AriaCheckboxProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: CheckboxGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaCheckbox({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaCheckboxProps) {\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const { inputProps, isSelected, isDisabled, isInvalid } = useCheckboxGroupItem(\n    {\n      ...props,\n      value,\n      // Hack to suppress aria-label warning from React Aria. We don't actually\n      // use children for the mapping of our checkbox to React Aria and we already\n      // configure a label for our checkboxes.\n      children: ' ',\n      isRequired: false,\n    },\n    groupState,\n    internalInputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.addValue(value)\n    } else {\n      groupState.removeValue(value)\n    }\n  }\n\n  return (\n    <Checkbox\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaCheckboxWrapper(props: Omit<ReactAriaCheckboxProps, 'groupState'>) {\n  const groupState = useContext(CheckboxGroupStateContext)\n  // We can't render hooks conditionally so we have to use useCheckboxGroupItem above but\n  // groupState is only defined if the component is rendered within a CheckboxGroup\n  // This wrapper component gets around that by checking if groupState is defined which\n  // should always be the case for us since this component is only used within a CheckboxGroup\n  return groupState ? <ReactAriaCheckbox groupState={groupState} {...props} /> : null\n}\n\n/**\n * Renders a group of related checkboxes that share a single label, description, and error state.\n *\n * @param rawProps - The {@link CheckboxGroupProps} controlling the group's label, options, and selected values.\n * @returns The rendered checkbox group as a fieldset.\n * @internal\n */\nexport function CheckboxGroup(rawProps: CheckboxGroupProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, CheckboxGroupDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    options,\n    shouldVisuallyHideLabel,\n    value,\n    onChange,\n    className,\n    inputRef,\n    ...otherProps\n  } = resolvedProps\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...otherProps}\n    >\n      <AriaCheckboxGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled, description }, index) => (\n          <ReactAriaCheckboxWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaCheckboxGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaCheckbox","label","description","value","groupState","inputRefFromProps","props","internalInputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","isInvalid","useCheckboxGroupItem","jsx","Checkbox","checked","ReactAriaCheckboxWrapper","useContext","CheckboxGroupStateContext","CheckboxGroup","rawProps","resolvedProps","applyMissingDefaults","CheckboxGroupDefaults","errorMessage","isRequired","options","shouldVisuallyHideLabel","onChange","className","inputRef","otherProps","Fieldset","classNames","styles","AriaCheckboxGroup","index"],"mappings":";;;;;;;;;;;AA6BA,SAASA,EAAkB;AAAA,EACzB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAA2B;AACzB,QAAMC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWL,GAAmBE,CAAgB,GAE/D,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,GAAY,WAAAC,MAAcC;AAAA,IACxD;AAAA,MACE,GAAGT;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEdC;AAAA,IACAG;AAAA,EAAA;AAWF,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAhB;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,WAAAC;AAAA,MACA,aAAAZ;AAAA,MACA,UAfiB,CAACgB,MAAqB;AACzC,QAAIA,IACFd,EAAW,SAASD,CAAK,IAEzBC,EAAW,YAAYD,CAAK;AAAA,MAEhC;AAAA,MAUI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAASQ,EAAyBb,GAAmD;AACnF,QAAMF,IAAagB,EAAWC,CAAyB;AAKvD,SAAOjB,IAAa,gBAAAY,EAAChB,GAAA,EAAkB,YAAAI,GAAyB,GAAGE,GAAO,IAAK;AACjF;AASO,SAASgB,EAAcC,GAA8B;AAC1D,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAqB,GACpE;AAAA,IACJ,OAAAzB;AAAA,IACA,aAAAC;AAAA,IACA,cAAAyB;AAAA,IACA,YAAAC;AAAA,IACA,WAAAd;AAAA,IACA,YAAAD;AAAA,IACA,SAAAgB;AAAA,IACA,yBAAAC;AAAA,IACA,OAAA3B;AAAA,IACA,UAAA4B;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDV;AACJ,SACE,gBAAAR;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,QAAQlC;AAAA,MACR,aAAAC;AAAA,MACA,cAAAyB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BE;AAAA,MAC1B,WAAWM,EAAWC,EAAO,MAAML,CAAS;AAAA,MAC3C,GAAGE;AAAA,MAEJ,UAAA,gBAAAlB;AAAA,QAACsB;AAAAA,QAAA;AAAA,UACC,WAAAxB;AAAA,UACA,YAAAc;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAAzB;AAAA,UACA,UAAA4B;AAAA,UACA,YAAAlB;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAAgB,EAAQ,IAAI,CAAC,EAAE,OAAA1B,GAAO,OAAAF,GAAO,YAAAY,GAAY,aAAAX,EAAAA,GAAeqC,MACvD,gBAAAvB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYN;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUsC,MAAU,IAAIN,IAAW;AAAA,YAAA;AAAA,YAJ9B9B;AAAAA,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

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":";;;;;;;;;;;;;;;;AA4BA,SAASA,EAAmBC,GAAsC;AAChE,MAAI,EAAEA,aAAgB,SAAS,MAAMA,EAAK,QAAA,CAAS;AACjD;AAIF,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,EAAwBC,GAA0C;AACzE,SAAKA,IAEQ,IAAI;AAAA,IACfA,EAAU;AAAA,IACVA,EAAU,QAAQ;AAAA;AAAA,IAClBA,EAAU;AAAA,EAAA,IALW;AASzB;AAEO,MAAMC,KAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASpB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GACK,EAAE,WAAAuB,EAAA,IAAcC,EAAA,GAIhBC,IAAgBf,IAAQgB,GAAuBhB,CAAK,IAAI,IACxDiB,IAAgBF,IAAgB9B,EAAU8B,CAAa,IAAI,MAG3DG,IAAWhB,IAAUpB,EAAmBoB,CAAO,IAAI,QACnDiB,IAAWhB,IAAUrB,EAAmBqB,CAAO,IAAI,QACnDiB,IAAoBhB,IACtB,CAACjB,MAAyB;AACxB,UAAMkC,IAASnC,EAAwBC,CAAS;AAChD,WAAOkC,IAASjB,EAAeiB,CAAM,IAAI;AAAA,EAC3C,IACA,QAGEC,IAAe,CAACnC,MAAgC;AACpD,IAAIW,KACFA,EAASZ,EAAwBC,CAAS,CAAC;AAAA,EAE/C;AAEA,SACE,gBAAAoC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA3B;AAAA,MACA,SAASW;AAAA,MACT,cAAAjB;AAAA,MACA,gBAAAkB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAd;AAAA,MACA,aAAAN;AAAA,MACA,WAAWmC,EAAWC,EAAO,MAAMrC,CAAS;AAAA,MAC5C,eAAe;AAAA,MAEf,UAAA,gBAAAkC,EAAC,OAAA,EAAI,WAAWG,EAAO,WACrB,UAAA,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY/B;AAAA,UACZ,oBAAkBc;AAAA,UAClB,IAAIH;AAAA,UACJ,YAAAd;AAAA,UACA,WAAAC;AAAA,UACA,OAAOsB;AAAA,UACP,UAAUK;AAAA,UACV,UAAAJ;AAAA,UACA,UAAAC;AAAA,UACA,mBAAAC;AAAA,UACC,GAAGf;AAAA,UAEJ,UAAA;AAAA,YAAA,gBAAAsB,EAACE,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAN,EAACO,KAAU,KAAKrC,GAAW,iBAAW,gBAAA8B,EAACQ,GAAA,EAAY,SAAAC,GAAkB,EAAA,CAAG;AAAA,cAExE,gBAAAL,EAAC,OAAA,EAAI,WAAWD,EAAO,OACpB,UAAA;AAAA,gBAAA/B,KAAa,gBAAA4B,EAACU,IAAA,EAAY,eAAY,QAAO,UAAU,IAAI;AAAA,gBAC5D,gBAAAV,EAACW,KAAO,QAAAnC,GACN,UAAA,gBAAAwB,EAACY,KAAU,OAAO7B,EAAE,qBAAqB,EAAA,CAAG,EAAA,CAC9C;AAAA,cAAA,EAAA,CACF;AAAA,YAAA,GACF;AAAA,YACA,gBAAAiB;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BzB,KAAmBY,EAAU,WAAW;AAAA,gBAElE,UAAA,gBAAAU,EAACc,GAAA,EACC,UAAA,gBAAAV,EAACW,GAAA,EACC,UAAA;AAAA,kBAAA,gBAAAX,EAAC,UAAA,EACC,UAAA;AAAA,oBAAA,gBAAAJ,EAACW,GAAA,EAAO,MAAK,YACX,UAAA,gBAAAX,EAACgB,MAAU,OAAOjC,EAAE,qBAAqB,EAAA,CAAG,EAAA,CAC9C;AAAA,sCACCkC,GAAA,EAAQ;AAAA,oBACT,gBAAAjB,EAACW,GAAA,EAAO,MAAK,QACX,UAAA,gBAAAX,EAACkB,MAAW,OAAOnC,EAAE,iBAAiB,EAAA,CAAG,EAAA,CAC3C;AAAA,kBAAA,GACF;AAAA,oCACCoC,GAAA,EAAc,UAAA,CAAA3D,MAAQ,gBAAAwC,EAACoB,GAAA,EAAa,MAAA5D,GAAY,EAAA,CAAG;AAAA,gBAAA,EAAA,CACtD,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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":";;;;;;;;;;;;;;;;AA4BA,SAASA,EAAmBC,GAAsC;AAChE,MAAI,EAAEA,aAAgB,SAAS,MAAMA,EAAK,QAAA,CAAS;AACjD;AAIF,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,EAAwBC,GAA0C;AACzE,SAAKA,IAEQ,IAAI;AAAA,IACfA,EAAU;AAAA,IACVA,EAAU,QAAQ;AAAA;AAAA,IAClBA,EAAU;AAAA,EAAA,IALW;AASzB;AASO,MAAMC,KAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASpB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GACK,EAAE,WAAAuB,EAAA,IAAcC,EAAA,GAIhBC,IAAgBf,IAAQgB,GAAuBhB,CAAK,IAAI,IACxDiB,IAAgBF,IAAgB9B,EAAU8B,CAAa,IAAI,MAG3DG,IAAWhB,IAAUpB,EAAmBoB,CAAO,IAAI,QACnDiB,IAAWhB,IAAUrB,EAAmBqB,CAAO,IAAI,QACnDiB,IAAoBhB,IACtB,CAACjB,MAAyB;AACxB,UAAMkC,IAASnC,EAAwBC,CAAS;AAChD,WAAOkC,IAASjB,EAAeiB,CAAM,IAAI;AAAA,EAC3C,IACA,QAGEC,IAAe,CAACnC,MAAgC;AACpD,IAAIW,KACFA,EAASZ,EAAwBC,CAAS,CAAC;AAAA,EAE/C;AAEA,SACE,gBAAAoC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA3B;AAAA,MACA,SAASW;AAAA,MACT,cAAAjB;AAAA,MACA,gBAAAkB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAd;AAAA,MACA,aAAAN;AAAA,MACA,WAAWmC,EAAWC,EAAO,MAAMrC,CAAS;AAAA,MAC5C,eAAe;AAAA,MAEf,UAAA,gBAAAkC,EAAC,OAAA,EAAI,WAAWG,EAAO,WACrB,UAAA,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY/B;AAAA,UACZ,oBAAkBc;AAAA,UAClB,IAAIH;AAAA,UACJ,YAAAd;AAAA,UACA,WAAAC;AAAA,UACA,OAAOsB;AAAA,UACP,UAAUK;AAAA,UACV,UAAAJ;AAAA,UACA,UAAAC;AAAA,UACA,mBAAAC;AAAA,UACC,GAAGf;AAAA,UAEJ,UAAA;AAAA,YAAA,gBAAAsB,EAACE,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAN,EAACO,KAAU,KAAKrC,GAAW,iBAAW,gBAAA8B,EAACQ,GAAA,EAAY,SAAAC,GAAkB,EAAA,CAAG;AAAA,cAExE,gBAAAL,EAAC,OAAA,EAAI,WAAWD,EAAO,OACpB,UAAA;AAAA,gBAAA/B,KAAa,gBAAA4B,EAACU,IAAA,EAAY,eAAY,QAAO,UAAU,IAAI;AAAA,gBAC5D,gBAAAV,EAACW,KAAO,QAAAnC,GACN,UAAA,gBAAAwB,EAACY,KAAU,OAAO7B,EAAE,qBAAqB,EAAA,CAAG,EAAA,CAC9C;AAAA,cAAA,EAAA,CACF;AAAA,YAAA,GACF;AAAA,YACA,gBAAAiB;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BzB,KAAmBY,EAAU,WAAW;AAAA,gBAElE,UAAA,gBAAAU,EAACc,GAAA,EACC,UAAA,gBAAAV,EAACW,GAAA,EACC,UAAA;AAAA,kBAAA,gBAAAX,EAAC,UAAA,EACC,UAAA;AAAA,oBAAA,gBAAAJ,EAACW,GAAA,EAAO,MAAK,YACX,UAAA,gBAAAX,EAACgB,MAAU,OAAOjC,EAAE,qBAAqB,EAAA,CAAG,EAAA,CAC9C;AAAA,sCACCkC,GAAA,EAAQ;AAAA,oBACT,gBAAAjB,EAACW,GAAA,EAAO,MAAK,QACX,UAAA,gBAAAX,EAACkB,MAAW,OAAOnC,EAAE,iBAAiB,EAAA,CAAG,EAAA,CAC3C;AAAA,kBAAA,GACF;AAAA,oCACCoC,GAAA,EAAc,UAAA,CAAA3D,MAAQ,gBAAAwC,EAACoB,GAAA,EAAa,MAAA5D,GAAY,EAAA,CAAG;AAAA,gBAAA,EAAA,CACtD,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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":"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"}

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

@@ -1,23 +1,24 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import y from "classnames";
-import { DescriptionListDefaults as h } from "./DescriptionListTypes.js";
+import { DescriptionListDefaults as x } from "./DescriptionListTypes.js";
 import i from "./DescriptionList.module.scss.js";
 import { applyMissingDefaults as D } from "../../../../helpers/applyMissingDefaults.js";
-function w(a) {
-  const n = D(a, h), { items: m, layout: c, showSeparators: p, className: l } = n, d = (r) => (Array.isArray(r) ? r : [r]).map((t, o) => /* @__PURE__ */ e("dt", { children: t }, o)), f = (r) => (Array.isArray(r) ? r : [r]).map((t, o) => /* @__PURE__ */ e("dd", { children: t }, o));
-  return /* @__PURE__ */ e(
+import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function j(a) {
+  const m = D(a, x), { items: p, layout: c, showSeparators: l, className: d } = m, n = A(), u = (r) => (Array.isArray(r) ? r : [r]).map((e, o) => /* @__PURE__ */ s("dt", { children: /* @__PURE__ */ s(n.Text, { as: "span", weight: "medium", children: e }) }, o)), f = (r) => (Array.isArray(r) ? r : [r]).map((e, o) => /* @__PURE__ */ s("dd", { children: /* @__PURE__ */ s(n.Text, { as: "span", variant: "supporting", children: e }) }, o));
+  return /* @__PURE__ */ s(
     "dl",
     {
-      className: y(i.root, p && i.withSeparators, l),
+      className: y(i.root, l && i.withSeparators, d),
       "data-layout": c,
-      children: m.map((r, s) => /* @__PURE__ */ u("div", { className: i.item, children: [
-        d(r.term),
+      children: p.map((r, t) => /* @__PURE__ */ h("div", { className: i.item, children: [
+        u(r.term),
         f(r.description)
-      ] }, s))
+      ] }, t))
     }
   );
 }
 export {
-  w as DescriptionList
+  j as DescriptionList
 };
 //# sourceMappingURL=DescriptionList.js.map

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'\n\nexport function DescriptionList(rawProps: DescriptionListProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DescriptionListDefaults)\n  const { items, layout, showSeparators, className } = resolvedProps\n\n  const renderTerms = (term: ReactNode | ReactNode[]) => {\n    const terms = Array.isArray(term) ? term : [term]\n    return terms.map((t, i) => <dt key={i}>{t}</dt>)\n  }\n\n  const renderDescriptions = (description: ReactNode | ReactNode[]) => {\n    const descriptions = Array.isArray(description) ? description : [description]\n    return descriptions.map((d, i) => <dd key={i}>{d}</dd>)\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","renderTerms","term","i","jsx","renderDescriptions","description","d","classNames","styles","item","index","jsxs"],"mappings":";;;;;AAMO,SAASA,EAAgBC,GAAgC;AAC9D,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAuB,GACtE,EAAE,OAAAC,GAAO,QAAAC,GAAQ,gBAAAC,GAAgB,WAAAC,MAAcN,GAE/CO,IAAc,CAACC,OACL,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAACA,CAAI,GACnC,IAAI,CAAC,GAAGC,MAAM,gBAAAC,EAAC,MAAA,EAAY,UAAA,EAAA,GAAJD,CAAM,CAAK,GAG3CE,IAAqB,CAACC,OACL,MAAM,QAAQA,CAAW,IAAIA,IAAc,CAACA,CAAW,GACxD,IAAI,CAACC,GAAGJ,MAAM,gBAAAC,EAAC,MAAA,EAAY,UAAAG,EAAA,GAAJJ,CAAM,CAAK;AAGxD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI,EAAWC,EAAO,MAAMV,KAAkBU,EAAO,gBAAgBT,CAAS;AAAA,MACrF,eAAaF;AAAA,MAEZ,UAAAD,EAAM,IAAI,CAACa,GAAMC,MAChB,gBAAAC,EAAC,OAAA,EAAgB,WAAWH,EAAO,MAChC,UAAA;AAAA,QAAAR,EAAYS,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/DescriptionList.module.scss.js

@@ -1,12 +1,12 @@
-const t = "_root_1jqpk_1", o = "_item_1jqpk_4", r = "_withSeparators_1jqpk_29", s = {
+const t = "_root_17ept_1", o = "_item_17ept_4", e = "_withSeparators_17ept_23", r = {
   root: t,
   item: o,
-  withSeparators: r
+  withSeparators: e
 };
 export {
-  s as default,
+  r as default,
   o as item,
   t as root,
-  r as withSeparators
+  e as withSeparators
 };
 //# sourceMappingURL=DescriptionList.module.scss.js.map

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';