@gusto/embedded-react-sdk 0.13.2 → 0.13.4

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,6 +21,10 @@ 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.

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

@@ -1 +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;"}
+{"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/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
      */

package/dist/components/Common/UI/DatePicker/DatePickerTypes.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, Ref, FocusEvent } from 'react';
+import { InputHTMLAttributes, Ref } from 'react';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
 export interface DatePickerProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name'> {
     /**
@@ -20,7 +20,7 @@ export interface DatePickerProps extends SharedFieldLayoutProps, Pick<InputHTMLA
     /**
      * Handler for blur events
      */
-    onBlur?: (e: FocusEvent) => void;
+    onBlur?: () => void;
     /**
      * Label text for the date picker field
      */

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

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

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

@@ -0,0 +1,84 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { useRef as s, useState as B, useLayoutEffect as E } from "react";
+import { Button as g } from "../Button/Button.js";
+import { Grid as P } from "../../Grid/Grid.js";
+import { DialogDefaults as R } from "./DialogTypes.js";
+import r from "./Dialog.module.scss.js";
+import { applyMissingDefaults as j } from "../../../../helpers/applyMissingDefaults.js";
+import { useContainerBreakpoints as K } from "../../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { transitionDuration as M } from "../../../../contexts/ThemeProvider/theme.js";
+function Q(h) {
+  const k = j(h, R), {
+    isOpen: n,
+    onClose: t,
+    onPrimaryActionClick: a,
+    isDestructive: y,
+    isPrimaryActionLoading: C,
+    primaryActionLabel: v,
+    closeActionLabel: b,
+    title: l,
+    children: c,
+    shouldCloseOnBackdropClick: A
+  } = k, m = s(null), d = s(null), D = K({
+    ref: d
+  }), [x, u] = B(!1), i = s(null), N = D.includes("small") ? ["1fr", "1fr"] : "1fr";
+  E(() => {
+    const e = m.current;
+    if (e)
+      return i.current && clearTimeout(i.current), n && !e.open ? (e.showModal(), requestAnimationFrame(() => {
+        e.setAttribute("data-show", "true");
+      })) : !n && e.open && (u(!0), i.current = setTimeout(() => {
+        e.close(), e.removeAttribute("data-show"), u(!1);
+      }, M)), () => {
+        i.current && clearTimeout(i.current);
+      };
+  }, [n]);
+  const T = (e) => {
+    e.target === e.currentTarget && A && t?.();
+  }, w = (e) => {
+    e.key === "Escape" && t?.();
+  }, f = () => {
+    t && t();
+  }, L = () => {
+    a && a();
+  };
+  return /* @__PURE__ */ o(
+    "dialog",
+    {
+      ref: m,
+      className: r.dialog,
+      onClose: f,
+      "data-exiting": x || void 0,
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          ref: d,
+          className: r.backdrop,
+          onClick: T,
+          onKeyDown: w,
+          role: "presentation",
+          children: /* @__PURE__ */ p("div", { className: r.content, children: [
+            l && /* @__PURE__ */ o("div", { className: r.title, children: l }),
+            c && /* @__PURE__ */ o("div", { className: r.body, children: c }),
+            /* @__PURE__ */ p(P, { gridTemplateColumns: N, gap: 12, className: r.actions, children: [
+              /* @__PURE__ */ o(g, { variant: "secondary", onClick: f, children: b }),
+              /* @__PURE__ */ o(
+                g,
+                {
+                  variant: y ? "error" : "primary",
+                  onClick: L,
+                  isLoading: C,
+                  children: v
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+}
+export {
+  Q as Dialog
+};
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Common/UI/Dialog/Dialog.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport { Button } from '../Button/Button'\nimport { Grid } from '../../Grid/Grid'\nimport { type DialogProps, DialogDefaults } from './DialogTypes'\nimport styles from './Dialog.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { transitionDuration } from '@/contexts/ThemeProvider/theme'\n\nexport function Dialog(rawProps: DialogProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DialogDefaults)\n  const {\n    isOpen,\n    onClose,\n    onPrimaryActionClick,\n    isDestructive,\n    isPrimaryActionLoading,\n    primaryActionLabel,\n    closeActionLabel,\n    title,\n    children,\n    shouldCloseOnBackdropClick,\n  } = resolvedProps\n\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const backdropRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: backdropRef,\n  })\n\n  const [isExiting, setIsExiting] = useState(false)\n  const transitionTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const gridColumns = breakpoints.includes('small') ? ['1fr', '1fr'] : '1fr'\n\n  useLayoutEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    if (transitionTimeoutRef.current) {\n      clearTimeout(transitionTimeoutRef.current)\n    }\n\n    if (isOpen && !dialog.open) {\n      dialog.showModal()\n      requestAnimationFrame(() => {\n        dialog.setAttribute('data-show', 'true')\n      })\n    } else if (!isOpen && dialog.open) {\n      setIsExiting(true)\n      transitionTimeoutRef.current = setTimeout(() => {\n        dialog.close()\n        dialog.removeAttribute('data-show')\n        setIsExiting(false)\n      }, transitionDuration)\n    }\n\n    return () => {\n      if (transitionTimeoutRef.current) {\n        clearTimeout(transitionTimeoutRef.current)\n      }\n    }\n  }, [isOpen])\n\n  const handleBackdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.target === event.currentTarget && shouldCloseOnBackdropClick) {\n      onClose?.()\n    }\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      onClose?.()\n    }\n  }\n\n  const handleClose = () => {\n    if (onClose) {\n      onClose()\n    }\n  }\n\n  const handlePrimaryAction = () => {\n    if (onPrimaryActionClick) {\n      onPrimaryActionClick()\n    }\n  }\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className={styles.dialog}\n      onClose={handleClose}\n      data-exiting={isExiting || undefined}\n    >\n      <div\n        ref={backdropRef}\n        className={styles.backdrop}\n        onClick={handleBackdropClick}\n        onKeyDown={handleKeyDown}\n        role=\"presentation\"\n      >\n        <div className={styles.content}>\n          {title && <div className={styles.title}>{title}</div>}\n          {children && <div className={styles.body}>{children}</div>}\n          <Grid gridTemplateColumns={gridColumns} gap={12} className={styles.actions}>\n            <Button variant=\"secondary\" onClick={handleClose}>\n              {closeActionLabel}\n            </Button>\n            <Button\n              variant={isDestructive ? 'error' : 'primary'}\n              onClick={handlePrimaryAction}\n              isLoading={isPrimaryActionLoading}\n            >\n              {primaryActionLabel}\n            </Button>\n          </Grid>\n        </div>\n      </div>\n    </dialog>\n  )\n}\n"],"names":["Dialog","rawProps","resolvedProps","applyMissingDefaults","DialogDefaults","isOpen","onClose","onPrimaryActionClick","isDestructive","isPrimaryActionLoading","primaryActionLabel","closeActionLabel","title","children","shouldCloseOnBackdropClick","dialogRef","useRef","backdropRef","breakpoints","useContainerBreakpoints","isExiting","setIsExiting","useState","transitionTimeoutRef","gridColumns","useLayoutEffect","dialog","transitionDuration","handleBackdropClick","event","handleKeyDown","handleClose","handlePrimaryAction","jsx","styles","jsxs","Grid","Button"],"mappings":";;;;;;;;;AASO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,4BAAAC;AAAA,EAAA,IACEZ,GAEEa,IAAYC,EAA0B,IAAI,GAC1CC,IAAcD,EAAuB,IAAI,GACzCE,IAAcC,EAAwB;AAAA,IAC1C,KAAKF;AAAA,EAAA,CACN,GAEK,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAuBP,EAA8B,IAAI,GACzDQ,IAAcN,EAAY,SAAS,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI;AAErE,EAAAO,EAAgB,MAAM;AACpB,UAAMC,IAASX,EAAU;AACzB,QAAKW;AAEL,aAAIH,EAAqB,WACvB,aAAaA,EAAqB,OAAO,GAGvClB,KAAU,CAACqB,EAAO,QACpBA,EAAO,UAAA,GACP,sBAAsB,MAAM;AAC1B,QAAAA,EAAO,aAAa,aAAa,MAAM;AAAA,MACzC,CAAC,KACQ,CAACrB,KAAUqB,EAAO,SAC3BL,EAAa,EAAI,GACjBE,EAAqB,UAAU,WAAW,MAAM;AAC9C,QAAAG,EAAO,MAAA,GACPA,EAAO,gBAAgB,WAAW,GAClCL,EAAa,EAAK;AAAA,MACpB,GAAGM,CAAkB,IAGhB,MAAM;AACX,QAAIJ,EAAqB,WACvB,aAAaA,EAAqB,OAAO;AAAA,MAE7C;AAAA,EACF,GAAG,CAAClB,CAAM,CAAC;AAEX,QAAMuB,IAAsB,CAACC,MAA4C;AACvE,IAAIA,EAAM,WAAWA,EAAM,iBAAiBf,KAC1CR,IAAA;AAAA,EAEJ,GAEMwB,IAAgB,CAACD,MAA+C;AACpE,IAAIA,EAAM,QAAQ,YAChBvB,IAAA;AAAA,EAEJ,GAEMyB,IAAc,MAAM;AACxB,IAAIzB,KACFA,EAAA;AAAA,EAEJ,GAEM0B,IAAsB,MAAM;AAChC,IAAIzB,KACFA,EAAA;AAAA,EAEJ;AAEA,SACE,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKlB;AAAA,MACL,WAAWmB,EAAO;AAAA,MAClB,SAASH;AAAA,MACT,gBAAcX,KAAa;AAAA,MAE3B,UAAA,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKhB;AAAA,UACL,WAAWiB,EAAO;AAAA,UAClB,SAASN;AAAA,UACT,WAAWE;AAAA,UACX,MAAK;AAAA,UAEL,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWD,EAAO,SACpB,UAAA;AAAA,YAAAtB,KAAS,gBAAAqB,EAAC,OAAA,EAAI,WAAWC,EAAO,OAAQ,UAAAtB,GAAM;AAAA,YAC9CC,KAAY,gBAAAoB,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAO,UAAArB,GAAS;AAAA,YACpD,gBAAAsB,EAACC,KAAK,qBAAqBZ,GAAa,KAAK,IAAI,WAAWU,EAAO,SACjE,UAAA;AAAA,cAAA,gBAAAD,EAACI,GAAA,EAAO,SAAQ,aAAY,SAASN,GAClC,UAAApB,GACH;AAAA,cACA,gBAAAsB;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,SAAS7B,IAAgB,UAAU;AAAA,kBACnC,SAASwB;AAAA,kBACT,WAAWvB;AAAA,kBAEV,UAAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH,EAAA,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,18 @@
+const t = "_dialog_kvl1b_1", o = "_backdrop_kvl1b_21", _ = "_content_kvl1b_31", c = "_title_kvl1b_57", n = "_body_kvl1b_65", l = "_actions_kvl1b_71", s = {
+  dialog: t,
+  backdrop: o,
+  content: _,
+  title: c,
+  body: n,
+  actions: l
+};
+export {
+  l as actions,
+  o as backdrop,
+  n as body,
+  _ as content,
+  s as default,
+  t as dialog,
+  c as title
+};
+//# sourceMappingURL=Dialog.module.scss.js.map

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

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

package/dist/components/Common/UI/Dialog/DialogTypes.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+export interface DialogProps {
+    /**
+     * Controls whether the dialog is open or closed
+     */
+    isOpen?: boolean;
+    /**
+     * Callback function called when the dialog should be closed
+     */
+    onClose?: () => void;
+    /**
+     * Callback function called when the primary action button is clicked
+     */
+    onPrimaryActionClick?: () => void;
+    /**
+     * Whether the primary action is destructive (changes button style to error variant)
+     */
+    isDestructive?: boolean;
+    /**
+     * Whether the primary action button is in loading state
+     */
+    isPrimaryActionLoading?: boolean;
+    /**
+     * Text label for the primary action button
+     */
+    primaryActionLabel: string;
+    /**
+     * Text label for the close/cancel action button
+     */
+    closeActionLabel: string;
+    /**
+     * Optional title content to be displayed at the top of the dialog
+     */
+    title?: ReactNode;
+    /**
+     * Optional children content to be rendered in the dialog body
+     */
+    children?: ReactNode;
+    /**
+     * Whether clicking the backdrop should close the dialog
+     */
+    shouldCloseOnBackdropClick?: boolean;
+}
+/**
+ * Default prop values for Dialog component.
+ */
+export declare const DialogDefaults: {
+    readonly isOpen: false;
+    readonly isDestructive: false;
+    readonly isPrimaryActionLoading: false;
+    readonly shouldCloseOnBackdropClick: false;
+};

package/dist/components/Common/UI/Dialog/DialogTypes.js

@@ -0,0 +1,10 @@
+const s = {
+  isOpen: !1,
+  isDestructive: !1,
+  isPrimaryActionLoading: !1,
+  shouldCloseOnBackdropClick: !1
+};
+export {
+  s as DialogDefaults
+};
+//# sourceMappingURL=DialogTypes.js.map

package/dist/components/Common/UI/Dialog/DialogTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTypes.js","sources":["../../../../../src/components/Common/UI/Dialog/DialogTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface DialogProps {\n  /**\n   * Controls whether the dialog is open or closed\n   */\n  isOpen?: boolean\n  /**\n   * Callback function called when the dialog should be closed\n   */\n  onClose?: () => void\n  /**\n   * Callback function called when the primary action button is clicked\n   */\n  onPrimaryActionClick?: () => void\n  /**\n   * Whether the primary action is destructive (changes button style to error variant)\n   */\n  isDestructive?: boolean\n  /**\n   * Whether the primary action button is in loading state\n   */\n  isPrimaryActionLoading?: boolean\n  /**\n   * Text label for the primary action button\n   */\n  primaryActionLabel: string\n  /**\n   * Text label for the close/cancel action button\n   */\n  closeActionLabel: string\n  /**\n   * Optional title content to be displayed at the top of the dialog\n   */\n  title?: ReactNode\n  /**\n   * Optional children content to be rendered in the dialog body\n   */\n  children?: ReactNode\n  /**\n   * Whether clicking the backdrop should close the dialog\n   */\n  shouldCloseOnBackdropClick?: boolean\n}\n\n/**\n * Default prop values for Dialog component.\n */\nexport const DialogDefaults = {\n  isOpen: false,\n  isDestructive: false,\n  isPrimaryActionLoading: false,\n  shouldCloseOnBackdropClick: false,\n} as const satisfies Partial<DialogProps>\n"],"names":["DialogDefaults"],"mappings":"AAgDO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,wBAAwB;AAAA,EACxB,4BAA4B;AAC9B;"}

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

@@ -0,0 +1,4 @@
+import "./types/i18next.d.ts"
+export { Dialog } from './Dialog';
+export type { DialogProps } from './DialogTypes';
+export { DialogDefaults } from './DialogTypes';

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

@@ -1,4 +1,4 @@
-const n = "_root_17n45_1", o = "_menuItem_17n45_13", t = "_menuIcon_17n45_42", e = {
+const n = "_root_ggn54_1", o = "_menuItem_ggn54_13", t = "_menuIcon_ggn54_44", e = {
   root: n,
   menuItem: o,
   menuIcon: t

package/dist/components/Common/UI/NumberInput/NumberInputTypes.d.ts

@@ -1,4 +1,4 @@
-import { FocusEventHandler, InputHTMLAttributes, Ref } from 'react';
+import { InputHTMLAttributes, Ref } from 'react';
 import { InputProps } from '../Input/InputTypes';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
 export interface NumberInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'name' | 'id' | 'placeholder' | 'className'> {
@@ -29,7 +29,7 @@ export interface NumberInputProps extends SharedFieldLayoutProps, Pick<InputHTML
     /**
      * Handler for blur events
      */
-    onBlur?: FocusEventHandler<HTMLElement>;
+    onBlur?: () => void;
     /**
      * Element to display at the start of the input
      */

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

@@ -1,15 +1,15 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useContext as D, useRef as y } from "react";
-import G from "classnames";
-import { RadioGroup as x, RadioGroupStateContext as N } from "react-aria-components";
+import { useContext as y, useRef as G } from "react";
+import x from "classnames";
+import { RadioGroup as V, RadioGroupStateContext as N } from "react-aria-components";
 import { useRadio as P } from "react-aria";
 import { Radio as S } from "../Radio/Radio.js";
-import V from "./RadioGroup.module.scss.js";
-import { RadioGroupDefaults as A } from "./RadioGroupTypes.js";
-import { applyMissingDefaults as F } from "../../../../helpers/applyMissingDefaults.js";
-import { Fieldset as H } from "../../Fieldset/Fieldset.js";
-import { useForkRef as I } from "../../../../hooks/useForkRef/useForkRef.js";
-function L({
+import A from "./RadioGroup.module.scss.js";
+import { RadioGroupDefaults as F } from "./RadioGroupTypes.js";
+import { applyMissingDefaults as H } from "../../../../helpers/applyMissingDefaults.js";
+import { Fieldset as I } from "../../Fieldset/Fieldset.js";
+import { useForkRef as L } from "../../../../hooks/useForkRef/useForkRef.js";
+function M({
   label: o,
   description: e,
   value: a,
@@ -17,7 +17,7 @@ function L({
   inputRef: n,
   ...t
 }) {
-  const s = y(null), l = I(n, s), { inputProps: d, isSelected: p, isDisabled: u } = P(
+  const s = G(null), l = L(n, s), { inputProps: d, isSelected: p, isDisabled: u } = P(
     {
       ...t,
       value: a,
@@ -44,12 +44,12 @@ function L({
     }
   );
 }
-function M(o) {
-  const e = D(N);
-  return e ? /* @__PURE__ */ i(L, { groupState: e, ...o }) : null;
+function j(o) {
+  const e = y(N);
+  return e ? /* @__PURE__ */ i(M, { groupState: e, ...o }) : null;
 }
-function O(o) {
-  const e = F(o, A), {
+function Q(o) {
+  const e = H(o, F), {
     label: a,
     description: r,
     errorMessage: n,
@@ -59,39 +59,41 @@ function O(o) {
     options: d,
     shouldVisuallyHideLabel: p,
     value: u,
-    onChange: f,
-    className: m,
-    inputRef: R,
-    ...h
+    defaultValue: f,
+    onChange: m,
+    className: R,
+    inputRef: h,
+    ...b
   } = e;
   return /* @__PURE__ */ i(
-    H,
+    I,
     {
       legend: a,
       description: r,
       errorMessage: n,
       isRequired: t,
       shouldVisuallyHideLegend: p,
-      className: G(V.root, m),
-      ...h,
+      className: x(A.root, R),
+      ...b,
       children: /* @__PURE__ */ i(
-        x,
+        V,
         {
           isInvalid: s,
           isRequired: t,
           validationBehavior: "aria",
           value: u,
-          onChange: f,
+          defaultValue: f,
+          onChange: m,
           isDisabled: l,
           "aria-labelledby": " ",
-          children: d.map(({ value: c, label: b, isDisabled: g, description: v }, C) => /* @__PURE__ */ i(
-            M,
+          children: d.map(({ value: c, label: g, isDisabled: v, description: C }, D) => /* @__PURE__ */ i(
+            j,
             {
-              isDisabled: g,
+              isDisabled: v,
               value: c,
-              description: v,
-              label: b,
-              inputRef: C === 0 ? R : void 0
+              description: C,
+              label: g,
+              inputRef: D === 0 ? h : void 0
             },
             c
           ))
@@ -101,6 +103,6 @@ function O(o) {
   );
 }
 export {
-  O as RadioGroup
+  Q as RadioGroup
 };
 //# sourceMappingURL=RadioGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupStateContext,\n  type RadioGroupRenderProps,\n} from 'react-aria-components'\nimport { useRadio } from 'react-aria'\nimport type { AriaRadioProps } from 'react-aria'\nimport type React from 'react'\nimport { Radio } from '../Radio'\nimport styles from './RadioGroup.module.scss'\nimport type { RadioGroupProps } from './RadioGroupTypes'\nimport { RadioGroupDefaults } from './RadioGroupTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Radio implementation specific to React Aria to get our radio to connect\n// to their RadioGroup component\ninterface ReactAriaRadioProps extends Omit<AriaRadioProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: RadioGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaRadio({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaRadioProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, inputRef)\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\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 radio to React Aria and we already\n      // configure a label for our radios.\n      children: ' ',\n    },\n    groupState,\n    inputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.setSelectedValue(value)\n    }\n  }\n\n  return (\n    <Radio\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaRadioWrapper(props: Omit<ReactAriaRadioProps, 'groupState'>) {\n  const groupState = useContext(RadioGroupStateContext)\n  // We can't render hooks conditionally so we have to use useRadio above but\n  // groupState is only defined if the component is rendered within a RadioGroup\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 RadioGroup\n  return groupState ? <ReactAriaRadio groupState={groupState} {...props} /> : null\n}\n\nexport function RadioGroup(rawProps: RadioGroupProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, RadioGroupDefaults)\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      <AriaRadioGroup\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          <ReactAriaRadioWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaRadioGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaRadio","label","description","value","groupState","inputRefFromProps","props","inputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","useRadio","jsx","Radio","checked","ReactAriaRadioWrapper","useContext","RadioGroupStateContext","RadioGroup","rawProps","resolvedProps","applyMissingDefaults","RadioGroupDefaults","errorMessage","isRequired","isInvalid","options","shouldVisuallyHideLabel","onChange","className","otherProps","Fieldset","classNames","styles","AriaRadioGroup","index"],"mappings":";;;;;;;;;;;AA6BA,SAASA,EAAe;AAAA,EACtB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAAwB;AACtB,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBC,EAAWL,GAAmBE,CAAQ,GAEvD,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,EAAA,IAAeC;AAAA,IAC7C;AAAA,MACE,GAAGR;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,IAAA;AAAA,IAEZC;AAAA,IACAG;AAAA,EAAA;AASF,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,aAAAX;AAAA,MACA,UAZiB,CAACe,MAAqB;AACzC,QAAIA,KACFb,EAAW,iBAAiBD,CAAK;AAAA,MAErC;AAAA,MASI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAASO,EAAsBZ,GAAgD;AAC7E,QAAMF,IAAae,EAAWC,CAAsB;AAKpD,SAAOhB,IAAa,gBAAAW,EAACf,GAAA,EAAe,YAAAI,GAAyB,GAAGE,GAAO,IAAK;AAC9E;AAEO,SAASe,EAAWC,GAA2B;AACpD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAkB,GACjE;AAAA,IACJ,OAAAxB;AAAA,IACA,aAAAC;AAAA,IACA,cAAAwB;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAf;AAAA,IACA,SAAAgB;AAAA,IACA,yBAAAC;AAAA,IACA,OAAA3B;AAAA,IACA,UAAA4B;AAAA,IACA,WAAAC;AAAA,IACA,UAAAzB;AAAA,IACA,GAAG0B;AAAA,EAAA,IACDV;AACJ,SACE,gBAAAR;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,QAAQjC;AAAA,MACR,aAAAC;AAAA,MACA,cAAAwB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BG;AAAA,MAC1B,WAAWK,EAAWC,EAAO,MAAMJ,CAAS;AAAA,MAC3C,GAAGC;AAAA,MAEJ,UAAA,gBAAAlB;AAAA,QAACsB;AAAAA,QAAA;AAAA,UACC,WAAAT;AAAA,UACA,YAAAD;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAAxB;AAAA,UACA,UAAA4B;AAAA,UACA,YAAAlB;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAAgB,EAAQ,IAAI,CAAC,EAAE,OAAA1B,GAAO,OAAAF,GAAO,YAAAY,GAAY,aAAAX,EAAAA,GAAeoC,MACvD,gBAAAvB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYL;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUqC,MAAU,IAAI/B,IAAW;AAAA,YAAA;AAAA,YAJ9BJ;AAAAA,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupStateContext,\n  type RadioGroupRenderProps,\n} from 'react-aria-components'\nimport { useRadio } from 'react-aria'\nimport type { AriaRadioProps } from 'react-aria'\nimport type React from 'react'\nimport { Radio } from '../Radio'\nimport styles from './RadioGroup.module.scss'\nimport type { RadioGroupProps } from './RadioGroupTypes'\nimport { RadioGroupDefaults } from './RadioGroupTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Radio implementation specific to React Aria to get our radio to connect\n// to their RadioGroup component\ninterface ReactAriaRadioProps extends Omit<AriaRadioProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: RadioGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaRadio({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaRadioProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, inputRef)\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\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 radio to React Aria and we already\n      // configure a label for our radios.\n      children: ' ',\n    },\n    groupState,\n    inputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.setSelectedValue(value)\n    }\n  }\n\n  return (\n    <Radio\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaRadioWrapper(props: Omit<ReactAriaRadioProps, 'groupState'>) {\n  const groupState = useContext(RadioGroupStateContext)\n  // We can't render hooks conditionally so we have to use useRadio above but\n  // groupState is only defined if the component is rendered within a RadioGroup\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 RadioGroup\n  return groupState ? <ReactAriaRadio groupState={groupState} {...props} /> : null\n}\n\nexport function RadioGroup(rawProps: RadioGroupProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, RadioGroupDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    options,\n    shouldVisuallyHideLabel,\n    value,\n    defaultValue,\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      <AriaRadioGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        defaultValue={defaultValue}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled, description }, index) => (\n          <ReactAriaRadioWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaRadioGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaRadio","label","description","value","groupState","inputRefFromProps","props","inputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","useRadio","jsx","Radio","checked","ReactAriaRadioWrapper","useContext","RadioGroupStateContext","RadioGroup","rawProps","resolvedProps","applyMissingDefaults","RadioGroupDefaults","errorMessage","isRequired","isInvalid","options","shouldVisuallyHideLabel","defaultValue","onChange","className","otherProps","Fieldset","classNames","styles","AriaRadioGroup","index"],"mappings":";;;;;;;;;;;AA6BA,SAASA,EAAe;AAAA,EACtB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAAwB;AACtB,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBC,EAAWL,GAAmBE,CAAQ,GAEvD,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,EAAA,IAAeC;AAAA,IAC7C;AAAA,MACE,GAAGR;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,IAAA;AAAA,IAEZC;AAAA,IACAG;AAAA,EAAA;AASF,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,aAAAX;AAAA,MACA,UAZiB,CAACe,MAAqB;AACzC,QAAIA,KACFb,EAAW,iBAAiBD,CAAK;AAAA,MAErC;AAAA,MASI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAASO,EAAsBZ,GAAgD;AAC7E,QAAMF,IAAae,EAAWC,CAAsB;AAKpD,SAAOhB,IAAa,gBAAAW,EAACf,GAAA,EAAe,YAAAI,GAAyB,GAAGE,GAAO,IAAK;AAC9E;AAEO,SAASe,EAAWC,GAA2B;AACpD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAkB,GACjE;AAAA,IACJ,OAAAxB;AAAA,IACA,aAAAC;AAAA,IACA,cAAAwB;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAf;AAAA,IACA,SAAAgB;AAAA,IACA,yBAAAC;AAAA,IACA,OAAA3B;AAAA,IACA,cAAA4B;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAA1B;AAAA,IACA,GAAG2B;AAAA,EAAA,IACDX;AACJ,SACE,gBAAAR;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,QAAQlC;AAAA,MACR,aAAAC;AAAA,MACA,cAAAwB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BG;AAAA,MAC1B,WAAWM,EAAWC,EAAO,MAAMJ,CAAS;AAAA,MAC3C,GAAGC;AAAA,MAEJ,UAAA,gBAAAnB;AAAA,QAACuB;AAAAA,QAAA;AAAA,UACC,WAAAV;AAAA,UACA,YAAAD;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAAxB;AAAA,UACA,cAAA4B;AAAA,UACA,UAAAC;AAAA,UACA,YAAAnB;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAAgB,EAAQ,IAAI,CAAC,EAAE,OAAA1B,GAAO,OAAAF,GAAO,YAAAY,GAAY,aAAAX,EAAAA,GAAeqC,MACvD,gBAAAxB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYL;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUsC,MAAU,IAAIhC,IAAW;AAAA,YAAA;AAAA,YAJ9BJ;AAAAA,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/RadioGroup/RadioGroupTypes.d.ts

@@ -35,6 +35,10 @@ export interface RadioGroupProps extends SharedFieldLayoutProps, Pick<FieldsetHT
      * Currently selected value
      */
     value?: string;
+    /**
+     * Initially selected value
+     */
+    defaultValue?: string;
     /**
      * Callback when selection changes
      */

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

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

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

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

package/dist/components/Common/UI/Switch/SwitchTypes.d.ts

@@ -1,10 +1,10 @@
-import { FocusEvent, InputHTMLAttributes, Ref } from 'react';
+import { InputHTMLAttributes, Ref } from 'react';
 import { SharedHorizontalFieldLayoutProps } from '../../HorizontalFieldLayout/HorizontalFieldLayoutTypes';
 export interface SwitchProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id'> {
     /**
      * Handler for blur events
      */
-    onBlur?: (e: FocusEvent) => void;
+    onBlur?: () => void;
     /**
      * Callback when switch state changes
      */

package/dist/components/Common/UI/Switch/SwitchTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchTypes.js","sources":["../../../../../src/components/Common/UI/Switch/SwitchTypes.ts"],"sourcesContent":["import type { FocusEvent, InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface SwitchProps\n  extends SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id'> {\n  /**\n   * Handler for blur events\n   */\n  onBlur?: (e: FocusEvent) => void\n  /**\n   * Callback when switch state changes\n   */\n  onChange?: (checked: boolean) => void\n  /**\n   * Current checked state of the switch\n   */\n  value?: boolean\n  /**\n   * React ref for the switch input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the switch and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Additional CSS class name for the switch container\n   */\n  className?: string\n  /**\n   * Label text for the switch\n   */\n  label: string\n}\n\n/**\n * Default prop values for Switch component.\n */\nexport const SwitchDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<SwitchProps>\n"],"names":["SwitchDefaults"],"mappings":"AA2CO,MAAMA,IAAiB;AAAA,EAC5B,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"SwitchTypes.js","sources":["../../../../../src/components/Common/UI/Switch/SwitchTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface SwitchProps\n  extends SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id'> {\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Callback when switch state changes\n   */\n  onChange?: (checked: boolean) => void\n  /**\n   * Current checked state of the switch\n   */\n  value?: boolean\n  /**\n   * React ref for the switch input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the switch and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Additional CSS class name for the switch container\n   */\n  className?: string\n  /**\n   * Label text for the switch\n   */\n  label: string\n}\n\n/**\n * Default prop values for Switch component.\n */\nexport const SwitchDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<SwitchProps>\n"],"names":["SwitchDefaults"],"mappings":"AA2CO,MAAMA,IAAiB;AAAA,EAC5B,WAAW;AAAA,EACX,YAAY;AACd;"}

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

@@ -1,2 +1,2 @@
 import { TableProps } from './TableTypes';
-export declare function Table({ className, headers, rows, footer, emptyState, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare function Table(rawProps: TableProps): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

@@ -36,4 +36,19 @@ export interface TableProps extends Pick<TableHTMLAttributes<HTMLTableElement>,
      * Content to display when the table has no rows
      */
     emptyState?: ReactNode;
+    /**
+     * Visual style variant of the table
+     */
+    variant?: 'default' | 'minimal';
+    /**
+     * Whether the first column contains checkboxes (affects which column gets leading variant)
+     */
+    hasCheckboxColumn?: boolean;
 }
+/**
+ * Default prop values for Table component.
+ */
+export declare const TableDefaults: {
+    readonly variant: "default";
+    readonly hasCheckboxColumn: false;
+};

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

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