@gusto/embedded-react-sdk 0.11.1 → 0.11.2

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

@@ -1,40 +1,38 @@
-import { jsx as p } from "react/jsx-runtime";
-import { Button as u } from "react-aria-components";
-import v from "classnames";
+import { jsx as d } from "react/jsx-runtime";
+import { Button as p } from "react-aria-components";
+import u from "classnames";
 import c from "./Button.module.scss.js";
-function N({
-  isError: o = !1,
+function y({
   isLoading: r = !1,
-  isDisabled: s = !1,
-  variant: t = "primary",
-  buttonRef: e,
-  className: m,
-  children: i,
+  isDisabled: t = !1,
+  variant: o = "primary",
+  buttonRef: a,
+  className: e,
+  children: m,
   onBlur: n,
-  onFocus: d,
-  onClick: a,
+  onFocus: i,
+  onClick: s,
   ...f
 }) {
-  return /* @__PURE__ */ p(
-    u,
+  return /* @__PURE__ */ d(
+    p,
     {
       ...f,
-      className: ({ defaultClassName: l }) => v(c.root, l, m),
-      ref: e,
+      className: ({ defaultClassName: l }) => u(c.root, l, e),
+      ref: a,
       onBlur: n,
-      onFocus: d,
-      isDisabled: s || r,
-      "data-variant": t,
+      onFocus: i,
+      isDisabled: t || r,
+      "data-variant": o,
       "data-loading": r || void 0,
-      "data-error": o || void 0,
-      onPress: a ? () => {
-        a({});
+      onPress: s ? () => {
+        s({});
       } : void 0,
-      children: i
+      children: m
     }
   );
 }
 export {
-  N as Button
+  y as Button
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/components/Common/UI/Button/Button.tsx"],"sourcesContent":["import { Button as AriaButton } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { type ButtonProps } from './ButtonTypes'\nimport styles from './Button.module.scss'\n\nexport function Button({\n  isError = false,\n  isLoading = false,\n  isDisabled = false,\n  variant = 'primary',\n  buttonRef,\n  className,\n  children,\n  onBlur,\n  onFocus,\n  onClick,\n  ...props\n}: ButtonProps) {\n  const handlePress = onClick\n    ? () => {\n        onClick({} as React.MouseEvent<HTMLButtonElement>)\n      }\n    : undefined\n\n  return (\n    <AriaButton\n      {...props}\n      className={({ defaultClassName }) => classNames(styles.root, defaultClassName, className)}\n      ref={buttonRef}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      isDisabled={isDisabled || isLoading}\n      data-variant={variant}\n      data-loading={isLoading || undefined}\n      data-error={isError || undefined}\n      onPress={handlePress}\n    >\n      {children}\n    </AriaButton>\n  )\n}\n"],"names":["Button","isError","isLoading","isDisabled","variant","buttonRef","className","children","onBlur","onFocus","onClick","props","jsx","AriaButton","defaultClassName","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AAQZ,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAW,CAAC,EAAE,kBAAAG,QAAuBC,EAAWC,EAAO,MAAMF,GAAkBR,CAAS;AAAA,MACxF,KAAKD;AAAA,MACL,QAAAG;AAAA,MACA,SAAAC;AAAA,MACA,YAAYN,KAAcD;AAAA,MAC1B,gBAAcE;AAAA,MACd,gBAAcF,KAAa;AAAA,MAC3B,cAAYD,KAAW;AAAA,MACvB,SAjBgBS,IAChB,MAAM;AACJ,QAAAA,EAAQ,CAAA,CAAyC;AAAA,MAAA,IAEnD;AAAA,MAeC,UAAAH;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"Button.js","sources":["../../../../../src/components/Common/UI/Button/Button.tsx"],"sourcesContent":["import { Button as AriaButton } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { type ButtonProps } from './ButtonTypes'\nimport styles from './Button.module.scss'\n\nexport function Button({\n  isLoading = false,\n  isDisabled = false,\n  variant = 'primary',\n  buttonRef,\n  className,\n  children,\n  onBlur,\n  onFocus,\n  onClick,\n  ...props\n}: ButtonProps) {\n  const handlePress = onClick\n    ? () => {\n        onClick({} as React.MouseEvent<HTMLButtonElement>)\n      }\n    : undefined\n\n  return (\n    <AriaButton\n      {...props}\n      className={({ defaultClassName }) => classNames(styles.root, defaultClassName, className)}\n      ref={buttonRef}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      isDisabled={isDisabled || isLoading}\n      data-variant={variant}\n      data-loading={isLoading || undefined}\n      onPress={handlePress}\n    >\n      {children}\n    </AriaButton>\n  )\n}\n"],"names":["Button","isLoading","isDisabled","variant","buttonRef","className","children","onBlur","onFocus","onClick","props","jsx","AriaButton","defaultClassName","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAO;AAAA,EACrB,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AAOd,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAW,CAAC,EAAE,kBAAAG,QAAuBC,EAAWC,EAAO,MAAMF,GAAkBR,CAAS;AAAA,MACxF,KAAKD;AAAA,MACL,QAAAG;AAAA,MACA,SAAAC;AAAA,MACA,YAAYN,KAAcD;AAAA,MAC1B,gBAAcE;AAAA,MACd,gBAAcF,KAAa;AAAA,MAC3B,SAhBgBQ,IAChB,MAAM;AACJ,QAAAA,EAAQ,CAAA,CAAyC;AAAA,MACnD,IACA;AAAA,MAcC,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

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

package/dist/components/Common/UI/Button/ButtonIcon.d.ts

@@ -1,2 +1,2 @@
 import { ButtonIconProps } from './ButtonTypes';
-export declare function ButtonIcon(props: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonIcon({ variant, className, ...props }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/UI/Button/ButtonIcon.js

@@ -1,9 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Button as n } from "./Button.js";
-function m(o) {
-  return /* @__PURE__ */ t(n, { ...o, variant: "icon" });
+import { jsx as m } from "react/jsx-runtime";
+import e from "classnames";
+import { Button as i } from "./Button.js";
+import n from "./ButtonIcon.module.scss.js";
+function l({ variant: t = "tertiary", className: o, ...r }) {
+  return /* @__PURE__ */ m(i, { ...r, variant: t, className: e(n.root, o), children: r.children });
 }
 export {
-  m as ButtonIcon
+  l as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/dist/components/Common/UI/Button/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sources":["../../../../../src/components/Common/UI/Button/ButtonIcon.tsx"],"sourcesContent":["import { type ButtonIconProps } from './ButtonTypes'\nimport { Button } from './Button'\n\nexport function ButtonIcon(props: ButtonIconProps) {\n  return <Button {...props} variant=\"icon\" />\n}\n"],"names":["ButtonIcon","props","jsx","Button"],"mappings":";;AAGO,SAASA,EAAWC,GAAwB;AACjD,SAAQ,gBAAAC,EAAAC,GAAA,EAAQ,GAAGF,GAAO,SAAQ,QAAO;AAC3C;"}
+{"version":3,"file":"ButtonIcon.js","sources":["../../../../../src/components/Common/UI/Button/ButtonIcon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { type ButtonIconProps } from './ButtonTypes'\nimport { Button } from './Button'\nimport styles from './ButtonIcon.module.scss'\n\nexport function ButtonIcon({ variant = 'tertiary', className, ...props }: ButtonIconProps) {\n  return (\n    <Button {...props} variant={variant} className={classNames(styles.root, className)}>\n      {props.children}\n    </Button>\n  )\n}\n"],"names":["ButtonIcon","variant","className","props","jsx","Button","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAW,EAAE,SAAAC,IAAU,YAAY,WAAAC,GAAW,GAAGC,KAA0B;AACzF,SACE,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,GAAO,SAAAF,GAAkB,WAAWK,EAAWC,EAAO,MAAML,CAAS,GAC9E,UAAAC,EAAM,SAAA,CACT;AAEJ;"}

package/dist/components/Common/UI/Button/ButtonIcon.module.scss.js

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

package/dist/components/Common/UI/Button/ButtonIcon.module.scss.js.map

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

package/dist/components/Common/UI/Button/ButtonTypes.d.ts

@@ -7,11 +7,7 @@ export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement
     /**
      * Visual style variant of the button
      */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'icon';
-    /**
-     * Indicates if the button is in an error state
-     */
-    isError?: boolean;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'error';
     /**
      * Shows a loading spinner and disables the button
      */
@@ -33,7 +29,7 @@ export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement
      */
     onFocus?: (e: FocusEvent) => void;
 }
-export type ButtonIconProps = Omit<ButtonProps, 'variant'> & {
+export type ButtonIconProps = ButtonProps & {
     /**
      * Required aria-label for icon buttons to ensure accessibility
      */

package/dist/components/Common/UI/CalendarPreview/CalendarLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarLegend.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarLegend.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { Flex } from '../../Flex/Flex'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CalendarLegendProps = Pick<CalendarPreviewProps, 'highlightDates' | 'dateRange'>\n\nexport const CalendarLegend = ({ highlightDates }: CalendarLegendProps) => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const { Text } = useComponentContext()\n  const getFormattedLegendDate = (date: Date) => {\n    // adjust for timezone offset to prevent date shifting\n    const userTimezoneOffset = date.getTimezoneOffset() * 60000\n    const adjustedDate = new Date(date.getTime() + userTimezoneOffset)\n\n    return new Intl.DateTimeFormat(undefined, {\n      weekday: 'long',\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n    }).format(adjustedDate)\n  }\n\n  return (\n    <div className=\"react-aria-CalendarLegend\" data-testid=\"calendar-legend\">\n      <VisuallyHidden>{t('labels.legend')}</VisuallyHidden>\n      <Flex flexDirection=\"column\" gap={24}>\n        {highlightDates?.map((highlight, index) => (\n          <Flex justifyContent=\"center\" alignItems=\"center\" key={index} gap={16}>\n            <div\n              data-highlight={highlight.highlightColor}\n              className=\"react-aria-CalendarLegendMarker\"\n              data-testid=\"calendar-legend-item\"\n            />\n            <Flex flexDirection=\"column\" gap={0}>\n              <Text className=\"react-aria-CalendarLegendText\">{highlight.label}</Text>\n              <Text size=\"sm\" className=\"react-aria-CalendarLegendSubText\">\n                {getFormattedLegendDate(highlight.date)}\n              </Text>\n            </Flex>\n          </Flex>\n        ))}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["CalendarLegend","highlightDates","t","useTranslation","Text","useComponentContext","getFormattedLegendDate","date","userTimezoneOffset","adjustedDate","jsxs","jsx","VisuallyHidden","Flex","highlight","index"],"mappings":";;;;;AAQO,MAAMA,IAAiB,CAAC,EAAE,gBAAAC,QAA0C;AACzE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,MAAAC,EAAK,IAAIC,EAAoB,GAC/BC,IAAyB,CAACC,MAAe;AAEvC,UAAAC,IAAqBD,EAAK,kBAAA,IAAsB,KAChDE,IAAe,IAAI,KAAKF,EAAK,QAAA,IAAYC,CAAkB;AAE1D,WAAA,IAAI,KAAK,eAAe,QAAW;AAAA,MACxC,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,EAAE,OAAOC,CAAY;AAAA,EACxB;AAEA,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAU,6BAA4B,eAAY,mBACrD,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAgB,UAAEV,EAAA,eAAe,EAAE,CAAA;AAAA,sBACnCW,GAAK,EAAA,eAAc,UAAS,KAAK,IAC/B,aAAgB,IAAI,CAACC,GAAWC,wBAC9BF,GAAK,EAAA,gBAAe,UAAS,YAAW,UAAqB,KAAK,IACjE,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,kBAAgBG,EAAU;AAAA,UAC1B,WAAU;AAAA,UACV,eAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACC,gBAAAJ,EAAAG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAF,EAACP,GAAK,EAAA,WAAU,iCAAiC,UAAAU,EAAU,OAAM;AAAA,QACjE,gBAAAH,EAACP,KAAK,MAAK,MAAK,WAAU,oCACvB,UAAAE,EAAuBQ,EAAU,IAAI,EACxC,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EAXqD,GAAAC,CAYvD,CACD,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"CalendarLegend.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarLegend.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { Flex } from '../../Flex/Flex'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CalendarLegendProps = Pick<CalendarPreviewProps, 'highlightDates' | 'dateRange'>\n\nexport const CalendarLegend = ({ highlightDates }: CalendarLegendProps) => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const { Text } = useComponentContext()\n  const getFormattedLegendDate = (date: Date) => {\n    // adjust for timezone offset to prevent date shifting\n    const userTimezoneOffset = date.getTimezoneOffset() * 60000\n    const adjustedDate = new Date(date.getTime() + userTimezoneOffset)\n\n    return new Intl.DateTimeFormat(undefined, {\n      weekday: 'long',\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n    }).format(adjustedDate)\n  }\n\n  return (\n    <div className=\"react-aria-CalendarLegend\" data-testid=\"calendar-legend\">\n      <VisuallyHidden>{t('labels.legend')}</VisuallyHidden>\n      <Flex flexDirection=\"column\" gap={24}>\n        {highlightDates?.map((highlight, index) => (\n          <Flex justifyContent=\"center\" alignItems=\"center\" key={index} gap={16}>\n            <div\n              data-highlight={highlight.highlightColor}\n              className=\"react-aria-CalendarLegendMarker\"\n              data-testid=\"calendar-legend-item\"\n            />\n            <Flex flexDirection=\"column\" gap={0}>\n              <Text className=\"react-aria-CalendarLegendText\">{highlight.label}</Text>\n              <Text size=\"sm\" className=\"react-aria-CalendarLegendSubText\">\n                {getFormattedLegendDate(highlight.date)}\n              </Text>\n            </Flex>\n          </Flex>\n        ))}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["CalendarLegend","highlightDates","t","useTranslation","Text","useComponentContext","getFormattedLegendDate","date","userTimezoneOffset","adjustedDate","jsxs","jsx","VisuallyHidden","Flex","highlight","index"],"mappings":";;;;;AAQO,MAAMA,IAAiB,CAAC,EAAE,gBAAAC,QAA0C;AACzE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAyB,CAACC,MAAe;AAE7C,UAAMC,IAAqBD,EAAK,kBAAA,IAAsB,KAChDE,IAAe,IAAI,KAAKF,EAAK,QAAA,IAAYC,CAAkB;AAEjE,WAAO,IAAI,KAAK,eAAe,QAAW;AAAA,MACxC,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,EAAE,OAAOC,CAAY;AAAA,EACxB;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,mBACrD,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAgB,UAAAV,EAAE,eAAe,EAAA,CAAE;AAAA,sBACnCW,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,aAAgB,IAAI,CAACC,GAAWC,wBAC9BF,GAAA,EAAK,gBAAe,UAAS,YAAW,UAAqB,KAAK,IACjE,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,kBAAgBG,EAAU;AAAA,UAC1B,WAAU;AAAA,UACV,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAJ,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAF,EAACP,GAAA,EAAK,WAAU,iCAAiC,UAAAU,EAAU,OAAM;AAAA,QACjE,gBAAAH,EAACP,KAAK,MAAK,MAAK,WAAU,oCACvB,UAAAE,EAAuBQ,EAAU,IAAI,EAAA,CACxC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,GAXqDC,CAYvD,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarPreview.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarPreview.tsx"],"sourcesContent":["import type { DateValue } from 'react-aria-components'\nimport {\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  Text,\n  RangeCalendar,\n} from 'react-aria-components'\nimport { parseDate } from '@internationalized/date'\nimport { useMemo } from 'react'\nimport { CalendarLegend } from './CalendarLegend'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport styles from './CalendarPreview.module.scss'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { Flex } from '@/components/Common/Flex'\n\nexport const CalendarPreview = ({ dateRange, highlightDates }: CalendarPreviewProps) => {\n  const highlightMap = useMemo(() => {\n    if (!highlightDates) return new Map()\n\n    return new Map(\n      highlightDates.map(highlight => [\n        formatDateToStringDate(highlight.date),\n        highlight.highlightColor,\n      ]),\n    )\n  }, [highlightDates])\n\n  const isInRange = (date: DateValue) => {\n    const comparisonDate = new Date(date.toString())\n    const { start, end } = dateRange\n    return comparisonDate >= start && comparisonDate <= end\n  }\n\n  const isDatesInMultipleMonths = useMemo(() => {\n    // Get all dates into an array\n    const allDates = [dateRange.start, dateRange.end, ...(highlightDates?.map(h => h.date) || [])]\n\n    // Get the month of the first date to compare against\n    const firstMonth = allDates[0]?.getMonth() ?? 0\n\n    // Check if any date has a different month than the first date\n    return allDates.some(date => date.getMonth() !== firstMonth)\n  }, [dateRange, highlightDates])\n\n  const getMonthName = (date: Date) => {\n    const dateFormatter = new Intl.DateTimeFormat(undefined, {\n      month: 'long',\n      year: 'numeric',\n    })\n    return dateFormatter.format(date)\n  }\n\n  const formattedStartDate = formatDateToStringDate(dateRange.start)\n  const formattedEndDate = formatDateToStringDate(dateRange.end)\n\n  const rangeValue =\n    formattedStartDate && formattedEndDate\n      ? {\n          start: parseDate(formattedStartDate),\n          end: parseDate(formattedEndDate),\n        }\n      : undefined\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calendarWrapper}>\n        <div className={styles.calendarHeader}>\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <Text>{getMonthName(dateRange.start)}</Text>\n          </Flex>\n        </div>\n        <RangeCalendar\n          isReadOnly\n          value={rangeValue}\n          visibleDuration={isDatesInMultipleMonths ? { weeks: 2 } : undefined}\n        >\n          <CalendarGrid weekdayStyle={'short'}>\n            <CalendarGridHeader>\n              {day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n            </CalendarGridHeader>\n            <CalendarGridBody>\n              {date => {\n                return (\n                  <CalendarCell\n                    className=\"react-aria-CalendarCell\"\n                    date={date}\n                    {...(isInRange(date) ? { 'data-selected': true } : {})}\n                    data-highlight={highlightMap.get(date.toString())}\n                    data-disabled={true}\n                  >\n                    {({ formattedDate }) => {\n                      return (\n                        <Flex flexDirection={'column'} alignItems={'center'} gap={0}>\n                          {formattedDate}\n                          <div className={styles.dateMarker}></div>\n                        </Flex>\n                      )\n                    }}\n                  </CalendarCell>\n                )\n              }}\n            </CalendarGridBody>\n          </CalendarGrid>\n\n          <Text slot=\"errorMessage\" />\n        </RangeCalendar>\n        <CalendarLegend highlightDates={highlightDates} dateRange={dateRange} />\n      </div>\n    </div>\n  )\n}\n"],"names":["CalendarPreview","dateRange","highlightDates","highlightMap","useMemo","highlight","formatDateToStringDate","isInRange","date","comparisonDate","start","end","isDatesInMultipleMonths","allDates","h","firstMonth","getMonthName","formattedStartDate","formattedEndDate","rangeValue","parseDate","jsx","styles","jsxs","Flex","Text","RangeCalendar","CalendarGrid","CalendarGridHeader","day","CalendarHeaderCell","CalendarGridBody","CalendarCell","formattedDate","CalendarLegend"],"mappings":"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"}
+{"version":3,"file":"CalendarPreview.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarPreview.tsx"],"sourcesContent":["import type { DateValue } from 'react-aria-components'\nimport {\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  Text,\n  RangeCalendar,\n} from 'react-aria-components'\nimport { parseDate } from '@internationalized/date'\nimport { useMemo } from 'react'\nimport { CalendarLegend } from './CalendarLegend'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport styles from './CalendarPreview.module.scss'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { Flex } from '@/components/Common/Flex'\n\nexport const CalendarPreview = ({ dateRange, highlightDates }: CalendarPreviewProps) => {\n  const highlightMap = useMemo(() => {\n    if (!highlightDates) return new Map()\n\n    return new Map(\n      highlightDates.map(highlight => [\n        formatDateToStringDate(highlight.date),\n        highlight.highlightColor,\n      ]),\n    )\n  }, [highlightDates])\n\n  const isInRange = (date: DateValue) => {\n    const comparisonDate = new Date(date.toString())\n    const { start, end } = dateRange\n    return comparisonDate >= start && comparisonDate <= end\n  }\n\n  const isDatesInMultipleMonths = useMemo(() => {\n    // Get all dates into an array\n    const allDates = [dateRange.start, dateRange.end, ...(highlightDates?.map(h => h.date) || [])]\n\n    // Get the month of the first date to compare against\n    const firstMonth = allDates[0]?.getMonth() ?? 0\n\n    // Check if any date has a different month than the first date\n    return allDates.some(date => date.getMonth() !== firstMonth)\n  }, [dateRange, highlightDates])\n\n  const getMonthName = (date: Date) => {\n    const dateFormatter = new Intl.DateTimeFormat(undefined, {\n      month: 'long',\n      year: 'numeric',\n    })\n    return dateFormatter.format(date)\n  }\n\n  const formattedStartDate = formatDateToStringDate(dateRange.start)\n  const formattedEndDate = formatDateToStringDate(dateRange.end)\n\n  const rangeValue =\n    formattedStartDate && formattedEndDate\n      ? {\n          start: parseDate(formattedStartDate),\n          end: parseDate(formattedEndDate),\n        }\n      : undefined\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calendarWrapper}>\n        <div className={styles.calendarHeader}>\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <Text>{getMonthName(dateRange.start)}</Text>\n          </Flex>\n        </div>\n        <RangeCalendar\n          isReadOnly\n          value={rangeValue}\n          visibleDuration={isDatesInMultipleMonths ? { weeks: 2 } : undefined}\n        >\n          <CalendarGrid weekdayStyle={'short'}>\n            <CalendarGridHeader>\n              {day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n            </CalendarGridHeader>\n            <CalendarGridBody>\n              {date => {\n                return (\n                  <CalendarCell\n                    className=\"react-aria-CalendarCell\"\n                    date={date}\n                    {...(isInRange(date) ? { 'data-selected': true } : {})}\n                    data-highlight={highlightMap.get(date.toString())}\n                    data-disabled={true}\n                  >\n                    {({ formattedDate }) => {\n                      return (\n                        <Flex flexDirection={'column'} alignItems={'center'} gap={0}>\n                          {formattedDate}\n                          <div className={styles.dateMarker}></div>\n                        </Flex>\n                      )\n                    }}\n                  </CalendarCell>\n                )\n              }}\n            </CalendarGridBody>\n          </CalendarGrid>\n\n          <Text slot=\"errorMessage\" />\n        </RangeCalendar>\n        <CalendarLegend highlightDates={highlightDates} dateRange={dateRange} />\n      </div>\n    </div>\n  )\n}\n"],"names":["CalendarPreview","dateRange","highlightDates","highlightMap","useMemo","highlight","formatDateToStringDate","isInRange","date","comparisonDate","start","end","isDatesInMultipleMonths","allDates","h","firstMonth","getMonthName","formattedStartDate","formattedEndDate","rangeValue","parseDate","jsx","styles","jsxs","Flex","Text","RangeCalendar","CalendarGrid","CalendarGridHeader","day","CalendarHeaderCell","CalendarGridBody","CalendarCell","formattedDate","CalendarLegend"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Common/UI/Card/Card.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport { Flex } from '../../Flex/Flex'\nimport { Checkbox } from '../Checkbox/Checkbox'\nimport styles from './Card.module.scss'\nimport { type CardProps } from '@/components/Common/UI/Card/CardTypes'\n\nexport function Card({ onSelect, children, menu, className }: CardProps) {\n  const { t } = useTranslation('common')\n\n  return (\n    <div className={cn(styles.cardContainer, className)} data-testid=\"data-card\">\n      <Flex flexDirection=\"row\" gap={8}>\n        {onSelect && (\n          <div>\n            <Checkbox\n              onChange={onSelect}\n              label={t('card.selectRowLabel')}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        )}\n        <div style={{ flexGrow: 1, flexShrink: 1 }}>\n          <Flex flexDirection={'column'} gap={16}>\n            {children}\n          </Flex>\n        </div>\n        {menu && <div>{menu}</div>}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["Card","onSelect","children","menu","className","useTranslation","jsx","cn","styles","jsxs","Flex","Checkbox"],"mappings":";;;;;;AAOO,SAASA,EAAK,EAAE,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,WAAAC,KAAwB;AACvE,QAAM,EAAE,EAAA,IAAMC,EAAe,QAAQ;AAErC,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAGC,EAAO,eAAeJ,CAAS,GAAG,eAAY,aAC/D,UAAC,gBAAAK,EAAAC,GAAA,EAAK,eAAc,OAAM,KAAK,GAC5B,UAAA;AAAA,IAAAT,uBACE,OACC,EAAA,UAAA,gBAAAK;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,UAAUV;AAAA,QACV,OAAO,EAAE,qBAAqB;AAAA,QAC9B,yBAAuB;AAAA,MAAA;AAAA,IAAA,GAE3B;AAAA,sBAED,OAAI,EAAA,OAAO,EAAE,UAAU,GAAG,YAAY,KACrC,UAAA,gBAAAK,EAACI,KAAK,eAAe,UAAU,KAAK,IACjC,UAAAR,EACH,CAAA,GACF;AAAA,IACCC,KAAS,gBAAAG,EAAA,OAAA,EAAK,UAAKH,EAAA,CAAA;AAAA,EAAA,EAAA,CACtB,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Common/UI/Card/Card.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport { Flex } from '../../Flex/Flex'\nimport { Checkbox } from '../Checkbox/Checkbox'\nimport styles from './Card.module.scss'\nimport { type CardProps } from '@/components/Common/UI/Card/CardTypes'\n\nexport function Card({ onSelect, children, menu, className }: CardProps) {\n  const { t } = useTranslation('common')\n\n  return (\n    <div className={cn(styles.cardContainer, className)} data-testid=\"data-card\">\n      <Flex flexDirection=\"row\" gap={8}>\n        {onSelect && (\n          <div>\n            <Checkbox\n              onChange={onSelect}\n              label={t('card.selectRowLabel')}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        )}\n        <div style={{ flexGrow: 1, flexShrink: 1 }}>\n          <Flex flexDirection={'column'} gap={16}>\n            {children}\n          </Flex>\n        </div>\n        {menu && <div>{menu}</div>}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["Card","onSelect","children","menu","className","useTranslation","jsx","cn","styles","jsxs","Flex","Checkbox"],"mappings":";;;;;;AAOO,SAASA,EAAK,EAAE,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,WAAAC,KAAwB;AACvE,QAAM,EAAE,EAAA,IAAMC,EAAe,QAAQ;AAErC,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,eAAeJ,CAAS,GAAG,eAAY,aAC/D,UAAA,gBAAAK,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,GAC5B,UAAA;AAAA,IAAAT,uBACE,OAAA,EACC,UAAA,gBAAAK;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,UAAUV;AAAA,QACV,OAAO,EAAE,qBAAqB;AAAA,QAC9B,yBAAuB;AAAA,MAAA;AAAA,IAAA,GAE3B;AAAA,sBAED,OAAA,EAAI,OAAO,EAAE,UAAU,GAAG,YAAY,KACrC,UAAA,gBAAAK,EAACI,KAAK,eAAe,UAAU,KAAK,IACjC,UAAAR,GACH,GACF;AAAA,IACCC,KAAQ,gBAAAG,EAAC,OAAA,EAAK,UAAAH,EAAA,CAAK;AAAA,EAAA,EAAA,CACtB,EAAA,CACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Common/UI/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Checkbox.module.scss'\nimport type { CheckboxProps } from './CheckboxTypes'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\nimport IconChecked from '@/assets/icons/checkbox.svg?react'\n\nexport const Checkbox = ({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  inputRef,\n  value,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  onChange,\n  onBlur,\n  className,\n  shouldVisuallyHideLabel,\n  ...props\n}: CheckboxProps) => {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...props}\n    >\n      <div className={styles.checkboxWrapper}>\n        <input\n          type=\"checkbox\"\n          name={name}\n          disabled={isDisabled}\n          aria-invalid={isInvalid}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.checkboxInput}\n        />\n        <div className={styles.checkbox}>\n          <IconChecked className={styles.check} />\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Checkbox","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","className","shouldVisuallyHideLabel","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","IconChecked"],"mappings":";;;;;AAOO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAClD,IAAAX,IAAAW,EAAM,OAAO,OAAO;AAAA,EACjC;AAGE,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAJ;AAAA,MACA,WAAAD;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAC,gBAAAU,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAAtB;AAAA,YACA,UAAUQ;AAAA,YACV,gBAAcD;AAAA,YACd,oBAAkBW;AAAA,YAClB,SAASZ;AAAA,YACT,IAAIS;AAAA,YACJ,KAAKV;AAAA,YACL,QAAAM;AAAA,YACA,UAAUS;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QACpB;AAAA,QACA,gBAAAH,EAAC,OAAI,EAAA,WAAWG,EAAO,UACrB,4BAACC,GAAY,EAAA,WAAWD,EAAO,MAAO,CAAA,EACxC,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Common/UI/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Checkbox.module.scss'\nimport type { CheckboxProps } from './CheckboxTypes'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\nimport IconChecked from '@/assets/icons/checkbox.svg?react'\n\nexport const Checkbox = ({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  inputRef,\n  value,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  onChange,\n  onBlur,\n  className,\n  shouldVisuallyHideLabel,\n  ...props\n}: CheckboxProps) => {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...props}\n    >\n      <div className={styles.checkboxWrapper}>\n        <input\n          type=\"checkbox\"\n          name={name}\n          disabled={isDisabled}\n          aria-invalid={isInvalid}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.checkboxInput}\n        />\n        <div className={styles.checkbox}>\n          <IconChecked className={styles.check} />\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Checkbox","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","className","shouldVisuallyHideLabel","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","IconChecked"],"mappings":";;;;;AAOO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAC7D,IAAAX,IAAWW,EAAM,OAAO,OAAO;AAAA,EACjC;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAJ;AAAA,MACA,WAAAD;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAAtB;AAAA,YACA,UAAUQ;AAAA,YACV,gBAAcD;AAAA,YACd,oBAAkBW;AAAA,YAClB,SAASZ;AAAA,YACT,IAAIS;AAAA,YACJ,KAAKV;AAAA,YACL,QAAAM;AAAA,YACA,UAAUS;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpB,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,UACrB,4BAACC,GAAA,EAAY,WAAWD,EAAO,MAAA,CAAO,EAAA,CACxC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,14 +1,14 @@
-const c = "_checkboxWrapper_1gkxi_1", e = "_checkbox_1gkxi_1", k = "_check_1gkxi_1", o = "_checkboxInput_1gkxi_29", x = {
+const c = "_checkboxWrapper_topwn_1", o = "_checkbox_topwn_1", e = "_check_topwn_1", t = "_checkboxInput_topwn_29", p = {
   checkboxWrapper: c,
-  checkbox: e,
-  check: k,
-  checkboxInput: o
+  checkbox: o,
+  check: e,
+  checkboxInput: t
 };
 export {
-  k as check,
-  e as checkbox,
-  o as checkboxInput,
+  e as check,
+  o as checkbox,
+  t as checkboxInput,
   c as checkboxWrapper,
-  x as default
+  p as default
 };
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupStateContext,\n  type CheckboxGroupRenderProps,\n} from 'react-aria-components'\nimport { useCheckboxGroupItem } from 'react-aria'\nimport type { AriaCheckboxProps } from 'react-aria'\nimport type React from 'react'\nimport { Checkbox } from '../Checkbox'\nimport styles from './CheckboxGroup.module.scss'\nimport type { CheckboxGroupProps } from './CheckboxGroupTypes'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Checkbox implementation specific to React Aria to get our checkbox to connect\n// to their CheckboxGroup component\ninterface ReactAriaCheckboxProps extends Omit<AriaCheckboxProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: CheckboxGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaCheckbox({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaCheckboxProps) {\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const { inputProps, isSelected, isDisabled, isInvalid } = useCheckboxGroupItem(\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 checkbox to React Aria and we already\n      // configure a label for our checkboxes.\n      children: ' ',\n      isRequired: false,\n    },\n    groupState,\n    internalInputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.addValue(value)\n    } else {\n      groupState.removeValue(value)\n    }\n  }\n\n  return (\n    <Checkbox\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaCheckboxWrapper(props: Omit<ReactAriaCheckboxProps, 'groupState'>) {\n  const groupState = useContext(CheckboxGroupStateContext)\n  // We can't render hooks conditionally so we have to use useCheckboxGroupItem above but\n  // groupState is only defined if the component is rendered within a CheckboxGroup\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 CheckboxGroup\n  return groupState ? <ReactAriaCheckbox groupState={groupState} {...props} /> : null\n}\n\nexport function CheckboxGroup({\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}: CheckboxGroupProps) {\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      <AriaCheckboxGroup\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          <ReactAriaCheckboxWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaCheckboxGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaCheckbox","label","description","value","groupState","inputRefFromProps","props","internalInputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","isInvalid","useCheckboxGroupItem","jsx","Checkbox","checked","ReactAriaCheckboxWrapper","useContext","CheckboxGroupStateContext","CheckboxGroup","errorMessage","isRequired","options","shouldVisuallyHideLabel","onChange","className","inputRef","Fieldset","classNames","styles","AriaCheckboxGroup","index"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAkB;AAAA,EACzB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAA2B;AACnB,QAAAC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWL,GAAmBE,CAAgB,GAE/D,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,GAAY,WAAAC,EAAc,IAAAC;AAAA,IACxD;AAAA,MACE,GAAGT;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,IACAC;AAAA,IACAG;AAAA,EACF;AAWE,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAhB;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,WAAAC;AAAA,MACA,aAAAZ;AAAA,MACA,UAfiB,CAACgB,MAAqB;AACzC,QAAIA,IACFd,EAAW,SAASD,CAAK,IAEzBC,EAAW,YAAYD,CAAK;AAAA,MAEhC;AAAA,MAUI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EACnB;AAEJ;AAEA,SAASQ,EAAyBb,GAAmD;AAC7E,QAAAF,IAAagB,EAAWC,CAAyB;AAKvD,SAAOjB,IAAc,gBAAAY,EAAAhB,GAAA,EAAkB,YAAAI,GAAyB,GAAGE,EAAO,CAAA,IAAK;AACjF;AAEO,SAASgB,EAAc;AAAA,EAC5B,OAAArB;AAAA,EACA,aAAAC;AAAA,EACA,cAAAqB;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAV,IAAY;AAAA,EACZ,YAAAD,IAAa;AAAA,EACb,SAAAY;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,OAAAvB;AAAA,EACA,UAAAwB;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGvB;AACL,GAAuB;AAEnB,SAAA,gBAAAU;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,QAAQ7B;AAAA,MACR,aAAAC;AAAA,MACA,cAAAqB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BE;AAAA,MAC1B,WAAWK,EAAWC,EAAO,MAAMJ,CAAS;AAAA,MAC3C,GAAGtB;AAAA,MAEJ,UAAA,gBAAAU;AAAA,QAACiB;AAAAA,QAAA;AAAA,UACC,WAAAnB;AAAA,UACA,YAAAU;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAArB;AAAA,UACA,UAAAwB;AAAA,UACA,YAAAd;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAQY,EAAA,IAAI,CAAC,EAAE,OAAAtB,GAAO,OAAAF,GAAO,YAAAY,IAAa,IAAO,aAAAX,EAAAA,GAAegC,MAC/D,gBAAAlB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYN;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUiC,MAAU,IAAIL,IAAW;AAAA,YAAA;AAAA,YAJ9B1B;AAAAA,UAMR,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupStateContext,\n  type CheckboxGroupRenderProps,\n} from 'react-aria-components'\nimport { useCheckboxGroupItem } from 'react-aria'\nimport type { AriaCheckboxProps } from 'react-aria'\nimport type React from 'react'\nimport { Checkbox } from '../Checkbox'\nimport styles from './CheckboxGroup.module.scss'\nimport type { CheckboxGroupProps } from './CheckboxGroupTypes'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Checkbox implementation specific to React Aria to get our checkbox to connect\n// to their CheckboxGroup component\ninterface ReactAriaCheckboxProps extends Omit<AriaCheckboxProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: CheckboxGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaCheckbox({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaCheckboxProps) {\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const { inputProps, isSelected, isDisabled, isInvalid } = useCheckboxGroupItem(\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 checkbox to React Aria and we already\n      // configure a label for our checkboxes.\n      children: ' ',\n      isRequired: false,\n    },\n    groupState,\n    internalInputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.addValue(value)\n    } else {\n      groupState.removeValue(value)\n    }\n  }\n\n  return (\n    <Checkbox\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaCheckboxWrapper(props: Omit<ReactAriaCheckboxProps, 'groupState'>) {\n  const groupState = useContext(CheckboxGroupStateContext)\n  // We can't render hooks conditionally so we have to use useCheckboxGroupItem above but\n  // groupState is only defined if the component is rendered within a CheckboxGroup\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 CheckboxGroup\n  return groupState ? <ReactAriaCheckbox groupState={groupState} {...props} /> : null\n}\n\nexport function CheckboxGroup({\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}: CheckboxGroupProps) {\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      <AriaCheckboxGroup\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          <ReactAriaCheckboxWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaCheckboxGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaCheckbox","label","description","value","groupState","inputRefFromProps","props","internalInputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","isInvalid","useCheckboxGroupItem","jsx","Checkbox","checked","ReactAriaCheckboxWrapper","useContext","CheckboxGroupStateContext","CheckboxGroup","errorMessage","isRequired","options","shouldVisuallyHideLabel","onChange","className","inputRef","Fieldset","classNames","styles","AriaCheckboxGroup","index"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAkB;AAAA,EACzB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAA2B;AACzB,QAAMC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWL,GAAmBE,CAAgB,GAE/D,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,GAAY,WAAAC,MAAcC;AAAA,IACxD;AAAA,MACE,GAAGT;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEdC;AAAA,IACAG;AAAA,EAAA;AAWF,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAhB;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,WAAAC;AAAA,MACA,aAAAZ;AAAA,MACA,UAfiB,CAACgB,MAAqB;AACzC,QAAIA,IACFd,EAAW,SAASD,CAAK,IAEzBC,EAAW,YAAYD,CAAK;AAAA,MAEhC;AAAA,MAUI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAASQ,EAAyBb,GAAmD;AACnF,QAAMF,IAAagB,EAAWC,CAAyB;AAKvD,SAAOjB,IAAa,gBAAAY,EAAChB,GAAA,EAAkB,YAAAI,GAAyB,GAAGE,GAAO,IAAK;AACjF;AAEO,SAASgB,EAAc;AAAA,EAC5B,OAAArB;AAAA,EACA,aAAAC;AAAA,EACA,cAAAqB;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAV,IAAY;AAAA,EACZ,YAAAD,IAAa;AAAA,EACb,SAAAY;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,OAAAvB;AAAA,EACA,UAAAwB;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGvB;AACL,GAAuB;AACrB,SACE,gBAAAU;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,QAAQ7B;AAAA,MACR,aAAAC;AAAA,MACA,cAAAqB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BE;AAAA,MAC1B,WAAWK,EAAWC,EAAO,MAAMJ,CAAS;AAAA,MAC3C,GAAGtB;AAAA,MAEJ,UAAA,gBAAAU;AAAA,QAACiB;AAAAA,QAAA;AAAA,UACC,WAAAnB;AAAA,UACA,YAAAU;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAArB;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,GAAegC,MAC/D,gBAAAlB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYN;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUiC,MAAU,IAAIL,IAAW;AAAA,YAAA;AAAA,YAJ9B1B;AAAAA,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

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

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

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

@@ -1,24 +1,24 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { ComboBox as A, Input as F, Button as j, Popover as D, ListBox as E, ListBoxItem as P } from "react-aria-components";
-import { useTranslation as z } from "react-i18next";
-import { useMemo as H } from "react";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { ComboBox as A, Input as F, Button as j, Popover as z, Virtualizer as D, ListLayout as E, ListBox as P, ListBoxItem as H } from "react-aria-components";
+import { useTranslation as K } from "react-i18next";
+import { useMemo as M } from "react";
 import d from "classnames";
-import { useFieldIds as K } from "../hooks/useFieldIds.js";
+import { useFieldIds as U } from "../hooks/useFieldIds.js";
 import e from "./ComboBox.module.scss.js";
-import { FieldLayout as M } from "../../FieldLayout/FieldLayout.js";
-import { useTheme as U } from "../../../../contexts/ThemeProvider/useTheme.js";
+import { FieldLayout as V } from "../../FieldLayout/FieldLayout.js";
+import { useTheme as _ } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-import _ from "../../../../assets/icons/alert-circle.svg.js";
-import $ from "../../../../assets/icons/caret-down.svg.js";
-const rr = ({
+import $ from "../../../../assets/icons/alert-circle.svg.js";
+import q from "../../../../assets/icons/caret-down.svg.js";
+const er = ({
   className: p,
   description: t,
   errorMessage: i,
-  id: f,
-  isDisabled: u,
-  isInvalid: m,
+  id: u,
+  isDisabled: f,
+  isInvalid: a,
   isRequired: h,
-  label: a,
+  label: m,
   onChange: x,
   onBlur: B,
   options: s,
@@ -29,19 +29,19 @@ const rr = ({
   name: I,
   ...v
 }) => {
-  const { t: N } = z(), { inputId: c, errorMessageId: S, descriptionId: y, ariaDescribedBy: L } = K({
-    inputId: f,
+  const { t: y } = K(), { inputId: c, errorMessageId: L, descriptionId: N, ariaDescribedBy: S } = U({
+    inputId: u,
     errorMessage: i,
     description: t
-  }), { container: T } = U(), w = H(() => s.map((r) => ({ name: r.label, id: r.value })), [s]);
-  return /* @__PURE__ */ o(
-    M,
+  }), { container: T } = _(), w = M(() => s.map((o) => ({ name: o.label, id: o.value })), [s]);
+  return /* @__PURE__ */ r(
+    V,
     {
-      label: a,
+      label: m,
       htmlFor: c,
       errorMessage: i,
-      errorMessageId: S,
-      descriptionId: y,
+      errorMessageId: L,
+      descriptionId: N,
       isRequired: h,
       description: t,
       shouldVisuallyHideLabel: g,
@@ -50,31 +50,31 @@ const rr = ({
       children: /* @__PURE__ */ l(
         A,
         {
-          "aria-label": a,
-          "aria-describedby": L,
+          "aria-label": m,
+          "aria-describedby": S,
           className: "react-aria-ComboBox-root",
-          isDisabled: u,
-          isInvalid: m,
+          isDisabled: f,
+          isInvalid: a,
           menuTrigger: "focus",
-          onSelectionChange: (r) => {
-            r && x?.(r.toString());
+          onSelectionChange: (o) => {
+            o && x?.(o.toString());
           },
           id: c,
           selectedKey: n || void 0,
           name: I,
           children: [
-            /* @__PURE__ */ o(F, { ref: C, placeholder: b, onBlur: B, ...v }),
-            /* @__PURE__ */ o(j, { children: /* @__PURE__ */ l("div", { "aria-hidden": "true", className: e.icons, children: [
-              m && /* @__PURE__ */ o(_, { fontSize: 16 }),
-              /* @__PURE__ */ o($, { title: N("icons.selectArrow") })
+            /* @__PURE__ */ r(F, { ref: C, placeholder: b, onBlur: B, ...v }),
+            /* @__PURE__ */ r(j, { children: /* @__PURE__ */ l("div", { "aria-hidden": "true", className: e.icons, children: [
+              a && /* @__PURE__ */ r($, { fontSize: 16 }),
+              /* @__PURE__ */ r(q, { title: y("icons.selectArrow") })
             ] }) }),
-            /* @__PURE__ */ o(
-              D,
+            /* @__PURE__ */ r(
+              z,
               {
                 className: d(e.popover, "react-aria-Popover"),
                 UNSTABLE_portalContainer: T.current,
                 maxHeight: 320,
-                children: /* @__PURE__ */ o(E, { items: w, children: (r) => /* @__PURE__ */ o(P, { children: r.name }, r.id) })
+                children: /* @__PURE__ */ r(D, { layout: E, children: /* @__PURE__ */ r(P, { items: w, children: (o) => /* @__PURE__ */ r(H, { children: o.name }, o.id) }) })
               }
             )
           ]
@@ -84,6 +84,6 @@ const rr = ({
   );
 };
 export {
-  rr as ComboBox
+  er as ComboBox
 };
 //# sourceMappingURL=ComboBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","sources":["../../../../../src/components/Common/UI/ComboBox/ComboBox.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  Popover,\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 './ComboBox.module.scss'\nimport type { ComboBoxProps } from './ComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport const ComboBox = ({\n  className,\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  inputRef,\n  shouldVisuallyHideLabel,\n  name,\n  ...props\n}: ComboBoxProps) => {\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  const items = useMemo(() => {\n    return options.map(option => ({ name: option.label, id: option.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, className)}\n      withErrorIcon={false}\n    >\n      <AriaComboBox\n        aria-label={label}\n        aria-describedby={ariaDescribedBy}\n        className={'react-aria-ComboBox-root'}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        menuTrigger=\"focus\"\n        onSelectionChange={key => {\n          if (key) {\n            onChange?.(key.toString())\n          }\n        }}\n        id={inputId}\n        selectedKey={value ? (value as Key) : undefined}\n        name={name}\n      >\n        <Input ref={inputRef} placeholder={placeholder} onBlur={onBlur} {...props} />\n        <Button>\n          <div aria-hidden=\"true\" className={styles.icons}>\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n\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      </AriaComboBox>\n    </FieldLayout>\n  )\n}\n"],"names":["ComboBox","className","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","inputRef","shouldVisuallyHideLabel","name","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","items","useMemo","option","jsx","FieldLayout","classNames","styles","jsxs","AriaComboBox","key","Input","Button","AlertCircle","CaretDown","Popover","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAoBO,MAAMA,KAAW,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,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,UAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACb,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe,GACvB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASpB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GACK,EAAE,WAAAuB,EAAU,IAAIC,EAAS,GAEzBC,IAAQC,EAAQ,MACbjB,EAAQ,IAAI,CAAAkB,OAAW,EAAE,MAAMA,EAAO,OAAO,IAAIA,EAAO,MAAQ,EAAA,GACtE,CAAClB,CAAO,CAAC;AAGV,SAAA,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAvB;AAAA,MACA,SAASY;AAAA,MACT,cAAAjB;AAAA,MACA,gBAAAkB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAf;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAa;AAAA,MACA,WAAWiB,EAAWC,EAAO,MAAMhC,CAAS;AAAA,MAC5C,eAAe;AAAA,MAEf,UAAA,gBAAAiC;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY3B;AAAA,UACZ,oBAAkBe;AAAA,UAClB,WAAW;AAAA,UACX,YAAAlB;AAAA,UACA,WAAAC;AAAA,UACA,aAAY;AAAA,UACZ,mBAAmB,CAAO8B,MAAA;AACxB,YAAIA,KACS3B,IAAA2B,EAAI,UAAU;AAAA,UAE7B;AAAA,UACA,IAAIhB;AAAA,UACJ,aAAaP,KAAyB;AAAA,UACtC,MAAAG;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAc,EAACO,KAAM,KAAKvB,GAAU,aAAAF,GAA0B,QAAAF,GAAiB,GAAGO,GAAO;AAAA,YAC3E,gBAAAa,EAACQ,KACC,UAAC,gBAAAJ,EAAA,OAAA,EAAI,eAAY,QAAO,WAAWD,EAAO,OACvC,UAAA;AAAA,cAAa3B,KAAA,gBAAAwB,EAACS,GAAY,EAAA,UAAU,GAAI,CAAA;AAAA,cACxC,gBAAAT,EAAAU,GAAA,EAAU,OAAOtB,EAAE,mBAAmB,EAAG,CAAA;AAAA,YAAA,EAAA,CAC5C,EACF,CAAA;AAAA,YAEA,gBAAAY;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,WAAWT,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BR,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAK,EAACY,GAAQ,EAAA,OAAAf,GACN,UAAQ,CAAAgB,MAAA,gBAAAb,EAACc,KAA2B,UAAKD,EAAA,KAAA,GAAfA,EAAK,EAAe,EACjD,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"ComboBox.js","sources":["../../../../../src/components/Common/UI/ComboBox/ComboBox.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  ListLayout,\n  Popover,\n  Virtualizer,\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 './ComboBox.module.scss'\nimport type { ComboBoxProps } from './ComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport const ComboBox = ({\n  className,\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  inputRef,\n  shouldVisuallyHideLabel,\n  name,\n  ...props\n}: ComboBoxProps) => {\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  const items = useMemo(() => {\n    return options.map(option => ({ name: option.label, id: option.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, className)}\n      withErrorIcon={false}\n    >\n      <AriaComboBox\n        aria-label={label}\n        aria-describedby={ariaDescribedBy}\n        className={'react-aria-ComboBox-root'}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        menuTrigger=\"focus\"\n        onSelectionChange={key => {\n          if (key) {\n            onChange?.(key.toString())\n          }\n        }}\n        id={inputId}\n        selectedKey={value ? (value as Key) : undefined}\n        name={name}\n      >\n        <Input ref={inputRef} placeholder={placeholder} onBlur={onBlur} {...props} />\n        <Button>\n          <div aria-hidden=\"true\" className={styles.icons}>\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={container.current}\n          maxHeight={320}\n        >\n          <Virtualizer layout={ListLayout}>\n            <ListBox items={items}>\n              {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n            </ListBox>\n          </Virtualizer>\n        </Popover>\n      </AriaComboBox>\n    </FieldLayout>\n  )\n}\n"],"names":["ComboBox","className","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","inputRef","shouldVisuallyHideLabel","name","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","items","useMemo","option","jsx","FieldLayout","classNames","styles","jsxs","AriaComboBox","key","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAsBO,MAAMA,KAAW,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,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,UAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASpB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GACK,EAAE,WAAAuB,EAAA,IAAcC,EAAA,GAEhBC,IAAQC,EAAQ,MACbjB,EAAQ,IAAI,CAAAkB,OAAW,EAAE,MAAMA,EAAO,OAAO,IAAIA,EAAO,MAAA,EAAQ,GACtE,CAAClB,CAAO,CAAC;AAEZ,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAvB;AAAA,MACA,SAASY;AAAA,MACT,cAAAjB;AAAA,MACA,gBAAAkB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAf;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAa;AAAA,MACA,WAAWiB,EAAWC,EAAO,MAAMhC,CAAS;AAAA,MAC5C,eAAe;AAAA,MAEf,UAAA,gBAAAiC;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY3B;AAAA,UACZ,oBAAkBe;AAAA,UAClB,WAAW;AAAA,UACX,YAAAlB;AAAA,UACA,WAAAC;AAAA,UACA,aAAY;AAAA,UACZ,mBAAmB,CAAA8B,MAAO;AACxB,YAAIA,KACF3B,IAAW2B,EAAI,UAAU;AAAA,UAE7B;AAAA,UACA,IAAIhB;AAAA,UACJ,aAAaP,KAAyB;AAAA,UACtC,MAAAG;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAc,EAACO,KAAM,KAAKvB,GAAU,aAAAF,GAA0B,QAAAF,GAAiB,GAAGO,GAAO;AAAA,YAC3E,gBAAAa,EAACQ,KACC,UAAA,gBAAAJ,EAAC,OAAA,EAAI,eAAY,QAAO,WAAWD,EAAO,OACvC,UAAA;AAAA,cAAA3B,KAAa,gBAAAwB,EAACS,GAAA,EAAY,UAAU,GAAA,CAAI;AAAA,cACzC,gBAAAT,EAACU,GAAA,EAAU,OAAOtB,EAAE,mBAAmB,EAAA,CAAG;AAAA,YAAA,EAAA,CAC5C,EAAA,CACF;AAAA,YAEA,gBAAAY;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,WAAWT,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BR,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAK,EAACY,GAAA,EAAY,QAAQC,GACnB,4BAACC,GAAA,EAAQ,OAAAjB,GACN,UAAA,CAAAkB,MAAQ,gBAAAf,EAACgB,KAA2B,UAAAD,EAAK,KAAA,GAAfA,EAAK,EAAe,GACjD,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -1,4 +1,4 @@
-const o = "_root_dw0go_1", s = "_icons_dw0go_68", t = "_popover_dw0go_79", _ = {
+const o = "_root_198mo_1", s = "_icons_198mo_66", t = "_popover_198mo_76", _ = {
   root: o,
   icons: s,
   popover: t

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  ...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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"}

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

@@ -1,14 +1,14 @@
-const o = "_container_snfvn_1", n = "_root_snfvn_5", s = "_popover_snfvn_103", t = "_icons_snfvn_296", _ = {
+const o = "_container_tvtmp_1", t = "_root_tvtmp_5", n = "_popover_tvtmp_99", _ = "_icons_tvtmp_228", c = {
   container: o,
-  root: n,
-  popover: s,
-  icons: t
+  root: t,
+  popover: n,
+  icons: _
 };
 export {
   o as container,
-  _ as default,
-  t as icons,
-  s as popover,
-  n as root
+  c as default,
+  _ as icons,
+  n as popover,
+  t as root
 };
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../../../src/components/Common/UI/Heading/Heading.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { HeadingProps } from './HeadingTypes'\nimport styles from './Heading.module.scss'\n\nexport const Heading = ({\n  as: Component,\n  styledAs,\n  textAlign,\n  className,\n  children,\n}: HeadingProps) => {\n  const levelStyles = styledAs ?? Component\n\n  return (\n    <Component\n      className={classNames(\n        className,\n        styles.root,\n        styles[levelStyles as string],\n        styles[`textAlign-${textAlign}`],\n      )}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["Heading","Component","styledAs","textAlign","className","children","levelStyles","jsx","classNames","styles"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAIC;AAAA,EACJ,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAoB;AAClB,QAAMC,IAAcJ,KAAYD;AAG9B,SAAA,gBAAAM;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACTJ;AAAA,QACAK,EAAO;AAAA,QACPA,EAAOH,CAAqB;AAAA,QAC5BG,EAAO,aAAaN,CAAS,EAAE;AAAA,MACjC;AAAA,MAEC,UAAAE;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"Heading.js","sources":["../../../../../src/components/Common/UI/Heading/Heading.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { HeadingProps } from './HeadingTypes'\nimport styles from './Heading.module.scss'\n\nexport const Heading = ({\n  as: Component,\n  styledAs,\n  textAlign,\n  className,\n  children,\n}: HeadingProps) => {\n  const levelStyles = styledAs ?? Component\n\n  return (\n    <Component\n      className={classNames(\n        className,\n        styles.root,\n        styles[levelStyles as string],\n        styles[`textAlign-${textAlign}`],\n      )}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["Heading","Component","styledAs","textAlign","className","children","levelStyles","jsx","classNames","styles"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAIC;AAAA,EACJ,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAoB;AAClB,QAAMC,IAAcJ,KAAYD;AAEhC,SACE,gBAAAM;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACTJ;AAAA,QACAK,EAAO;AAAA,QACPA,EAAOH,CAAqB;AAAA,QAC5BG,EAAO,aAAaN,CAAS,EAAE;AAAA,MAAA;AAAA,MAGhC,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,23 +1,23 @@
-const t = "_root_1wga6_1", _ = "_h1_1wga6_7", h = "_h2_1wga6_11", n = "_h3_1wga6_14", g = "_h4_1wga6_17", e = "_h5_1wga6_20", o = "_h6_1wga6_23", a = {
+const t = "_root_8h5ym_1", _ = "_h1_8h5ym_7", h = "_h2_8h5ym_11", n = "_h3_8h5ym_14", e = "_h4_8h5ym_17", o = "_h5_8h5ym_20", s = "_h6_8h5ym_23", y = {
   root: t,
   h1: _,
   h2: h,
   h3: n,
-  h4: g,
-  h5: e,
-  h6: o,
-  "textAlign-start": "_textAlign-start_1wga6_26",
-  "textAlign-center": "_textAlign-center_1wga6_29",
-  "textAlign-end": "_textAlign-end_1wga6_32"
+  h4: e,
+  h5: o,
+  h6: s,
+  "textAlign-start": "_textAlign-start_8h5ym_26",
+  "textAlign-center": "_textAlign-center_8h5ym_29",
+  "textAlign-end": "_textAlign-end_8h5ym_32"
 };
 export {
-  a as default,
+  y as default,
   _ as h1,
   h as h2,
   n as h3,
-  g as h4,
-  e as h5,
-  o as h6,
+  e as h4,
+  o as h5,
+  s as h6,
   t as root
 };
 //# sourceMappingURL=Heading.module.scss.js.map