@gusto/embedded-react-sdk 0.13.1 → 0.13.3

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

@@ -1,38 +1,41 @@
-import { jsx as d } from "react/jsx-runtime";
-import { Button as p } from "react-aria-components";
-import u from "classnames";
-import c from "./Button.module.scss.js";
-function y({
-  isLoading: r = !1,
-  isDisabled: t = !1,
-  variant: o = "primary",
-  buttonRef: a,
-  className: e,
-  children: m,
-  onBlur: n,
-  onFocus: i,
-  onClick: s,
-  ...f
-}) {
-  return /* @__PURE__ */ d(
-    p,
+import { jsx as u } from "react/jsx-runtime";
+import { Button as c } from "react-aria-components";
+import v from "classnames";
+import { ButtonDefaults as B } from "./ButtonTypes.js";
+import P from "./Button.module.scss.js";
+import { applyMissingDefaults as h } from "../../../../helpers/applyMissingDefaults.js";
+function k(t) {
+  const r = h(t, B), {
+    isLoading: o,
+    isDisabled: a,
+    variant: n,
+    buttonRef: i,
+    className: e,
+    children: l,
+    onBlur: m,
+    onFocus: d,
+    onClick: s,
+    ...f
+  } = r;
+  return /* @__PURE__ */ u(
+    c,
     {
       ...f,
-      className: ({ defaultClassName: l }) => u(c.root, l, e),
-      ref: a,
-      onBlur: n,
-      onFocus: i,
-      isDisabled: t || r,
-      "data-variant": o,
-      "data-loading": r || void 0,
+      className: ({ defaultClassName: p }) => v(P.root, p, e),
+      ref: i,
+      onBlur: m,
+      onFocus: d,
+      isDisabled: a || o,
+      "data-variant": n,
+      "data-loading": o || void 0,
       onPress: s ? () => {
         s({});
       } : void 0,
-      children: m
+      children: l
     }
   );
 }
 export {
-  y as Button
+  k as Button
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/components/Common/UI/Button/Button.tsx"],"sourcesContent":["import { Button as AriaButton } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { type ButtonProps } from './ButtonTypes'\nimport styles from './Button.module.scss'\n\nexport function Button({\n  isLoading = false,\n  isDisabled = false,\n  variant = 'primary',\n  buttonRef,\n  className,\n  children,\n  onBlur,\n  onFocus,\n  onClick,\n  ...props\n}: ButtonProps) {\n  const handlePress = onClick\n    ? () => {\n        onClick({} as React.MouseEvent<HTMLButtonElement>)\n      }\n    : undefined\n\n  return (\n    <AriaButton\n      {...props}\n      className={({ defaultClassName }) => classNames(styles.root, defaultClassName, className)}\n      ref={buttonRef}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      isDisabled={isDisabled || isLoading}\n      data-variant={variant}\n      data-loading={isLoading || undefined}\n      onPress={handlePress}\n    >\n      {children}\n    </AriaButton>\n  )\n}\n"],"names":["Button","isLoading","isDisabled","variant","buttonRef","className","children","onBlur","onFocus","onClick","props","jsx","AriaButton","defaultClassName","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAO;AAAA,EACrB,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AAOd,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAW,CAAC,EAAE,kBAAAG,QAAuBC,EAAWC,EAAO,MAAMF,GAAkBR,CAAS;AAAA,MACxF,KAAKD;AAAA,MACL,QAAAG;AAAA,MACA,SAAAC;AAAA,MACA,YAAYN,KAAcD;AAAA,MAC1B,gBAAcE;AAAA,MACd,gBAAcF,KAAa;AAAA,MAC3B,SAhBgBQ,IAChB,MAAM;AACJ,QAAAA,EAAQ,CAAA,CAAyC;AAAA,MACnD,IACA;AAAA,MAcC,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Button.js","sources":["../../../../../src/components/Common/UI/Button/Button.tsx"],"sourcesContent":["import { Button as AriaButton } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { type ButtonProps, ButtonDefaults } from './ButtonTypes'\nimport styles from './Button.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function Button(rawProps: ButtonProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, ButtonDefaults)\n  const {\n    isLoading,\n    isDisabled,\n    variant,\n    buttonRef,\n    className,\n    children,\n    onBlur,\n    onFocus,\n    onClick,\n    ...otherProps\n  } = resolvedProps\n  const handlePress = onClick\n    ? () => {\n        onClick({} as React.MouseEvent<HTMLButtonElement>)\n      }\n    : undefined\n\n  return (\n    <AriaButton\n      {...otherProps}\n      className={({ defaultClassName }) => classNames(styles.root, defaultClassName, className)}\n      ref={buttonRef}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      isDisabled={isDisabled || isLoading}\n      data-variant={variant}\n      data-loading={isLoading || undefined}\n      onPress={handlePress}\n    >\n      {children}\n    </AriaButton>\n  )\n}\n"],"names":["Button","rawProps","resolvedProps","applyMissingDefaults","ButtonDefaults","isLoading","isDisabled","variant","buttonRef","className","children","onBlur","onFocus","onClick","otherProps","jsx","AriaButton","defaultClassName","classNames","styles"],"mappings":";;;;;;AAMO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDZ;AAOJ,SACE,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAW,CAAC,EAAE,kBAAAG,QAAuBC,EAAWC,EAAO,MAAMF,GAAkBR,CAAS;AAAA,MACxF,KAAKD;AAAA,MACL,QAAAG;AAAA,MACA,SAAAC;AAAA,MACA,YAAYN,KAAcD;AAAA,MAC1B,gBAAcE;AAAA,MACd,gBAAcF,KAAa;AAAA,MAC3B,SAhBgBQ,IAChB,MAAM;AACJ,QAAAA,EAAQ,CAAA,CAAyC;AAAA,MACnD,IACA;AAAA,MAcC,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Common/UI/Button/ButtonIcon.js

@@ -1,11 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
-import e from "classnames";
-import { Button as i } from "./Button.js";
-import n from "./ButtonIcon.module.scss.js";
-function l({ variant: t = "tertiary", className: o, ...r }) {
-  return /* @__PURE__ */ m(i, { ...r, variant: t, className: e(n.root, o), children: r.children });
+import n from "classnames";
+import { Button as e } from "./Button.js";
+import i from "./ButtonIcon.module.scss.js";
+function a({ variant: r, className: t, ...o }) {
+  return /* @__PURE__ */ m(e, { ...o, variant: r, className: n(i.root, t), children: o.children });
 }
 export {
-  l as ButtonIcon
+  a as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/dist/components/Common/UI/Button/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sources":["../../../../../src/components/Common/UI/Button/ButtonIcon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { type ButtonIconProps } from './ButtonTypes'\nimport { Button } from './Button'\nimport styles from './ButtonIcon.module.scss'\n\nexport function ButtonIcon({ variant = 'tertiary', className, ...props }: ButtonIconProps) {\n  return (\n    <Button {...props} variant={variant} className={classNames(styles.root, className)}>\n      {props.children}\n    </Button>\n  )\n}\n"],"names":["ButtonIcon","variant","className","props","jsx","Button","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAW,EAAE,SAAAC,IAAU,YAAY,WAAAC,GAAW,GAAGC,KAA0B;AACzF,SACE,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,GAAO,SAAAF,GAAkB,WAAWK,EAAWC,EAAO,MAAML,CAAS,GAC9E,UAAAC,EAAM,SAAA,CACT;AAEJ;"}
+{"version":3,"file":"ButtonIcon.js","sources":["../../../../../src/components/Common/UI/Button/ButtonIcon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { type ButtonIconProps } from './ButtonTypes'\nimport { Button } from './Button'\nimport styles from './ButtonIcon.module.scss'\n\nexport function ButtonIcon({ variant, className, ...props }: ButtonIconProps) {\n  return (\n    <Button {...props} variant={variant} className={classNames(styles.root, className)}>\n      {props.children}\n    </Button>\n  )\n}\n"],"names":["ButtonIcon","variant","className","props","jsx","Button","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAW,EAAE,SAAAC,GAAS,WAAAC,GAAW,GAAGC,KAA0B;AAC5E,SACE,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,GAAO,SAAAF,GAAkB,WAAWK,EAAWC,EAAO,MAAML,CAAS,GAC9E,UAAAC,EAAM,SAAA,CACT;AAEJ;"}

package/dist/components/Common/UI/Button/ButtonTypes.d.ts

@@ -35,3 +35,20 @@ export type ButtonIconProps = ButtonProps & {
      */
     'aria-label': string;
 };
+/**
+ * Default prop values for Button component.
+ * These are used by the component adapter to automatically provide defaults.
+ */
+export declare const ButtonDefaults: {
+    readonly variant: "primary";
+    readonly isLoading: false;
+    readonly isDisabled: false;
+};
+/**
+ * Default prop values for ButtonIcon component.
+ */
+export declare const ButtonIconDefaults: {
+    readonly variant: "tertiary";
+    readonly isLoading: false;
+    readonly isDisabled: false;
+};

package/dist/components/Common/UI/Button/ButtonTypes.js

@@ -0,0 +1,14 @@
+const a = {
+  variant: "primary",
+  isLoading: !1,
+  isDisabled: !1
+}, s = {
+  variant: "tertiary",
+  isLoading: !1,
+  isDisabled: !1
+};
+export {
+  a as ButtonDefaults,
+  s as ButtonIconDefaults
+};
+//# sourceMappingURL=ButtonTypes.js.map

package/dist/components/Common/UI/Button/ButtonTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTypes.js","sources":["../../../../../src/components/Common/UI/Button/ButtonTypes.ts"],"sourcesContent":["import type { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react'\n\nexport interface ButtonProps\n  extends Pick<\n    ButtonHTMLAttributes<HTMLButtonElement>,\n    | 'name'\n    | 'id'\n    | 'className'\n    | 'type'\n    | 'onClick'\n    | 'onKeyDown'\n    | 'onKeyUp'\n    | 'aria-label'\n    | 'aria-labelledby'\n    | 'aria-describedby'\n    | 'form'\n    | 'title'\n    | 'tabIndex'\n  > {\n  /**\n   * React ref for the button element\n   */\n  buttonRef?: Ref<HTMLButtonElement>\n  /**\n   * Visual style variant of the button\n   */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'error'\n  /**\n   * Shows a loading spinner and disables the button\n   */\n  isLoading?: boolean\n  /**\n   * Disables the button and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Content to be rendered inside the button\n   */\n  children?: ReactNode\n  /**\n   * Handler for blur events\n   */\n  onBlur?: (e: FocusEvent) => void\n  /**\n   * Handler for focus events\n   */\n  onFocus?: (e: FocusEvent) => void\n}\n\nexport type ButtonIconProps = ButtonProps & {\n  /**\n   * Required aria-label for icon buttons to ensure accessibility\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Button component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const ButtonDefaults = {\n  variant: 'primary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonProps>\n\n/**\n * Default prop values for ButtonIcon component.\n */\nexport const ButtonIconDefaults = {\n  variant: 'tertiary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonIconProps>\n"],"names":["ButtonDefaults","ButtonIconDefaults"],"mappings":"AA4DO,MAAMA,IAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAKaC,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;"}

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

@@ -1,4 +1,4 @@
-const a = "_cardContainer_17qsq_1", n = {
+const a = "_cardContainer_sq7ek_1", n = {
   cardContainer: a
 };
 export {

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

@@ -1,2 +1,2 @@
 import { CheckboxProps } from './CheckboxTypes';
-export declare const Checkbox: ({ name, label, description, errorMessage, isRequired, inputRef, value, isInvalid, isDisabled, id, onChange, onBlur, className, shouldVisuallyHideLabel, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: (rawProps: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes, Ref } from 'react';
 import { SharedHorizontalFieldLayoutProps } from '../../HorizontalFieldLayout/HorizontalFieldLayoutTypes';
-export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {
+export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {
     /**
      * Current checked state of the checkbox
      */
@@ -21,4 +21,15 @@ export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<In
      * Disables the checkbox and prevents interaction
      */
     isDisabled?: boolean;
+    /**
+     * Handler for blur events
+     */
+    onBlur?: () => void;
 }
+/**
+ * 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'> {\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   * Handler for blur events\n   */\n  onBlur?: () => void\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":"AAmCO,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/ComboBox/ComboBoxTypes.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, Ref, FocusEvent } from 'react';
+import { InputHTMLAttributes, Ref } from 'react';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
 export interface ComboBoxOption {
     /**
@@ -30,7 +30,7 @@ export interface ComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAtt
     /**
      * Handler for blur events
      */
-    onBlur?: (e: FocusEvent) => void;
+    onBlur?: () => void;
     /**
      * Array of options to display in the dropdown
      */