@gusto/embedded-react-sdk 0.38.0-rc.1 → 0.38.0-rc.2

package/dist/components/Common/UI/Checkbox/Checkbox.js

@@ -1,70 +1,81 @@
-import { jsx as e, jsxs as D } from "react/jsx-runtime";
-import { useFieldIds as F } from "../hooks/useFieldIds.js";
-import r from "./Checkbox.module.scss.js";
-import { CheckboxDefaults as M } from "./CheckboxTypes.js";
-import { applyMissingDefaults as j } from "../../../../helpers/applyMissingDefaults.js";
-import { HorizontalFieldLayout as B } from "../../HorizontalFieldLayout/HorizontalFieldLayout.js";
-import H from "../../../../assets/icons/checkbox.svg.js";
-const W = (a) => {
-  const c = j(a, M), {
-    name: d,
-    label: t,
-    description: s,
+import { jsx as s, jsxs as D } from "react/jsx-runtime";
+import F from "classnames";
+import { useFieldIds as M } from "../hooks/useFieldIds.js";
+import e from "./Checkbox.module.scss.js";
+import { CheckboxDefaults as j } from "./CheckboxTypes.js";
+import { applyMissingDefaults as B } from "../../../../helpers/applyMissingDefaults.js";
+import { HorizontalFieldLayout as H } from "../../HorizontalFieldLayout/HorizontalFieldLayout.js";
+import L from "../../../../assets/icons/checkbox.svg.js";
+const A = (d) => {
+  const l = B(d, j), {
+    name: t,
+    label: n,
+    description: r,
     errorMessage: i,
-    isRequired: l,
-    inputRef: n,
-    value: p,
-    isInvalid: m,
-    isDisabled: h,
-    id: u,
-    onChange: b,
+    isRequired: m,
+    inputRef: p,
+    value: o,
+    isInvalid: h,
+    isDisabled: a,
+    id: b,
+    onChange: u,
     onBlur: f,
     className: k,
     shouldVisuallyHideLabel: x,
     ...g
-  } = c, { inputId: o, errorMessageId: v, descriptionId: y, ariaDescribedBy: I } = F({
-    inputId: u,
+  } = l, { inputId: c, errorMessageId: v, descriptionId: y, ariaDescribedBy: I } = M({
+    inputId: b,
     errorMessage: i,
-    description: s
+    description: r
   }), C = (N) => {
-    b?.(N.target.checked);
+    u?.(N.target.checked);
   };
-  return /* @__PURE__ */ e(
-    B,
+  return /* @__PURE__ */ s(
+    H,
     {
-      label: t,
-      description: s,
+      label: n,
+      description: r,
       errorMessage: i,
-      isRequired: l,
-      htmlFor: o,
+      isRequired: m,
+      htmlFor: c,
       errorMessageId: v,
       descriptionId: y,
       shouldVisuallyHideLabel: x,
       className: k,
       ...g,
-      children: /* @__PURE__ */ D("div", { className: r.checkboxWrapper, children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "checkbox",
-            name: d,
-            disabled: h,
-            "aria-invalid": m,
-            "aria-describedby": I,
-            checked: p,
-            id: o,
-            ref: n,
-            onBlur: f,
-            onChange: C,
-            className: r.checkboxInput
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: r.checkbox, children: /* @__PURE__ */ e(H, { className: r.check }) })
-      ] })
+      children: /* @__PURE__ */ D(
+        "div",
+        {
+          className: F(
+            e.checkboxWrapper,
+            o && e.checked,
+            a && e.disabled
+          ),
+          children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                type: "checkbox",
+                name: t,
+                disabled: a,
+                "aria-invalid": h,
+                "aria-describedby": I,
+                checked: o,
+                id: c,
+                ref: p,
+                onBlur: f,
+                onChange: C,
+                className: e.checkboxInput
+              }
+            ),
+            /* @__PURE__ */ s("div", { className: e.checkbox, children: /* @__PURE__ */ s(L, { className: e.check }) })
+          ]
+        }
+      )
     }
   );
 };
 export {
-  W as Checkbox
+  A as Checkbox
 };
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Common/UI/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Checkbox.module.scss'\nimport type { CheckboxProps } from './CheckboxTypes'\nimport { CheckboxDefaults } from './CheckboxTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\nimport IconChecked from '@/assets/icons/checkbox.svg?react'\n\nexport const Checkbox = (rawProps: CheckboxProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, CheckboxDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    value,\n    isInvalid,\n    isDisabled,\n    id,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...otherProps}\n    >\n      <div className={styles.checkboxWrapper}>\n        <input\n          type=\"checkbox\"\n          name={name}\n          disabled={isDisabled}\n          aria-invalid={isInvalid}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.checkboxInput}\n        />\n        <div className={styles.checkbox}>\n          <IconChecked className={styles.check} />\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Checkbox","rawProps","resolvedProps","applyMissingDefaults","CheckboxDefaults","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","className","shouldVisuallyHideLabel","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","IconChecked"],"mappings":";;;;;;;AASO,MAAMA,IAAW,CAACC,MAA4B;AACnD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAgB,GAC/D;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDjB,GACE,EAAE,SAAAkB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAC7D,IAAAX,IAAWW,EAAM,OAAO,OAAO;AAAA,EACjC;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAJ;AAAA,MACA,WAAAD;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAAtB;AAAA,YACA,UAAUQ;AAAA,YACV,gBAAcD;AAAA,YACd,oBAAkBW;AAAA,YAClB,SAASZ;AAAA,YACT,IAAIS;AAAA,YACJ,KAAKV;AAAA,YACL,QAAAM;AAAA,YACA,UAAUS;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpB,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,UACrB,4BAACC,GAAA,EAAY,WAAWD,EAAO,MAAA,CAAO,EAAA,CACxC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Common/UI/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Checkbox.module.scss'\nimport type { CheckboxProps } from './CheckboxTypes'\nimport { CheckboxDefaults } from './CheckboxTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\nimport IconChecked from '@/assets/icons/checkbox.svg?react'\n\nexport const Checkbox = (rawProps: CheckboxProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, CheckboxDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    value,\n    isInvalid,\n    isDisabled,\n    id,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...otherProps}\n    >\n      <div\n        className={classNames(\n          styles.checkboxWrapper,\n          value && styles.checked,\n          isDisabled && styles.disabled,\n        )}\n      >\n        <input\n          type=\"checkbox\"\n          name={name}\n          disabled={isDisabled}\n          aria-invalid={isInvalid}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.checkboxInput}\n        />\n        <div className={styles.checkbox}>\n          <IconChecked className={styles.check} />\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Checkbox","rawProps","resolvedProps","applyMissingDefaults","CheckboxDefaults","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","className","shouldVisuallyHideLabel","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","classNames","styles","IconChecked"],"mappings":";;;;;;;;AAUO,MAAMA,IAAW,CAACC,MAA4B;AACnD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAgB,GAC/D;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDjB,GACE,EAAE,SAAAkB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAC7D,IAAAX,IAAWW,EAAM,OAAO,OAAO;AAAA,EACjC;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAJ;AAAA,MACA,WAAAD;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACTC,EAAO;AAAA,YACPpB,KAASoB,EAAO;AAAA,YAChBlB,KAAckB,EAAO;AAAA,UAAA;AAAA,UAGvB,UAAA;AAAA,YAAA,gBAAAJ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAAtB;AAAA,gBACA,UAAUQ;AAAA,gBACV,gBAAcD;AAAA,gBACd,oBAAkBW;AAAA,gBAClB,SAASZ;AAAA,gBACT,IAAIS;AAAA,gBACJ,KAAKV;AAAA,gBACL,QAAAM;AAAA,gBACA,UAAUS;AAAA,gBACV,WAAWM,EAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAEpB,gBAAAJ,EAAC,OAAA,EAAI,WAAWI,EAAO,UACrB,4BAACC,GAAA,EAAY,WAAWD,EAAO,MAAA,CAAO,EAAA,CACxC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/Checkbox/Checkbox.module.scss.js

