@gusto/embedded-react-sdk 0.13.1 → 0.13.3

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/Input/Input.d.ts

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

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

@@ -1,41 +1,52 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { Input as o } from "react-aria-components";
-import c from "classnames";
-import i from "./Input.module.scss.js";
-import p from "../../../../assets/icons/alert-circle.svg.js";
-function I({
-  className: l,
-  adornmentStart: r,
-  adornmentEnd: e,
-  inputRef: t,
-  isDisabled: n,
-  "aria-invalid": d,
-  ...m
-}) {
-  return /* @__PURE__ */ s(
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Input as p } from "react-aria-components";
+import f from "classnames";
+import a from "./Input.module.scss.js";
+import { InputDefaults as v } from "./InputTypes.js";
+import { applyMissingDefaults as u } from "../../../../helpers/applyMissingDefaults.js";
+import h from "../../../../assets/icons/alert-circle.svg.js";
+function E(s) {
+  const o = u(s, v), {
+    className: d,
+    adornmentStart: n,
+    adornmentEnd: i,
+    inputRef: m,
+    isDisabled: t,
+    "aria-invalid": l,
+    ...c
+  } = o;
+  return /* @__PURE__ */ e(
     "div",
     {
-      className: c(
-        i.container,
+      className: f(
+        a.container,
         {
-          [i.hasAdornmentStart]: !!r,
-          [i.hasAdornmentEnd]: !!e
+          [a.hasAdornmentStart]: !!n,
+          [a.hasAdornmentEnd]: !!i
         },
-        l
+        d
       ),
-      "data-disabled": n,
+      "data-disabled": t,
       children: [
-        r && /* @__PURE__ */ a("div", { className: i.adornmentStart, children: r }),
-        /* @__PURE__ */ s("div", { className: i.inputContainer, children: [
-          /* @__PURE__ */ a(o, { ref: t, disabled: n, "aria-invalid": d, ...m }),
-          /* @__PURE__ */ a("div", { className: i.invalidIcon, children: /* @__PURE__ */ a(p, { fontSize: 16 }) })
+        n && /* @__PURE__ */ r("div", { className: a.adornmentStart, children: n }),
+        /* @__PURE__ */ e("div", { className: a.inputContainer, children: [
+          /* @__PURE__ */ r(
+            p,
+            {
+              ref: m,
+              disabled: t,
+              "aria-invalid": l,
+              ...c
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: a.invalidIcon, children: /* @__PURE__ */ r(h, { fontSize: 16 }) })
         ] }),
-        e && /* @__PURE__ */ a("div", { className: i.adornmentEnd, children: e })
+        i && /* @__PURE__ */ r("div", { className: a.adornmentEnd, children: i })
       ]
     }
   );
 }
 export {
-  I as Input
+  E as Input
 };
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../src/components/Common/UI/Input/Input.tsx"],"sourcesContent":["import { Input as AriaInput } from 'react-aria-components'\nimport classNames from 'classnames'\nimport styles from './Input.module.scss'\nimport type { InputProps } from './InputTypes'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function Input({\n  className,\n  adornmentStart,\n  adornmentEnd,\n  inputRef,\n  isDisabled,\n  'aria-invalid': ariaInvalid,\n  ...props\n}: InputProps) {\n  return (\n    <div\n      className={classNames(\n        styles.container,\n        {\n          [styles.hasAdornmentStart as string]: !!adornmentStart,\n          [styles.hasAdornmentEnd as string]: !!adornmentEnd,\n        },\n        className,\n      )}\n      data-disabled={isDisabled}\n    >\n      {adornmentStart && <div className={styles.adornmentStart}>{adornmentStart}</div>}\n      <div className={styles.inputContainer}>\n        <AriaInput ref={inputRef} disabled={isDisabled} aria-invalid={ariaInvalid} {...props} />\n        <div className={styles.invalidIcon}>\n          <AlertCircle fontSize={16} />\n        </div>\n      </div>\n      {adornmentEnd && <div className={styles.adornmentEnd}>{adornmentEnd}</div>}\n    </div>\n  )\n}\n"],"names":["Input","className","adornmentStart","adornmentEnd","inputRef","isDisabled","ariaInvalid","props","jsxs","classNames","styles","jsx","AriaInput","AlertCircle"],"mappings":";;;;;AAMO,SAASA,EAAM;AAAA,EACpB,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAgBC;AAAA,EAChB,GAAGC;AACL,GAAe;AACb,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,iBAA2B,GAAG,CAAC,CAACR;AAAA,UACxC,CAACQ,EAAO,eAAyB,GAAG,CAAC,CAACP;AAAA,QAAA;AAAA,QAExCF;AAAA,MAAA;AAAA,MAEF,iBAAeI;AAAA,MAEd,UAAA;AAAA,QAAAH,KAAkB,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAiB,UAAAR,GAAe;AAAA,QAC1E,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAU,KAAKR,GAAU,UAAUC,GAAY,gBAAcC,GAAc,GAAGC,GAAO;AAAA,UACtF,gBAAAI,EAAC,SAAI,WAAWD,EAAO,aACrB,UAAA,gBAAAC,EAACE,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,QAAA,GACF;AAAA,QACCV,KAAgB,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,cAAe,UAAAP,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1E;"}
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/Common/UI/Input/Input.tsx"],"sourcesContent":["import { Input as AriaInput } from 'react-aria-components'\nimport classNames from 'classnames'\nimport styles from './Input.module.scss'\nimport type { InputProps } from './InputTypes'\nimport { InputDefaults } from './InputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function Input(rawProps: InputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, InputDefaults)\n  const {\n    className,\n    adornmentStart,\n    adornmentEnd,\n    inputRef,\n    isDisabled,\n    'aria-invalid': ariaInvalid,\n    ...otherProps\n  } = resolvedProps\n  return (\n    <div\n      className={classNames(\n        styles.container,\n        {\n          [styles.hasAdornmentStart as string]: !!adornmentStart,\n          [styles.hasAdornmentEnd as string]: !!adornmentEnd,\n        },\n        className,\n      )}\n      data-disabled={isDisabled}\n    >\n      {adornmentStart && <div className={styles.adornmentStart}>{adornmentStart}</div>}\n      <div className={styles.inputContainer}>\n        <AriaInput\n          ref={inputRef}\n          disabled={isDisabled}\n          aria-invalid={ariaInvalid}\n          {...otherProps}\n        />\n        <div className={styles.invalidIcon}>\n          <AlertCircle fontSize={16} />\n        </div>\n      </div>\n      {adornmentEnd && <div className={styles.adornmentEnd}>{adornmentEnd}</div>}\n    </div>\n  )\n}\n"],"names":["Input","rawProps","resolvedProps","applyMissingDefaults","InputDefaults","className","adornmentStart","adornmentEnd","inputRef","isDisabled","ariaInvalid","otherProps","jsxs","classNames","styles","jsx","AriaInput","AlertCircle"],"mappings":";;;;;;;AAQO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D;AAAA,IACJ,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,IACDT;AACJ,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,iBAA2B,GAAG,CAAC,CAACR;AAAA,UACxC,CAACQ,EAAO,eAAyB,GAAG,CAAC,CAACP;AAAA,QAAA;AAAA,QAExCF;AAAA,MAAA;AAAA,MAEF,iBAAeI;AAAA,MAEd,UAAA;AAAA,QAAAH,KAAkB,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAiB,UAAAR,GAAe;AAAA,QAC1E,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,KAAKR;AAAA,cACL,UAAUC;AAAA,cACV,gBAAcC;AAAA,cACb,GAAGC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAI,EAAC,SAAI,WAAWD,EAAO,aACrB,UAAA,gBAAAC,EAACE,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,QAAA,GACF;AAAA,QACCV,KAAgB,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,cAAe,UAAAP,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1E;"}

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

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

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

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

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

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

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

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

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

@@ -1,52 +1,54 @@
-import { jsx as t, jsxs as N } from "react/jsx-runtime";
-import { Popover as b, Menu as x, MenuItem as I } from "react-aria-components";
-import n from "./Menu.module.scss.js";
+import { jsx as o, jsxs as C } from "react/jsx-runtime";
+import { Popover as N, Menu as P, MenuItem as v } from "react-aria-components";
+import r from "./Menu.module.scss.js";
+import { MenuDefaults as x } from "./MenuTypes.js";
+import { applyMissingDefaults as I } from "../../../../helpers/applyMissingDefaults.js";
 import "react";
 import "react-i18next";
-import { useTheme as g } from "../../../../contexts/ThemeProvider/useTheme.js";
+import { useTheme as O } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-function U({
-  triggerRef: a,
-  items: m,
-  isOpen: i = !1,
-  onClose: o,
-  "aria-label": s,
-  ...l
-}) {
-  const { container: p } = g(), c = (e) => {
-    e || o?.();
+function R(s) {
+  const a = I(s, x), {
+    triggerRef: i,
+    items: m,
+    isOpen: l,
+    onClose: t,
+    "aria-label": p,
+    ...c
+  } = a, { container: u } = O(), f = (e) => {
+    e || t?.();
   };
-  return /* @__PURE__ */ t(
-    b,
+  return /* @__PURE__ */ o(
+    N,
     {
-      UNSTABLE_portalContainer: p.current,
-      onOpenChange: c,
-      isOpen: i,
-      triggerRef: a,
+      UNSTABLE_portalContainer: u.current,
+      onOpenChange: f,
+      isOpen: l,
+      triggerRef: i,
       placement: "bottom start",
       offset: 8,
       shouldUpdatePosition: !0,
-      children: /* @__PURE__ */ t(x, { onClose: o, "aria-label": s, className: n.root, ...l, children: m?.map(({ onClick: e, isDisabled: u, href: f, icon: r, label: h, ...d }, M) => /* @__PURE__ */ N(
-        I,
+      children: /* @__PURE__ */ o(P, { onClose: t, "aria-label": p, className: r.root, ...c, children: m?.map(({ onClick: e, isDisabled: h, href: d, icon: n, label: M, ...g }, b) => /* @__PURE__ */ C(
+        v,
         {
           onAction: () => {
             e();
           },
-          isDisabled: u,
-          href: f,
-          className: n.menuItem,
-          ...d,
+          isDisabled: h,
+          href: d,
+          className: r.menuItem,
+          ...g,
           children: [
-            r && /* @__PURE__ */ t("div", { className: n.menuIcon, children: r }),
-            h
+            n && /* @__PURE__ */ o("div", { className: r.menuIcon, children: n }),
+            M
           ]
         },
-        M
+        b
       )) })
     }
   );
 }
 export {
-  U as Menu
+  R as Menu
 };
 //# sourceMappingURL=Menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../src/components/Common/UI/Menu/Menu.tsx"],"sourcesContent":["import { Menu as AriaMenu, MenuItem as AriaMenuItem, Popover } from 'react-aria-components'\nimport styles from './Menu.module.scss'\nimport { type MenuProps } from './MenuTypes'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport function Menu({\n  triggerRef,\n  items,\n  isOpen = false,\n  onClose,\n  'aria-label': ariaLabel,\n  ...props\n}: MenuProps) {\n  const { container } = useTheme()\n\n  const handleOpenChange = (isOpen: boolean) => {\n    if (!isOpen) {\n      onClose?.()\n    }\n  }\n\n  return (\n    <Popover\n      UNSTABLE_portalContainer={container.current}\n      onOpenChange={handleOpenChange}\n      isOpen={isOpen}\n      triggerRef={triggerRef}\n      placement=\"bottom start\"\n      offset={8}\n      shouldUpdatePosition={true}\n    >\n      <AriaMenu onClose={onClose} aria-label={ariaLabel} className={styles.root} {...props}>\n        {items?.map(({ onClick, isDisabled, href, icon, label, ...itemProps }, index) => (\n          <AriaMenuItem\n            key={index}\n            onAction={() => {\n              onClick()\n            }}\n            isDisabled={isDisabled}\n            href={href}\n            className={styles.menuItem}\n            {...itemProps}\n          >\n            {icon && <div className={styles.menuIcon}>{icon}</div>}\n            {label}\n          </AriaMenuItem>\n        ))}\n      </AriaMenu>\n    </Popover>\n  )\n}\n"],"names":["Menu","triggerRef","items","isOpen","onClose","ariaLabel","props","container","useTheme","handleOpenChange","jsx","Popover","AriaMenu","styles","onClick","isDisabled","href","icon","label","itemProps","index","jsxs","AriaMenuItem"],"mappings":";;;;;;;AAKO,SAASA,EAAK;AAAA,EACnB,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC;AAAA,EACA,cAAcC;AAAA,EACd,GAAGC;AACL,GAAc;AACZ,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhBC,IAAmB,CAACN,MAAoB;AAC5C,IAAKA,KACHC,IAAA;AAAA,EAEJ;AAEA,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,0BAA0BJ,EAAU;AAAA,MACpC,cAAcE;AAAA,MACd,QAAAN;AAAA,MACA,YAAAF;AAAA,MACA,WAAU;AAAA,MACV,QAAQ;AAAA,MACR,sBAAsB;AAAA,MAEtB,UAAA,gBAAAS,EAACE,KAAS,SAAAR,GAAkB,cAAYC,GAAW,WAAWQ,EAAO,MAAO,GAAGP,GAC5E,UAAAJ,GAAO,IAAI,CAAC,EAAE,SAAAY,GAAS,YAAAC,GAAY,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAA,GAAaC,MACrE,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,UAAU,MAAM;AACd,YAAAR,EAAA;AAAA,UACF;AAAA,UACA,YAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWH,EAAO;AAAA,UACjB,GAAGM;AAAA,UAEH,UAAA;AAAA,YAAAF,KAAQ,gBAAAP,EAAC,OAAA,EAAI,WAAWG,EAAO,UAAW,UAAAI,GAAK;AAAA,YAC/CC;AAAA,UAAA;AAAA,QAAA;AAAA,QAVIE;AAAA,MAAA,CAYR,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Menu.js","sources":["../../../../../src/components/Common/UI/Menu/Menu.tsx"],"sourcesContent":["import { Menu as AriaMenu, MenuItem as AriaMenuItem, Popover } from 'react-aria-components'\nimport styles from './Menu.module.scss'\nimport { type MenuProps, MenuDefaults } from './MenuTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport function Menu(rawProps: MenuProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, MenuDefaults)\n  const {\n    triggerRef,\n    items,\n    isOpen,\n    onClose,\n    'aria-label': ariaLabel,\n    ...otherProps\n  } = resolvedProps\n  const { container } = useTheme()\n\n  const handleOpenChange = (isOpen: boolean) => {\n    if (!isOpen) {\n      onClose?.()\n    }\n  }\n\n  return (\n    <Popover\n      UNSTABLE_portalContainer={container.current}\n      onOpenChange={handleOpenChange}\n      isOpen={isOpen}\n      triggerRef={triggerRef}\n      placement=\"bottom start\"\n      offset={8}\n      shouldUpdatePosition={true}\n    >\n      <AriaMenu onClose={onClose} aria-label={ariaLabel} className={styles.root} {...otherProps}>\n        {items?.map(({ onClick, isDisabled, href, icon, label, ...itemProps }, index) => (\n          <AriaMenuItem\n            key={index}\n            onAction={() => {\n              onClick()\n            }}\n            isDisabled={isDisabled}\n            href={href}\n            className={styles.menuItem}\n            {...itemProps}\n          >\n            {icon && <div className={styles.menuIcon}>{icon}</div>}\n            {label}\n          </AriaMenuItem>\n        ))}\n      </AriaMenu>\n    </Popover>\n  )\n}\n"],"names":["Menu","rawProps","resolvedProps","applyMissingDefaults","MenuDefaults","triggerRef","items","isOpen","onClose","ariaLabel","otherProps","container","useTheme","handleOpenChange","jsx","Popover","AriaMenu","styles","onClick","isDisabled","href","icon","label","itemProps","index","jsxs","AriaMenuItem"],"mappings":";;;;;;;;;AAMO,SAASA,EAAKC,GAAqB;AACxC,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D;AAAA,IACJ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,IACDR,GACE,EAAE,WAAAS,EAAA,IAAcC,EAAA,GAEhBC,IAAmB,CAACN,MAAoB;AAC5C,IAAKA,KACHC,IAAA;AAAA,EAEJ;AAEA,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,0BAA0BJ,EAAU;AAAA,MACpC,cAAcE;AAAA,MACd,QAAAN;AAAA,MACA,YAAAF;AAAA,MACA,WAAU;AAAA,MACV,QAAQ;AAAA,MACR,sBAAsB;AAAA,MAEtB,UAAA,gBAAAS,EAACE,KAAS,SAAAR,GAAkB,cAAYC,GAAW,WAAWQ,EAAO,MAAO,GAAGP,GAC5E,UAAAJ,GAAO,IAAI,CAAC,EAAE,SAAAY,GAAS,YAAAC,GAAY,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAA,GAAaC,MACrE,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,UAAU,MAAM;AACd,YAAAR,EAAA;AAAA,UACF;AAAA,UACA,YAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWH,EAAO;AAAA,UACjB,GAAGM;AAAA,UAEH,UAAA;AAAA,YAAAF,KAAQ,gBAAAP,EAAC,OAAA,EAAI,WAAWG,EAAO,UAAW,UAAAI,GAAK;AAAA,YAC/CC;AAAA,UAAA;AAAA,QAAA;AAAA,QAVIE;AAAA,MAAA,CAYR,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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/Menu/MenuTypes.d.ts

@@ -44,3 +44,9 @@ export interface MenuProps extends DataAttributes {
      */
     'aria-label': string;
 }
+/**
+ * Default prop values for Menu component.
+ */
+export declare const MenuDefaults: {
+    readonly isOpen: false;
+};

package/dist/components/Common/UI/Menu/MenuTypes.js

@@ -0,0 +1,7 @@
+const e = {
+  isOpen: !1
+};
+export {
+  e as MenuDefaults
+};
+//# sourceMappingURL=MenuTypes.js.map

package/dist/components/Common/UI/Menu/MenuTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTypes.js","sources":["../../../../../src/components/Common/UI/Menu/MenuTypes.ts"],"sourcesContent":["import type { ReactNode, RefObject } from 'react'\nimport type { DataAttributes } from '@/types/Helpers'\n\nexport interface MenuItem extends DataAttributes {\n  /**\n   * Text label for the menu item\n   */\n  label: string\n  /**\n   * Optional icon to display before the label\n   */\n  icon?: ReactNode\n  /**\n   * Callback function when the menu item is clicked\n   */\n  onClick: () => void\n  /**\n   * Disables the menu item and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Optional URL to navigate to when clicked\n   */\n  href?: string\n}\n\nexport interface MenuProps extends DataAttributes {\n  /**\n   * Reference to the element that triggers the menu\n   */\n  triggerRef?: RefObject<Element | null>\n  /**\n   * Array of menu items to display\n   */\n  items?: MenuItem[]\n  /**\n   * Controls whether the menu is currently open\n   */\n  isOpen?: boolean\n  /**\n   * Callback when the menu is closed\n   */\n  onClose?: () => void\n  /**\n   * Accessible label describing the menu's purpose\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Menu component.\n */\nexport const MenuDefaults = {\n  isOpen: false,\n} as const satisfies Partial<MenuProps>\n"],"names":["MenuDefaults"],"mappings":"AAoDO,MAAMA,IAAe;AAAA,EAC1B,QAAQ;AACV;"}

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/Radio/Radio.d.ts

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

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

@@ -1,67 +1,69 @@
-import { jsx as i, jsxs as x } from "react/jsx-runtime";
-import F from "classnames";
-import { useFieldIds as j } from "../hooks/useFieldIds.js";
+import { jsx as r, jsxs as k } from "react/jsx-runtime";
+import x from "classnames";
+import { useFieldIds as C } from "../hooks/useFieldIds.js";
 import e from "./Radio.module.scss.js";
-import { HorizontalFieldLayout as v } from "../../HorizontalFieldLayout/HorizontalFieldLayout.js";
-const R = ({
-  name: o,
-  label: t,
-  description: d,
-  errorMessage: a,
-  isRequired: c,
-  inputRef: n,
-  value: r,
-  isInvalid: C = !1,
-  isDisabled: l = !1,
-  id: m,
-  onChange: p,
-  onBlur: h,
-  shouldVisuallyHideLabel: f,
-  className: I,
-  ...u
-}) => {
-  const { inputId: s, errorMessageId: y, descriptionId: N, ariaDescribedBy: b } = j({
-    inputId: m,
+import { RadioDefaults as F } from "./RadioTypes.js";
+import { applyMissingDefaults as M } from "../../../../helpers/applyMissingDefaults.js";
+import { HorizontalFieldLayout as j } from "../../HorizontalFieldLayout/HorizontalFieldLayout.js";
+const w = (d) => {
+  const t = M(d, F), {
+    name: l,
+    label: n,
+    description: s,
     errorMessage: a,
-    description: d
-  }), g = (k) => {
-    p?.(k.target.checked);
+    isRequired: c,
+    inputRef: m,
+    value: i,
+    isInvalid: B,
+    isDisabled: p,
+    id: u,
+    onChange: h,
+    onBlur: f,
+    shouldVisuallyHideLabel: b,
+    className: g,
+    ...y
+  } = t, { inputId: o, errorMessageId: I, descriptionId: v, ariaDescribedBy: N } = C({
+    inputId: u,
+    errorMessage: a,
+    description: s
+  }), D = (R) => {
+    h?.(R.target.checked);
   };
-  return /* @__PURE__ */ i(
-    v,
+  return /* @__PURE__ */ r(
+    j,
     {
-      label: t,
-      description: d,
+      label: n,
+      description: s,
       errorMessage: a,
       isRequired: c,
-      htmlFor: s,
-      errorMessageId: y,
-      descriptionId: N,
-      shouldVisuallyHideLabel: f,
-      className: I,
-      ...u,
-      children: /* @__PURE__ */ x("div", { className: e.radioWrapper, children: [
-        /* @__PURE__ */ i(
+      htmlFor: o,
+      errorMessageId: I,
+      descriptionId: v,
+      shouldVisuallyHideLabel: b,
+      className: g,
+      ...y,
+      children: /* @__PURE__ */ k("div", { className: e.radioWrapper, children: [
+        /* @__PURE__ */ r(
           "input",
           {
             type: "radio",
-            name: o,
-            disabled: l,
-            "aria-describedby": b,
-            checked: r,
-            id: s,
-            ref: n,
-            onBlur: h,
-            onChange: g,
+            name: l,
+            disabled: p,
+            "aria-describedby": N,
+            checked: i,
+            id: o,
+            ref: m,
+            onBlur: f,
+            onChange: D,
             className: e.radioInput
           }
         ),
-        /* @__PURE__ */ i("div", { className: F(e.radio, { [e.checked]: r }), children: r && /* @__PURE__ */ i("div", { className: e.radioDot }) })
+        /* @__PURE__ */ r("div", { className: x(e.radio, { [e.checked]: i }), children: i && /* @__PURE__ */ r("div", { className: e.radioDot }) })
       ] })
     }
   );
 };
 export {
-  R as Radio
+  w as Radio
 };
 //# sourceMappingURL=Radio.js.map