@gusto/embedded-react-sdk 0.7.0 → 0.8.1

package/dist/components/Common/UI/Alert/AlertTypes.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export interface AlertProps {
+    /**
+     * The visual status that the alert should convey
+     */
+    status?: 'info' | 'success' | 'warning' | 'error';
+    /**
+     * The label text for the alert
+     */
+    label: string;
+    /**
+     * Optional children to be rendered inside the alert
+     */
+    children?: ReactNode;
+    /**
+     * Optional custom icon component to override the default icon
+     */
+    icon?: ReactNode;
+    /**
+     * CSS className to be applied
+     */
+    className?: string;
+}

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

@@ -0,0 +1 @@
+export { Alert } from './Alert';

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { BadgeProps } from './BadgeTypes';
+export declare const Badge: React.FC<BadgeProps>;

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

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "classnames";
+import m from "./Badge.module.scss.js";
+const f = ({
+  className: a,
+  children: s,
+  status: t = "defaultColor",
+  ...r
+}) => /* @__PURE__ */ o("span", { ...r, className: e(m.badge, a), "data-variant": t, children: s });
+export {
+  f as Badge
+};
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Common/UI/Badge/Badge.tsx"],"sourcesContent":["import type React from 'react'\nimport classnames from 'classnames'\nimport styles from './Badge.module.scss'\nimport type { BadgeProps } from './BadgeTypes'\n\nexport const Badge: React.FC<BadgeProps> = ({\n  className,\n  children,\n  status: variant = 'defaultColor',\n  ...props\n}) => {\n  return (\n    <span {...props} className={classnames(styles.badge, className)} data-variant={variant}>\n      {children}\n    </span>\n  )\n}\n"],"names":["Badge","className","children","variant","props","jsx","classnames","styles"],"mappings":";;;AAKO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAQC,IAAU;AAAA,EAClB,GAAGC;AACL,MAEK,gBAAAC,EAAA,QAAA,EAAM,GAAGD,GAAO,WAAWE,EAAWC,EAAO,OAAON,CAAS,GAAG,gBAAcE,GAC5E,UAAAD,EACH,CAAA;"}

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

@@ -0,0 +1,8 @@
+const a = "_badge_an4b3_1", e = {
+  badge: a
+};
+export {
+  a as badge,
+  e as default
+};
+//# sourceMappingURL=Badge.module.scss.js.map

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

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