@@ -1,14 +1,18 @@
-const c = "_checkboxWrapper_19uv2_1", e = "_checkbox_19uv2_1", o = "_check_19uv2_1", h = "_checkboxInput_19uv2_29", k = {
+const c = "_checkboxWrapper_87qmz_1", e = "_checkbox_87qmz_1", _ = "_check_87qmz_1", o = "_checkboxInput_87qmz_29", h = "_checked_87qmz_45", k = "_disabled_87qmz_61", s = {
   checkboxWrapper: c,
   checkbox: e,
-  check: o,
-  checkboxInput: h
+  check: _,
+  checkboxInput: o,
+  checked: h,
+  disabled: k
 };
 export {
-  o as check,
+  _ as check,
   e as checkbox,
-  h as checkboxInput,
+  o as checkboxInput,
   c as checkboxWrapper,
-  k as default
+  h as checked,
+  s as default,
+  k as disabled
 };
 //# sourceMappingURL=Checkbox.module.scss.js.map

package/dist/components/Common/UI/Checkbox/Checkbox.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"Checkbox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -62,7 +62,7 @@ const tr = ({
             inputValue: e ?? "",
             onInputChange: (r) => c?.(r)
           } : {
-            selectedKey: e || void 0,
+            selectedKey: e || null,
             onSelectionChange: (r) => {
               r && c?.(r.toString());
             }

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  ...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) : undefined,\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={container.current}\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","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":";;;;;;;;;;;;AAsBO,MAAMA,KAAW,CAAC;AAAA,EACvB,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,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,GAEhBC,IAAQC,EAAQ,MACbjB,EAAQ,IAAI,CAAAkB,OAAW,EAAE,MAAMA,EAAO,OAAO,IAAIA,EAAO,MAAA,EAAQ,GACtE,CAAClB,CAAO,CAAC;AAEZ,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAvB;AAAA,MACA,SAASY;AAAA,MACT,cAAAjB;AAAA,MACA,gBAAAkB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAf;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAa;AAAA,MACA,WAAWiB,EAAWC,EAAO,MAAMhC,CAAS;AAAA,MAC5C,eAAe;AAAA,MAEf,UAAA,gBAAAiC;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY3B;AAAA,UACZ,oBAAkBe;AAAA,UAClB,WAAW;AAAA,UACX,YAAAlB;AAAA,UACA,WAAAC;AAAA,UACA,aAAY;AAAA,UACZ,mBAAAN;AAAA,UACC,GAAIA,IACD;AAAA,YACE,YAAYa,KAAS;AAAA,YACrB,eAAe,CAACuB,MAAqB3B,IAAW2B,CAAQ;AAAA,UAAA,IAE1D;AAAA,YACE,aAAavB,KAAyB;AAAA,YACtC,mBAAmB,CAACwB,MAAoB;AACtC,cAAIA,KAAK5B,IAAW4B,EAAI,SAAA,CAAU;AAAA,YACpC;AAAA,UAAA;AAAA,UAEN,IAAIjB;AAAA,UACJ,MAAAJ;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAc,EAACQ,KAAM,KAAKxB,GAAU,aAAAF,GAA0B,QAAAF,GAAiB,GAAGO,GAAO;AAAA,YAC3E,gBAAAa,EAACS,KACC,UAAA,gBAAAL,EAAC,OAAA,EAAI,eAAY,QAAO,WAAWD,EAAO,OACvC,UAAA;AAAA,cAAA3B,KAAa,gBAAAwB,EAACU,GAAA,EAAY,UAAU,GAAA,CAAI;AAAA,cACzC,gBAAAV,EAACW,GAAA,EAAU,OAAOvB,EAAE,mBAAmB,EAAA,CAAG;AAAA,YAAA,EAAA,CAC5C,EAAA,CACF;AAAA,YAEA,gBAAAY;AAAA,cAACY;AAAA,cAAA;AAAA,gBACC,WAAWV,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BR,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAK,EAACa,GAAA,EAAY,QAAQC,GACnB,4BAACC,GAAA,EAAQ,OAAAlB,GACN,UAAA,CAAAmB,MAAQ,gBAAAhB,EAACiB,KAA2B,UAAAD,EAAK,KAAA,GAAfA,EAAK,EAAe,GACjD,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"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  ...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={container.current}\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","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":";;;;;;;;;;;;AAsBO,MAAMA,KAAW,CAAC;AAAA,EACvB,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,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,GAEhBC,IAAQC,EAAQ,MACbjB,EAAQ,IAAI,CAAAkB,OAAW,EAAE,MAAMA,EAAO,OAAO,IAAIA,EAAO,MAAA,EAAQ,GACtE,CAAClB,CAAO,CAAC;AAEZ,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAvB;AAAA,MACA,SAASY;AAAA,MACT,cAAAjB;AAAA,MACA,gBAAAkB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAf;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAa;AAAA,MACA,WAAWiB,EAAWC,EAAO,MAAMhC,CAAS;AAAA,MAC5C,eAAe;AAAA,MAEf,UAAA,gBAAAiC;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY3B;AAAA,UACZ,oBAAkBe;AAAA,UAClB,WAAW;AAAA,UACX,YAAAlB;AAAA,UACA,WAAAC;AAAA,UACA,aAAY;AAAA,UACZ,mBAAAN;AAAA,UACC,GAAIA,IACD;AAAA,YACE,YAAYa,KAAS;AAAA,YACrB,eAAe,CAACuB,MAAqB3B,IAAW2B,CAAQ;AAAA,UAAA,IAE1D;AAAA,YACE,aAAavB,KAAyB;AAAA,YACtC,mBAAmB,CAACwB,MAAoB;AACtC,cAAIA,KAAK5B,IAAW4B,EAAI,SAAA,CAAU;AAAA,YACpC;AAAA,UAAA;AAAA,UAEN,IAAIjB;AAAA,UACJ,MAAAJ;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAc,EAACQ,KAAM,KAAKxB,GAAU,aAAAF,GAA0B,QAAAF,GAAiB,GAAGO,GAAO;AAAA,YAC3E,gBAAAa,EAACS,KACC,UAAA,gBAAAL,EAAC,OAAA,EAAI,eAAY,QAAO,WAAWD,EAAO,OACvC,UAAA;AAAA,cAAA3B,KAAa,gBAAAwB,EAACU,GAAA,EAAY,UAAU,GAAA,CAAI;AAAA,cACzC,gBAAAV,EAACW,GAAA,EAAU,OAAOvB,EAAE,mBAAmB,EAAA,CAAG;AAAA,YAAA,EAAA,CAC5C,EAAA,CACF;AAAA,YAEA,gBAAAY;AAAA,cAACY;AAAA,cAAA;AAAA,gBACC,WAAWV,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BR,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAK,EAACa,GAAA,EAAY,QAAQC,GACnB,4BAACC,GAAA,EAAQ,OAAAlB,GACN,UAAA,CAAAmB,MAAQ,gBAAAhB,EAACiB,KAA2B,UAAAD,EAAK,KAAA,GAAfA,EAAK,EAAe,GACjD,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -38,7 +38,7 @@ export interface ComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAtt
     /**
      * Currently selected value
      */
