@gusto/embedded-react-sdk 0.38.0 → 0.39.0

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

@@ -0,0 +1,2 @@
+import { BoxHeaderProps } from './BoxHeaderTypes';
+export declare function BoxHeader(rawProps: BoxHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { BoxHeaderDefaults as p } from "./BoxHeaderTypes.js";
+import i from "./BoxHeader.module.scss.js";
+import { applyMissingDefaults as c } from "../../../../helpers/applyMissingDefaults.js";
+import { useComponentContext as d } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as n } from "../../Flex/Flex.js";
+function D(s) {
+  const { title: a, description: t, action: l, headingLevel: m } = c(
+    s,
+    p
+  ), o = d();
+  return /* @__PURE__ */ e("div", { className: i.root, children: /* @__PURE__ */ r(n, { flexDirection: "row", gap: 16, justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ r(n, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ e(o.Heading, { as: m, className: i.headerTitle, children: a }),
+      t && /* @__PURE__ */ e(o.Text, { as: "p", variant: "supporting", children: t })
+    ] }),
+    l
+  ] }) });
+}
+export {
+  D as BoxHeader
+};
+//# sourceMappingURL=BoxHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxHeader.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeader.tsx"],"sourcesContent":["import { type BoxHeaderProps, BoxHeaderDefaults } from './BoxHeaderTypes'\nimport styles from './BoxHeader.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex'\n\nexport function BoxHeader(rawProps: BoxHeaderProps) {\n  const { title, description, action, headingLevel } = applyMissingDefaults(\n    rawProps,\n    BoxHeaderDefaults,\n  )\n  const Components = useComponentContext()\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"row\" gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as={headingLevel!} className={styles.headerTitle}>\n            {title}\n          </Components.Heading>\n          {description && (\n            <Components.Text as=\"p\" variant=\"supporting\">\n              {description}\n            </Components.Text>\n          )}\n        </Flex>\n\n        {action}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["BoxHeader","rawProps","title","description","action","headingLevel","applyMissingDefaults","BoxHeaderDefaults","Components","useComponentContext","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAMO,SAASA,EAAUC,GAA0B;AAClD,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,cAAAC,MAAiBC;AAAA,IACnDL;AAAA,IACAM;AAAA,EAAA,GAEIC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,IAAI,gBAAe,iBAAgB,YAAW,UAC3E,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACF,EAAW,SAAX,EAAmB,IAAIH,GAAe,WAAWM,EAAO,aACtD,UAAAT,EAAA,CACH;AAAA,MACCC,uBACEK,EAAW,MAAX,EAAgB,IAAG,KAAI,SAAQ,cAC7B,UAAAL,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAECC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,8 @@
+const o = "_root_1vjsj_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=BoxHeader.module.scss.js.map

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

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

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface BoxHeaderProps {
+    title: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+export declare const BoxHeaderDefaults: {
+    readonly headingLevel: "h3";
+};

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.js

@@ -0,0 +1,7 @@
+const e = {
+  headingLevel: "h3"
+};
+export {
+  e as BoxHeaderDefaults
+};
+//# sourceMappingURL=BoxHeaderTypes.js.map

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxHeaderTypes.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeaderTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface BoxHeaderProps {\n  title: ReactNode\n  description?: ReactNode\n  action?: ReactNode\n  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport const BoxHeaderDefaults = {\n  headingLevel: 'h3',\n} as const satisfies Partial<BoxHeaderProps>\n"],"names":["BoxHeaderDefaults"],"mappings":"AASO,MAAMA,IAAoB;AAAA,EAC/B,cAAc;AAChB;"}

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { BoxHeader } from './BoxHeader';

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

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import h from "classnames";
-import { Flex as u } from "../../Flex/Flex.js";
 import { BreadcrumbsDefaults as C } from "./BreadcrumbsTypes.js";
 import i from "./Breadcrumbs.module.scss.js";
 import { applyMissingDefaults as x } from "../../../../helpers/applyMissingDefaults.js";
+import { Flex as u } from "../../Flex/Flex.js";
 function P(f) {
   const p = x(f, C), {
     className: s,

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

@@ -1,9 +1,9 @@
-const o = "_root_198v4_1", t = "_icon_198v4_25", c = {
+const o = "_root_2nfpm_1", t = "_icon_2nfpm_26", n = {
   root: o,
   icon: t
 };
 export {
-  c as default,
+  n as default,
   t as icon,
   o as root
 };

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/DatePicker/DatePicker.module.scss.js

@@ -1,14 +1,14 @@
-const o = "_container_d7y6b_1", n = "_root_d7y6b_5", t = "_popover_d7y6b_98", _ = "_icons_d7y6b_230", c = {
+const o = "_container_86rb4_1", n = "_root_86rb4_5", r = "_popover_86rb4_98", t = "_icons_86rb4_228", _ = {
   container: o,
   root: n,
-  popover: t,
-  icons: _
+  popover: r,
+  icons: t
 };
 export {
   o as container,
-  c as default,
-  _ as icons,
-  t as popover,
+  _ as default,
+  t as icons,
+  r as popover,
   n as root
 };
 //# sourceMappingURL=DatePicker.module.scss.js.map

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_q2c00_1", e = "_dateInputGroup_q2c00_5", n = "_dateInputWrapper_q2c00_13", t = "_dateInputLabel_q2c00_20", r = "_dateInput_q2c00_5", c = "_rangeSeparator_q2c00_68", d = "_rangeCalendar_q2c00_73", _ = "_calendarHeader_q2c00_83", l = "_calendarHeading_q2c00_88", o = "_calendarNavButton_q2c00_96", p = "_calendarGrid_q2c00_121", u = "_calendarCell_q2c00_160", s = {
   root: a,
   dateInputGroup: e,
   dateInputWrapper: n,
   dateInputLabel: t,
   dateInput: r,
-  rangeSeparator: d,
-  rangeCalendar: _,
-  calendarHeader: l,
-  calendarHeading: o,
-  calendarNavButton: c,
+  rangeSeparator: c,
+  rangeCalendar: d,
+  calendarHeader: _,
+  calendarHeading: l,
+  calendarNavButton: o,
   calendarGrid: p,
   calendarCell: u
 };
 export {
   u as calendarCell,
   p as calendarGrid,
-  l as calendarHeader,
-  o as calendarHeading,
-  c as calendarNavButton,
+  _ as calendarHeader,
+  l as calendarHeading,
+  o 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,
+  d as rangeCalendar,
+  c 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