@gusto/embedded-react-sdk 0.38.0 → 0.39.0

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/FileInput/FileInput.js

@@ -7,13 +7,13 @@ import { FileInputDefaults as K } from "./FileInputTypes.js";
 import n from "./FileInput.module.scss.js";
 import { applyMissingDefaults as L } from "../../../../helpers/applyMissingDefaults.js";
 import { FieldLayout as O } from "../../FieldLayout/FieldLayout.js";
-import { Flex as y } from "../../Flex/Flex.js";
 import { ButtonIcon as R } from "../Button/ButtonIcon.js";
 import W from "../../../../assets/icons/icon-trashcan.svg.js";
 import Z from "../../../../assets/icons/icon-file-outline.svg.js";
 import $ from "../../../../assets/icons/icon-file-pdf.svg.js";
 import H from "../../../../assets/icons/icon-file-png.svg.js";
 import V from "../../../../assets/icons/icon-file-jpg.svg.js";
+import { Flex as y } from "../../Flex/Flex.js";
 function Q(i) {
   return i === "application/pdf" ? $ : i === "image/png" ? H : i === "image/jpeg" || i === "image/jpg" ? V : Z;
 }

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

@@ -1,12 +1,12 @@
-const o = "_root_1t1om_1", t = "_menuItem_1t1om_13", n = "_menuIcon_1t1om_44", e = {
+const o = "_root_1wkci_1", n = "_menuItem_1wkci_10", t = "_menuIcon_1wkci_49", e = {
   root: o,
-  menuItem: t,
-  menuIcon: n
+  menuItem: n,
+  menuIcon: t
 };
 export {
   e as default,
-  n as menuIcon,
-  t as menuItem,
+  t as menuIcon,
+  n as menuItem,
   o as root
 };
 //# sourceMappingURL=Menu.module.scss.js.map

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

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import c from "classnames";
-import { Flex as n } from "../../Flex/Flex.js";
-import p from "./ProgressBar.module.scss.js";
+import n from "./ProgressBar.module.scss.js";
+import { Flex as p } from "../../Flex/Flex.js";
 import { VisuallyHidden as d } from "../../VisuallyHidden/VisuallyHidden.js";
 function y({
   className: i,
@@ -13,9 +13,9 @@ function y({
   const s = Math.max(1, Math.min(m, e)), l = {
     "--g-progress-bar-width": `${s * 100 / e}%`
   };
-  return /* @__PURE__ */ t(n, { flexDirection: "column", children: [
+  return /* @__PURE__ */ t(p, { flexDirection: "column", children: [
     o && /* @__PURE__ */ r(o, {}),
-    /* @__PURE__ */ r("div", { className: c(p.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
+    /* @__PURE__ */ r("div", { className: c(n.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
   ] });
 }
 export {

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
      */

package/dist/components/Common/UI/RadioGroup/RadioGroupTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupTypes.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface RadioGroupOption {\n  /**\n   * Label text or content for the radio option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific radio option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the radio option\n   */\n  description?: React.ReactNode\n}\n\nexport interface RadioGroupProps\n  extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all radio options in the group\n   */\n  isDisabled?: boolean\n  /**\n   * Array of radio options to display\n   */\n  options: Array<RadioGroupOption>\n  /**\n   * Currently selected value\n   */\n  value?: string\n  /**\n   * Initially selected value\n   */\n  defaultValue?: string\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * React ref for the first radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for RadioGroup component.\n */\nexport const RadioGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<RadioGroupProps>\n"],"names":["RadioGroupDefaults"],"mappings":"AAyDO,MAAMA,IAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}
+{"version":3,"file":"RadioGroupTypes.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface RadioGroupOption {\n  /**\n   * Label text or content for the radio option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific radio option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the radio option\n   */\n  description?: React.ReactNode\n}\n\nexport interface RadioGroupProps\n  extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all radio options in the group\n   */\n  isDisabled?: boolean\n  /**\n   * Array of radio options to display\n   */\n  options: Array<RadioGroupOption>\n  /**\n   * Currently selected value\n   */\n  value?: string | null\n  /**\n   * Initially selected value\n   */\n  defaultValue?: string\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * React ref for the first radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for RadioGroup component.\n */\nexport const RadioGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<RadioGroupProps>\n"],"names":["RadioGroupDefaults"],"mappings":"AAyDO,MAAMA,IAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}

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

@@ -12,62 +12,62 @@ import { useTheme as q } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
 const te = ({
   description: i,
-  errorMessage: a,
-  id: f,
-  isDisabled: u,
-  isInvalid: m,
+  errorMessage: n,
+  id: u,
+  isDisabled: f,
+  isInvalid: a,
   isRequired: h,
-  label: n,
+  label: m,
   onChange: S,
-  onBlur: v,
+  onBlur: x,
   options: s,
   placeholder: c,
   value: l,
-  shouldVisuallyHideLabel: x,
-  name: I,
-  className: g,
+  shouldVisuallyHideLabel: I,
+  name: g,
+  className: v,
   inputRef: B,
   portalContainer: C,
   ...N
 }) => {
   const { t: b } = K(), { container: y } = q(), { inputId: d, errorMessageId: L, descriptionId: w, ariaDescribedBy: A } = U({
-    inputId: f,
-    errorMessage: a,
+    inputId: u,
+    errorMessage: n,
     description: i
   }), F = M(() => s.map((e) => ({ name: e.label, id: e.value })), [s]);
   return /* @__PURE__ */ r(
     V,
     {
-      label: n,
+      label: m,
       htmlFor: d,
-      errorMessage: a,
+      errorMessage: n,
       errorMessageId: L,
       descriptionId: w,
       isRequired: h,
       description: i,
-      shouldVisuallyHideLabel: x,
-      className: p(o.root, "react-aria-CustomSelect", g),
+      shouldVisuallyHideLabel: I,
+      className: p(o.root, "react-aria-CustomSelect", v),
       withErrorIcon: !1,
       ...N,
       children: /* @__PURE__ */ t(
         j,
         {
-          "aria-label": n,
-          isDisabled: u,
-          isInvalid: m,
+          "aria-label": m,
+          isDisabled: f,
+          isInvalid: a,
           onSelectionChange: (e) => {
             e && S?.(e.toString());
           },
-          onBlur: v,
+          onBlur: x,
           id: d,
-          selectedKey: l || void 0,
+          selectedKey: l || null,
           "aria-describedby": A,
-          name: I,
+          name: g,
           children: [
             /* @__PURE__ */ t(D, { ref: B, children: [
               /* @__PURE__ */ r(E, { children: ({ defaultChildren: e, isPlaceholder: T }) => T && c ? c : e }),
               /* @__PURE__ */ t("div", { className: o.icons, "aria-hidden": "true", children: [
-                m && /* @__PURE__ */ r($, { fontSize: 16 }),
+                a && /* @__PURE__ */ r($, { fontSize: 16 }),
                 /* @__PURE__ */ r(_, { title: b("icons.selectArrow") })
               ] })
             ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../src/components/Common/UI/Select/Select.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  Select as AriaSelect,\n  Button,\n  ListBox,\n  ListBoxItem,\n  Popover,\n  SelectValue,\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 './Select.module.scss'\nimport type { SelectProps } from './SelectTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport const Select = ({\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  shouldVisuallyHideLabel,\n  name,\n  className,\n  inputRef,\n  portalContainer,\n  ...props\n}: SelectProps) => {\n  const { t } = useTranslation()\n  const { container } = useTheme()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const items = useMemo(() => {\n    return options.map(o => ({ name: o.label, id: o.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, 'react-aria-CustomSelect', className)}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaSelect\n        aria-label={label}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        onSelectionChange={key => {\n          if (key) {\n            onChange?.(key.toString())\n          }\n        }}\n        onBlur={onBlur}\n        id={inputId}\n        selectedKey={value ? (value as Key) : undefined}\n        aria-describedby={ariaDescribedBy}\n        name={name}\n      >\n        <Button ref={inputRef}>\n          <SelectValue>\n            {({ defaultChildren, isPlaceholder }) => {\n              return isPlaceholder && placeholder ? placeholder : defaultChildren\n            }}\n          </SelectValue>\n          <div className={styles.icons} aria-hidden=\"true\">\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={portalContainer || container.current}\n          maxHeight={320}\n        >\n          <ListBox items={items}>\n            {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    </FieldLayout>\n  )\n}\n"],"names":["Select","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","shouldVisuallyHideLabel","name","className","inputRef","portalContainer","props","t","useTranslation","container","useTheme","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","items","useMemo","o","jsx","FieldLayout","classNames","styles","jsxs","AriaSelect","key","Button","SelectValue","defaultChildren","isPlaceholder","AlertCircle","CaretDown","Popover","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAoBO,MAAMA,KAAS,CAAC;AAAA,EACrB,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,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACjB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASxB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK2B,IAAQC,EAAQ,MACbnB,EAAQ,IAAI,CAAAoB,OAAM,EAAE,MAAMA,EAAE,OAAO,IAAIA,EAAE,MAAA,EAAQ,GACvD,CAACpB,CAAO,CAAC;AAEZ,SACE,gBAAAqB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAzB;AAAA,MACA,SAASgB;AAAA,MACT,cAAArB;AAAA,MACA,gBAAAsB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAnB;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAY;AAAA,MACA,WAAWoB,EAAWC,EAAO,MAAM,2BAA2BnB,CAAS;AAAA,MACvE,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAiB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY7B;AAAA,UACZ,YAAAH;AAAA,UACA,WAAAC;AAAA,UACA,mBAAmB,CAAAgC,MAAO;AACxB,YAAIA,KACF7B,IAAW6B,EAAI,UAAU;AAAA,UAE7B;AAAA,UACA,QAAA5B;AAAA,UACA,IAAIc;AAAA,UACJ,aAAaX,KAAyB;AAAA,UACtC,oBAAkBc;AAAA,UAClB,MAAAZ;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAqB,EAACG,GAAA,EAAO,KAAKtB,GACX,UAAA;AAAA,cAAA,gBAAAe,EAACQ,GAAA,EACE,UAAA,CAAC,EAAE,iBAAAC,GAAiB,eAAAC,QACZA,KAAiB9B,IAAcA,IAAc6B,GAExD;AAAA,gCACC,OAAA,EAAI,WAAWN,EAAO,OAAO,eAAY,QACvC,UAAA;AAAA,gBAAA7B,KAAa,gBAAA0B,EAACW,GAAA,EAAY,UAAU,GAAA,CAAI;AAAA,gBACzC,gBAAAX,EAACY,GAAA,EAAU,OAAOxB,EAAE,mBAAmB,EAAA,CAAG;AAAA,cAAA,EAAA,CAC5C;AAAA,YAAA,GACF;AAAA,YACA,gBAAAY;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BjB,KAAmBI,EAAU;AAAA,gBACvD,WAAW;AAAA,gBAEX,UAAA,gBAAAU,EAACc,GAAA,EAAQ,OAAAjB,GACN,UAAA,CAAAkB,MAAQ,gBAAAf,EAACgB,KAA2B,UAAAD,EAAK,KAAA,GAAfA,EAAK,EAAe,EAAA,CACjD;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Select.js","sources":["../../../../../src/components/Common/UI/Select/Select.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  Select as AriaSelect,\n  Button,\n  ListBox,\n  ListBoxItem,\n  Popover,\n  SelectValue,\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 './Select.module.scss'\nimport type { SelectProps } from './SelectTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport const Select = ({\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  shouldVisuallyHideLabel,\n  name,\n  className,\n  inputRef,\n  portalContainer,\n  ...props\n}: SelectProps) => {\n  const { t } = useTranslation()\n  const { container } = useTheme()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const items = useMemo(() => {\n    return options.map(o => ({ name: o.label, id: o.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, 'react-aria-CustomSelect', className)}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaSelect\n        aria-label={label}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        onSelectionChange={key => {\n          if (key) {\n            onChange?.(key.toString())\n          }\n        }}\n        onBlur={onBlur}\n        id={inputId}\n        selectedKey={value ? (value as Key) : null}\n        aria-describedby={ariaDescribedBy}\n        name={name}\n      >\n        <Button ref={inputRef}>\n          <SelectValue>\n            {({ defaultChildren, isPlaceholder }) => {\n              return isPlaceholder && placeholder ? placeholder : defaultChildren\n            }}\n          </SelectValue>\n          <div className={styles.icons} aria-hidden=\"true\">\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={portalContainer || container.current}\n          maxHeight={320}\n        >\n          <ListBox items={items}>\n            {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    </FieldLayout>\n  )\n}\n"],"names":["Select","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","shouldVisuallyHideLabel","name","className","inputRef","portalContainer","props","t","useTranslation","container","useTheme","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","items","useMemo","o","jsx","FieldLayout","classNames","styles","jsxs","AriaSelect","key","Button","SelectValue","defaultChildren","isPlaceholder","AlertCircle","CaretDown","Popover","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAoBO,MAAMA,KAAS,CAAC;AAAA,EACrB,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,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACjB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASxB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK2B,IAAQC,EAAQ,MACbnB,EAAQ,IAAI,CAAAoB,OAAM,EAAE,MAAMA,EAAE,OAAO,IAAIA,EAAE,MAAA,EAAQ,GACvD,CAACpB,CAAO,CAAC;AAEZ,SACE,gBAAAqB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAzB;AAAA,MACA,SAASgB;AAAA,MACT,cAAArB;AAAA,MACA,gBAAAsB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAnB;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAY;AAAA,MACA,WAAWoB,EAAWC,EAAO,MAAM,2BAA2BnB,CAAS;AAAA,MACvE,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAiB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY7B;AAAA,UACZ,YAAAH;AAAA,UACA,WAAAC;AAAA,UACA,mBAAmB,CAAAgC,MAAO;AACxB,YAAIA,KACF7B,IAAW6B,EAAI,UAAU;AAAA,UAE7B;AAAA,UACA,QAAA5B;AAAA,UACA,IAAIc;AAAA,UACJ,aAAaX,KAAyB;AAAA,UACtC,oBAAkBc;AAAA,UAClB,MAAAZ;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAqB,EAACG,GAAA,EAAO,KAAKtB,GACX,UAAA;AAAA,cAAA,gBAAAe,EAACQ,GAAA,EACE,UAAA,CAAC,EAAE,iBAAAC,GAAiB,eAAAC,QACZA,KAAiB9B,IAAcA,IAAc6B,GAExD;AAAA,gCACC,OAAA,EAAI,WAAWN,EAAO,OAAO,eAAY,QACvC,UAAA;AAAA,gBAAA7B,KAAa,gBAAA0B,EAACW,GAAA,EAAY,UAAU,GAAA,CAAI;AAAA,gBACzC,gBAAAX,EAACY,GAAA,EAAU,OAAOxB,EAAE,mBAAmB,EAAA,CAAG;AAAA,cAAA,EAAA,CAC5C;AAAA,YAAA,GACF;AAAA,YACA,gBAAAY;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BjB,KAAmBI,EAAU;AAAA,gBACvD,WAAW;AAAA,gBAEX,UAAA,gBAAAU,EAACc,GAAA,EAAQ,OAAAjB,GACN,UAAA,CAAAkB,MAAQ,gBAAAf,EAACgB,KAA2B,UAAAD,EAAK,KAAA,GAAfA,EAAK,EAAe,EAAA,CACjD;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/Select/SelectTypes.d.ts

@@ -42,7 +42,7 @@ export interface SelectProps extends SharedFieldLayoutProps, Pick<SelectHTMLAttr
     /**
      * Currently selected value
      */
-    value?: string;
+    value?: string | null;
     /**
      * React ref for the select button element
      */

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

@@ -1,17 +1,17 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { Table as y, TableHeader as T, Row as t, Column as v, TableBody as k, Cell as s } from "react-aria-components";
-import x from "classnames";
-import { Text as i } from "../Text/Text.js";
-import { TableDefaults as z } from "./TableTypes.js";
-import C from "./Table.module.scss.js";
-import { applyMissingDefaults as N } from "../../../../helpers/applyMissingDefaults.js";
+import { Table as y, TableHeader as T, Row as i, Column as x, TableBody as k, Cell as t } from "react-aria-components";
+import v from "classnames";
+import { Text as s } from "../Text/Text.js";
+import { TableDefaults as w } from "./TableTypes.js";
+import z from "./Table.module.scss.js";
+import { applyMissingDefaults as C } from "../../../../helpers/applyMissingDefaults.js";
 function M(p) {
-  const h = N(p, z), { className: f, headers: l, rows: o, footer: n, emptyState: c, variant: g, hasCheckboxColumn: b, ...u } = h;
-  return /* @__PURE__ */ e("div", { className: C.root, "data-variant": g, children: /* @__PURE__ */ m(y, { ...u, className: x("react-aria-Table", f), children: [
-    /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(t, { children: l.map((a, r) => /* @__PURE__ */ e(v, { isRowHeader: r === 0, children: /* @__PURE__ */ e(i, { as: "span", weight: "semibold", size: "xs", children: a.content }) }, a.key)) }) }),
+  const h = C(p, w), { className: f, headers: o, rows: l, footer: n, emptyState: c, isWithinBox: g, hasCheckboxColumn: b, ...u } = h;
+  return /* @__PURE__ */ e("div", { className: z.root, "data-within-box": g || void 0, children: /* @__PURE__ */ m(y, { ...u, className: v("react-aria-Table", f), children: [
+    /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(i, { children: o.map((a, r) => /* @__PURE__ */ e(x, { isRowHeader: r === 0, children: /* @__PURE__ */ e(s, { as: "span", weight: "semibold", size: "xs", children: a.content }) }, a.key)) }) }),
     /* @__PURE__ */ m(k, { children: [
-      o.length === 0 && c ? /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(s, { colSpan: l.length, children: c }) }) : o.map((a) => /* @__PURE__ */ e(t, { children: a.data.map((r, d) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
-        i,
+      l.length === 0 && c ? /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { colSpan: o.length, children: c }) }) : l.map((a) => /* @__PURE__ */ e(i, { children: a.data.map((r, d) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
+        s,
         {
           as: "span",
           variant: b ? d === 1 ? "leading" : "supporting" : d === 0 ? "leading" : "supporting",
@@ -19,7 +19,7 @@ function M(p) {
           children: r.content
         }
       ) }, r.key)) }, a.key)),
-      n && n.length > 0 && /* @__PURE__ */ e(t, { "data-footer": "true", children: n.length === 1 && n[0] ? /* @__PURE__ */ e(s, { colSpan: l.length, children: /* @__PURE__ */ e(i, { as: "span", variant: "leading", size: "sm", children: n[0].content }) }, n[0].key) : n.map((a) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(i, { as: "span", variant: "leading", size: "sm", children: a.content }) }, a.key)) }, "table-footer")
+      n && n.length > 0 && /* @__PURE__ */ e(i, { "data-footer": "true", children: n.length === 1 && n[0] ? /* @__PURE__ */ e(t, { colSpan: o.length, children: /* @__PURE__ */ e(s, { as: "span", variant: "leading", size: "sm", children: n[0].content }) }, n[0].key) : n.map((a) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(s, { as: "span", variant: "leading", size: "sm", children: a.content }) }, a.key)) }, "table-footer")
     ] })
   ] }) });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/Common/UI/Table/Table.tsx"],"sourcesContent":["import {\n  Table as AriaTable,\n  TableHeader as AriaTableHeader,\n  TableBody as AriaTableBody,\n  Row,\n  Column,\n  Cell,\n} from 'react-aria-components'\nimport classnames from 'classnames'\nimport { Text } from '../Text/Text'\nimport type { TableProps } from './TableTypes'\nimport { TableDefaults } from './TableTypes'\nimport styles from './Table.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function Table(rawProps: TableProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TableDefaults)\n  const { className, headers, rows, footer, emptyState, variant, hasCheckboxColumn, ...props } =\n    resolvedProps\n  return (\n    <div className={styles.root} data-variant={variant}>\n      <AriaTable {...props} className={classnames('react-aria-Table', className)}>\n        <AriaTableHeader>\n          <Row>\n            {headers.map((header, index) => (\n              <Column key={header.key} isRowHeader={index === 0}>\n                <Text as=\"span\" weight=\"semibold\" size=\"xs\">\n                  {header.content}\n                </Text>\n              </Column>\n            ))}\n          </Row>\n        </AriaTableHeader>\n        <AriaTableBody>\n          {rows.length === 0 && emptyState ? (\n            <Row>\n              <Cell colSpan={headers.length}>{emptyState}</Cell>\n            </Row>\n          ) : (\n            rows.map(row => (\n              <Row key={row.key}>\n                {row.data.map((cell, index) => (\n                  <Cell key={cell.key}>\n                    <Text\n                      as=\"span\"\n                      variant={\n                        hasCheckboxColumn\n                          ? index === 1\n                            ? 'leading'\n                            : 'supporting'\n                          : index === 0\n                            ? 'leading'\n                            : 'supporting'\n                      }\n                      size=\"sm\"\n                    >\n                      {cell.content}\n                    </Text>\n                  </Cell>\n                ))}\n              </Row>\n            ))\n          )}\n          {footer && footer.length > 0 && (\n            <Row key=\"table-footer\" data-footer=\"true\">\n              {footer.length === 1 && footer[0] ? (\n                <Cell key={footer[0].key} colSpan={headers.length}>\n                  <Text as=\"span\" variant=\"leading\" size=\"sm\">\n                    {footer[0].content}\n                  </Text>\n                </Cell>\n              ) : (\n                footer.map(cell => (\n                  <Cell key={cell.key}>\n                    <Text as=\"span\" variant=\"leading\" size=\"sm\">\n                      {cell.content}\n                    </Text>\n                  </Cell>\n                ))\n              )}\n            </Row>\n          )}\n        </AriaTableBody>\n      </AriaTable>\n    </div>\n  )\n}\n"],"names":["Table","rawProps","resolvedProps","applyMissingDefaults","TableDefaults","className","headers","rows","footer","emptyState","variant","hasCheckboxColumn","props","jsx","styles","jsxs","AriaTable","classnames","AriaTableHeader","Row","header","index","Column","Text","AriaTableBody","Cell","row","cell"],"mappings":";;;;;;;AAeO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,YAAAC,GAAY,SAAAC,GAAS,mBAAAC,GAAmB,GAAGC,EAAA,IACnFV;AACF,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAM,gBAAcJ,GACzC,UAAA,gBAAAK,EAACC,GAAA,EAAW,GAAGJ,GAAO,WAAWK,EAAW,oBAAoBZ,CAAS,GACvE,UAAA;AAAA,IAAA,gBAAAQ,EAACK,GAAA,EACC,UAAA,gBAAAL,EAACM,GAAA,EACE,UAAAb,EAAQ,IAAI,CAACc,GAAQC,MACpB,gBAAAR,EAACS,GAAA,EAAwB,aAAaD,MAAU,GAC9C,UAAA,gBAAAR,EAACU,GAAA,EAAK,IAAG,QAAO,QAAO,YAAW,MAAK,MACpC,UAAAH,EAAO,QAAA,CACV,EAAA,GAHWA,EAAO,GAIpB,CACD,EAAA,CACH,GACF;AAAA,sBACCI,GAAA,EACE,UAAA;AAAA,MAAAjB,EAAK,WAAW,KAAKE,IACpB,gBAAAI,EAACM,GAAA,EACC,4BAACM,GAAA,EAAK,SAASnB,EAAQ,QAAS,UAAAG,EAAA,CAAW,EAAA,CAC7C,IAEAF,EAAK,IAAI,CAAAmB,MACP,gBAAAb,EAACM,GAAA,EACE,UAAAO,EAAI,KAAK,IAAI,CAACC,GAAMN,MACnB,gBAAAR,EAACY,GAAA,EACC,UAAA,gBAAAZ;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SACEZ,IACIU,MAAU,IACR,YACA,eACFA,MAAU,IACR,YACA;AAAA,UAER,MAAK;AAAA,UAEJ,UAAAM,EAAK;AAAA,QAAA;AAAA,MAAA,KAdCA,EAAK,GAgBhB,CACD,EAAA,GAnBOD,EAAI,GAoBd,CACD;AAAA,MAEFlB,KAAUA,EAAO,SAAS,KACzB,gBAAAK,EAACM,GAAA,EAAuB,eAAY,QACjC,UAAAX,EAAO,WAAW,KAAKA,EAAO,CAAC,IAC9B,gBAAAK,EAACY,GAAA,EAAyB,SAASnB,EAAQ,QACzC,UAAA,gBAAAO,EAACU,GAAA,EAAK,IAAG,QAAO,SAAQ,WAAU,MAAK,MACpC,UAAAf,EAAO,CAAC,EAAE,QAAA,CACb,EAAA,GAHSA,EAAO,CAAC,EAAE,GAIrB,IAEAA,EAAO,IAAI,CAAAmB,MACT,gBAAAd,EAACY,GAAA,EACC,UAAA,gBAAAZ,EAACU,GAAA,EAAK,IAAG,QAAO,SAAQ,WAAU,MAAK,MACpC,UAAAI,EAAK,QAAA,CACR,EAAA,GAHSA,EAAK,GAIhB,CACD,EAAA,GAdI,cAgBT;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/Common/UI/Table/Table.tsx"],"sourcesContent":["import {\n  Table as AriaTable,\n  TableHeader as AriaTableHeader,\n  TableBody as AriaTableBody,\n  Row,\n  Column,\n  Cell,\n} from 'react-aria-components'\nimport classnames from 'classnames'\nimport { Text } from '../Text/Text'\nimport type { TableProps } from './TableTypes'\nimport { TableDefaults } from './TableTypes'\nimport styles from './Table.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function Table(rawProps: TableProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TableDefaults)\n  const { className, headers, rows, footer, emptyState, isWithinBox, hasCheckboxColumn, ...props } =\n    resolvedProps\n  return (\n    <div className={styles.root} data-within-box={isWithinBox || undefined}>\n      <AriaTable {...props} className={classnames('react-aria-Table', className)}>\n        <AriaTableHeader>\n          <Row>\n            {headers.map((header, index) => (\n              <Column key={header.key} isRowHeader={index === 0}>\n                <Text as=\"span\" weight=\"semibold\" size=\"xs\">\n                  {header.content}\n                </Text>\n              </Column>\n            ))}\n          </Row>\n        </AriaTableHeader>\n        <AriaTableBody>\n          {rows.length === 0 && emptyState ? (\n            <Row>\n              <Cell colSpan={headers.length}>{emptyState}</Cell>\n            </Row>\n          ) : (\n            rows.map(row => (\n              <Row key={row.key}>\n                {row.data.map((cell, index) => (\n                  <Cell key={cell.key}>\n                    <Text\n                      as=\"span\"\n                      variant={\n                        hasCheckboxColumn\n                          ? index === 1\n                            ? 'leading'\n                            : 'supporting'\n                          : index === 0\n                            ? 'leading'\n                            : 'supporting'\n                      }\n                      size=\"sm\"\n                    >\n                      {cell.content}\n                    </Text>\n                  </Cell>\n                ))}\n              </Row>\n            ))\n          )}\n          {footer && footer.length > 0 && (\n            <Row key=\"table-footer\" data-footer=\"true\">\n              {footer.length === 1 && footer[0] ? (\n                <Cell key={footer[0].key} colSpan={headers.length}>\n                  <Text as=\"span\" variant=\"leading\" size=\"sm\">\n                    {footer[0].content}\n                  </Text>\n                </Cell>\n              ) : (\n                footer.map(cell => (\n                  <Cell key={cell.key}>\n                    <Text as=\"span\" variant=\"leading\" size=\"sm\">\n                      {cell.content}\n                    </Text>\n                  </Cell>\n                ))\n              )}\n            </Row>\n          )}\n        </AriaTableBody>\n      </AriaTable>\n    </div>\n  )\n}\n"],"names":["Table","rawProps","resolvedProps","applyMissingDefaults","TableDefaults","className","headers","rows","footer","emptyState","isWithinBox","hasCheckboxColumn","props","styles","jsxs","AriaTable","classnames","jsx","AriaTableHeader","Row","header","index","Column","Text","AriaTableBody","Cell","row","cell"],"mappings":";;;;;;;AAeO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,YAAAC,GAAY,aAAAC,GAAa,mBAAAC,GAAmB,GAAGC,EAAA,IACvFV;AACF,2BACG,OAAA,EAAI,WAAWW,EAAO,MAAM,mBAAiBH,KAAe,QAC3D,UAAA,gBAAAI,EAACC,GAAA,EAAW,GAAGH,GAAO,WAAWI,EAAW,oBAAoBX,CAAS,GACvE,UAAA;AAAA,IAAA,gBAAAY,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EACE,UAAAb,EAAQ,IAAI,CAACc,GAAQC,MACpB,gBAAAJ,EAACK,GAAA,EAAwB,aAAaD,MAAU,GAC9C,UAAA,gBAAAJ,EAACM,GAAA,EAAK,IAAG,QAAO,QAAO,YAAW,MAAK,MACpC,UAAAH,EAAO,QAAA,CACV,EAAA,GAHWA,EAAO,GAIpB,CACD,EAAA,CACH,GACF;AAAA,sBACCI,GAAA,EACE,UAAA;AAAA,MAAAjB,EAAK,WAAW,KAAKE,IACpB,gBAAAQ,EAACE,GAAA,EACC,4BAACM,GAAA,EAAK,SAASnB,EAAQ,QAAS,UAAAG,EAAA,CAAW,EAAA,CAC7C,IAEAF,EAAK,IAAI,CAAAmB,MACP,gBAAAT,EAACE,GAAA,EACE,UAAAO,EAAI,KAAK,IAAI,CAACC,GAAMN,MACnB,gBAAAJ,EAACQ,GAAA,EACC,UAAA,gBAAAR;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SACEZ,IACIU,MAAU,IACR,YACA,eACFA,MAAU,IACR,YACA;AAAA,UAER,MAAK;AAAA,UAEJ,UAAAM,EAAK;AAAA,QAAA;AAAA,MAAA,KAdCA,EAAK,GAgBhB,CACD,EAAA,GAnBOD,EAAI,GAoBd,CACD;AAAA,MAEFlB,KAAUA,EAAO,SAAS,KACzB,gBAAAS,EAACE,GAAA,EAAuB,eAAY,QACjC,UAAAX,EAAO,WAAW,KAAKA,EAAO,CAAC,IAC9B,gBAAAS,EAACQ,GAAA,EAAyB,SAASnB,EAAQ,QACzC,UAAA,gBAAAW,EAACM,GAAA,EAAK,IAAG,QAAO,SAAQ,WAAU,MAAK,MACpC,UAAAf,EAAO,CAAC,EAAE,QAAA,CACb,EAAA,GAHSA,EAAO,CAAC,EAAE,GAIrB,IAEAA,EAAO,IAAI,CAAAmB,MACT,gBAAAV,EAACQ,GAAA,EACC,UAAA,gBAAAR,EAACM,GAAA,EAAK,IAAG,QAAO,SAAQ,WAAU,MAAK,MACpC,UAAAI,EAAK,QAAA,CACR,EAAA,GAHSA,EAAK,GAIhB,CACD,EAAA,GAdI,cAgBT;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-const o = "_root_z1aas_1", t = {
+const o = "_root_80o86_1", t = {
   root: o
 };
 export {

package/dist/components/Common/UI/Table/TableTypes.d.ts

@@ -37,9 +37,9 @@ export interface TableProps extends Pick<TableHTMLAttributes<HTMLTableElement>,
      */
     emptyState?: ReactNode;
     /**
-     * Visual style variant of the table
+     * Removes borders and background for use inside a Box component
      */
-    variant?: 'default' | 'minimal';
+    isWithinBox?: boolean;
     /**
      * Whether the first column contains checkboxes (affects which column gets leading variant)
      */
@@ -49,6 +49,6 @@ export interface TableProps extends Pick<TableHTMLAttributes<HTMLTableElement>,
  * Default prop values for Table component.
  */
 export declare const TableDefaults: {
-    readonly variant: "default";
+    readonly isWithinBox: false;
     readonly hasCheckboxColumn: false;
 };

package/dist/components/Common/UI/Table/TableTypes.js

@@ -1,8 +1,8 @@
-const a = {
-  variant: "default",
+const e = {
+  isWithinBox: !1,
   hasCheckboxColumn: !1
 };
 export {
-  a as TableDefaults
+  e as TableDefaults
 };
 //# sourceMappingURL=TableTypes.js.map

package/dist/components/Common/UI/Table/TableTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTypes.js","sources":["../../../../../src/components/Common/UI/Table/TableTypes.ts"],"sourcesContent":["import type { ReactNode, TableHTMLAttributes } from 'react'\n\nexport interface TableData {\n  /**\n   * Unique identifier for the table cell\n   */\n  key: string\n  /**\n   * Content to be displayed in the table cell\n   */\n  content: ReactNode\n}\n\nexport interface TableRow {\n  /**\n   * Unique identifier for the table row\n   */\n  key: string\n  /**\n   * Array of cells to be displayed in the row\n   */\n  data: TableData[]\n}\n\nexport interface TableProps extends Pick<\n  TableHTMLAttributes<HTMLTableElement>,\n  'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'\n> {\n  /**\n   * Array of header cells for the table\n   */\n  headers: TableData[]\n  /**\n   * Array of rows to be displayed in the table\n   */\n  rows: TableRow[]\n  /**\n   * Array of footer cells for the table\n   */\n  footer?: TableData[]\n  /**\n   * Content to display when the table has no rows\n   */\n  emptyState?: ReactNode\n  /**\n   * Visual style variant of the table\n   */\n  variant?: 'default' | 'minimal'\n  /**\n   * Whether the first column contains checkboxes (affects which column gets leading variant)\n   */\n  hasCheckboxColumn?: boolean\n}\n\n/**\n * Default prop values for Table component.\n */\nexport const TableDefaults = {\n  variant: 'default',\n  hasCheckboxColumn: false,\n} as const satisfies Partial<TableProps>\n"],"names":["TableDefaults"],"mappings":"AAyDO,MAAMA,IAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,mBAAmB;AACrB;"}
+{"version":3,"file":"TableTypes.js","sources":["../../../../../src/components/Common/UI/Table/TableTypes.ts"],"sourcesContent":["import type { ReactNode, TableHTMLAttributes } from 'react'\n\nexport interface TableData {\n  /**\n   * Unique identifier for the table cell\n   */\n  key: string\n  /**\n   * Content to be displayed in the table cell\n   */\n  content: ReactNode\n}\n\nexport interface TableRow {\n  /**\n   * Unique identifier for the table row\n   */\n  key: string\n  /**\n   * Array of cells to be displayed in the row\n   */\n  data: TableData[]\n}\n\nexport interface TableProps extends Pick<\n  TableHTMLAttributes<HTMLTableElement>,\n  'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'\n> {\n  /**\n   * Array of header cells for the table\n   */\n  headers: TableData[]\n  /**\n   * Array of rows to be displayed in the table\n   */\n  rows: TableRow[]\n  /**\n   * Array of footer cells for the table\n   */\n  footer?: TableData[]\n  /**\n   * Content to display when the table has no rows\n   */\n  emptyState?: ReactNode\n  /**\n   * Removes borders and background for use inside a Box component\n   */\n  isWithinBox?: boolean\n  /**\n   * Whether the first column contains checkboxes (affects which column gets leading variant)\n   */\n  hasCheckboxColumn?: boolean\n}\n\n/**\n * Default prop values for Table component.\n */\nexport const TableDefaults = {\n  isWithinBox: false,\n  hasCheckboxColumn: false,\n} as const satisfies Partial<TableProps>\n"],"names":["TableDefaults"],"mappings":"AAyDO,MAAMA,IAAgB;AAAA,EAC3B,aAAa;AAAA,EACb,mBAAmB;AACrB;"}

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

@@ -57,7 +57,7 @@ function O(d) {
             id: t,
             ref: p,
             name: n,
-            value: u,
+            value: u ?? "",
             placeholder: h,
             rows: b,
             cols: v,

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/Common/UI/TextArea/TextArea.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { TextArea as AriaTextArea } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './TextArea.module.scss'\nimport type { TextAreaProps } from './TextAreaTypes'\nimport { TextAreaDefaults } from './TextAreaTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function TextArea(rawProps: TextAreaProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TextAreaDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    placeholder,\n    rows,\n    cols,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    'aria-describedby': ariaDescribedByFromProps,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...otherProps}\n    >\n      <div className={classNames(styles.container)} data-disabled={isDisabled}>\n        <div className={styles.textAreaContainer}>\n          <AriaTextArea\n            id={inputId}\n            ref={inputRef}\n            name={name}\n            value={value}\n            placeholder={placeholder}\n            rows={rows}\n            cols={cols}\n            disabled={isDisabled}\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={isInvalid}\n            onChange={handleChange}\n            onBlur={onBlur}\n          />\n          {isInvalid && (\n            <div className={styles.invalidIcon}>\n              <AlertCircle fontSize={16} />\n            </div>\n          )}\n        </div>\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["TextArea","rawProps","resolvedProps","applyMissingDefaults","TextAreaDefaults","name","label","description","errorMessage","isRequired","inputRef","isInvalid","isDisabled","id","value","placeholder","rows","cols","onChange","onBlur","className","shouldVisuallyHideLabel","ariaDescribedByFromProps","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","FieldLayout","classNames","styles","jsxs","AriaTextArea","AlertCircle"],"mappings":";;;;;;;;;AAWO,SAASA,EAASC,GAAyB;AAChD,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,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,GAAGC;AAAA,EAAA,IACDrB,GACE,EAAE,SAAAsB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASf;AAAA,IACT,cAAAL;AAAA,IACA,aAAAD;AAAA,IACA,iBAAiBe;AAAA,EAAA,CAClB,GAEKO,IAAe,CAACC,MAA4C;AAChE,IAAAZ,IAAWY,EAAM,OAAO,KAAK;AAAA,EAC/B;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA1B;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASe;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAN;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGE;AAAA,MAEJ,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAWE,EAAWC,EAAO,SAAS,GAAG,iBAAetB,GAC3D,UAAA,gBAAAuB,EAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,IAAIZ;AAAA,YACJ,KAAKd;AAAA,YACL,MAAAL;AAAA,YACA,OAAAS;AAAA,YACA,aAAAC;AAAA,YACA,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,UAAUL;AAAA,YACV,oBAAkBe;AAAA,YAClB,gBAAchB;AAAA,YACd,UAAUkB;AAAA,YACV,QAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,QAEDR,KACC,gBAAAoB,EAAC,OAAA,EAAI,WAAWG,EAAO,aACrB,UAAA,gBAAAH,EAACM,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,MAAA,EAAA,CAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/Common/UI/TextArea/TextArea.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { TextArea as AriaTextArea } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './TextArea.module.scss'\nimport type { TextAreaProps } from './TextAreaTypes'\nimport { TextAreaDefaults } from './TextAreaTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function TextArea(rawProps: TextAreaProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TextAreaDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    placeholder,\n    rows,\n    cols,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    'aria-describedby': ariaDescribedByFromProps,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...otherProps}\n    >\n      <div className={classNames(styles.container)} data-disabled={isDisabled}>\n        <div className={styles.textAreaContainer}>\n          <AriaTextArea\n            id={inputId}\n            ref={inputRef}\n            name={name}\n            value={value ?? ''}\n            placeholder={placeholder}\n            rows={rows}\n            cols={cols}\n            disabled={isDisabled}\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={isInvalid}\n            onChange={handleChange}\n            onBlur={onBlur}\n          />\n          {isInvalid && (\n            <div className={styles.invalidIcon}>\n              <AlertCircle fontSize={16} />\n            </div>\n          )}\n        </div>\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["TextArea","rawProps","resolvedProps","applyMissingDefaults","TextAreaDefaults","name","label","description","errorMessage","isRequired","inputRef","isInvalid","isDisabled","id","value","placeholder","rows","cols","onChange","onBlur","className","shouldVisuallyHideLabel","ariaDescribedByFromProps","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","FieldLayout","classNames","styles","jsxs","AriaTextArea","AlertCircle"],"mappings":";;;;;;;;;AAWO,SAASA,EAASC,GAAyB;AAChD,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,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,GAAGC;AAAA,EAAA,IACDrB,GACE,EAAE,SAAAsB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASf;AAAA,IACT,cAAAL;AAAA,IACA,aAAAD;AAAA,IACA,iBAAiBe;AAAA,EAAA,CAClB,GAEKO,IAAe,CAACC,MAA4C;AAChE,IAAAZ,IAAWY,EAAM,OAAO,KAAK;AAAA,EAC/B;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA1B;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASe;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAN;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGE;AAAA,MAEJ,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAWE,EAAWC,EAAO,SAAS,GAAG,iBAAetB,GAC3D,UAAA,gBAAAuB,EAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,IAAIZ;AAAA,YACJ,KAAKd;AAAA,YACL,MAAAL;AAAA,YACA,OAAOS,KAAS;AAAA,YAChB,aAAAC;AAAA,YACA,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,UAAUL;AAAA,YACV,oBAAkBe;AAAA,YAClB,gBAAchB;AAAA,YACd,UAAUkB;AAAA,YACV,QAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,QAEDR,KACC,gBAAAoB,EAAC,OAAA,EAAI,WAAWG,EAAO,aACrB,UAAA,gBAAAH,EAACM,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,MAAA,EAAA,CAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,4 +1,4 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { useFieldIds as T } from "../hooks/useFieldIds.js";
 import { TextInputDefaults as j } from "./TextInputTypes.js";
 import { applyMissingDefaults as q } from "../../../../helpers/applyMissingDefaults.js";
@@ -22,41 +22,41 @@ function J(o) {
     onBlur: I,
     className: g,
     shouldVisuallyHideLabel: y,
-    adornmentEnd: x,
-    adornmentStart: D,
-    min: v,
+    adornmentEnd: v,
+    adornmentStart: x,
+    min: D,
     max: B,
     maxLength: C,
     "aria-describedby": F,
     ...L
-  } = n, { inputId: i, errorMessageId: M, descriptionId: P, ariaDescribedBy: E } = T({
+  } = n, { inputId: a, errorMessageId: M, descriptionId: P, ariaDescribedBy: E } = T({
     inputId: c,
     errorMessage: r,
     description: e,
     ariaDescribedBy: F
   });
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     w,
     {
       label: s,
       description: e,
       errorMessage: r,
       isRequired: d,
-      htmlFor: i,
+      htmlFor: a,
       errorMessageId: M,
       descriptionId: P,
       className: g,
       shouldVisuallyHideLabel: y,
       withErrorIcon: !1,
       ...L,
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ i(
         H,
         {
-          id: i,
+          id: a,
           inputRef: p,
           name: t,
           type: l,
-          value: h,
+          value: h ?? "",
           placeholder: f,
           onChange: (R) => {
             b?.(R.target.value);
@@ -65,9 +65,9 @@ function J(o) {
           "aria-describedby": E,
           "aria-invalid": m,
           isDisabled: u,
-          adornmentStart: D,
-          adornmentEnd: x,
-          min: v,
+          adornmentStart: x,
+          adornmentEnd: v,
+          min: D,
           max: B,
           maxLength: C
         }

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInput.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { TextInputProps } from './TextInputTypes'\nimport { TextInputDefaults } from './TextInputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\n\nexport function TextInput(rawProps: TextInputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TextInputDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    type,\n    inputRef,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    placeholder,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    adornmentEnd,\n    adornmentStart,\n    min,\n    max,\n    maxLength,\n    'aria-describedby': ariaDescribedByFromProps,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...otherProps}\n    >\n      <Input\n        id={inputId}\n        inputRef={inputRef}\n        name={name}\n        type={type}\n        value={value}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        isDisabled={isDisabled}\n        adornmentStart={adornmentStart}\n        adornmentEnd={adornmentEnd}\n        min={min}\n        max={max}\n        maxLength={maxLength}\n      />\n    </FieldLayout>\n  )\n}\n"],"names":["TextInput","rawProps","resolvedProps","applyMissingDefaults","TextInputDefaults","name","label","description","errorMessage","isRequired","type","inputRef","isInvalid","isDisabled","id","value","placeholder","onChange","onBlur","className","shouldVisuallyHideLabel","adornmentEnd","adornmentStart","min","max","maxLength","ariaDescribedByFromProps","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","jsx","FieldLayout","Input","event"],"mappings":";;;;;;AAQO,SAASA,EAAUC,GAA0B;AAClD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAiB,GAChE;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,GAAGC;AAAA,EAAA,IACDzB,GACE,EAAE,SAAA0B,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASlB;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,IACA,iBAAiBmB;AAAA,EAAA,CAClB;AAMD,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA5B;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASmB;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAX;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGO;AAAA,MAEJ,UAAA,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIP;AAAA,UACJ,UAAAjB;AAAA,UACA,MAAAN;AAAA,UACA,MAAAK;AAAA,UACA,OAAAK;AAAA,UACA,aAAAC;AAAA,UACA,UAzBe,CAACoB,MAAyC;AAC7D,YAAAnB,IAAWmB,EAAM,OAAO,KAAK;AAAA,UAC/B;AAAA,UAwBM,QAAAlB;AAAA,UACA,oBAAkBa;AAAA,UAClB,gBAAcnB;AAAA,UACd,YAAAC;AAAA,UACA,gBAAAS;AAAA,UACA,cAAAD;AAAA,UACA,KAAAE;AAAA,UACA,KAAAC;AAAA,UACA,WAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TextInput.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInput.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { TextInputProps } from './TextInputTypes'\nimport { TextInputDefaults } from './TextInputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\n\nexport function TextInput(rawProps: TextInputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TextInputDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    type,\n    inputRef,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    placeholder,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    adornmentEnd,\n    adornmentStart,\n    min,\n    max,\n    maxLength,\n    'aria-describedby': ariaDescribedByFromProps,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...otherProps}\n    >\n      <Input\n        id={inputId}\n        inputRef={inputRef}\n        name={name}\n        type={type}\n        value={value ?? ''}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        isDisabled={isDisabled}\n        adornmentStart={adornmentStart}\n        adornmentEnd={adornmentEnd}\n        min={min}\n        max={max}\n        maxLength={maxLength}\n      />\n    </FieldLayout>\n  )\n}\n"],"names":["TextInput","rawProps","resolvedProps","applyMissingDefaults","TextInputDefaults","name","label","description","errorMessage","isRequired","type","inputRef","isInvalid","isDisabled","id","value","placeholder","onChange","onBlur","className","shouldVisuallyHideLabel","adornmentEnd","adornmentStart","min","max","maxLength","ariaDescribedByFromProps","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","jsx","FieldLayout","Input","event"],"mappings":";;;;;;AAQO,SAASA,EAAUC,GAA0B;AAClD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAiB,GAChE;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,GAAGC;AAAA,EAAA,IACDzB,GACE,EAAE,SAAA0B,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASlB;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,IACA,iBAAiBmB;AAAA,EAAA,CAClB;AAMD,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA5B;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASmB;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAX;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGO;AAAA,MAEJ,UAAA,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIP;AAAA,UACJ,UAAAjB;AAAA,UACA,MAAAN;AAAA,UACA,MAAAK;AAAA,UACA,OAAOK,KAAS;AAAA,UAChB,aAAAC;AAAA,UACA,UAzBe,CAACoB,MAAyC;AAC7D,YAAAnB,IAAWmB,EAAM,OAAO,KAAK;AAAA,UAC/B;AAAA,UAwBM,QAAAlB;AAAA,UACA,oBAAkBa;AAAA,UAClB,gBAAcnB;AAAA,UACd,YAAAC;AAAA,UACA,gBAAAS;AAAA,UACA,cAAAD;AAAA,UACA,KAAAE;AAAA,UACA,KAAAC;AAAA,UACA,WAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}