-    value?: string;
+    value?: string | null;
     /**
      * React ref for the combo box input element
      */

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

@@ -1,40 +1,40 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { DateRangePicker as I, Group as R, DateInput as p, DateSegment as u, RangeCalendar as x, Button as h, Heading as y, CalendarGrid as G, CalendarCell as j } from "react-aria-components";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { DateRangePicker as I, RangeCalendar as R, Button as h, Heading as x, Group as y, DateInput as g, DateSegment as N, CalendarGrid as G, CalendarCell as j } from "react-aria-components";
 import { parseDate as k } from "@internationalized/date";
 import a from "./DateRangePicker.module.scss.js";
 import B from "../../../../assets/icons/caret-left.svg.js";
 import H from "../../../../assets/icons/caret-right.svg.js";
-function l(n) {
+function s(n) {
   if (!(n instanceof Date) || isNaN(n.getTime())) return;
-  const r = [
+  const t = [
     String(n.getFullYear()).padStart(4, "0"),
     String(n.getMonth() + 1).padStart(2, "0"),
     String(n.getDate()).padStart(2, "0")
   ].join("-");
-  return k(r);
+  return k(t);
 }
-function g(n) {
+function f(n) {
   return new Date(n.year, n.month - 1, n.day);
 }
-const F = ({
+const J = ({
   label: n,
-  value: r,
+  value: t,
   onChange: d,
-  startDateLabel: N,
-  endDateLabel: f,
-  minValue: i,
-  maxValue: c
+  startDateLabel: i,
+  endDateLabel: c,
+  minValue: o,
+  maxValue: m
 }) => {
-  const o = r ? l(r.start) : void 0, m = r ? l(r.end) : void 0, C = o && m ? { start: o, end: m } : null, v = i ? l(i) : void 0, S = c ? l(c) : void 0;
-  return /* @__PURE__ */ s(
+  const p = t ? s(t.start) : void 0, u = t ? s(t.end) : void 0, C = p && u ? { start: p, end: u } : null, v = o ? s(o) : void 0, S = m ? s(m) : void 0;
+  return /* @__PURE__ */ e(
     I,
     {
       value: C,
-      onChange: (t) => {
-        if (t) {
+      onChange: (r) => {
+        if (r) {
           const D = {
-            start: g(t.start),
-            end: g(t.end)
+            start: f(r.start),
+            end: f(r.end)
           };
           d(D);
         } else
@@ -44,31 +44,29 @@ const F = ({
       maxValue: S,
       "aria-label": typeof n == "string" ? n : void 0,
       className: a.root,
-      children: [
-        /* @__PURE__ */ s(R, { className: a.dateInputGroup, children: [
-          /* @__PURE__ */ s("div", { className: a.dateInputWrapper, children: [
-            /* @__PURE__ */ e("span", { className: a.dateInputLabel, children: N }),
-            /* @__PURE__ */ e(p, { slot: "start", className: a.dateInput, children: (t) => /* @__PURE__ */ e(u, { segment: t }) })
+      children: /* @__PURE__ */ l(R, { className: a.rangeCalendar, children: [
+        /* @__PURE__ */ l("header", { className: a.calendarHeader, children: [
+          /* @__PURE__ */ e(h, { slot: "previous", className: a.calendarNavButton, children: /* @__PURE__ */ e(B, { "aria-hidden": !0 }) }),
+          /* @__PURE__ */ e(x, { className: a.calendarHeading }),
+          /* @__PURE__ */ e(h, { slot: "next", className: a.calendarNavButton, children: /* @__PURE__ */ e(H, { "aria-hidden": !0 }) })
+        ] }),
+        /* @__PURE__ */ l(y, { className: a.dateInputGroup, children: [
+          /* @__PURE__ */ l("div", { className: a.dateInputWrapper, children: [
+            /* @__PURE__ */ e("span", { className: a.dateInputLabel, children: i }),
+            /* @__PURE__ */ e(g, { slot: "start", className: a.dateInput, "aria-label": i, children: (r) => /* @__PURE__ */ e(N, { segment: r }) })
           ] }),
           /* @__PURE__ */ e("span", { className: a.rangeSeparator, "aria-hidden": "true", children: "–" }),
-          /* @__PURE__ */ s("div", { className: a.dateInputWrapper, children: [
-            /* @__PURE__ */ e("span", { className: a.dateInputLabel, children: f }),
-            /* @__PURE__ */ e(p, { slot: "end", className: a.dateInput, children: (t) => /* @__PURE__ */ e(u, { segment: t }) })
+          /* @__PURE__ */ l("div", { className: a.dateInputWrapper, children: [
+            /* @__PURE__ */ e("span", { className: a.dateInputLabel, children: c }),
+            /* @__PURE__ */ e(g, { slot: "end", className: a.dateInput, "aria-label": c, children: (r) => /* @__PURE__ */ e(N, { segment: r }) })
           ] })
         ] }),
-        /* @__PURE__ */ s(x, { className: a.rangeCalendar, children: [
-          /* @__PURE__ */ s("header", { className: a.calendarHeader, children: [
-            /* @__PURE__ */ e(h, { slot: "previous", className: a.calendarNavButton, children: /* @__PURE__ */ e(B, { "aria-hidden": !0 }) }),
-            /* @__PURE__ */ e(y, { className: a.calendarHeading }),
-            /* @__PURE__ */ e(h, { slot: "next", className: a.calendarNavButton, children: /* @__PURE__ */ e(H, { "aria-hidden": !0 }) })
-          ] }),
-          /* @__PURE__ */ e(G, { className: a.calendarGrid, children: (t) => /* @__PURE__ */ e(j, { date: t, className: a.calendarCell }) })
-        ] })
-      ]
+        /* @__PURE__ */ e(G, { className: a.calendarGrid, children: (r) => /* @__PURE__ */ e(j, { date: r, className: a.calendarCell }) })
+      ] })
     }
   );
 };
 export {
-  F as DateRangePicker
+  J as DateRangePicker
 };
 //# sourceMappingURL=DateRangePicker.js.map

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      <Group className={styles.dateInputGroup}>\n        <div className={styles.dateInputWrapper}>\n          <span className={styles.dateInputLabel}>{startDateLabel}</span>\n          <DateInput slot=\"start\" className={styles.dateInput}>\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}>\n            {segment => <DateSegment segment={segment} />}\n          </DateInput>\n        </div>\n      </Group>\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        <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","jsxs","AriaDateRangePicker","range","newRange","styles","Group","jsx","DateInput","segment","DateSegment","RangeCalendar","AriaButton","CaretLeft","Heading","CaretRight","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\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/DateRangePicker.module.scss.js

@@ -1,30 +1,30 @@
-const a = "_root_1ijh5_1", e = "_dateInputGroup_1ijh5_5", n = "_dateInputWrapper_1ijh5_11", t = "_dateInputLabel_1ijh5_18", r = "_dateInput_1ijh5_5", d = "_rangeSeparator_1ijh5_64", _ = "_rangeCalendar_1ijh5_69", l = "_calendarHeader_1ijh5_78", o = "_calendarHeading_1ijh5_84", c = "_calendarNavButton_1ijh5_91", p = "_calendarGrid_1ijh5_112", u = "_calendarCell_1ijh5_156", i = {
+const a = "_root_16oec_1", e = "_dateInputGroup_16oec_5", n = "_dateInputWrapper_16oec_13", t = "_dateInputLabel_16oec_20", r = "_dateInput_16oec_5", o = "_rangeSeparator_16oec_68", c = "_rangeCalendar_16oec_73", d = "_calendarHeader_16oec_83", _ = "_calendarHeading_16oec_88", l = "_calendarNavButton_16oec_96", p = "_calendarGrid_16oec_121", u = "_calendarCell_16oec_163", s = {
   root: a,
   dateInputGroup: e,
   dateInputWrapper: n,
   dateInputLabel: t,
   dateInput: r,
-  rangeSeparator: d,
-  rangeCalendar: _,
-  calendarHeader: l,
-  calendarHeading: o,
-  calendarNavButton: c,
+  rangeSeparator: o,
+  rangeCalendar: c,
+  calendarHeader: d,
+  calendarHeading: _,
+  calendarNavButton: l,
   calendarGrid: p,
   calendarCell: u
 };
 export {
   u as calendarCell,
   p as calendarGrid,
-  l as calendarHeader,
-  o as calendarHeading,
-  c as calendarNavButton,
+  d as calendarHeader,
+  _ as calendarHeading,
+  l as calendarNavButton,
   r as dateInput,
   e as dateInputGroup,
   t as dateInputLabel,
   n as dateInputWrapper,
-  i as default,
-  _ as rangeCalendar,
-  d as rangeSeparator,
+  s as default,
+  c as rangeCalendar,
+  o as rangeSeparator,
   a as root
 };
 //# sourceMappingURL=DateRangePicker.module.scss.js.map

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

@@ -1,16 +1,23 @@
-import { jsx as i, jsxs as d } from "react/jsx-runtime";
-import f from "classnames";
-import { DescriptionListDefaults as u } from "./DescriptionListTypes.js";
-import o from "./DescriptionList.module.scss.js";
-import { applyMissingDefaults as y } from "../../../../helpers/applyMissingDefaults.js";
-function j(n) {
-  const m = y(n, u), { items: c, className: a } = m, p = (r) => (Array.isArray(r) ? r : [r]).map((t, e) => /* @__PURE__ */ i("dt", { children: t }, e)), l = (r) => (Array.isArray(r) ? r : [r]).map((t, e) => /* @__PURE__ */ i("dd", { children: t }, e));
-  return /* @__PURE__ */ i("dl", { className: f(o.root, a), children: c.map((r, s) => /* @__PURE__ */ d("div", { className: o.item, children: [
-    p(r.term),
-    l(r.description)
-  ] }, s)) });
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import y from "classnames";
+import { DescriptionListDefaults as h } 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(
+    "dl",
+    {
+      className: y(i.root, p && i.withSeparators, l),
+      "data-layout": c,
+      children: m.map((r, s) => /* @__PURE__ */ u("div", { className: i.item, children: [
+        d(r.term),
+        f(r.description)
+      ] }, s))
+    }
+  );
 }
 export {
-  j as DescriptionList
+  w 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, 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 className={classNames(styles.root, className)}>\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","className","renderTerms","term","i","jsx","renderDescriptions","description","d","classNames","styles","item","index"],"mappings":";;;;;AAMO,SAASA,EAAgBC,GAAgC;AAC9D,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAuB,GACtE,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcJ,GAEvBK,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,2BACG,MAAA,EAAG,WAAWK,EAAWC,EAAO,MAAMT,CAAS,GAC7C,UAAAD,EAAM,IAAI,CAACW,GAAMC,wBACf,OAAA,EAAgB,WAAWF,EAAO,MAChC,UAAA;AAAA,IAAAR,EAAYS,EAAK,IAAI;AAAA,IACrBL,EAAmBK,EAAK,WAAW;AAAA,EAAA,KAF5BC,CAGV,CACD,GACH;AAEJ;"}
+{"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;"}

package/dist/components/Common/UI/DescriptionList/DescriptionList.module.scss.js

@@ -1,10 +1,12 @@
-const t = "_root_znlj6_1", o = "_item_znlj6_13", e = {
+const t = "_root_vzxpv_1", o = "_item_vzxpv_13", r = "_withSeparators_vzxpv_26", s = {
   root: t,
-  item: o
+  item: o,
+  withSeparators: r
 };
 export {
-  e as default,
+  s as default,
   o as item,
-  t as root
+  t as root,
+  r as withSeparators
 };
 //# sourceMappingURL=DescriptionList.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"DescriptionList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -5,6 +5,11 @@ export interface DescriptionListItem {
 }
 export interface DescriptionListProps {
     items: DescriptionListItem[];
+    layout?: 'stacked' | 'horizontal';
+    showSeparators?: boolean;
     className?: string;
 }
-export declare const DescriptionListDefaults: {};
+export declare const DescriptionListDefaults: {
+    readonly layout: "stacked";
+    readonly showSeparators: true;
+};

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

@@ -1,4 +1,7 @@
-const t = {};
+const t = {
+  layout: "stacked",
+  showSeparators: !0
+};
 export {
   t as DescriptionListDefaults
 };

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  className?: string\n}\n\nexport const DescriptionListDefaults = {} as const satisfies Partial<DescriptionListProps>\n"],"names":["DescriptionListDefaults"],"mappings":"AAYO,MAAMA,IAA0B,CAAA;"}
+{"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;"}

package/dist/components/Common/UI/Heading/Heading.module.scss.js

@@ -1,23 +1,23 @@
-const t = "_root_8h5ym_1", _ = "_h1_8h5ym_7", h = "_h2_8h5ym_11", n = "_h3_8h5ym_14", e = "_h4_8h5ym_17", o = "_h5_8h5ym_20", s = "_h6_8h5ym_23", y = {
+const t = "_root_1as7b_1", _ = "_h1_1as7b_7", s = "_h2_1as7b_11", h = "_h3_1as7b_14", n = "_h4_1as7b_17", e = "_h5_1as7b_20", o = "_h6_1as7b_23", a = {
   root: t,
   h1: _,
-  h2: h,
-  h3: n,
-  h4: e,
-  h5: o,
-  h6: s,
-  "textAlign-start": "_textAlign-start_8h5ym_26",
-  "textAlign-center": "_textAlign-center_8h5ym_29",
-  "textAlign-end": "_textAlign-end_8h5ym_32"
+  h2: s,
+  h3: h,
+  h4: n,
+  h5: e,
+  h6: o,
+  "textAlign-start": "_textAlign-start_1as7b_26",
+  "textAlign-center": "_textAlign-center_1as7b_29",
+  "textAlign-end": "_textAlign-end_1as7b_32"
 };
 export {
-  y as default,
+  a as default,
   _ as h1,
-  h as h2,
-  n as h3,
-  e as h4,
-  o as h5,
-  s as h6,
+  s as h2,
+  h as h3,
+  n as h4,
+  e as h5,
+  o as h6,
   t as root
 };
 //# sourceMappingURL=Heading.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../src/components/Common/UI/Input/Input.tsx"],"sourcesContent":["import { Input as AriaInput } from 'react-aria-components'\nimport classNames from 'classnames'\nimport styles from './Input.module.scss'\nimport type { InputProps } from './InputTypes'\nimport { InputDefaults } from './InputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function Input(rawProps: InputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, InputDefaults)\n  const {\n    className,\n    adornmentStart,\n    adornmentEnd,\n    inputRef,\n    isDisabled,\n    'aria-invalid': ariaInvalid,\n    ...otherProps\n  } = resolvedProps\n  return (\n    <div\n      className={classNames(\n        styles.container,\n        {\n          [styles.hasAdornmentStart as string]: !!adornmentStart,\n          [styles.hasAdornmentEnd as string]: !!adornmentEnd,\n        },\n        className,\n      )}\n      data-disabled={isDisabled}\n    >\n      {adornmentStart && <div className={styles.adornmentStart}>{adornmentStart}</div>}\n      <div className={styles.inputContainer}>\n        <AriaInput\n          ref={inputRef}\n          disabled={isDisabled}\n          aria-invalid={ariaInvalid}\n          {...otherProps}\n        />\n        <div className={styles.invalidIcon}>\n          <AlertCircle fontSize={16} />\n        </div>\n      </div>\n      {adornmentEnd && <div className={styles.adornmentEnd}>{adornmentEnd}</div>}\n    </div>\n  )\n}\n"],"names":["Input","rawProps","resolvedProps","applyMissingDefaults","InputDefaults","className","adornmentStart","adornmentEnd","inputRef","isDisabled","ariaInvalid","otherProps","jsxs","classNames","styles","jsx","AriaInput","AlertCircle"],"mappings":";;;;;;;AAQO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D;AAAA,IACJ,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,IACDT;AACJ,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,iBAA2B,GAAG,CAAC,CAACR;AAAA,UACxC,CAACQ,EAAO,eAAyB,GAAG,CAAC,CAACP;AAAA,QAAA;AAAA,QAExCF;AAAA,MAAA;AAAA,MAEF,iBAAeI;AAAA,MAEd,UAAA;AAAA,QAAAH,KAAkB,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAiB,UAAAR,GAAe;AAAA,QAC1E,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,KAAKR;AAAA,cACL,UAAUC;AAAA,cACV,gBAAcC;AAAA,cACb,GAAGC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAI,EAAC,SAAI,WAAWD,EAAO,aACrB,UAAA,gBAAAC,EAACE,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,QAAA,GACF;AAAA,QACCV,KAAgB,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,cAAe,UAAAP,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1E;"}
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/Common/UI/Input/Input.tsx"],"sourcesContent":["import { Input as AriaInput } from 'react-aria-components'\nimport classNames from 'classnames'\nimport styles from './Input.module.scss'\nimport type { InputProps } from './InputTypes'\nimport { InputDefaults } from './InputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function Input(rawProps: InputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, InputDefaults)\n  const {\n    className,\n    adornmentStart,\n    adornmentEnd,\n    inputRef,\n    isDisabled,\n    'aria-invalid': ariaInvalid,\n    ...otherProps\n  } = resolvedProps\n\n  return (\n    <div\n      className={classNames(\n        styles.container,\n        {\n          [styles.hasAdornmentStart as string]: !!adornmentStart,\n          [styles.hasAdornmentEnd as string]: !!adornmentEnd,\n        },\n        className,\n      )}\n      data-disabled={isDisabled}\n    >\n      {adornmentStart && <div className={styles.adornmentStart}>{adornmentStart}</div>}\n      <div className={styles.inputContainer}>\n        <AriaInput\n          ref={inputRef}\n          disabled={isDisabled}\n          aria-invalid={ariaInvalid}\n          {...otherProps}\n        />\n        <div className={styles.invalidIcon}>\n          <AlertCircle fontSize={16} />\n        </div>\n      </div>\n      {adornmentEnd && <div className={styles.adornmentEnd}>{adornmentEnd}</div>}\n    </div>\n  )\n}\n"],"names":["Input","rawProps","resolvedProps","applyMissingDefaults","InputDefaults","className","adornmentStart","adornmentEnd","inputRef","isDisabled","ariaInvalid","otherProps","jsxs","classNames","styles","jsx","AriaInput","AlertCircle"],"mappings":";;;;;;;AAQO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D;AAAA,IACJ,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,IACDT;AAEJ,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,iBAA2B,GAAG,CAAC,CAACR;AAAA,UACxC,CAACQ,EAAO,eAAyB,GAAG,CAAC,CAACP;AAAA,QAAA;AAAA,QAExCF;AAAA,MAAA;AAAA,MAEF,iBAAeI;AAAA,MAEd,UAAA;AAAA,QAAAH,KAAkB,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAiB,UAAAR,GAAe;AAAA,QAC1E,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,KAAKR;AAAA,cACL,UAAUC;AAAA,cACV,gBAAcC;AAAA,cACb,GAAGC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAI,EAAC,SAAI,WAAWD,EAAO,aACrB,UAAA,gBAAAC,EAACE,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,QAAA,GACF;AAAA,QACCV,KAAgB,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,cAAe,UAAAP,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1E;"}

package/dist/components/Common/UI/RadioGroup/RadioGroupTypes.d.ts

@@ -34,7 +34,7 @@ export interface RadioGroupProps extends SharedFieldLayoutProps, Pick<FieldsetHT
     /**
      * Currently selected value
      */
-    value?: string;
+    value?: string | null;
     /**
      * Initially selected value
      */