@gusto/embedded-react-sdk 0.13.0 → 0.13.2

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

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

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({ className, headers, rows, footer, emptyState, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,14 @@
 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 { Table as s, TableHeader as p, Row as a, Column as b, TableBody as T, Cell as i } from "react-aria-components";
+import f from "classnames";
+import y from "./Table.module.scss.js";
+function N({ className: m, headers: t, rows: c, footer: r, emptyState: o, ...h }) {
+  return /* @__PURE__ */ e("div", { className: y.root, children: /* @__PURE__ */ d(s, { ...h, className: f("react-aria-Table", m), children: [
+    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(a, { children: t.map((l, n) => /* @__PURE__ */ e(b, { isRowHeader: n === 0, children: l.content }, l.key)) }) }),
+    /* @__PURE__ */ d(T, { children: [
+      c.length === 0 && o ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { colSpan: t.length, children: o }) }) : c.map((l) => /* @__PURE__ */ e(a, { children: l.data.map((n) => /* @__PURE__ */ e(i, { children: n.content }, n.key)) }, l.key)),
+      r && r.length > 0 && /* @__PURE__ */ e(a, { "data-footer": "true", children: r.map((l) => /* @__PURE__ */ e(i, { children: l.content }, l.key)) }, "table-footer")
+    ] })
   ] }) });
 }
 export {

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 styles from './Table.module.scss'\n\nexport function Table({ className, headers, rows, footer, emptyState, ...props }: TableProps) {\n  return (\n    <div className={styles.root}>\n      <AriaTable {...props} className={classnames('react-aria-Table', className)}>\n        <AriaTableHeader>\n          <Row>\n            {headers.map((header, index) => (\n              <Column key={header.key} isRowHeader={index === 0}>\n                {header.content}\n              </Column>\n            ))}\n          </Row>\n        </AriaTableHeader>\n        <AriaTableBody>\n          {rows.length === 0 && emptyState ? (\n            <Row>\n              <Cell colSpan={headers.length}>{emptyState}</Cell>\n            </Row>\n          ) : (\n            rows.map(row => (\n              <Row key={row.key}>\n                {row.data.map(cell => (\n                  <Cell key={cell.key}>{cell.content}</Cell>\n                ))}\n              </Row>\n            ))\n          )}\n          {footer && footer.length > 0 && (\n            <Row key=\"table-footer\" data-footer=\"true\">\n              {footer.map(cell => (\n                <Cell key={cell.key}>{cell.content}</Cell>\n              ))}\n            </Row>\n          )}\n        </AriaTableBody>\n      </AriaTable>\n    </div>\n  )\n}\n"],"names":["Table","className","headers","rows","footer","emptyState","props","jsx","styles","jsxs","AriaTable","classnames","AriaTableHeader","Row","header","index","Column","AriaTableBody","Cell","row","cell"],"mappings":";;;;AAYO,SAASA,EAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,YAAAC,GAAY,GAAGC,KAAqB;AAC5F,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA,gBAAAC,EAACC,GAAA,EAAW,GAAGJ,GAAO,WAAWK,EAAW,oBAAoBV,CAAS,GACvE,UAAA;AAAA,IAAA,gBAAAM,EAACK,KACC,UAAA,gBAAAL,EAACM,GAAA,EACE,YAAQ,IAAI,CAACC,GAAQC,MACpB,gBAAAR,EAACS,KAAwB,aAAaD,MAAU,GAC7C,UAAAD,EAAO,QAAA,GADGA,EAAO,GAEpB,CACD,GACH,EAAA,CACF;AAAA,sBACCG,GAAA,EACE,UAAA;AAAA,MAAAd,EAAK,WAAW,KAAKE,IACpB,gBAAAE,EAACM,KACC,UAAA,gBAAAN,EAACW,GAAA,EAAK,SAAShB,EAAQ,QAAS,UAAAG,EAAA,CAAW,GAC7C,IAEAF,EAAK,IAAI,CAAAgB,MACP,gBAAAZ,EAACM,GAAA,EACE,UAAAM,EAAI,KAAK,IAAI,CAAAC,wBACXF,GAAA,EAAqB,UAAAE,EAAK,QAAA,GAAhBA,EAAK,GAAmB,CACpC,EAAA,GAHOD,EAAI,GAId,CACD;AAAA,MAEFf,KAAUA,EAAO,SAAS,KACzB,gBAAAG,EAACM,GAAA,EAAuB,eAAY,QACjC,UAAAT,EAAO,IAAI,CAAAgB,MACV,gBAAAb,EAACW,KAAqB,UAAAE,EAAK,QAAA,GAAhBA,EAAK,GAAmB,CACpC,KAHM,cAIT;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

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

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

@@ -28,6 +28,10 @@ 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
      */

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

@@ -0,0 +1,7 @@
+import { TabsProps } from './TabsTypes';
+/**
+ * Controlled Tabs component that provides a simple object-based interface to React Aria Tabs
+ * This allows consumers to provide tabs as an array of objects with content and events
+ * Requires selectedId and onSelectionChange to be managed by parent component
+ */
+export declare function Tabs({ tabs, selectedId, onSelectionChange, className, ...ariaProps }: TabsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { Tabs as a, TabList as m, Tab as c, TabPanel as t } from "react-aria-components";
+import p from "classnames";
+import f from "./Tabs.module.scss.js";
+function g({ tabs: s, selectedId: r, onSelectionChange: o, className: l, ...n }) {
+  return /* @__PURE__ */ d(
+    a,
+    {
+      className: p(f.root, l),
+      selectedKey: r,
+      onSelectionChange: (i) => {
+        i && o(i.toString());
+      },
+      ...n,
+      children: [
+        /* @__PURE__ */ e(m, { children: s.map((i) => /* @__PURE__ */ e(c, { id: i.id, isDisabled: i.isDisabled, children: i.label }, i.id)) }),
+        s.map((i) => /* @__PURE__ */ e(t, { id: i.id, children: i.content }, i.id))
+      ]
+    }
+  );
+}
+export {
+  g as Tabs
+};
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Common/UI/Tabs/Tabs.tsx"],"sourcesContent":["import {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  TabPanel as AriaTabPanel,\n  Tab as AriaTab,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { type TabsProps } from './TabsTypes'\nimport styles from './Tabs.module.scss'\n\n/**\n * Controlled Tabs component that provides a simple object-based interface to React Aria Tabs\n * This allows consumers to provide tabs as an array of objects with content and events\n * Requires selectedId and onSelectionChange to be managed by parent component\n */\nexport function Tabs({ tabs, selectedId, onSelectionChange, className, ...ariaProps }: TabsProps) {\n  return (\n    <AriaTabs\n      className={classNames(styles.root, className)}\n      selectedKey={selectedId}\n      onSelectionChange={key => {\n        if (key) {\n          onSelectionChange(key.toString())\n        }\n      }}\n      {...ariaProps}\n    >\n      <AriaTabList>\n        {tabs.map(tab => (\n          <AriaTab key={tab.id} id={tab.id} isDisabled={tab.isDisabled}>\n            {tab.label}\n          </AriaTab>\n        ))}\n      </AriaTabList>\n\n      {tabs.map(tab => (\n        <AriaTabPanel key={tab.id} id={tab.id}>\n          {tab.content}\n        </AriaTabPanel>\n      ))}\n    </AriaTabs>\n  )\n}\n"],"names":["Tabs","tabs","selectedId","onSelectionChange","className","ariaProps","jsxs","AriaTabs","classNames","styles","key","jsx","AriaTabList","tab","AriaTab","AriaTabPanel"],"mappings":";;;;AAeO,SAASA,EAAK,EAAE,MAAAC,GAAM,YAAAC,GAAY,mBAAAC,GAAmB,WAAAC,GAAW,GAAGC,KAAwB;AAChG,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,MAAML,CAAS;AAAA,MAC5C,aAAaF;AAAA,MACb,mBAAmB,CAAAQ,MAAO;AACxB,QAAIA,KACFP,EAAkBO,EAAI,UAAU;AAAA,MAEpC;AAAA,MACC,GAAGL;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAACC,KACE,UAAAX,EAAK,IAAI,CAAAY,MACR,gBAAAF,EAACG,KAAqB,IAAID,EAAI,IAAI,YAAYA,EAAI,YAC/C,UAAAA,EAAI,SADOA,EAAI,EAElB,CACD,GACH;AAAA,QAECZ,EAAK,IAAI,CAAAY,MACR,gBAAAF,EAACI,GAAA,EAA0B,IAAIF,EAAI,IAChC,UAAAA,EAAI,QAAA,GADYA,EAAI,EAEvB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,8 @@
+const o = "_root_o57yt_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=Tabs.module.scss.js.map

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

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

package/dist/components/Common/UI/Tabs/TabsTypes.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+/**
+ * Individual tab configuration
+ */
+export interface TabProps {
+    /**
+     * Unique identifier for the tab
+     */
+    id: string;
+    /**
+     * Label to display in the tab button
+     */
+    label: ReactNode;
+    /**
+     * Content to display in the tab panel
+     */
+    content: ReactNode;
+    /**
+     * Whether the tab is disabled
+     */
+    isDisabled?: boolean;
+}
+/**
+ * Props for the Tabs component - provides accessible tab navigation (controlled only)
+ */
+export interface TabsProps {
+    /**
+     * Array of tab configuration objects
+     */
+    tabs: TabProps[];
+    /**
+     * Currently selected tab id
+     */
+    selectedId?: string;
+    /**
+     * Callback when tab selection changes
+     */
+    onSelectionChange: (id: string) => void;
+    /**
+     * Accessible label for the tabs
+     */
+    'aria-label'?: string;
+    /**
+     * ID of element that labels the tabs
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { Tabs } from './Tabs';
+export type { TabsProps, TabProps } from './TabsTypes';

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;