@gusto/embedded-react-sdk 0.13.0 → 0.13.2

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

@@ -1,13 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import m from "classnames";
-import e from "./Badge.module.scss.js";
-const f = ({
-  className: a,
-  children: s,
-  status: t = "info",
-  ...r
-}) => /* @__PURE__ */ o("span", { ...r, className: m(e.badge, a), "data-variant": t, children: s });
+import { jsx as m } from "react/jsx-runtime";
+import p from "classnames";
+import i from "./Badge.module.scss.js";
+import { BadgeDefaults as l } from "./BadgeTypes.js";
+import { applyMissingDefaults as n } from "../../../../helpers/applyMissingDefaults.js";
+const v = (s) => {
+  const a = n(s, l), { className: r, children: t, status: o, ...e } = a;
+  return /* @__PURE__ */ m("span", { ...e, className: p(i.badge, r), "data-variant": o, children: t });
+};
 export {
-  f as Badge
+  v as Badge
 };
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Common/UI/Badge/Badge.tsx"],"sourcesContent":["import type React from 'react'\nimport classnames from 'classnames'\nimport styles from './Badge.module.scss'\nimport type { BadgeProps } from './BadgeTypes'\n\nexport const Badge: React.FC<BadgeProps> = ({\n  className,\n  children,\n  status: variant = 'info',\n  ...props\n}) => {\n  return (\n    <span {...props} className={classnames(styles.badge, className)} data-variant={variant}>\n      {children}\n    </span>\n  )\n}\n"],"names":["Badge","className","children","variant","props","jsx","classnames","styles"],"mappings":";;;AAKO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAQC,IAAU;AAAA,EAClB,GAAGC;AACL,MAEI,gBAAAC,EAAC,QAAA,EAAM,GAAGD,GAAO,WAAWE,EAAWC,EAAO,OAAON,CAAS,GAAG,gBAAcE,GAC5E,UAAAD,EAAA,CACH;"}
+{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Common/UI/Badge/Badge.tsx"],"sourcesContent":["import type React from 'react'\nimport classnames from 'classnames'\nimport styles from './Badge.module.scss'\nimport type { BadgeProps } from './BadgeTypes'\nimport { BadgeDefaults } from './BadgeTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport const Badge: React.FC<BadgeProps> = rawProps => {\n  const resolvedProps = applyMissingDefaults(rawProps, BadgeDefaults)\n  const { className, children, status: variant, ...otherProps } = resolvedProps\n  return (\n    <span {...otherProps} className={classnames(styles.badge, className)} data-variant={variant}>\n      {children}\n    </span>\n  )\n}\n"],"names":["Badge","rawProps","resolvedProps","applyMissingDefaults","BadgeDefaults","className","children","variant","otherProps","jsx","classnames","styles"],"mappings":";;;;;AAOO,MAAMA,IAA8B,CAAAC,MAAY;AACrD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,WAAAC,GAAW,UAAAC,GAAU,QAAQC,GAAS,GAAGC,MAAeN;AAChE,SACE,gBAAAO,EAAC,QAAA,EAAM,GAAGD,GAAY,WAAWE,EAAWC,EAAO,OAAON,CAAS,GAAG,gBAAcE,GACjF,UAAAD,EAAA,CACH;AAEJ;"}

package/dist/components/Common/UI/Badge/BadgeTypes.d.ts

@@ -9,3 +9,9 @@ export interface BadgeProps extends Pick<HTMLAttributes<HTMLSpanElement>, 'class
      */
     status?: 'success' | 'warning' | 'error' | 'info';
 }
+/**
+ * Default prop values for Badge component.
+ */
+export declare const BadgeDefaults: {
+    readonly status: "info";
+};

package/dist/components/Common/UI/Badge/BadgeTypes.js

@@ -0,0 +1,7 @@
+const t = {
+  status: "info"
+};
+export {
+  t as BadgeDefaults
+};
+//# sourceMappingURL=BadgeTypes.js.map

package/dist/components/Common/UI/Badge/BadgeTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeTypes.js","sources":["../../../../../src/components/Common/UI/Badge/BadgeTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nexport interface BadgeProps\n  extends Pick<HTMLAttributes<HTMLSpanElement>, 'className' | 'id' | 'aria-label'> {\n  /**\n   * Content to be displayed inside the badge\n   */\n  children: ReactNode\n  /**\n   * Visual style variant of the badge\n   */\n  status?: 'success' | 'warning' | 'error' | 'info'\n}\n\n/**\n * Default prop values for Badge component.\n */\nexport const BadgeDefaults = {\n  status: 'info',\n} as const satisfies Partial<BadgeProps>\n"],"names":["BadgeDefaults"],"mappings":"AAiBO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AACV;"}

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

@@ -1,2 +1,2 @@
 import { ButtonProps } from './ButtonTypes';
-export declare function Button({ isLoading, isDisabled, variant, buttonRef, className, children, onBlur, onFocus, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button(rawProps: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { Text as m, RangeCalendar as D, CalendarGrid as x, CalendarGridHeader as N, CalendarHeaderCell as I, CalendarGridBody as S, CalendarCell as F } from "react-aria-components";
-import { parseDate as p } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@internationalized/date/dist/import.mjs";
+import { parseDate as p } from "@internationalized/date";
 import { useMemo as u } from "react";
 import { CalendarLegend as g } from "./CalendarLegend.js";
 import d from "./CalendarPreview.module.scss.js";

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

@@ -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