@gusto/embedded-react-sdk 0.13.1 → 0.13.3

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../../src/components/Common/UI/Radio/Radio.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Radio.module.scss'\nimport type { RadioProps } from './RadioTypes'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\n\nexport const Radio = ({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  inputRef,\n  value,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  onChange,\n  onBlur,\n  shouldVisuallyHideLabel,\n  className,\n  ...props\n}: RadioProps) => {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...props}\n    >\n      <div className={styles.radioWrapper}>\n        <input\n          type=\"radio\"\n          name={name}\n          disabled={isDisabled}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.radioInput}\n        />\n        <div className={classNames(styles.radio, { [styles.checked as string]: value })}>\n          {value && <div className={styles.radioDot} />}\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Radio","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","shouldVisuallyHideLabel","className","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","classNames"],"mappings":";;;;;AAOO,MAAMA,IAAQ,CAAC;AAAA,EACpB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAChB,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAC7D,IAAAX,IAAWW,EAAM,OAAO,OAAO;AAAA,EACjC;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAL;AAAA,MACA,WAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAAtB;AAAA,YACA,UAAUQ;AAAA,YACV,oBAAkBU;AAAA,YAClB,SAASZ;AAAA,YACT,IAAIS;AAAA,YACJ,KAAKV;AAAA,YACL,QAAAM;AAAA,YACA,UAAUS;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpB,gBAAAH,EAAC,SAAI,WAAWI,EAAWD,EAAO,OAAO,EAAE,CAACA,EAAO,OAAiB,GAAGnB,EAAA,CAAO,GAC3E,UAAAA,KAAS,gBAAAgB,EAAC,SAAI,WAAWG,EAAO,UAAU,EAAA,CAC7C;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Radio.js","sources":["../../../../../src/components/Common/UI/Radio/Radio.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Radio.module.scss'\nimport type { RadioProps } from './RadioTypes'\nimport { RadioDefaults } from './RadioTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\n\nexport const Radio = (rawProps: RadioProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, RadioDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    value,\n    isInvalid,\n    isDisabled,\n    id,\n    onChange,\n    onBlur,\n    shouldVisuallyHideLabel,\n    className,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...otherProps}\n    >\n      <div className={styles.radioWrapper}>\n        <input\n          type=\"radio\"\n          name={name}\n          disabled={isDisabled}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.radioInput}\n        />\n        <div className={classNames(styles.radio, { [styles.checked as string]: value })}>\n          {value && <div className={styles.radioDot} />}\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Radio","rawProps","resolvedProps","applyMissingDefaults","RadioDefaults","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","shouldVisuallyHideLabel","className","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","classNames"],"mappings":";;;;;;;AASO,MAAMA,IAAQ,CAACC,MAAyB;AAC7C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDjB,GACE,EAAE,SAAAkB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAC7D,IAAAX,IAAWW,EAAM,OAAO,OAAO;AAAA,EACjC;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAL;AAAA,MACA,WAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAAtB;AAAA,YACA,UAAUQ;AAAA,YACV,oBAAkBU;AAAA,YAClB,SAASZ;AAAA,YACT,IAAIS;AAAA,YACJ,KAAKV;AAAA,YACL,QAAAM;AAAA,YACA,UAAUS;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpB,gBAAAH,EAAC,SAAI,WAAWI,EAAWD,EAAO,OAAO,EAAE,CAACA,EAAO,OAAiB,GAAGnB,EAAA,CAAO,GAC3E,UAAAA,KAAS,gBAAAgB,EAAC,SAAI,WAAWG,EAAO,UAAU,EAAA,CAC7C;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/Radio/RadioTypes.d.ts

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

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

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

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

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

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

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

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

@@ -1,94 +1,97 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useContext as C, useRef as v } from "react";
-import x from "classnames";
-import { RadioGroup as G, RadioGroupStateContext as y } from "react-aria-components";
-import { useRadio as D } from "react-aria";
+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 { useRadio as P } from "react-aria";
 import { Radio as S } from "../Radio/Radio.js";