package/dist/components/Common/UI/Badge/BadgeTypes.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface BadgeProps extends Pick<HTMLAttributes<HTMLSpanElement>, 'className' | 'id' | 'aria-label'> {
+    /**
+     * Content to be displayed inside the badge
+     */
+    children: ReactNode;
+    /**
+     * Visual style variant of the badge
+     */
+    status?: 'success' | 'warning' | 'error' | 'info';
+}

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from './ButtonTypes';
+export declare function Button({ isError, isLoading, isDisabled, variant, ref, className, children, onBlur, onFocus, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +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  ref,\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={ref}\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","ref","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,KAAAC;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,KAAAD;AAAA,MACA,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;"}

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+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" });
+}
+export {
+  m as ButtonIcon
+};
+//# sourceMappingURL=ButtonIcon.js.map

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

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

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

@@ -0,0 +1,41 @@
+import { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react';
+export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'name' | 'id' | 'className' | 'type' | 'onClick' | 'onKeyDown' | 'onKeyUp' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'form' | 'title' | 'tabIndex'> {
+    /**
+     * React ref for the button element
+     */
+    ref?: Ref<HTMLButtonElement>;
+    /**
+     * Visual style variant of the button
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'icon';
+    /**
+     * Indicates if the button is in an error state
+     */
+    isError?: boolean;
+    /**
+     * Shows a loading spinner and disables the button
+     */
+    isLoading?: boolean;
+    /**
+     * Disables the button and prevents interaction
+     */
+    isDisabled?: boolean;
+    /**
+     * Content to be rendered inside the button
+     */
+    children?: ReactNode;
+    /**
+     * Handler for blur events
+     */
+    onBlur?: (e: FocusEvent) => void;
+    /**
+     * Handler for focus events
+     */
+    onFocus?: (e: FocusEvent) => void;
+}
+export type ButtonIconProps = Omit<ButtonProps, 'variant'> & {
+    /**
+     * Required aria-label for icon buttons to ensure accessibility
+     */
+    'aria-label': string;
+};

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

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export { ButtonIcon } from './ButtonIcon';
+export type { ButtonProps, ButtonIconProps } from './ButtonTypes';

package/dist/components/Common/UI/CalendarPreview/CalendarLegend.d.ts

@@ -0,0 +1,3 @@
+import { CalendarPreviewProps } from './CalendarPreviewTypes';
+export type CalendarLegendProps = Pick<CalendarPreviewProps, 'highlightDates' | 'dateRange'>;
+export declare const CalendarLegend: ({ highlightDates }: CalendarLegendProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,37 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import { Flex as r } from "../../Flex/Flex.js";
+import { useComponentContext as s } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { VisuallyHidden as g } from "../../VisuallyHidden/VisuallyHidden.js";
+const h = ({ highlightDates: l }) => {
+  const { t: i } = m("Company.PaySchedule"), { Text: d } = s(), o = (e) => {
+    const t = e.getTimezoneOffset() * 6e4, c = new Date(e.getTime() + t);
+    return new Intl.DateTimeFormat(void 0, {
+      weekday: "long",
+      month: "long",
+      day: "numeric",
+      year: "numeric"
+    }).format(c);
+  };
+  return /* @__PURE__ */ n("div", { className: "react-aria-CalendarLegend", "data-testid": "calendar-legend", children: [
+    /* @__PURE__ */ a(g, { children: i("labels.legend") }),
+    /* @__PURE__ */ a(r, { flexDirection: "column", gap: 24, children: l?.map((e, t) => /* @__PURE__ */ n(r, { justifyContent: "center", alignItems: "center", gap: 16, children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          "data-highlight": e.highlightColor,
+          className: "react-aria-CalendarLegendMarker",
+          "data-testid": "calendar-legend-item"
+        }
+      ),
+      /* @__PURE__ */ n(r, { flexDirection: "column", gap: 0, children: [
+        /* @__PURE__ */ a(d, { className: "react-aria-CalendarLegendText", children: e.label }),
+        /* @__PURE__ */ a(d, { size: "sm", className: "react-aria-CalendarLegendSubText", children: o(e.date) })
+      ] })
+    ] }, t)) })
+  ] });
+};
+export {
+  h as CalendarLegend
+};
+//# sourceMappingURL=CalendarLegend.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { CalendarPreviewProps } from './CalendarPreviewTypes';
+export declare const CalendarPreview: ({ dateRange, highlightDates }: CalendarPreviewProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,64 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { Text as m, RangeCalendar as D, CalendarGrid as x, CalendarGridHeader as N, CalendarHeaderCell as I, CalendarGridBody as S, CalendarCell as F } from "react-aria-components";
+import { parseDate as p } from "@internationalized/date";
+import { useMemo as u } from "react";
+import { CalendarLegend as g } from "./CalendarLegend.js";
+import d from "./CalendarPreview.module.scss.js";
+import { formatDateToStringDate as s } from "../../../../helpers/dateFormatting.js";
+import { Flex as f } from "../../Flex/Flex.js";
+const L = ({ dateRange: t, highlightDates: n }) => {
+  const C = u(() => n ? new Map(
+    n.map((e) => [
+      s(e.date),
+      e.highlightColor
+    ])
+  ) : /* @__PURE__ */ new Map(), [n]), M = (e) => {
+    const a = new Date(e.toString()), { start: o, end: y } = t;
+    return a >= o && a <= y;
+  }, h = u(() => {
+    const e = [t.start, t.end, ...n?.map((o) => o.date) || []], a = e[0]?.getMonth() ?? 0;
+    return e.some((o) => o.getMonth() !== a);
+  }, [t, n]), v = (e) => new Intl.DateTimeFormat(void 0, {
+    month: "long",
+    year: "numeric"
+  }).format(e), i = s(t.start), c = s(t.end), w = i && c ? {
+    start: p(i),
+    end: p(c)
+  } : void 0;
+  return /* @__PURE__ */ r("div", { className: d.calendar, children: /* @__PURE__ */ l("div", { className: d.calendarWrapper, children: [
+    /* @__PURE__ */ r("div", { className: d.calendarHeader, children: /* @__PURE__ */ r(f, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ r(m, { children: v(t.start) }) }) }),
+    /* @__PURE__ */ l(
+      D,
+      {
+        isReadOnly: !0,
+        value: w,
+        visibleDuration: h ? { weeks: 2 } : void 0,
+        children: [
+          /* @__PURE__ */ l(x, { weekdayStyle: "short", children: [
+            /* @__PURE__ */ r(N, { children: (e) => /* @__PURE__ */ r(I, { children: e }) }),
+            /* @__PURE__ */ r(S, { children: (e) => /* @__PURE__ */ r(
+              F,
+              {
+                className: "react-aria-CalendarCell",
+                date: e,
+                ...M(e) ? { "data-selected": !0 } : {},
+                "data-highlight": C.get(e.toString()),
+                "data-disabled": !0,
+                children: ({ formattedDate: a }) => /* @__PURE__ */ l(f, { flexDirection: "column", alignItems: "center", gap: 0, children: [
+                  a,
+                  /* @__PURE__ */ r("div", { className: d.dateMarker })
+                ] })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ r(m, { slot: "errorMessage" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(g, { highlightDates: n, dateRange: t })
+  ] }) });
+};
+export {
+  L as CalendarPreview
+};
+//# sourceMappingURL=CalendarPreview.js.map

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

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

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

@@ -0,0 +1,14 @@
+const a = "_calendar_p8rau_1", r = "_calendarWrapper_p8rau_1", e = "_calendarHeader_p8rau_5", d = "_dateMarker_p8rau_44", c = {
+  calendar: a,
+  calendarWrapper: r,
+  calendarHeader: e,
+  dateMarker: d
+};
+export {
+  a as calendar,
+  e as calendarHeader,
+  r as calendarWrapper,
+  d as dateMarker,
+  c as default
+};
+//# sourceMappingURL=CalendarPreview.module.scss.js.map

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

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

package/dist/components/Common/UI/CalendarPreview/CalendarPreviewTypes.d.ts

@@ -0,0 +1,36 @@
+export type CalendarPreviewProps = {
+    /**
+     * Array of dates to highlight with custom colors and labels
+     */
+    highlightDates?: Array<{
+        /**
+         * Date to highlight
+         */
+        date: Date;
+        /**
+         * Color to use for highlighting
+         */
+        highlightColor: 'primary' | 'secondary';
+        /**
+         * Label text for the highlighted date
+         */
+        label: string;
+    }>;
+    /**
+     * Date range to display in the calendar preview
+     */
+    dateRange: {
+        /**
+         * Start date of the range
+         */
+        start: Date;
+        /**
+         * End date of the range
+         */
+        end: Date;
+        /**
+         * Label text for the date range
+         */
+        label: string;
+    };
+};

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

@@ -0,0 +1,3 @@
+export { CalendarPreview } from './CalendarPreview';
+export { CalendarLegend } from './CalendarLegend';
+export type { CalendarPreviewProps } from './CalendarPreviewTypes';

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

@@ -0,0 +1,2 @@
+import { CardProps } from './CardTypes';
+export declare function Card({ onSelect, children, menu, className }: CardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { useTranslation as n } from "react-i18next";
+import s from "classnames";
+import { Flex as i } from "../../Flex/Flex.js";
+import { Checkbox as c } from "../Checkbox/Checkbox.js";
+import m from "./Card.module.scss.js";
+function v({ onSelect: e, children: l, menu: o, className: a }) {
+  const { t } = n("common");
+  return /* @__PURE__ */ r("div", { className: s(m.cardContainer, a), "data-testid": "data-card", children: /* @__PURE__ */ d(i, { flexDirection: "row", gap: 8, children: [
+    e && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+      c,
+      {
+        onChange: e,
+        label: t("card.selectRowLabel"),
+        shouldVisuallyHideLabel: !0
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { style: { flexGrow: 1, flexShrink: 1 }, children: /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: l }) }),
+    o && /* @__PURE__ */ r("div", { children: o })
+  ] }) });
+}
+export {
+  v as Card
+};
+//# sourceMappingURL=Card.js.map

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

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

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

@@ -0,0 +1,8 @@
+const a = "_cardContainer_baj0w_1", n = {
+  cardContainer: a
+};
+export {
+  a as cardContainer,
+  n as default
+};
+//# sourceMappingURL=Card.module.scss.js.map

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

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

package/dist/components/Common/UI/Card/CardTypes.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export interface CardProps {
+    /**
+     * Callback function when the card is selected
+     */
+    onSelect?: (checked: boolean) => void;
+    /**
+     * Content to be displayed inside the card
+     */
+    children: ReactNode;
+    /**
+     * Optional menu component to be displayed on the right side of the card
+     */
+    menu?: ReactNode;
+    /**
+     * CSS className to be applied
+     */
+    className?: string;
+}

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

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

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

@@ -0,0 +1,68 @@
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import { useFieldIds as N } from "../hooks/useFieldIds.js";
+import c from "./Checkbox.module.scss.js";
+import { HorizontalFieldLayout as F } from "../../HorizontalFieldLayout/HorizontalFieldLayout.js";
+import j from "../../../../assets/icons/checkbox.svg.js";
+const S = ({
+  name: o,
+  label: s,
+  description: r,
+  errorMessage: a,
+  isRequired: d,
+  inputRef: t,
+  value: l,
+  isInvalid: n = !1,
+  isDisabled: h = !1,
+  id: m,
+  onChange: p,
+  onBlur: b,
+  className: k,
+  shouldVisuallyHideLabel: x,
+  ...f
+}) => {
+  const { inputId: i, errorMessageId: u, descriptionId: I, ariaDescribedBy: y } = N({
+    inputId: m,
+    errorMessage: a,
+    description: r
+  }), g = (v) => {
+    p?.(v.target.checked);
+  };
+  return /* @__PURE__ */ e(
+    F,
+    {
+      label: s,
+      description: r,
+      errorMessage: a,
+      isRequired: d,
+      htmlFor: i,
+      errorMessageId: u,
+      descriptionId: I,
+      shouldVisuallyHideLabel: x,
+      className: k,
+      ...f,
+      children: /* @__PURE__ */ C("div", { className: c.checkboxWrapper, children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            name: o,
+            disabled: h,
+            "aria-invalid": n,
+            "aria-describedby": y,
+            checked: l,
+            id: i,
+            ref: t,
+            onBlur: b,
+            onChange: g,
+            className: c.checkboxInput
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: c.checkbox, children: /* @__PURE__ */ e(j, { className: c.check }) })
+      ] })
+    }
+  );
+};
+export {
+  S as Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

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

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

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

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

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

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

package/dist/components/Common/UI/Checkbox/CheckboxTypes.d.ts

@@ -0,0 +1,24 @@
+import { InputHTMLAttributes, Ref } from 'react';
+import { SharedHorizontalFieldLayoutProps } from '../../HorizontalFieldLayout/HorizontalFieldLayoutTypes';
+export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {
+    /**
+     * Current checked state of the checkbox
+     */
+    value?: boolean;
+    /**
+     * Callback when checkbox state changes
+     */
+    onChange?: (value: boolean) => void;
+    /**
+     * React ref for the checkbox input element
+     */
+    inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Indicates if the checkbox is in an invalid state
+     */
+    isInvalid?: boolean;
+    /**
+     * Disables the checkbox and prevents interaction
+     */
+    isDisabled?: boolean;
+}

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

@@ -0,0 +1 @@
+export { Checkbox } from './Checkbox';

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

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