@gusto/embedded-react-sdk 0.13.1 → 0.13.2

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

@@ -1,68 +1,70 @@
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import { useFieldIds as N } from "../hooks/useFieldIds.js";
-import c from "./Checkbox.module.scss.js";
-import { HorizontalFieldLayout as F } from "../../HorizontalFieldLayout/HorizontalFieldLayout.js";
-import j from "../../../../assets/icons/checkbox.svg.js";
-const S = ({
-  name: o,
-  label: s,
-  description: r,
-  errorMessage: a,
-  isRequired: d,
-  inputRef: t,
-  value: l,
-  isInvalid: n = !1,
-  isDisabled: h = !1,
-  id: m,
-  onChange: p,
-  onBlur: b,
-  className: k,
-  shouldVisuallyHideLabel: x,
-  ...f
-}) => {
-  const { inputId: i, errorMessageId: u, descriptionId: I, ariaDescribedBy: y } = N({
-    inputId: m,
-    errorMessage: a,
-    description: r
-  }), g = (v) => {
-    p?.(v.target.checked);
+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,
+    errorMessage: i,
+    isRequired: l,
+    inputRef: n,
+    value: p,
+    isInvalid: m,
+    isDisabled: h,
+    id: u,
+    onChange: b,
+    onBlur: f,
+    className: k,
+    shouldVisuallyHideLabel: x,
+    ...g
+  } = c, { inputId: o, errorMessageId: v, descriptionId: y, ariaDescribedBy: I } = F({
+    inputId: u,
+    errorMessage: i,
+    description: s
+  }), C = (N) => {
+    b?.(N.target.checked);
   };
   return /* @__PURE__ */ e(
-    F,
+    B,
     {
-      label: s,
-      description: r,
-      errorMessage: a,
-      isRequired: d,
-      htmlFor: i,
-      errorMessageId: u,
-      descriptionId: I,
+      label: t,
+      description: s,
+      errorMessage: i,
+      isRequired: l,
+      htmlFor: o,
+      errorMessageId: v,
+      descriptionId: y,
       shouldVisuallyHideLabel: x,
       className: k,
-      ...f,
-      children: /* @__PURE__ */ C("div", { className: c.checkboxWrapper, children: [
+      ...g,
+      children: /* @__PURE__ */ D("div", { className: r.checkboxWrapper, children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
-            name: o,
+            name: d,
             disabled: h,
-            "aria-invalid": n,
-            "aria-describedby": y,
-            checked: l,
-            id: i,
-            ref: t,
-            onBlur: b,
-            onChange: g,
-            className: c.checkboxInput
+            "aria-invalid": m,
+            "aria-describedby": I,
+            checked: p,
+            id: o,
+            ref: n,
+            onBlur: f,
+            onChange: C,
+            className: r.checkboxInput
           }
         ),
-        /* @__PURE__ */ e("div", { className: c.checkbox, children: /* @__PURE__ */ e(j, { className: c.check }) })
+        /* @__PURE__ */ e("div", { className: r.checkbox, children: /* @__PURE__ */ e(H, { className: r.check }) })
       ] })
     }
   );
 };
 export {
-  S as Checkbox
+  W 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 { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\nimport IconChecked from '@/assets/icons/checkbox.svg?react'\n\nexport const Checkbox = ({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  inputRef,\n  value,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  onChange,\n  onBlur,\n  className,\n  shouldVisuallyHideLabel,\n  ...props\n}: CheckboxProps) => {\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      {...props}\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","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","className","shouldVisuallyHideLabel","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","IconChecked"],"mappings":";;;;;AAOO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAM,EAAE,SAAAC,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 { 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;"}

package/dist/components/Common/UI/Checkbox/CheckboxTypes.d.ts

@@ -22,3 +22,10 @@ export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<In
      */
     isDisabled?: boolean;
 }
+/**
+ * Default prop values for Checkbox component.
+ */
+export declare const CheckboxDefaults: {
+    readonly isInvalid: false;
+    readonly isDisabled: false;
+};

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

@@ -0,0 +1,8 @@
+const s = {
+  isInvalid: !1,
+  isDisabled: !1
+};
+export {
+  s as CheckboxDefaults
+};
+//# sourceMappingURL=CheckboxTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTypes.js","sources":["../../../../../src/components/Common/UI/Checkbox/CheckboxTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface CheckboxProps\n  extends SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {\n  /**\n   * Current checked state of the checkbox\n   */\n  value?: boolean\n  /**\n   * Callback when checkbox state changes\n   */\n  onChange?: (value: boolean) => void\n  /**\n   * React ref for the checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates if the checkbox is in an invalid state\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the checkbox and prevents interaction\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for Checkbox component.\n */\nexport const CheckboxDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<CheckboxProps>\n"],"names":["CheckboxDefaults"],"mappings":"AA+BO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AACd;"}

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

@@ -1,2 +1,2 @@
 import { CheckboxGroupProps } from './CheckboxGroupTypes';
-export declare function CheckboxGroup({ label, description, errorMessage, isRequired, isInvalid, isDisabled, options, shouldVisuallyHideLabel, value, onChange, className, inputRef, ...props }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxGroup(rawProps: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,23 +1,25 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useContext as k, useRef as R } from "react";
-import v from "classnames";
-import { CheckboxGroup as G, CheckboxGroupStateContext as g } from "react-aria-components";
+import { jsx as s } from "react/jsx-runtime";
+import { useContext as v, useRef as g } from "react";
+import D from "classnames";
+import { CheckboxGroup as G, CheckboxGroupStateContext as y } from "react-aria-components";
 import { useCheckboxGroupItem as I } from "react-aria";
-import { Checkbox as y } from "../Checkbox/Checkbox.js";
-import D from "./CheckboxGroup.module.scss.js";
-import { Fieldset as V } from "../../Fieldset/Fieldset.js";
-import { useForkRef as A } from "../../../../hooks/useForkRef/useForkRef.js";
-function F({
-  label: r,
+import { Checkbox as V } from "../Checkbox/Checkbox.js";
+import N from "./CheckboxGroup.module.scss.js";
+import { CheckboxGroupDefaults as P } from "./CheckboxGroupTypes.js";
+import { applyMissingDefaults as q } from "../../../../helpers/applyMissingDefaults.js";
+import { Fieldset as A } from "../../Fieldset/Fieldset.js";
+import { useForkRef as F } from "../../../../hooks/useForkRef/useForkRef.js";
+function H({
+  label: o,
   description: e,
   value: i,
-  groupState: o,
-  inputRef: l,
-  ...s
+  groupState: r,
+  inputRef: t,
+  ...n
 }) {
-  const n = R(null), c = A(l, n), { inputProps: f, isSelected: p, isDisabled: u, isInvalid: m } = I(
+  const a = g(null), l = F(t, a), { inputProps: p, isSelected: u, isDisabled: c, isInvalid: d } = I(
     {
-      ...s,
+      ...n,
       value: i,
       // Hack to suppress aria-label warning from React Aria. We don't actually
       // use children for the mapping of our checkbox to React Aria and we already
@@ -25,74 +27,75 @@ function F({
       children: " ",
       isRequired: !1
     },
-    o,
-    n
+    r,
+    a
   );
-  return /* @__PURE__ */ a(
-    y,
+  return /* @__PURE__ */ s(
+    V,
     {
-      label: r,
-      inputRef: c,
-      isDisabled: u,
-      isInvalid: m,
+      label: o,
+      inputRef: l,
+      isDisabled: c,
+      isInvalid: d,
       description: e,
-      onChange: (t) => {
-        t ? o.addValue(i) : o.removeValue(i);
+      onChange: (m) => {
+        m ? r.addValue(i) : r.removeValue(i);
       },
-      value: p,
-      name: f.name
+      value: u,
+      name: p.name
     }
   );
 }
-function N(r) {
-  const e = k(g);
-  return e ? /* @__PURE__ */ a(F, { groupState: e, ...r }) : null;
+function L(o) {
+  const e = v(y);
+  return e ? /* @__PURE__ */ s(H, { groupState: e, ...o }) : null;
 }
-function w({
-  label: r,
-  description: e,
-  errorMessage: i,
-  isRequired: o = !1,
-  isInvalid: l = !1,
-  isDisabled: s = !1,
-  options: n,
-  shouldVisuallyHideLabel: c = !1,
-  value: f,
-  onChange: p,
-  className: u,
-  inputRef: m,
-  ...d
-}) {
-  return /* @__PURE__ */ a(
-    V,
+function O(o) {
+  const e = q(o, P), {
+    label: i,
+    description: r,
+    errorMessage: t,
+    isRequired: n,
+    isInvalid: a,
+    isDisabled: l,
+    options: p,
+    shouldVisuallyHideLabel: u,
+    value: c,
+    onChange: d,
+    className: f,
+    inputRef: m,
+    ...b
+  } = e;
+  return /* @__PURE__ */ s(
+    A,
     {
-      legend: r,
-      description: e,
-      errorMessage: i,
-      isRequired: o,
-      shouldVisuallyHideLegend: c,
-      className: v(D.root, u),
-      ...d,
-      children: /* @__PURE__ */ a(
+      legend: i,
+      description: r,
+      errorMessage: t,
+      isRequired: n,
+      shouldVisuallyHideLegend: u,
+      className: D(N.root, f),
+      ...b,
+      children: /* @__PURE__ */ s(
         G,
         {
-          isInvalid: l,
-          isRequired: o,
+          isInvalid: a,
+          isRequired: n,
           validationBehavior: "aria",
-          value: f,
-          onChange: p,
-          isDisabled: s,
+          value: c,
+          onChange: d,
+          isDisabled: l,
           "aria-labelledby": " ",
-          children: n.map(({ value: t, label: h, isDisabled: b = !1, description: C }, x) => /* @__PURE__ */ a(
-            N,
+          children: p.map(({ value: h, label: C, isDisabled: x, description: R }, k) => /* @__PURE__ */ s(
+            L,
             {
-              isDisabled: b,
-              value: t,
-              description: C,
-              label: h,
-              inputRef: x === 0 ? m : void 0
+              isDisabled: x,
+              value: h,
+              description: R,
+              label: C,
+              inputRef: k === 0 ? m : void 0
             },
-            t
+            h
           ))
         }
       )
@@ -100,6 +103,6 @@ function w({
   );
 }
 export {
-  w as CheckboxGroup
+  O as CheckboxGroup
 };
 //# sourceMappingURL=CheckboxGroup.js.map

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

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

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

@@ -44,3 +44,12 @@ export interface CheckboxGroupProps extends SharedFieldLayoutProps, Pick<Fieldse
      */
     inputRef?: Ref<HTMLInputElement>;
 }
+/**
+ * Default prop values for CheckboxGroup component.
+ */
+export declare const CheckboxGroupDefaults: {
+    readonly isRequired: false;
+    readonly isInvalid: false;
+    readonly isDisabled: false;
+    readonly shouldVisuallyHideLabel: false;
+};

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

@@ -0,0 +1,10 @@
+const e = {
+  isRequired: !1,
+  isInvalid: !1,
+  isDisabled: !1,
+  shouldVisuallyHideLabel: !1
+};
+export {
+  e as CheckboxGroupDefaults
+};
+//# sourceMappingURL=CheckboxGroupTypes.js.map

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

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

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

@@ -1,2 +1,2 @@
 import { InputProps } from './InputTypes';
-export declare function Input({ className, adornmentStart, adornmentEnd, inputRef, isDisabled, 'aria-invalid': ariaInvalid, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input(rawProps: InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,41 +1,52 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { Input as o } from "react-aria-components";
-import c from "classnames";
-import i from "./Input.module.scss.js";
-import p from "../../../../assets/icons/alert-circle.svg.js";
-function I({
-  className: l,
-  adornmentStart: r,
-  adornmentEnd: e,
-  inputRef: t,
-  isDisabled: n,
-  "aria-invalid": d,
-  ...m
-}) {
-  return /* @__PURE__ */ s(
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Input as p } from "react-aria-components";
+import f from "classnames";
+import a from "./Input.module.scss.js";
+import { InputDefaults as v } from "./InputTypes.js";
+import { applyMissingDefaults as u } from "../../../../helpers/applyMissingDefaults.js";
+import h from "../../../../assets/icons/alert-circle.svg.js";
+function E(s) {
+  const o = u(s, v), {
+    className: d,
+    adornmentStart: n,
+    adornmentEnd: i,
+    inputRef: m,
+    isDisabled: t,
+    "aria-invalid": l,
+    ...c
+  } = o;
+  return /* @__PURE__ */ e(
     "div",
     {
-      className: c(
-        i.container,
+      className: f(
+        a.container,
         {
-          [i.hasAdornmentStart]: !!r,
-          [i.hasAdornmentEnd]: !!e
+          [a.hasAdornmentStart]: !!n,
+          [a.hasAdornmentEnd]: !!i
         },
-        l
+        d
       ),
-      "data-disabled": n,
+      "data-disabled": t,
       children: [
-        r && /* @__PURE__ */ a("div", { className: i.adornmentStart, children: r }),
-        /* @__PURE__ */ s("div", { className: i.inputContainer, children: [
-          /* @__PURE__ */ a(o, { ref: t, disabled: n, "aria-invalid": d, ...m }),
-          /* @__PURE__ */ a("div", { className: i.invalidIcon, children: /* @__PURE__ */ a(p, { fontSize: 16 }) })
+        n && /* @__PURE__ */ r("div", { className: a.adornmentStart, children: n }),
+        /* @__PURE__ */ e("div", { className: a.inputContainer, children: [
+          /* @__PURE__ */ r(
+            p,
+            {
+              ref: m,
+              disabled: t,
+              "aria-invalid": l,
+              ...c
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: a.invalidIcon, children: /* @__PURE__ */ r(h, { fontSize: 16 }) })
         ] }),
-        e && /* @__PURE__ */ a("div", { className: i.adornmentEnd, children: e })
+        i && /* @__PURE__ */ r("div", { className: a.adornmentEnd, children: i })
       ]
     }
   );
 }
 export {
-  I as Input
+  E as Input
 };
 //# sourceMappingURL=Input.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 AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function Input({\n  className,\n  adornmentStart,\n  adornmentEnd,\n  inputRef,\n  isDisabled,\n  'aria-invalid': ariaInvalid,\n  ...props\n}: InputProps) {\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 ref={inputRef} disabled={isDisabled} aria-invalid={ariaInvalid} {...props} />\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","className","adornmentStart","adornmentEnd","inputRef","isDisabled","ariaInvalid","props","jsxs","classNames","styles","jsx","AriaInput","AlertCircle"],"mappings":";;;;;AAMO,SAASA,EAAM;AAAA,EACpB,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAgBC;AAAA,EAChB,GAAGC;AACL,GAAe;AACb,SACE,gBAAAC;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,EAACC,GAAA,EAAU,KAAKR,GAAU,UAAUC,GAAY,gBAAcC,GAAc,GAAGC,GAAO;AAAA,UACtF,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  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;"}

package/dist/components/Common/UI/Input/InputTypes.d.ts

@@ -17,3 +17,10 @@ export interface InputProps extends Pick<InputHTMLAttributes<HTMLInputElement>,
      */
     isDisabled?: boolean;
 }
+/**
+ * Default prop values for Input component.
+ * These are used by the component adapter to automatically provide defaults.
+ */
+export declare const InputDefaults: {
+    readonly isDisabled: false;
+};

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

@@ -0,0 +1,7 @@
+const s = {
+  isDisabled: !1
+};
+export {
+  s as InputDefaults
+};
+//# sourceMappingURL=InputTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputTypes.js","sources":["../../../../../src/components/Common/UI/Input/InputTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface InputProps\n  extends Pick<\n    InputHTMLAttributes<HTMLInputElement>,\n    | 'className'\n    | 'id'\n    | 'name'\n    | 'placeholder'\n    | 'type'\n    | 'value'\n    | 'onChange'\n    | 'onBlur'\n    | 'aria-describedby'\n    | 'aria-invalid'\n    | 'min'\n    | 'max'\n  > {\n  /**\n   * Ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n\n  /**\n   * Content to display at the start of the input\n   */\n  adornmentStart?: ReactNode\n\n  /**\n   * Content to display at the end of the input\n   */\n  adornmentEnd?: ReactNode\n\n  /**\n   * Whether the input is disabled\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for Input component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const InputDefaults = {\n  isDisabled: false,\n} as const satisfies Partial<InputProps>\n"],"names":["InputDefaults"],"mappings":"AA2CO,MAAMA,IAAgB;AAAA,EAC3B,YAAY;AACd;"}

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

@@ -1,2 +1,2 @@
 import { MenuProps } from './MenuTypes';
-export declare function Menu({ triggerRef, items, isOpen, onClose, 'aria-label': ariaLabel, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function Menu(rawProps: MenuProps): import("react/jsx-runtime").JSX.Element;