-import A from "./RadioGroup.module.scss.js";
-import { Fieldset as F } from "../../Fieldset/Fieldset.js";
-import { useForkRef as N } from "../../../../hooks/useForkRef/useForkRef.js";
-function V({
+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({
   label: o,
   description: e,
-  value: t,
-  groupState: a,
+  value: a,
+  groupState: r,
   inputRef: n,
-  ...l
+  ...t
 }) {
-  const r = v(null), s = N(n, r), { inputProps: d, isSelected: p, isDisabled: f } = D(
+  const s = y(null), l = I(n, s), { inputProps: d, isSelected: p, isDisabled: u } = P(
     {
-      ...l,
-      value: t,
+      ...t,
+      value: a,
       // Hack to suppress aria-label warning from React Aria. We don't actually
       // use children for the mapping of our radio to React Aria and we already
       // configure a label for our radios.
       children: " "
     },
-    a,
-    r
+    r,
+    s
   );
   return /* @__PURE__ */ i(
     S,
     {
       label: o,
-      inputRef: s,
-      isDisabled: f,
+      inputRef: l,
+      isDisabled: u,
       description: e,
-      onChange: (u) => {
-        u && a.setSelectedValue(t);
+      onChange: (m) => {
+        m && r.setSelectedValue(a);
       },
       value: p,
       name: d.name
     }
   );
 }
-function j(o) {
-  const e = C(y);
-  return e ? /* @__PURE__ */ i(V, { groupState: e, ...o }) : null;
+function M(o) {
+  const e = D(N);
+  return e ? /* @__PURE__ */ i(L, { groupState: e, ...o }) : null;
 }
-function z({
-  label: o,
-  description: e,
-  errorMessage: t,
-  isRequired: a = !1,
-  isInvalid: n = !1,
-  isDisabled: l = !1,
-  options: r,
-  shouldVisuallyHideLabel: s = !1,
-  value: d,
-  onChange: p,
-  className: f,
-  inputRef: m,
-  ...u
-}) {
+function O(o) {
+  const e = F(o, A), {
+    label: a,
+    description: r,
+    errorMessage: n,
+    isRequired: t,
+    isInvalid: s,
+    isDisabled: l,
+    options: d,
+    shouldVisuallyHideLabel: p,
+    value: u,
+    onChange: f,
+    className: m,
+    inputRef: R,
+    ...h
+  } = e;
   return /* @__PURE__ */ i(
-    F,
+    H,
     {
-      legend: o,
-      description: e,
-      errorMessage: t,
-      isRequired: a,
-      shouldVisuallyHideLegend: s,
-      className: x(A.root, f),
-      ...u,
+      legend: a,
+      description: r,
+      errorMessage: n,
+      isRequired: t,
+      shouldVisuallyHideLegend: p,
+      className: G(V.root, m),
+      ...h,
       children: /* @__PURE__ */ i(
-        G,
+        x,
         {
-          isInvalid: n,
-          isRequired: a,
+          isInvalid: s,
+          isRequired: t,
           validationBehavior: "aria",
-          value: d,
-          onChange: p,
+          value: u,
+          onChange: f,
           isDisabled: l,
           "aria-labelledby": " ",
-          children: r.map(({ value: c, label: R, isDisabled: h = !1, description: b }, g) => /* @__PURE__ */ i(
-            j,
+          children: d.map(({ value: c, label: b, isDisabled: g, description: v }, C) => /* @__PURE__ */ i(
+            M,
             {
-              isDisabled: h,
+              isDisabled: g,
               value: c,
-              description: b,
-              label: R,
-              inputRef: g === 0 ? m : void 0
+              description: v,
+              label: b,
+              inputRef: C === 0 ? R : void 0
             },
             c
           ))
@@ -98,6 +101,6 @@ function z({
   );
 }
 export {
-  z as RadioGroup
+  O 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 { 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({\n  label,\n  description,\n  errorMessage,\n  isRequired = false,\n  isInvalid = false,\n  isDisabled = false,\n  options,\n  shouldVisuallyHideLabel = false,\n  value,\n  onChange,\n  className,\n  inputRef,\n  ...props\n}: RadioGroupProps) {\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...props}\n    >\n      <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 = false, 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","errorMessage","isRequired","isInvalid","options","shouldVisuallyHideLabel","onChange","className","Fieldset","classNames","styles","AriaRadioGroup","index"],"mappings":";;;;;;;;;AA2BA,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,EAAW;AAAA,EACzB,OAAApB;AAAA,EACA,aAAAC;AAAA,EACA,cAAAoB;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,YAAAX,IAAa;AAAA,EACb,SAAAY;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,OAAAvB;AAAA,EACA,UAAAwB;AAAA,EACA,WAAAC;AAAA,EACA,UAAArB;AAAA,EACA,GAAGD;AACL,GAAoB;AAClB,SACE,gBAAAS;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,QAAQ5B;AAAA,MACR,aAAAC;AAAA,MACA,cAAAoB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BG;AAAA,MAC1B,WAAWI,EAAWC,EAAO,MAAMH,CAAS;AAAA,MAC3C,GAAGtB;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACiB;AAAAA,QAAA;AAAA,UACC,WAAAR;AAAA,UACA,YAAAD;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAApB;AAAA,UACA,UAAAwB;AAAA,UACA,YAAAd;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAAY,EAAQ,IAAI,CAAC,EAAE,OAAAtB,GAAO,OAAAF,GAAO,YAAAY,IAAa,IAAO,aAAAX,EAAAA,GAAe+B,MAC/D,gBAAAlB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYL;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUgC,MAAU,IAAI1B,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    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;"}

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

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

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

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

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

@@ -0,0 +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;"}

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

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

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

@@ -1,59 +1,61 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Switch as v } from "react-aria-components";
+import { Switch as g } from "react-aria-components";
 import w from "classnames";
-import { useRef as F, useEffect as x } from "react";
-import { useFieldIds as j } from "../hooks/useFieldIds.js";
-import t from "./Switch.module.scss.js";
-import { HorizontalFieldLayout as z } from "../../HorizontalFieldLayout/HorizontalFieldLayout.js";
-function k({
-  name: d,
-  label: o,
-  description: s,
-  errorMessage: a,
-  inputRef: r,
-  isRequired: l,
-  onChange: m,
-  isInvalid: n = !1,
-  isDisabled: f = !1,
-  id: u,
-  shouldVisuallyHideLabel: p,
-  className: h,
-  value: y,
-  ...I
-}) {
-  const { inputId: c, errorMessageId: b, descriptionId: N, ariaDescribedBy: S } = j({
-    inputId: u,
+import { useRef as D, useEffect as F } from "react";
+import { useFieldIds as M } from "../hooks/useFieldIds.js";
+import s from "./Switch.module.scss.js";
+import { SwitchDefaults as x } from "./SwitchTypes.js";
+import { applyMissingDefaults as H } from "../../../../helpers/applyMissingDefaults.js";
+import { HorizontalFieldLayout as L } from "../../HorizontalFieldLayout/HorizontalFieldLayout.js";
+function k(n) {
+  const d = H(n, x), {
+    name: c,
+    label: o,
+    description: t,
     errorMessage: a,
-    description: s
-  }), e = F(null);
-  return x(() => {
-    r && (typeof r == "function" ? r(e.current) : r.current = e.current);
-  }, [r]), /* @__PURE__ */ i(
-    z,
+    inputRef: e,
+    isRequired: m,
+    onChange: f,
+    isInvalid: p,
+    isDisabled: u,
+    id: h,
+    shouldVisuallyHideLabel: b,
+    className: y,
+    value: I,
+    ...v
+  } = d, { inputId: l, errorMessageId: N, descriptionId: R, ariaDescribedBy: S } = M({
+    inputId: h,
+    errorMessage: a,
+    description: t
+  }), r = D(null);
+  return F(() => {
+    e && (typeof e == "function" ? e(r.current) : e.current = r.current);
+  }, [e]), /* @__PURE__ */ i(
+    L,
     {
       label: o,
-      description: s,
+      description: t,
       errorMessage: a,
-      isRequired: l,
-      htmlFor: c,
-      errorMessageId: b,
-      descriptionId: N,
-      shouldVisuallyHideLabel: p,
-      className: w(t.root, h),
+      isRequired: m,
+      htmlFor: l,
+      errorMessageId: N,
+      descriptionId: R,
+      shouldVisuallyHideLabel: b,
+      className: w(s.root, y),
       children: /* @__PURE__ */ i(
-        v,
+        g,
         {
-          isDisabled: f,
-          isSelected: y,
-          onChange: m,
-          name: d,
-          id: c,
+          isDisabled: u,
+          isSelected: I,
+          onChange: f,
+          name: c,
+          id: l,
           "aria-describedby": S,
-          "aria-invalid": n,
+          "aria-invalid": p,
           "aria-label": o,
-          inputRef: e,
-          ...I,
-          children: /* @__PURE__ */ i("div", { className: t.body, children: /* @__PURE__ */ i("div", { className: t.indicator }) })
+          inputRef: r,
+          ...v,
+          children: /* @__PURE__ */ i("div", { className: s.body, children: /* @__PURE__ */ i("div", { className: s.indicator }) })
         }
       )
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Common/UI/Switch/Switch.tsx"],"sourcesContent":["import { Switch as _Switch } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useRef, useEffect } from 'react'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Switch.module.scss'\nimport type { SwitchProps } from './SwitchTypes'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\n\nexport function Switch({\n  name,\n  label,\n  description,\n  errorMessage,\n  inputRef,\n  isRequired,\n  onChange,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  shouldVisuallyHideLabel,\n  className,\n  value,\n  ...props\n}: SwitchProps) {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const internalInputRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (inputRef) {\n      if (typeof inputRef === 'function') {\n        inputRef(internalInputRef.current)\n      } else {\n        inputRef.current = internalInputRef.current\n      }\n    }\n  }, [inputRef])\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n    >\n      <_Switch\n        isDisabled={isDisabled}\n        isSelected={value}\n        onChange={onChange}\n        name={name}\n        id={inputId}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        aria-label={label}\n        inputRef={internalInputRef}\n        {...props}\n      >\n        <div className={styles.body}>\n          <div className={styles.indicator} />\n        </div>\n      </_Switch>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Switch","name","label","description","errorMessage","inputRef","isRequired","onChange","isInvalid","isDisabled","id","shouldVisuallyHideLabel","className","value","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","internalInputRef","useRef","useEffect","jsx","HorizontalFieldLayout","classNames","styles","_Switch"],"mappings":";;;;;;;AAQO,SAASA,EAAO;AAAA,EACrB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAAST;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKiB,IAAmBC,EAAyB,IAAI;AAEtD,SAAAC,EAAU,MAAM;AACd,IAAIjB,MACE,OAAOA,KAAa,aACtBA,EAASe,EAAiB,OAAO,IAEjCf,EAAS,UAAUe,EAAiB;AAAA,EAG1C,GAAG,CAACf,CAAQ,CAAC,GAGX,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAE;AAAA,MACA,SAASS;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAN;AAAA,MACA,WAAWc,EAAWC,EAAO,MAAMd,CAAS;AAAA,MAE5C,UAAA,gBAAAW;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,YAAAlB;AAAA,UACA,YAAYI;AAAA,UACZ,UAAAN;AAAA,UACA,MAAAN;AAAA,UACA,IAAIc;AAAA,UACJ,oBAAkBG;AAAA,UAClB,gBAAcV;AAAA,UACd,cAAYN;AAAA,UACZ,UAAUkB;AAAA,UACT,GAAGN;AAAA,UAEJ,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAWG,EAAO,MACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,UAAA,CAAW,EAAA,CACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Common/UI/Switch/Switch.tsx"],"sourcesContent":["import { Switch as _Switch } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useRef, useEffect } from 'react'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Switch.module.scss'\nimport type { SwitchProps } from './SwitchTypes'\nimport { SwitchDefaults } from './SwitchTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\n\nexport function Switch(rawProps: SwitchProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, SwitchDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    inputRef,\n    isRequired,\n    onChange,\n    isInvalid,\n    isDisabled,\n    id,\n    shouldVisuallyHideLabel,\n    className,\n    value,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const internalInputRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (inputRef) {\n      if (typeof inputRef === 'function') {\n        inputRef(internalInputRef.current)\n      } else {\n        inputRef.current = internalInputRef.current\n      }\n    }\n  }, [inputRef])\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n    >\n      <_Switch\n        isDisabled={isDisabled}\n        isSelected={value}\n        onChange={onChange}\n        name={name}\n        id={inputId}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        aria-label={label}\n        inputRef={internalInputRef}\n        {...otherProps}\n      >\n        <div className={styles.body}>\n          <div className={styles.indicator} />\n        </div>\n      </_Switch>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Switch","rawProps","resolvedProps","applyMissingDefaults","SwitchDefaults","name","label","description","errorMessage","inputRef","isRequired","onChange","isInvalid","isDisabled","id","shouldVisuallyHideLabel","className","value","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","internalInputRef","useRef","useEffect","jsx","HorizontalFieldLayout","classNames","styles","_Switch"],"mappings":";;;;;;;;;AAUO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDhB,GACE,EAAE,SAAAiB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAAST;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKiB,IAAmBC,EAAyB,IAAI;AAEtD,SAAAC,EAAU,MAAM;AACd,IAAIjB,MACE,OAAOA,KAAa,aACtBA,EAASe,EAAiB,OAAO,IAEjCf,EAAS,UAAUe,EAAiB;AAAA,EAG1C,GAAG,CAACf,CAAQ,CAAC,GAGX,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAE;AAAA,MACA,SAASS;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAN;AAAA,MACA,WAAWc,EAAWC,EAAO,MAAMd,CAAS;AAAA,MAE5C,UAAA,gBAAAW;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,YAAAlB;AAAA,UACA,YAAYI;AAAA,UACZ,UAAAN;AAAA,UACA,MAAAN;AAAA,UACA,IAAIc;AAAA,UACJ,oBAAkBG;AAAA,UAClB,gBAAcV;AAAA,UACd,cAAYN;AAAA,UACZ,UAAUkB;AAAA,UACT,GAAGN;AAAA,UAEJ,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAWG,EAAO,MACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,UAAA,CAAW,EAAA,CACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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
      */
@@ -34,3 +34,10 @@ export interface SwitchProps extends SharedHorizontalFieldLayoutProps, Pick<Inpu
      */
     label: string;
 }
+/**
+ * Default prop values for Switch component.
+ */
+export declare const SwitchDefaults: {
+    readonly isInvalid: false;
+    readonly isDisabled: false;
+};

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

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

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

@@ -0,0 +1 @@
+{"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, 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,14 +1,20 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { Table as s, TableHeader as h, Row as a, Column as p, TableBody as b, Cell as o } from "react-aria-components";
-import T from "classnames";
-import f from "./Table.module.scss.js";
-function N({ className: m, headers: n, rows: i, emptyState: c, ...t }) {
-  return /* @__PURE__ */ e("div", { className: f.root, children: /* @__PURE__ */ d(s, { ...t, className: T("react-aria-Table", m), children: [
-    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(a, { children: n.map((l, r) => /* @__PURE__ */ e(p, { isRowHeader: r === 0, children: l.content }, l.key)) }) }),
-    /* @__PURE__ */ e(b, { children: i.length === 0 && c ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { colSpan: n.length, children: c }) }) : i.map((l) => /* @__PURE__ */ e(a, { children: l.data.map((r) => /* @__PURE__ */ e(o, { children: r.content }, r.key)) }, l.key)) })
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Table as b, TableHeader as y, Row as t, Column as T, TableBody as u, Cell as l } from "react-aria-components";
+import g from "classnames";
+import { TableDefaults as k } from "./TableTypes.js";
+import v from "./Table.module.scss.js";
+import { applyMissingDefaults as N } from "../../../../helpers/applyMissingDefaults.js";
+function R(m) {
+  const d = N(m, k), { className: p, headers: n, rows: s, footer: o, emptyState: i, variant: h, ...f } = d;
+  return /* @__PURE__ */ e("div", { className: v.root, "data-variant": h, children: /* @__PURE__ */ c(b, { ...f, className: g("react-aria-Table", p), children: [
+    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(t, { children: n.map((a, r) => /* @__PURE__ */ e(T, { isRowHeader: r === 0, children: a.content }, a.key)) }) }),
+    /* @__PURE__ */ c(u, { children: [
+      s.length === 0 && i ? /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(l, { colSpan: n.length, children: i }) }) : s.map((a) => /* @__PURE__ */ e(t, { children: a.data.map((r) => /* @__PURE__ */ e(l, { children: r.content }, r.key)) }, a.key)),
+      o && o.length > 0 && /* @__PURE__ */ e(t, { "data-footer": "true", children: o.map((a) => /* @__PURE__ */ e(l, { children: a.content }, a.key)) }, "table-footer")
+    ] })
   ] }) });
 }
 export {
-  N as Table
+  R 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, 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        </AriaTableBody>\n      </AriaTable>\n    </div>\n  )\n}\n"],"names":["Table","className","headers","rows","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,YAAAC,GAAY,GAAGC,KAAqB;AACpF,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA,gBAAAC,EAACC,GAAA,EAAW,GAAGJ,GAAO,WAAWK,EAAW,oBAAoBT,CAAS,GACvE,UAAA;AAAA,IAAA,gBAAAK,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,UAAAb,EAAK,WAAW,KAAKC,IACpB,gBAAAE,EAACM,GAAA,EACC,UAAA,gBAAAN,EAACW,GAAA,EAAK,SAASf,EAAQ,QAAS,UAAAE,EAAA,CAAW,GAC7C,IAEAD,EAAK,IAAI,CAAAe,MACP,gBAAAZ,EAACM,KACE,UAAAM,EAAI,KAAK,IAAI,CAAAC,wBACXF,GAAA,EAAqB,UAAAE,EAAK,QAAA,GAAhBA,EAAK,GAAmB,CACpC,KAHOD,EAAI,GAId,CACD,EAAA,CAEL;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 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, ...props } = 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                {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","rawProps","resolvedProps","applyMissingDefaults","TableDefaults","className","headers","rows","footer","emptyState","variant","props","jsx","styles","jsxs","AriaTable","classnames","AriaTableHeader","Row","header","index","Column","AriaTableBody","Cell","row","cell"],"mappings":";;;;;;AAcO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,YAAAC,GAAY,SAAAC,GAAS,GAAGC,EAAA,IAAUT;AAC5E,SACE,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAM,gBAAcH,GACzC,UAAA,gBAAAI,EAACC,GAAA,EAAW,GAAGJ,GAAO,WAAWK,EAAW,oBAAoBX,CAAS,GACvE,UAAA;AAAA,IAAA,gBAAAO,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,MAAAf,EAAK,WAAW,KAAKE,IACpB,gBAAAG,EAACM,KACC,UAAA,gBAAAN,EAACW,GAAA,EAAK,SAASjB,EAAQ,QAAS,UAAAG,EAAA,CAAW,GAC7C,IAEAF,EAAK,IAAI,CAAAiB,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,MAEFhB,KAAUA,EAAO,SAAS,KACzB,gBAAAI,EAACM,GAAA,EAAuB,eAAY,QACjC,UAAAV,EAAO,IAAI,CAAAiB,MACV,gBAAAb,EAACW,KAAqB,UAAAE,EAAK,QAAA,GAAhBA,EAAK,GAAmB,CACpC,KAHM,cAIT;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_11vxz_1", t = {
+const o = "_root_16qiz_1", t = {
   root: o
 };
 export {

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

@@ -28,8 +28,22 @@ export interface TableProps extends Pick<TableHTMLAttributes<HTMLTableElement>,
      * Array of rows to be displayed in the table
      */
     rows: TableRow[];
+    /**
+     * Array of footer cells for the table
+     */
+    footer?: TableData[];
     /**
      * Content to display when the table has no rows
      */
     emptyState?: ReactNode;
+    /**
+     * Visual style variant of the table
+     */
+    variant?: 'default' | 'minimal';
 }
+/**
+ * Default prop values for Table component.
+ */
+export declare const TableDefaults: {
+    readonly variant: "default";
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableTypes.js","sources":["../../../../../src/components/Common/UI/Table/TableTypes.ts"],"sourcesContent":["import type { ReactNode, TableHTMLAttributes } from 'react'\n\nexport interface TableData {\n  /**\n   * Unique identifier for the table cell\n   */\n  key: string\n  /**\n   * Content to be displayed in the table cell\n   */\n  content: ReactNode\n}\n\nexport interface TableRow {\n  /**\n   * Unique identifier for the table row\n   */\n  key: string\n  /**\n   * Array of cells to be displayed in the row\n   */\n  data: TableData[]\n}\n\nexport interface TableProps\n  extends Pick<\n    TableHTMLAttributes<HTMLTableElement>,\n    'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'\n  > {\n  /**\n   * Array of header cells for the table\n   */\n  headers: TableData[]\n  /**\n   * Array of rows to be displayed in the table\n   */\n  rows: TableRow[]\n  /**\n   * Array of footer cells for the table\n   */\n  footer?: TableData[]\n  /**\n   * Content to display when the table has no rows\n   */\n  emptyState?: ReactNode\n  /**\n   * Visual style variant of the table\n   */\n  variant?: 'default' | 'minimal'\n}\n\n/**\n * Default prop values for Table component.\n */\nexport const TableDefaults = {\n  variant: 'default',\n} as const satisfies Partial<TableProps>\n"],"names":["TableDefaults"],"mappings":"AAsDO,MAAMA,IAAgB;AAAA,EAC3B,SAAS;AACX;"}

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

@@ -1,2 +1,2 @@
 import { TextProps } from './TextTypes';
-export declare const Text: ({ as: Component, size, textAlign, weight, className, children, variant, }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Text: (rawProps: TextProps) => import("react/jsx-runtime").JSX.Element;