@gusto/embedded-react-sdk 0.20.0 → 0.22.0

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

@@ -1,4 +1,4 @@
-const o = "_root_hjm4b_1", s = "_icons_hjm4b_66", t = "_popover_hjm4b_76", _ = {
+const o = "_root_wz8lv_1", s = "_icons_wz8lv_66", t = "_popover_wz8lv_76", _ = {
   root: o,
   icons: s,
   popover: t

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

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

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

@@ -1,20 +1,20 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { DatePicker as b, Group as k, DateInput as A, DateSegment as B, Button as c, Popover as F, Dialog as L, Calendar as j, Heading as E, CalendarGrid as G, CalendarCell as M } from "react-aria-components";
-import { useTranslation as z } from "react-i18next";
+import { DatePicker as k, Group as A, DateInput as B, DateSegment as F, Button as c, Popover as L, Dialog as j, Calendar as E, Heading as G, CalendarGrid as M, CalendarCell as z } from "react-aria-components";
+import { useTranslation as H } from "react-i18next";
 import u from "classnames";
-import { parseDate as H } from "@internationalized/date";
-import { useFieldIds as R } from "../hooks/useFieldIds.js";
+import { parseDate as R } from "@internationalized/date";
+import { useFieldIds as U } from "../hooks/useFieldIds.js";
 import i from "./DatePicker.module.scss.js";
-import { FieldLayout as U } from "../../FieldLayout/FieldLayout.js";
+import { FieldLayout as _ } from "../../FieldLayout/FieldLayout.js";
 import "react";
-import { useTheme as _ } from "../../../../contexts/ThemeProvider/useTheme.js";
+import { useTheme as $ } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-import $ from "../../../../assets/icons/caret-down.svg.js";
-import q from "../../../../assets/icons/caret-right.svg.js";
-import J from "../../../../assets/icons/caret-left.svg.js";
-import K from "../../../../assets/icons/alert-circle.svg.js";
-import { formatDateToStringDate as O } from "../../../../helpers/dateFormatting.js";
-function Q(e) {
+import q from "../../../../assets/icons/caret-down.svg.js";
+import J from "../../../../assets/icons/caret-right.svg.js";
+import K from "../../../../assets/icons/caret-left.svg.js";
+import O from "../../../../assets/icons/alert-circle.svg.js";
+import { formatDateToStringDate as Q } from "../../../../helpers/dateFormatting.js";
+function W(e) {
   return e ? new Date(
     e.year,
     e.month - 1,
@@ -22,7 +22,7 @@ function Q(e) {
     e.day
   ) : null;
 }
-const dr = ({
+const pr = ({
   className: e,
   description: n,
   errorMessage: l,
@@ -35,58 +35,59 @@ const dr = ({
   onChange: d,
   onBlur: S,
   value: p,
-  ...y
+  portalContainer: y,
+  ...I
 }) => {
-  const { t: a } = z(), { inputId: h, errorMessageId: I, descriptionId: N, ariaDescribedBy: x } = R({
+  const { t: a } = H(), { inputId: h, errorMessageId: N, descriptionId: x, ariaDescribedBy: P } = U({
     inputId: D,
     errorMessage: l,
     description: n
-  }), { container: P } = _(), f = p ? O(p) : "", T = f ? H(f) : null, w = (t) => {
-    d && d(Q(t));
+  }), { container: T } = $(), f = p ? Q(p) : "", w = f ? R(f) : null, b = (t) => {
+    d && d(W(t));
   };
   return /* @__PURE__ */ r(
-    U,
+    _,
     {
       label: s,
       htmlFor: h,
       errorMessage: l,
-      errorMessageId: I,
-      descriptionId: N,
+      errorMessageId: N,
+      descriptionId: x,
       isRequired: C,
       description: n,
       className: u(i.root, e),
       withErrorIcon: !1,
       children: /* @__PURE__ */ r("div", { className: i.container, children: /* @__PURE__ */ o(
-        b,
+        k,
         {
           "aria-label": s,
-          "aria-describedby": x,
+          "aria-describedby": P,
           id: h,
           isDisabled: v,
           isInvalid: m,
-          value: T,
-          onChange: w,
-          ...y,
+          value: w,
+          onChange: b,
+          ...I,
           children: [
-            /* @__PURE__ */ o(k, { children: [
-              /* @__PURE__ */ r(A, { ref: g, children: (t) => /* @__PURE__ */ r(B, { segment: t }) }),
+            /* @__PURE__ */ o(A, { children: [
+              /* @__PURE__ */ r(B, { ref: g, children: (t) => /* @__PURE__ */ r(F, { segment: t }) }),
               /* @__PURE__ */ o("div", { className: i.icons, children: [
-                m && /* @__PURE__ */ r(K, { "aria-hidden": "true", fontSize: 16 }),
-                /* @__PURE__ */ r(c, { onBlur: S, children: /* @__PURE__ */ r($, { title: a("icons.calendarArrow") }) })
+                m && /* @__PURE__ */ r(O, { "aria-hidden": "true", fontSize: 16 }),
+                /* @__PURE__ */ r(c, { onBlur: S, children: /* @__PURE__ */ r(q, { title: a("icons.calendarArrow") }) })
               ] })
             ] }),
             /* @__PURE__ */ r(
-              F,
+              L,
               {
                 className: u(i.popover, "react-aria-Popover"),
-                UNSTABLE_portalContainer: P.current,
-                children: /* @__PURE__ */ r(L, { children: /* @__PURE__ */ o(j, { children: [
+                UNSTABLE_portalContainer: y || T.current,
+                children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ o(E, { children: [
                   /* @__PURE__ */ o("header", { children: [
-                    /* @__PURE__ */ r(c, { slot: "previous", children: /* @__PURE__ */ r(J, { title: a("icons.previousMonth") }) }),
-                    /* @__PURE__ */ r(E, {}),
-                    /* @__PURE__ */ r(c, { slot: "next", children: /* @__PURE__ */ r(q, { title: a("icons.nextMonth") }) })
+                    /* @__PURE__ */ r(c, { slot: "previous", children: /* @__PURE__ */ r(K, { title: a("icons.previousMonth") }) }),
+                    /* @__PURE__ */ r(G, {}),
+                    /* @__PURE__ */ r(c, { slot: "next", children: /* @__PURE__ */ r(J, { title: a("icons.nextMonth") }) })
                   ] }),
-                  /* @__PURE__ */ r(G, { children: (t) => /* @__PURE__ */ r(M, { date: t }) })
+                  /* @__PURE__ */ r(M, { children: (t) => /* @__PURE__ */ r(z, { date: t }) })
                 ] }) })
               }
             )
@@ -97,6 +98,6 @@ const dr = ({
   );
 };
 export {
-  dr as DatePicker
+  pr as DatePicker
 };
 //# sourceMappingURL=DatePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/Common/UI/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  DatePicker as AriaDatePicker,\n  Button,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  DateInput,\n  DateSegment,\n  Dialog,\n  Group,\n  Heading,\n  Popover,\n  type DateValue,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { parseDate } from '@internationalized/date'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './DatePicker.module.scss'\nimport type { DatePickerProps } from './DatePickerTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport CaretRight from '@/assets/icons/caret-right.svg?react'\nimport CaretLeft from '@/assets/icons/caret-left.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\nfunction calendarDateValueToDate(dateValue: DateValue | null): Date | null {\n  if (!dateValue) return null\n\n  const date = new Date(\n    dateValue.year,\n    dateValue.month - 1, // DateValue months are 1-indexed\n    dateValue.day,\n  )\n\n  return date\n}\n\nexport const DatePicker = ({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  value,\n  ...props\n}: DatePickerProps) => {\n  const { t } = useTranslation()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n  const { container } = useTheme()\n\n  // Convert JavaScript Date to DateValue for internal use\n  // Format the date as YYYY-MM-DD for parseDate\n  const formattedDate = value ? formatDateToStringDate(value) : ''\n  const internalValue = formattedDate ? parseDate(formattedDate) : null\n\n  // Handle internal onChange to convert DateValue back to Date\n  const handleChange = (dateValue: DateValue | null) => {\n    if (onChange) {\n      onChange(calendarDateValueToDate(dateValue))\n    }\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      className={classNames(styles.root, className)}\n      withErrorIcon={false}\n    >\n      <div className={styles.container}>\n        <AriaDatePicker\n          aria-label={label}\n          aria-describedby={ariaDescribedBy}\n          id={inputId}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          value={internalValue}\n          onChange={handleChange}\n          {...props}\n        >\n          <Group>\n            <DateInput ref={inputRef}>{segment => <DateSegment segment={segment} />}</DateInput>\n\n            <div className={styles.icons}>\n              {isInvalid && <AlertCircle aria-hidden=\"true\" fontSize={16} />}\n              <Button onBlur={onBlur}>\n                <CaretDown title={t('icons.calendarArrow')} />\n              </Button>\n            </div>\n          </Group>\n          <Popover\n            className={classNames(styles.popover, 'react-aria-Popover')}\n            UNSTABLE_portalContainer={container.current}\n          >\n            <Dialog>\n              <Calendar>\n                <header>\n                  <Button slot=\"previous\">\n                    <CaretLeft title={t('icons.previousMonth')} />\n                  </Button>\n                  <Heading />\n                  <Button slot=\"next\">\n                    <CaretRight title={t('icons.nextMonth')} />\n                  </Button>\n                </header>\n                <CalendarGrid>{date => <CalendarCell date={date} />}</CalendarGrid>\n              </Calendar>\n            </Dialog>\n          </Popover>\n        </AriaDatePicker>\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["calendarDateValueToDate","dateValue","DatePicker","className","description","errorMessage","id","inputRef","isDisabled","isInvalid","isRequired","label","onChange","onBlur","value","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","formattedDate","formatDateToStringDate","internalValue","parseDate","handleChange","jsx","FieldLayout","classNames","styles","jsxs","AriaDatePicker","Group","DateInput","DateSegment","segment","AlertCircle","Button","CaretDown","Popover","Dialog","Calendar","CaretLeft","Heading","CaretRight","CalendarGrid","date","CalendarCell"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/Common/UI/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  DatePicker as AriaDatePicker,\n  Button,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  DateInput,\n  DateSegment,\n  Dialog,\n  Group,\n  Heading,\n  Popover,\n  type DateValue,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { parseDate } from '@internationalized/date'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './DatePicker.module.scss'\nimport type { DatePickerProps } from './DatePickerTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport CaretRight from '@/assets/icons/caret-right.svg?react'\nimport CaretLeft from '@/assets/icons/caret-left.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\nfunction calendarDateValueToDate(dateValue: DateValue | null): Date | null {\n  if (!dateValue) return null\n\n  const date = new Date(\n    dateValue.year,\n    dateValue.month - 1, // DateValue months are 1-indexed\n    dateValue.day,\n  )\n\n  return date\n}\n\nexport const DatePicker = ({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  value,\n  portalContainer,\n  ...props\n}: DatePickerProps) => {\n  const { t } = useTranslation()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n  const { container } = useTheme()\n\n  // Convert JavaScript Date to DateValue for internal use\n  // Format the date as YYYY-MM-DD for parseDate\n  const formattedDate = value ? formatDateToStringDate(value) : ''\n  const internalValue = formattedDate ? parseDate(formattedDate) : null\n\n  // Handle internal onChange to convert DateValue back to Date\n  const handleChange = (dateValue: DateValue | null) => {\n    if (onChange) {\n      onChange(calendarDateValueToDate(dateValue))\n    }\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      className={classNames(styles.root, className)}\n      withErrorIcon={false}\n    >\n      <div className={styles.container}>\n        <AriaDatePicker\n          aria-label={label}\n          aria-describedby={ariaDescribedBy}\n          id={inputId}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          value={internalValue}\n          onChange={handleChange}\n          {...props}\n        >\n          <Group>\n            <DateInput ref={inputRef}>{segment => <DateSegment segment={segment} />}</DateInput>\n\n            <div className={styles.icons}>\n              {isInvalid && <AlertCircle aria-hidden=\"true\" fontSize={16} />}\n              <Button onBlur={onBlur}>\n                <CaretDown title={t('icons.calendarArrow')} />\n              </Button>\n            </div>\n          </Group>\n          <Popover\n            className={classNames(styles.popover, 'react-aria-Popover')}\n            UNSTABLE_portalContainer={portalContainer || container.current}\n          >\n            <Dialog>\n              <Calendar>\n                <header>\n                  <Button slot=\"previous\">\n                    <CaretLeft title={t('icons.previousMonth')} />\n                  </Button>\n                  <Heading />\n                  <Button slot=\"next\">\n                    <CaretRight title={t('icons.nextMonth')} />\n                  </Button>\n                </header>\n                <CalendarGrid>{date => <CalendarCell date={date} />}</CalendarGrid>\n              </Calendar>\n            </Dialog>\n          </Popover>\n        </AriaDatePicker>\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["calendarDateValueToDate","dateValue","DatePicker","className","description","errorMessage","id","inputRef","isDisabled","isInvalid","isRequired","label","onChange","onBlur","value","portalContainer","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","formattedDate","formatDateToStringDate","internalValue","parseDate","handleChange","jsx","FieldLayout","classNames","styles","jsxs","AriaDatePicker","Group","DateInput","DateSegment","segment","AlertCircle","Button","CaretDown","Popover","Dialog","Calendar","CaretLeft","Heading","CaretRight","CalendarGrid","date","CalendarCell"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
-const o = "_container_1s6dq_1", s = "_root_1s6dq_5", n = "_popover_1s6dq_99", t = "_icons_1s6dq_231", _ = {
+const o = "_container_zffe8_1", n = "_root_zffe8_5", t = "_popover_zffe8_99", e = "_icons_zffe8_231", _ = {
   container: o,
-  root: s,
-  popover: n,
-  icons: t
+  root: n,
+  popover: t,
+  icons: e
 };
 export {
   o as container,
   _ as default,
-  t as icons,
-  n as popover,
-  s as root
+  e as icons,
+  t as popover,
+  n as root
 };
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -33,4 +33,8 @@ export interface DatePickerProps extends SharedFieldLayoutProps, Pick<InputHTMLA
      * Placeholder text when no date is selected
      */
     placeholder?: string;
+    /**
+     * Element to use as the portal container
+     */
+    portalContainer?: HTMLElement;
 }

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

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

package/dist/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinnerTypes.js","sources":["../../../../../src/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport interface LoadingSpinnerProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'id' | 'aria-label'> {\n  /**\n   * Size of the spinner\n   */\n  size?: 'lg' | 'sm'\n  /**\n   * Display style of the spinner\n   */\n  style?: 'inline' | 'block'\n}\n\n/**\n * Default prop values for LoadingSpinner component.\n */\nexport const LoadingSpinnerDefaults = {\n  size: 'lg',\n  style: 'block',\n} as const satisfies Partial<LoadingSpinnerProps>\n"],"names":["LoadingSpinnerDefaults"],"mappings":"AAiBO,MAAMA,IAAyB;AAAA,EACpC,MAAM;AAAA,EACN,OAAO;AACT;"}
+{"version":3,"file":"LoadingSpinnerTypes.js","sources":["../../../../../src/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport interface LoadingSpinnerProps extends Pick<\n  HTMLAttributes<HTMLDivElement>,\n  'className' | 'id' | 'aria-label'\n> {\n  /**\n   * Size of the spinner\n   */\n  size?: 'lg' | 'sm'\n  /**\n   * Display style of the spinner\n   */\n  style?: 'inline' | 'block'\n}\n\n/**\n * Default prop values for LoadingSpinner component.\n */\nexport const LoadingSpinnerDefaults = {\n  size: 'lg',\n  style: 'block',\n} as const satisfies Partial<LoadingSpinnerProps>\n"],"names":["LoadingSpinnerDefaults"],"mappings":"AAmBO,MAAMA,IAAyB;AAAA,EACpC,MAAM;AAAA,EACN,OAAO;AACT;"}

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

@@ -1,26 +1,26 @@
-const o = "_dialog_6vred_1", l = "_backdrop_6vred_21", e = "_backdropSmall_6vred_31", d = "_modal_6vred_35", t = "_modalSmall_6vred_58", _ = "_modalOverflowing_6vred_62", a = "_content_6vred_66", r = "_contentScrollable_6vred_72", c = "_footer_6vred_79", n = "_footerFixed_6vred_84", m = {
+const o = "_dialog_19y6l_1", l = "_backdrop_19y6l_21", t = "_backdropSmall_19y6l_31", _ = "_modal_19y6l_35", a = "_modalSmall_19y6l_58", c = "_modalOverflowing_19y6l_62", n = "_content_19y6l_66", e = "_contentScrollable_19y6l_73", d = "_footer_19y6l_80", r = "_footerFixed_19y6l_93", m = {
   dialog: o,
   backdrop: l,
-  backdropSmall: e,
-  modal: d,
-  modalSmall: t,
-  modalOverflowing: _,
-  content: a,
-  contentScrollable: r,
-  footer: c,
-  footerFixed: n
+  backdropSmall: t,
+  modal: _,
+  modalSmall: a,
+  modalOverflowing: c,
+  content: n,
+  contentScrollable: e,
+  footer: d,
+  footerFixed: r
 };
 export {
   l as backdrop,
-  e as backdropSmall,
-  a as content,
-  r as contentScrollable,
+  t as backdropSmall,
+  n as content,
+  e as contentScrollable,
   m as default,
   o as dialog,
-  c as footer,
-  n as footerFixed,
-  d as modal,
-  _ as modalOverflowing,
-  t as modalSmall
+  d as footer,
+  r as footerFixed,
+  _ as modal,
+  c as modalOverflowing,
+  a as modalSmall
 };
 //# sourceMappingURL=Modal.module.scss.js.map

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

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import c from "classnames";
-import { Flex as n } from "../../Flex/Flex.js";
-import p from "./ProgressBar.module.scss.js";
+import n from "./ProgressBar.module.scss.js";
+import { Flex as p } from "../../Flex/Flex.js";
 import { VisuallyHidden as d } from "../../VisuallyHidden/VisuallyHidden.js";
 function y({
   className: i,
@@ -13,9 +13,9 @@ function y({
   const s = Math.max(1, Math.min(m, e)), l = {
     "--g-progress-bar-width": `${s * 100 / e}%`
   };
-  return /* @__PURE__ */ t(n, { flexDirection: "column", children: [
+  return /* @__PURE__ */ t(p, { flexDirection: "column", children: [
     o && /* @__PURE__ */ r(o, {}),
-    /* @__PURE__ */ r("div", { className: c(p.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
+    /* @__PURE__ */ r("div", { className: c(n.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
   ] });
 }
 export {

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

@@ -1 +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;"}
+{"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\n    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":"AAgCO,MAAMA,IAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AACd;"}

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

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

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

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

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

@@ -1,16 +1,16 @@
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { Select as T, Button as j, SelectValue as D, Popover as E, ListBox as P, ListBoxItem as z } from "react-aria-components";
-import { useTranslation as H } from "react-i18next";
-import { useMemo as K } from "react";
+import { Select as j, Button as D, SelectValue as E, Popover as P, ListBox as z, ListBoxItem as H } from "react-aria-components";
+import { useTranslation as K } from "react-i18next";
+import { useMemo as M } from "react";
 import p from "classnames";
-import { useFieldIds as M } from "../hooks/useFieldIds.js";
+import { useFieldIds as U } from "../hooks/useFieldIds.js";
 import o from "./Select.module.scss.js";
-import { FieldLayout as U } from "../../FieldLayout/FieldLayout.js";
-import V from "../../../../assets/icons/caret-down.svg.js";
-import _ from "../../../../assets/icons/alert-circle.svg.js";
-import { useTheme as $ } from "../../../../contexts/ThemeProvider/useTheme.js";
+import { FieldLayout as V } from "../../FieldLayout/FieldLayout.js";
+import _ from "../../../../assets/icons/caret-down.svg.js";
+import $ from "../../../../assets/icons/alert-circle.svg.js";
+import { useTheme as q } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-const re = ({
+const te = ({
   description: i,
   errorMessage: a,
   id: f,
@@ -27,29 +27,30 @@ const re = ({
   name: I,
   className: g,
   inputRef: B,
-  ...C
+  portalContainer: C,
+  ...N
 }) => {
-  const { t: N } = H(), { container: b } = $(), { inputId: d, errorMessageId: y, descriptionId: L, ariaDescribedBy: w } = M({
+  const { t: b } = K(), { container: y } = q(), { inputId: d, errorMessageId: L, descriptionId: w, ariaDescribedBy: A } = U({
     inputId: f,
     errorMessage: a,
     description: i
-  }), A = K(() => s.map((e) => ({ name: e.label, id: e.value })), [s]);
+  }), F = M(() => s.map((e) => ({ name: e.label, id: e.value })), [s]);
   return /* @__PURE__ */ r(
-    U,
+    V,
     {
       label: n,
       htmlFor: d,
       errorMessage: a,
-      errorMessageId: y,
-      descriptionId: L,
+      errorMessageId: L,
+      descriptionId: w,
       isRequired: h,
       description: i,
       shouldVisuallyHideLabel: x,
       className: p(o.root, "react-aria-CustomSelect", g),
       withErrorIcon: !1,
-      ...C,
+      ...N,
       children: /* @__PURE__ */ t(
-        T,
+        j,
         {
           "aria-label": n,
           isDisabled: u,
@@ -60,23 +61,23 @@ const re = ({
           onBlur: v,
           id: d,
           selectedKey: l || void 0,
-          "aria-describedby": w,
+          "aria-describedby": A,
           name: I,
           children: [
-            /* @__PURE__ */ t(j, { ref: B, children: [
-              /* @__PURE__ */ r(D, { children: ({ defaultChildren: e, isPlaceholder: F }) => F && c ? c : e }),
+            /* @__PURE__ */ t(D, { ref: B, children: [
+              /* @__PURE__ */ r(E, { children: ({ defaultChildren: e, isPlaceholder: T }) => T && c ? c : e }),
               /* @__PURE__ */ t("div", { className: o.icons, "aria-hidden": "true", children: [
-                m && /* @__PURE__ */ r(_, { fontSize: 16 }),
-                /* @__PURE__ */ r(V, { title: N("icons.selectArrow") })
+                m && /* @__PURE__ */ r($, { fontSize: 16 }),
+                /* @__PURE__ */ r(_, { title: b("icons.selectArrow") })
               ] })
             ] }),
             /* @__PURE__ */ r(
-              E,
+              P,
               {
                 className: p(o.popover, "react-aria-Popover"),
-                UNSTABLE_portalContainer: b.current,
+                UNSTABLE_portalContainer: C || y.current,
                 maxHeight: 320,
-                children: /* @__PURE__ */ r(P, { items: A, children: (e) => /* @__PURE__ */ r(z, { children: e.name }, e.id) })
+                children: /* @__PURE__ */ r(z, { items: F, children: (e) => /* @__PURE__ */ r(H, { children: e.name }, e.id) })
               }
             )
           ]
@@ -86,6 +87,6 @@ const re = ({
   );
 };
 export {
-  re as Select
+  te as Select
 };
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../src/components/Common/UI/Select/Select.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  Select as AriaSelect,\n  Button,\n  ListBox,\n  ListBoxItem,\n  Popover,\n  SelectValue,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Select.module.scss'\nimport type { SelectProps } from './SelectTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport const Select = ({\n  description,\n  errorMessage,\n  id,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  options,\n  placeholder,\n  value,\n  shouldVisuallyHideLabel,\n  name,\n  className,\n  inputRef,\n  ...props\n}: SelectProps) => {\n  const { t } = useTranslation()\n  const { container } = useTheme()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const items = useMemo(() => {\n    return options.map(o => ({ name: o.label, id: o.value }))\n  }, [options])\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, 'react-aria-CustomSelect', className)}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaSelect\n        aria-label={label}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        onSelectionChange={key => {\n          if (key) {\n            onChange?.(key.toString())\n          }\n        }}\n        onBlur={onBlur}\n        id={inputId}\n        selectedKey={value ? (value as Key) : undefined}\n        aria-describedby={ariaDescribedBy}\n        name={name}\n      >\n        <Button ref={inputRef}>\n          <SelectValue>\n            {({ defaultChildren, isPlaceholder }) => {\n              return isPlaceholder && placeholder ? placeholder : defaultChildren\n            }}\n          </SelectValue>\n          <div className={styles.icons} aria-hidden=\"true\">\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={container.current}\n          maxHeight={320}\n        >\n          <ListBox items={items}>\n            {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    </FieldLayout>\n  )\n}\n"],"names":["Select","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","shouldVisuallyHideLabel","name","className","inputRef","props","t","useTranslation","container","useTheme","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","items","useMemo","o","jsx","FieldLayout","classNames","styles","jsxs","AriaSelect","key","Button","SelectValue","defaultChildren","isPlaceholder","AlertCircle","CaretDown","Popover","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAoBO,MAAMA,KAAS,CAAC;AAAA,EACrB,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACjB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASvB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK0B,IAAQC,EAAQ,MACblB,EAAQ,IAAI,CAAAmB,OAAM,EAAE,MAAMA,EAAE,OAAO,IAAIA,EAAE,MAAA,EAAQ,GACvD,CAACnB,CAAO,CAAC;AAEZ,SACE,gBAAAoB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,SAASe;AAAA,MACT,cAAApB;AAAA,MACA,gBAAAqB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAlB;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAY;AAAA,MACA,WAAWmB,EAAWC,EAAO,MAAM,2BAA2BlB,CAAS;AAAA,MACvE,eAAe;AAAA,MACd,GAAGE;AAAA,MAEJ,UAAA,gBAAAiB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY5B;AAAA,UACZ,YAAAH;AAAA,UACA,WAAAC;AAAA,UACA,mBAAmB,CAAA+B,MAAO;AACxB,YAAIA,KACF5B,IAAW4B,EAAI,UAAU;AAAA,UAE7B;AAAA,UACA,QAAA3B;AAAA,UACA,IAAIa;AAAA,UACJ,aAAaV,KAAyB;AAAA,UACtC,oBAAkBa;AAAA,UAClB,MAAAX;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAoB,EAACG,GAAA,EAAO,KAAKrB,GACX,UAAA;AAAA,cAAA,gBAAAc,EAACQ,GAAA,EACE,UAAA,CAAC,EAAE,iBAAAC,GAAiB,eAAAC,QACZA,KAAiB7B,IAAcA,IAAc4B,GAExD;AAAA,gCACC,OAAA,EAAI,WAAWN,EAAO,OAAO,eAAY,QACvC,UAAA;AAAA,gBAAA5B,KAAa,gBAAAyB,EAACW,GAAA,EAAY,UAAU,GAAA,CAAI;AAAA,gBACzC,gBAAAX,EAACY,GAAA,EAAU,OAAOxB,EAAE,mBAAmB,EAAA,CAAG;AAAA,cAAA,EAAA,CAC5C;AAAA,YAAA,GACF;AAAA,YACA,gBAAAY;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0Bb,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAU,EAACc,GAAA,EAAQ,OAAAjB,GACN,UAAA,CAAAkB,MAAQ,gBAAAf,EAACgB,KAA2B,UAAAD,EAAK,KAAA,GAAfA,EAAK,EAAe,EAAA,CACjD;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Select.js","sources":["../../../../../src/components/Common/UI/Select/Select.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  Select as AriaSelect,\n  Button,\n  ListBox,\n  ListBoxItem,\n  Popover,\n  SelectValue,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Select.module.scss'\nimport type { SelectProps } from './SelectTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport const Select = ({\n  description,\n  errorMessage,\n  id,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  options,\n  placeholder,\n  value,\n  shouldVisuallyHideLabel,\n  name,\n  className,\n  inputRef,\n  portalContainer,\n  ...props\n}: SelectProps) => {\n  const { t } = useTranslation()\n  const { container } = useTheme()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const items = useMemo(() => {\n    return options.map(o => ({ name: o.label, id: o.value }))\n  }, [options])\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, 'react-aria-CustomSelect', className)}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaSelect\n        aria-label={label}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        onSelectionChange={key => {\n          if (key) {\n            onChange?.(key.toString())\n          }\n        }}\n        onBlur={onBlur}\n        id={inputId}\n        selectedKey={value ? (value as Key) : undefined}\n        aria-describedby={ariaDescribedBy}\n        name={name}\n      >\n        <Button ref={inputRef}>\n          <SelectValue>\n            {({ defaultChildren, isPlaceholder }) => {\n              return isPlaceholder && placeholder ? placeholder : defaultChildren\n            }}\n          </SelectValue>\n          <div className={styles.icons} aria-hidden=\"true\">\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={portalContainer || container.current}\n          maxHeight={320}\n        >\n          <ListBox items={items}>\n            {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    </FieldLayout>\n  )\n}\n"],"names":["Select","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","shouldVisuallyHideLabel","name","className","inputRef","portalContainer","props","t","useTranslation","container","useTheme","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","items","useMemo","o","jsx","FieldLayout","classNames","styles","jsxs","AriaSelect","key","Button","SelectValue","defaultChildren","isPlaceholder","AlertCircle","CaretDown","Popover","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAoBO,MAAMA,KAAS,CAAC;AAAA,EACrB,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACjB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASxB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK2B,IAAQC,EAAQ,MACbnB,EAAQ,IAAI,CAAAoB,OAAM,EAAE,MAAMA,EAAE,OAAO,IAAIA,EAAE,MAAA,EAAQ,GACvD,CAACpB,CAAO,CAAC;AAEZ,SACE,gBAAAqB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAzB;AAAA,MACA,SAASgB;AAAA,MACT,cAAArB;AAAA,MACA,gBAAAsB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAnB;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAY;AAAA,MACA,WAAWoB,EAAWC,EAAO,MAAM,2BAA2BnB,CAAS;AAAA,MACvE,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAiB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY7B;AAAA,UACZ,YAAAH;AAAA,UACA,WAAAC;AAAA,UACA,mBAAmB,CAAAgC,MAAO;AACxB,YAAIA,KACF7B,IAAW6B,EAAI,UAAU;AAAA,UAE7B;AAAA,UACA,QAAA5B;AAAA,UACA,IAAIc;AAAA,UACJ,aAAaX,KAAyB;AAAA,UACtC,oBAAkBc;AAAA,UAClB,MAAAZ;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAqB,EAACG,GAAA,EAAO,KAAKtB,GACX,UAAA;AAAA,cAAA,gBAAAe,EAACQ,GAAA,EACE,UAAA,CAAC,EAAE,iBAAAC,GAAiB,eAAAC,QACZA,KAAiB9B,IAAcA,IAAc6B,GAExD;AAAA,gCACC,OAAA,EAAI,WAAWN,EAAO,OAAO,eAAY,QACvC,UAAA;AAAA,gBAAA7B,KAAa,gBAAA0B,EAACW,GAAA,EAAY,UAAU,GAAA,CAAI;AAAA,gBACzC,gBAAAX,EAACY,GAAA,EAAU,OAAOxB,EAAE,mBAAmB,EAAA,CAAG;AAAA,cAAA,EAAA,CAC5C;AAAA,YAAA,GACF;AAAA,YACA,gBAAAY;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BjB,KAAmBI,EAAU;AAAA,gBACvD,WAAW;AAAA,gBAEX,UAAA,gBAAAU,EAACc,GAAA,EAAQ,OAAAjB,GACN,UAAA,CAAAkB,MAAQ,gBAAAf,EAACgB,KAA2B,UAAAD,EAAK,KAAA,GAAfA,EAAK,EAAe,EAAA,CACjD;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -1,12 +1,12 @@
-const o = "_root_lmlas_1", s = "_icons_lmlas_17", t = "_popover_lmlas_67", _ = {
+const o = "_root_1d2dd_1", d = "_icons_1d2dd_17", s = "_popover_1d2dd_67", t = {
   root: o,
-  icons: s,
-  popover: t
+  icons: d,
+  popover: s
 };
 export {
-  _ as default,
-  s as icons,
-  t as popover,
+  t as default,
+  d as icons,
+  s as popover,
   o as root
 };
 //# sourceMappingURL=Select.module.scss.js.map

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

@@ -47,4 +47,8 @@ export interface SelectProps extends SharedFieldLayoutProps, Pick<SelectHTMLAttr
      * React ref for the select button element
      */
     inputRef?: Ref<HTMLButtonElement>;
+    /**
+     * Element to use as the portal container
+     */
+    portalContainer?: HTMLElement;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchTypes.js","sources":["../../../../../src/components/Common/UI/Switch/SwitchTypes.ts"],"sourcesContent":["import type { 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;"}
+{"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\n    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":"AA4CO,MAAMA,IAAiB;AAAA,EAC5B,WAAW;AAAA,EACX,YAAY;AACd;"}

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

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

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

@@ -1 +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   * Whether the first column contains checkboxes (affects which column gets leading variant)\n   */\n  hasCheckboxColumn?: boolean\n}\n\n/**\n * Default prop values for Table component.\n */\nexport const TableDefaults = {\n  variant: 'default',\n  hasCheckboxColumn: false,\n} as const satisfies Partial<TableProps>\n"],"names":["TableDefaults"],"mappings":"AA0DO,MAAMA,IAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,mBAAmB;AACrB;"}
+{"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 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   * Whether the first column contains checkboxes (affects which column gets leading variant)\n   */\n  hasCheckboxColumn?: boolean\n}\n\n/**\n * Default prop values for Table component.\n */\nexport const TableDefaults = {\n  variant: 'default',\n  hasCheckboxColumn: false,\n} as const satisfies Partial<TableProps>\n"],"names":["TableDefaults"],"mappings":"AAyDO,MAAMA,IAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,mBAAmB;AACrB;"}

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

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

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

@@ -0,0 +1,79 @@
+import { jsx as e, jsxs as M } from "react/jsx-runtime";
+import { TextArea as P } from "react-aria-components";
+import j from "classnames";
+import { useFieldIds as w } from "../hooks/useFieldIds.js";
+import r from "./TextArea.module.scss.js";
+import { TextAreaDefaults as L } from "./TextAreaTypes.js";
+import { applyMissingDefaults as R } from "../../../../helpers/applyMissingDefaults.js";
+import { FieldLayout as S } from "../../FieldLayout/FieldLayout.js";
+import q from "../../../../assets/icons/alert-circle.svg.js";
+function O(d) {
+  const l = R(d, L), {
+    name: n,
+    label: c,
+    description: i,
+    errorMessage: a,
+    isRequired: m,
+    inputRef: p,
+    isInvalid: s,
+    isDisabled: o,
+    id: f,
+    value: u,
+    placeholder: h,
+    rows: b,
+    cols: v,
+    onChange: y,
+    onBlur: g,
+    className: x,
+    shouldVisuallyHideLabel: I,
+    "aria-describedby": A,
+    ...D
+  } = l, { inputId: t, errorMessageId: C, descriptionId: N, ariaDescribedBy: B } = w({
+    inputId: f,
+    errorMessage: a,
+    description: i,
+    ariaDescribedBy: A
+  }), F = (T) => {
+    y?.(T.target.value);
+  };
+  return /* @__PURE__ */ e(
+    S,
+    {
+      label: c,
+      description: i,
+      errorMessage: a,
+      isRequired: m,
+      htmlFor: t,
+      errorMessageId: C,
+      descriptionId: N,
+      className: x,
+      shouldVisuallyHideLabel: I,
+      withErrorIcon: !1,
+      ...D,
+      children: /* @__PURE__ */ e("div", { className: j(r.container), "data-disabled": o, children: /* @__PURE__ */ M("div", { className: r.textAreaContainer, children: [
+        /* @__PURE__ */ e(
+          P,
+          {
+            id: t,
+            ref: p,
+            name: n,
+            value: u,
+            placeholder: h,
+            rows: b,
+            cols: v,
+            disabled: o,
+            "aria-describedby": B,
+            "aria-invalid": s,
+            onChange: F,
+            onBlur: g
+          }
+        ),
+        s && /* @__PURE__ */ e("div", { className: r.invalidIcon, children: /* @__PURE__ */ e(q, { fontSize: 16 }) })
+      ] }) })
+    }
+  );
+}
+export {
+  O as TextArea
+};
+//# sourceMappingURL=TextArea.js.map