@gusto/embedded-react-sdk 0.15.0 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # Changelog
 
+## 0.17.0
+
+### Features & Enhancements
+
+- Add payroll deadline alert to payroll configuration
+- Enable responsive breadcrumb behavior
+- Add DescriptionList component with flexible term/description support
+- Update payment method copy for self onboarding
+
+### Fixes
+
+- Remove base image styles in favor of emptydata styles
+- Remove unused style from base.scss
+
+### Chores & Maintenance
+
+- Bump react-i18next from 16.1.0 to 16.2.1
+- Bump lint-staged from 16.2.5 to 16.2.6
+
+## 0.16.0
+
+### Features & Enhancements
+
+- Add breadcrumb navigation to payroll flow component
+- Add CTA (Call to Action) functionality to payroll flow breadcrumbs
+- Add translation support for pay schedule names
+- Enable multiple resource file loading in useI18n hook
+
+### Fixes
+
+- Memoize employee UUID array and switch to API filtering for better performance
+
+### Chores & Maintenance
+
+- Add missing run payroll documentation
+- Bump react-i18next from 16.0.1 to 16.1.0
+- Bump eslint from 9.37.0 to 9.38.0
+- Bump vite from 6.4.0 to 6.4.1
+- Bump typescript-eslint from 8.46.1 to 8.46.2
+- Bump lint-staged from 16.2.4 to 16.2.5
+- Bump msw from 2.11.5 to 2.11.6
+
 ## 0.15.0
 
 ### Features & Enhancements

package/dist/components/Base/Base.js

@@ -12,15 +12,15 @@ import { componentEvents as F } from "../../shared/constants.js";
 import { useAsyncError as K } from "../Common/hooks/useAsyncError.js";
 import "classnames";
 import { InternalError as P } from "../Common/InternalError/InternalError.js";
-import { useComponentContext as w } from "../../contexts/ComponentAdapter/useComponentContext.js";
-import { snakeCaseToCamelCase as M } from "../../helpers/formattedStrings.js";
+import { snakeCaseToCamelCase as w } from "../../helpers/formattedStrings.js";
+import { useComponentContext as M } from "../../contexts/ComponentAdapter/useComponentContext.js";
 import { useLoadingIndicator as O } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 const U = (t) => t.map((n) => n.message ? /* @__PURE__ */ o("li", { children: n.message }, n.key) : null), x = (t, n) => {
   const m = n ? n + "." : "";
   if (t.category === "invalid_attribute_value" || t.category === "invalid_operation")
     return [
       {
-        key: M(m + t.errorKey),
+        key: w(m + t.errorKey),
         message: t.message ?? ""
       }
     ];
@@ -35,7 +35,7 @@ const U = (t) => t.map((n) => n.message ? /* @__PURE__ */ o("li", { children: n.
   LoaderComponent: m,
   onEvent: a
 }) => {
-  const [r, l] = E(null), [c, f] = E(null), p = K(), { t: b } = B(), d = w(), { LoadingIndicator: I } = O(), u = m ?? I, v = g((e) => {
+  const [r, l] = E(null), [c, f] = E(null), p = K(), { t: b } = B(), d = M(), { LoadingIndicator: I } = O(), u = m ?? I, v = g((e) => {
     l(e), e || f(null);
   }, []), L = (e) => {
     l(e), e instanceof k && Array.isArray(e.errors) && f(e.errors.flatMap((s) => x(s)));

package/dist/components/Common/EmptyData/EmptyData.js

@@ -1,16 +1,16 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { useTranslation as a } from "react-i18next";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
 import { Flex as l } from "../Flex/Flex.js";
-import n from "./EmptyData.module.scss.js";
+import m from "./EmptyData.module.scss.js";
 import c from "../../../assets/icons/magnifyingGlass.png.js";
 import { useComponentContext as f } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function h({ title: m, description: o, children: e }) {
-  const { t: r } = a(), { Text: i } = f();
-  return /* @__PURE__ */ t("div", { className: n.emptyData, "data-testid": "emptydata", children: /* @__PURE__ */ s(l, { flexDirection: "column", alignItems: "center", children: [
-    /* @__PURE__ */ t("img", { src: c, alt: r("icons.magnifyingGlass") }),
-    m && /* @__PURE__ */ t(i, { weight: "bold", className: n.title, children: m }),
-    o && /* @__PURE__ */ t(i, { children: o }),
-    e && e
+function h({ title: e, description: a, children: o }) {
+  const { t: i } = r(), { Text: s } = f();
+  return /* @__PURE__ */ t("div", { className: m.emptyData, "data-testid": "emptydata", children: /* @__PURE__ */ n(l, { flexDirection: "column", alignItems: "center", children: [
+    /* @__PURE__ */ t("img", { src: c, alt: i("icons.magnifyingGlass"), className: m.image }),
+    e && /* @__PURE__ */ t(s, { weight: "bold", className: m.title, children: e }),
+    a && /* @__PURE__ */ t(s, { children: a }),
+    o && o
   ] }) });
 }
 export {

package/dist/components/Common/EmptyData/EmptyData.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyData.js","sources":["../../../../src/components/Common/EmptyData/EmptyData.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport styles from './EmptyData.module.scss'\nimport magnifyingGlass from '@/assets/icons/magnifyingGlass.png'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype EmptyDataProps = {\n  title?: string\n  description?: string\n  children?: React.ReactNode\n}\nexport function EmptyData({ title, description, children }: EmptyDataProps) {\n  const { t } = useTranslation()\n  const { Text } = useComponentContext()\n  return (\n    <div className={styles.emptyData} data-testid=\"emptydata\">\n      <Flex flexDirection=\"column\" alignItems=\"center\">\n        <img src={magnifyingGlass} alt={t('icons.magnifyingGlass')} />\n        {title && (\n          <Text weight=\"bold\" className={styles.title}>\n            {title}\n          </Text>\n        )}\n        {description && <Text>{description}</Text>}\n        {children && children}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["EmptyData","title","description","children","t","useTranslation","Text","useComponentContext","jsx","styles","jsxs","Flex","magnifyingGlass"],"mappings":";;;;;;AAWO,SAASA,EAAU,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,KAA4B;AAC1E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,eAAY,aAC5C,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UACtC,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,KAAKI,GAAiB,KAAKR,EAAE,uBAAuB,GAAG;AAAA,IAC3DH,uBACEK,GAAA,EAAK,QAAO,QAAO,WAAWG,EAAO,OACnC,UAAAR,EAAA,CACH;AAAA,IAEDC,KAAe,gBAAAM,EAACF,GAAA,EAAM,UAAAJ,EAAA,CAAY;AAAA,IAClCC,KAAYA;AAAA,EAAA,EAAA,CACf,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"EmptyData.js","sources":["../../../../src/components/Common/EmptyData/EmptyData.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport styles from './EmptyData.module.scss'\nimport magnifyingGlass from '@/assets/icons/magnifyingGlass.png'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype EmptyDataProps = {\n  title?: string\n  description?: string\n  children?: React.ReactNode\n}\nexport function EmptyData({ title, description, children }: EmptyDataProps) {\n  const { t } = useTranslation()\n  const { Text } = useComponentContext()\n  return (\n    <div className={styles.emptyData} data-testid=\"emptydata\">\n      <Flex flexDirection=\"column\" alignItems=\"center\">\n        <img src={magnifyingGlass} alt={t('icons.magnifyingGlass')} className={styles.image} />\n        {title && (\n          <Text weight=\"bold\" className={styles.title}>\n            {title}\n          </Text>\n        )}\n        {description && <Text>{description}</Text>}\n        {children && children}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["EmptyData","title","description","children","t","useTranslation","Text","useComponentContext","jsx","styles","jsxs","Flex","magnifyingGlass"],"mappings":";;;;;;AAWO,SAASA,EAAU,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,KAA4B;AAC1E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,eAAY,aAC5C,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UACtC,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAA,EAAI,KAAKI,GAAiB,KAAKR,EAAE,uBAAuB,GAAG,WAAWK,EAAO,MAAA,CAAO;AAAA,IACpFR,uBACEK,GAAA,EAAK,QAAO,QAAO,WAAWG,EAAO,OACnC,UAAAR,EAAA,CACH;AAAA,IAEDC,KAAe,gBAAAM,EAACF,GAAA,EAAM,UAAAJ,EAAA,CAAY;AAAA,IAClCC,KAAYA;AAAA,EAAA,EAAA,CACf,EAAA,CACF;AAEJ;"}

package/dist/components/Common/EmptyData/EmptyData.module.scss.js

@@ -1,10 +1,12 @@
-const t = "_emptyData_vn3oy_1", e = "_title_vn3oy_11", a = {
+const t = "_emptyData_19niy_1", e = "_title_19niy_11", a = "_image_19niy_17", i = {
   emptyData: t,
-  title: e
+  title: e,
+  image: a
 };
 export {
-  a as default,
+  i as default,
   t as emptyData,
+  a as image,
   e as title
 };
 //# sourceMappingURL=EmptyData.module.scss.js.map

package/dist/components/Common/EmptyData/EmptyData.module.scss.js.map

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

package/dist/components/Common/FieldDescription/FieldDescription.module.scss.js

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

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.d.ts

@@ -0,0 +1,2 @@
+import { FlowBreadcrumbsProps } from './FlowBreadcrumbsTypes';
+export declare function FlowBreadcrumbs({ breadcrumbs, currentBreadcrumbId, onEvent, }: FlowBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.js

@@ -0,0 +1,54 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { useRef as C, useMemo as B } from "react";
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { componentEvents as k } from "../../../shared/constants.js";
+import { useI18n as h } from "../../../i18n/I18n.js";
+import { useContainerBreakpoints as v } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+function j({
+  breadcrumbs: o,
+  currentBreadcrumbId: r,
+  onEvent: a
+}) {
+  const s = C(null), p = v({ ref: s }).length === 1, { Breadcrumbs: m } = d(), i = o.reduce(
+    (e, n) => (n.namespace && e.push(n.namespace), e),
+    []
+  );
+  h(i);
+  const { t } = u(i), f = B(
+    () => o.map((e) => {
+      const n = e.namespace ? t(e.label, {
+        ns: e.namespace,
+        defaultValue: e.label,
+        ...e.variables
+      }) : t(e.label, {
+        defaultValue: e.label,
+        ...e.variables
+      });
+      return {
+        id: e.id,
+        label: n
+      };
+    }),
+    [o, t]
+  );
+  return /* @__PURE__ */ l("div", { ref: s, children: /* @__PURE__ */ l(
+    m,
+    {
+      isSmallContainer: p,
+      breadcrumbs: f,
+      currentBreadcrumbId: r,
+      onClick: (e) => {
+        const n = o.find((c) => c.id === e);
+        a && n && a(k.BREADCRUMB_NAVIGATE, {
+          key: e,
+          onNavigate: n.onNavigate
+        });
+      }
+    }
+  ) });
+}
+export {
+  j as FlowBreadcrumbs
+};
+//# sourceMappingURL=FlowBreadcrumbs.js.map

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowBreadcrumbs.js","sources":["../../../../src/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.tsx"],"sourcesContent":["import type { CustomTypeOptions } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo, useRef } from 'react'\nimport type { FlowBreadcrumbsProps } from './FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n/I18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\nexport function FlowBreadcrumbs({\n  breadcrumbs,\n  currentBreadcrumbId,\n  onEvent,\n}: FlowBreadcrumbsProps) {\n  const breadcrumbContainerRef = useRef<HTMLDivElement | null>(null)\n  const breakpoints = useContainerBreakpoints({ ref: breadcrumbContainerRef })\n  // Small if we only contain the base breakpoint\n  const isSmallContainer = breakpoints.length === 1\n\n  const { Breadcrumbs } = useComponentContext()\n  const namespaces = breadcrumbs.reduce<Array<keyof CustomTypeOptions['resources']>>(\n    (acc, breadcrumb) => {\n      if (breadcrumb.namespace) {\n        acc.push(breadcrumb.namespace as keyof CustomTypeOptions['resources'])\n      }\n      return acc\n    },\n    [],\n  )\n  useI18n(namespaces)\n  const { t } = useTranslation(namespaces)\n\n  const parsedBreadcrumbs = useMemo(\n    () =>\n      breadcrumbs.map(breadcrumb => {\n        const translatedLabel = breadcrumb.namespace\n          ? (t(breadcrumb.label, {\n              ns: breadcrumb.namespace,\n              defaultValue: breadcrumb.label,\n              ...breadcrumb.variables,\n            } as never) as unknown as string)\n          : (t(breadcrumb.label, {\n              defaultValue: breadcrumb.label,\n              ...breadcrumb.variables,\n            } as never) as unknown as string)\n        return {\n          id: breadcrumb.id,\n          label: translatedLabel,\n        }\n      }),\n    [breadcrumbs, t],\n  )\n\n  const handleBreadcrumbClick = (breadcrumbId: string) => {\n    const breadcrumb = breadcrumbs.find(breadcrumb => breadcrumb.id === breadcrumbId)\n    if (onEvent && breadcrumb) {\n      onEvent(componentEvents.BREADCRUMB_NAVIGATE, {\n        key: breadcrumbId,\n        onNavigate: breadcrumb.onNavigate,\n      })\n    }\n  }\n\n  return (\n    <div ref={breadcrumbContainerRef}>\n      <Breadcrumbs\n        isSmallContainer={isSmallContainer}\n        breadcrumbs={parsedBreadcrumbs}\n        currentBreadcrumbId={currentBreadcrumbId}\n        onClick={handleBreadcrumbClick}\n      />\n    </div>\n  )\n}\n"],"names":["FlowBreadcrumbs","breadcrumbs","currentBreadcrumbId","onEvent","breadcrumbContainerRef","useRef","isSmallContainer","useContainerBreakpoints","Breadcrumbs","useComponentContext","namespaces","acc","breadcrumb","useI18n","useTranslation","parsedBreadcrumbs","useMemo","translatedLabel","jsx","breadcrumbId","componentEvents"],"mappings":";;;;;;;AASO,SAASA,EAAgB;AAAA,EAC9B,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,SAAAC;AACF,GAAyB;AACvB,QAAMC,IAAyBC,EAA8B,IAAI,GAG3DC,IAFcC,EAAwB,EAAE,KAAKH,GAAwB,EAEtC,WAAW,GAE1C,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClBC,IAAaT,EAAY;AAAA,IAC7B,CAACU,GAAKC,OACAA,EAAW,aACbD,EAAI,KAAKC,EAAW,SAAiD,GAEhED;AAAA,IAET,CAAA;AAAA,EAAC;AAEH,EAAAE,EAAQH,CAAU;AAClB,QAAM,EAAE,EAAA,IAAMI,EAAeJ,CAAU,GAEjCK,IAAoBC;AAAA,IACxB,MACEf,EAAY,IAAI,CAAAW,MAAc;AAC5B,YAAMK,IAAkBL,EAAW,YAC9B,EAAEA,EAAW,OAAO;AAAA,QACnB,IAAIA,EAAW;AAAA,QACf,cAAcA,EAAW;AAAA,QACzB,GAAGA,EAAW;AAAA,MAAA,CACN,IACT,EAAEA,EAAW,OAAO;AAAA,QACnB,cAAcA,EAAW;AAAA,QACzB,GAAGA,EAAW;AAAA,MAAA,CACN;AACd,aAAO;AAAA,QACL,IAAIA,EAAW;AAAA,QACf,OAAOK;AAAA,MAAA;AAAA,IAEX,CAAC;AAAA,IACH,CAAChB,GAAa,CAAC;AAAA,EAAA;AAajB,SACE,gBAAAiB,EAAC,OAAA,EAAI,KAAKd,GACR,UAAA,gBAAAc;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,kBAAAF;AAAA,MACA,aAAaS;AAAA,MACb,qBAAAb;AAAA,MACA,SAhBwB,CAACiB,MAAyB;AACtD,cAAMP,IAAaX,EAAY,KAAK,CAAAW,MAAcA,EAAW,OAAOO,CAAY;AAChF,QAAIhB,KAAWS,KACbT,EAAQiB,EAAgB,qBAAqB;AAAA,UAC3C,KAAKD;AAAA,UACL,YAAYP,EAAW;AAAA,QAAA,CACxB;AAAA,MAEL;AAAA,IAQe;AAAA,EAAA,GAEb;AAEJ;"}

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes.d.ts

@@ -0,0 +1,44 @@
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../types/Helpers';
+export interface FlowBreadcrumb {
+    /**
+     * Unique key for the breadcrumb step
+     */
+    id: string;
+    /**
+     * Translation key for the breadcrumb label
+     */
+    label: string;
+    /**
+     * Optional translation namespace
+     */
+    namespace?: string;
+    /**
+     * Optional variables for the breadcrumb label
+     */
+    variables?: Record<string, unknown>;
+    /**
+     * Event handler for breadcrumb navigation
+     */
+    onNavigate?: (context: unknown) => unknown;
+}
+export interface BreadcrumbNode {
+    /**
+     * Parent node key (null for root nodes)
+     */
+    parent: string | null;
+    /**
+     * The breadcrumb item data
+     */
+    item: FlowBreadcrumb;
+}
+export type BreadcrumbNodes = Record<string, BreadcrumbNode>;
+export type BreadcrumbTrail = Record<string, FlowBreadcrumb[]>;
+export interface FlowBreadcrumbsProps {
+    breadcrumbs: FlowBreadcrumb[];
+    currentBreadcrumbId?: string;
+    /**
+     * Event handler for breadcrumb navigation
+     */
+    onEvent?: OnEventType<EventType, unknown>;
+}

package/dist/components/Common/FlowBreadcrumbs/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { FlowBreadcrumbs } from './FlowBreadcrumbs';
+export type { FlowBreadcrumbsProps } from './FlowBreadcrumbsTypes';

package/dist/components/Common/SignatureForm/SignatureForm.js

@@ -2,30 +2,28 @@ import { jsx as r } from "react/jsx-runtime";
 import { z as o } from "zod";
 import { useForm as s, FormProvider as a } from "react-hook-form";
 import { zodResolver as l } from "@hookform/resolvers/zod";
-import e from "./SignatureForm.module.scss.js";
+import t from "./SignatureForm.module.scss.js";
 import { Form as u } from "../Form/Form.js";
 import { Flex as c } from "../Flex/Flex.js";
 import "classnames";
 import "../../../shared/constants.js";
 import "react-i18next";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-const p = o.object({
+const f = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)
-}), f = {
+}), p = {
   signature: ""
 };
-function V({ onSubmit: m, children: i, formProps: n }) {
-  const t = s({
-    resolver: l(p),
-    defaultValues: f,
+function D({ onSubmit: m, children: i, formProps: n }) {
+  const e = s({
+    resolver: l(f),
+    defaultValues: p,
     ...n
   });
-  return /* @__PURE__ */ r(a, { ...t, children: /* @__PURE__ */ r(u, { onSubmit: t.handleSubmit(m), className: e.container, children: /* @__PURE__ */ r("div", { className: e.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
+  return /* @__PURE__ */ r(a, { ...e, children: /* @__PURE__ */ r(u, { onSubmit: e.handleSubmit(m), className: t.container, children: /* @__PURE__ */ r("div", { className: t.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
 }
 export {
-  V as SignatureForm,
-  p as SignatureFormSchema
+  D as SignatureForm,
+  f as SignatureFormSchema
 };
 //# sourceMappingURL=SignatureForm.js.map

package/dist/components/Common/SignatureForm/SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}

package/dist/components/Common/SignatureForm/SignatureFormActions.js

@@ -4,8 +4,7 @@ import "../../../shared/constants.js";
 import "react-i18next";
 import { ActionsLayout as p } from "../ActionsLayout/ActionsLayout.js";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-function y({
+function x({
   onBack: t,
   backLabel: r,
   submitLabel: i,
@@ -18,6 +17,6 @@ function y({
   ] });
 }
 export {
-  y as SignatureFormActions
+  x as SignatureFormActions
 };
 //# sourceMappingURL=SignatureFormActions.js.map

package/dist/components/Common/SignatureForm/SignatureFormActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/SignatureForm/SignatureFormFields.js

@@ -2,11 +2,9 @@ import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
 import "classnames";
 import "../../../shared/constants.js";
 import "react-i18next";
-import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";
-function b({
+import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
+import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
+function x({
   signatureLabel: e,
   signatureDescription: i = "",
   signatureError: t = "",
@@ -15,7 +13,7 @@ function b({
 }) {
   return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ r(
-      p,
+      a,
       {
         name: "signature",
         label: e,
@@ -25,7 +23,7 @@ function b({
       }
     ),
     /* @__PURE__ */ r(
-      a,
+      u,
       {
         name: "confirmSignature",
         isRequired: !0,
@@ -36,6 +34,6 @@ function b({
   ] });
 }
 export {
-  b as SignatureFormFields
+  x as SignatureFormFields
 };
 //# sourceMappingURL=SignatureFormFields.js.map

package/dist/components/Common/SignatureForm/SignatureFormFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

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

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

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

@@ -0,0 +1,52 @@
+import { jsx as l } from "react/jsx-runtime";
+import h from "classnames";
+import { BreadcrumbsDefaults as k } from "./BreadcrumbsTypes.js";
+import r from "./Breadcrumbs.module.scss.js";
+import { applyMissingDefaults as x } from "../../../../helpers/applyMissingDefaults.js";
+import { Flex as u } from "../../Flex/Flex.js";
+function I(p) {
+  const f = x(p, k), {
+    className: s,
+    breadcrumbs: n,
+    currentBreadcrumbId: t,
+    "aria-label": c,
+    onClick: i,
+    isSmallContainer: b
+  } = f, o = n.findIndex((e) => e.id === t), a = o > 0 ? n[o - 1] : null;
+  return b && a && i ? /* @__PURE__ */ l(u, { flexDirection: "column", children: /* @__PURE__ */ l("nav", { "aria-label": c, className: s, children: /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      className: r.smallBack,
+      onClick: () => {
+        i(a.id);
+      },
+      children: a.label
+    }
+  ) }) }) : /* @__PURE__ */ l(u, { flexDirection: "column", children: /* @__PURE__ */ l("nav", { "aria-label": c, className: s, children: /* @__PURE__ */ l("ol", { className: r.list, children: n.map((e) => {
+    const m = e.id === t, d = !m && i;
+    return /* @__PURE__ */ l(
+      "li",
+      {
+        className: h(r.item, d && r.clickable),
+        "aria-current": m ? "step" : !1,
+        children: d ? /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: r.link,
+            onClick: () => {
+              i(e.id);
+            },
+            children: e.label
+          }
+        ) : /* @__PURE__ */ l("span", { children: e.label })
+      },
+      e.id
+    );
+  }) }) }) });
+}
+export {
+  I as Breadcrumbs
+};
+//# sourceMappingURL=Breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { Flex } from '../../Flex'\nimport { type BreadcrumbsProps, BreadcrumbsDefaults } from './BreadcrumbsTypes'\nimport styles from './Breadcrumbs.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function Breadcrumbs(rawProps: BreadcrumbsProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, BreadcrumbsDefaults)\n  const {\n    className,\n    breadcrumbs,\n    currentBreadcrumbId,\n    'aria-label': ariaLabel,\n    onClick,\n    isSmallContainer,\n  } = resolvedProps\n\n  const currentIndex = breadcrumbs.findIndex(b => b.id === currentBreadcrumbId)\n  const previousBreadcrumb = currentIndex > 0 ? breadcrumbs[currentIndex - 1] : null\n\n  if (isSmallContainer && previousBreadcrumb && onClick) {\n    return (\n      <Flex flexDirection=\"column\">\n        <nav aria-label={ariaLabel} className={className}>\n          <button\n            type=\"button\"\n            className={styles.smallBack}\n            onClick={() => {\n              onClick(previousBreadcrumb.id)\n            }}\n          >\n            {previousBreadcrumb.label}\n          </button>\n        </nav>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\">\n      <nav aria-label={ariaLabel} className={className}>\n        <ol className={styles.list}>\n          {breadcrumbs.map(breadcrumb => {\n            const isCurrentbreadcrumb = breadcrumb.id === currentBreadcrumbId\n            const isClickable = !isCurrentbreadcrumb && onClick\n\n            return (\n              <li\n                key={breadcrumb.id}\n                className={classnames(styles.item, isClickable && styles.clickable)}\n                aria-current={isCurrentbreadcrumb ? 'step' : false}\n              >\n                {isClickable ? (\n                  <button\n                    type=\"button\"\n                    className={styles.link}\n                    onClick={() => {\n                      onClick(breadcrumb.id)\n                    }}\n                  >\n                    {breadcrumb.label}\n                  </button>\n                ) : (\n                  <span>{breadcrumb.label}</span>\n                )}\n              </li>\n            )\n          })}\n        </ol>\n      </nav>\n    </Flex>\n  )\n}\n"],"names":["Breadcrumbs","rawProps","resolvedProps","applyMissingDefaults","BreadcrumbsDefaults","className","breadcrumbs","currentBreadcrumbId","ariaLabel","onClick","isSmallContainer","currentIndex","b","previousBreadcrumb","jsx","Flex","styles","breadcrumb","isCurrentbreadcrumb","isClickable","classnames"],"mappings":";;;;;;AAMO,SAASA,EAAYC,GAA4B;AACtD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAmB,GAClE;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAcC;AAAA,IACd,SAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACER,GAEES,IAAeL,EAAY,UAAU,CAAAM,MAAKA,EAAE,OAAOL,CAAmB,GACtEM,IAAqBF,IAAe,IAAIL,EAAYK,IAAe,CAAC,IAAI;AAE9E,SAAID,KAAoBG,KAAsBJ,IAE1C,gBAAAK,EAACC,KAAK,eAAc,UAClB,4BAAC,OAAA,EAAI,cAAYP,GAAW,WAAAH,GAC1B,UAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWE,EAAO;AAAA,MAClB,SAAS,MAAM;AACb,QAAAP,EAAQI,EAAmB,EAAE;AAAA,MAC/B;AAAA,MAEC,UAAAA,EAAmB;AAAA,IAAA;AAAA,EAAA,GAExB,EAAA,CACF,sBAKDE,GAAA,EAAK,eAAc,UAClB,UAAA,gBAAAD,EAAC,SAAI,cAAYN,GAAW,WAAAH,GAC1B,UAAA,gBAAAS,EAAC,QAAG,WAAWE,EAAO,MACnB,UAAAV,EAAY,IAAI,CAAAW,MAAc;AAC7B,UAAMC,IAAsBD,EAAW,OAAOV,GACxCY,IAAc,CAACD,KAAuBT;AAE5C,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWM,EAAWJ,EAAO,MAAMG,KAAeH,EAAO,SAAS;AAAA,QAClE,gBAAcE,IAAsB,SAAS;AAAA,QAE5C,UAAAC,IACC,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWE,EAAO;AAAA,YAClB,SAAS,MAAM;AACb,cAAAP,EAAQQ,EAAW,EAAE;AAAA,YACvB;AAAA,YAEC,UAAAA,EAAW;AAAA,UAAA;AAAA,QAAA,IAGd,gBAAAH,EAAC,QAAA,EAAM,UAAAG,EAAW,MAAA,CAAM;AAAA,MAAA;AAAA,MAfrBA,EAAW;AAAA,IAAA;AAAA,EAmBtB,CAAC,EAAA,CACH,EAAA,CACF,GACF;AAEJ;"}

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

@@ -0,0 +1,16 @@
+const l = "_list_140kz_2", c = "_item_140kz_10", s = "_clickable_140kz_28", t = "_link_140kz_31", _ = "_smallBack_140kz_45", k = {
+  list: l,
+  item: c,
+  clickable: s,
+  link: t,
+  smallBack: _
+};
+export {
+  s as clickable,
+  k as default,
+  c as item,
+  t as link,
+  l as list,
+  _ as smallBack
+};
+//# sourceMappingURL=Breadcrumbs.module.scss.js.map

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

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

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+export interface Breadcrumb {
+    id: string;
+    label: ReactNode;
+}
+export interface BreadcrumbsProps {
+    /**
+     * Array of breadcrumbs
+     */
+    breadcrumbs: Breadcrumb[];
+    /**
+     * Current breadcrumb id
+     */
+    currentBreadcrumbId?: string;
+    /**
+     * Accessibility label for the breadcrumbs
+     */
+    'aria-label'?: string;
+    /**
+     * Additional CSS class name for the breadcrumbs container
+     */
+    className?: string;
+    /**
+     * Event handler for breadcrumb navigation
+     */
+    onClick?: (id: string) => void;
+    /**
+     * Passed to the breadcrumbs when the container size is small (640px and below)
+     * At this size, the breadcrumb typically does not have sufficient size to render
+     * completely. In our implementation, we switch to a condensed mobile version of
+     * the breadcrumbs
+     */
+    isSmallContainer?: boolean;
+}
+/**
+ * Default prop values for Breadcrumbs component.
+ */
+export declare const BreadcrumbsDefaults: {
+    readonly isSmallContainer: false;
+    readonly 'aria-label': "Breadcrumbs";
+};

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.js

@@ -0,0 +1,8 @@
+const a = {
+  isSmallContainer: !1,
+  "aria-label": "Breadcrumbs"
+};
+export {
+  a as BreadcrumbsDefaults
+};
+//# sourceMappingURL=BreadcrumbsTypes.js.map

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsTypes.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface Breadcrumb {\n  id: string\n  label: ReactNode\n}\nexport interface BreadcrumbsProps {\n  /**\n   * Array of breadcrumbs\n   */\n  breadcrumbs: Breadcrumb[]\n  /**\n   * Current breadcrumb id\n   */\n  currentBreadcrumbId?: string\n  /**\n   * Accessibility label for the breadcrumbs\n   */\n  'aria-label'?: string\n  /**\n   * Additional CSS class name for the breadcrumbs container\n   */\n  className?: string\n  /**\n   * Event handler for breadcrumb navigation\n   */\n  onClick?: (id: string) => void\n  /**\n   * Passed to the breadcrumbs when the container size is small (640px and below)\n   * At this size, the breadcrumb typically does not have sufficient size to render\n   * completely. In our implementation, we switch to a condensed mobile version of\n   * the breadcrumbs\n   */\n  isSmallContainer?: boolean\n}\n\n/**\n * Default prop values for Breadcrumbs component.\n */\nexport const BreadcrumbsDefaults = {\n  isSmallContainer: false,\n  'aria-label': 'Breadcrumbs',\n} as const satisfies Partial<BreadcrumbsProps>\n"],"names":["BreadcrumbsDefaults"],"mappings":"AAuCO,MAAMA,IAAsB;AAAA,EACjC,kBAAkB;AAAA,EAClB,cAAc;AAChB;"}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps, Breadcrumb } from './BreadcrumbsTypes';

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

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

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

@@ -0,0 +1,16 @@
+import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import f from "classnames";
+import { DescriptionListDefaults as u } from "./DescriptionListTypes.js";
+import o from "./DescriptionList.module.scss.js";
+import { applyMissingDefaults as y } from "../../../../helpers/applyMissingDefaults.js";
+function j(n) {
+  const m = y(n, u), { items: c, className: a } = m, p = (r) => (Array.isArray(r) ? r : [r]).map((t, e) => /* @__PURE__ */ i("dt", { children: t }, e)), l = (r) => (Array.isArray(r) ? r : [r]).map((t, e) => /* @__PURE__ */ i("dd", { children: t }, e));
+  return /* @__PURE__ */ i("dl", { className: f(o.root, a), children: c.map((r, s) => /* @__PURE__ */ d("div", { className: o.item, children: [
+    p(r.term),
+    l(r.description)
+  ] }, s)) });
+}
+export {
+  j as DescriptionList
+};
+//# sourceMappingURL=DescriptionList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport { type DescriptionListProps, DescriptionListDefaults } from './DescriptionListTypes'\nimport styles from './DescriptionList.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function DescriptionList(rawProps: DescriptionListProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DescriptionListDefaults)\n  const { items, className } = resolvedProps\n\n  const renderTerms = (term: ReactNode | ReactNode[]) => {\n    const terms = Array.isArray(term) ? term : [term]\n    return terms.map((t, i) => <dt key={i}>{t}</dt>)\n  }\n\n  const renderDescriptions = (description: ReactNode | ReactNode[]) => {\n    const descriptions = Array.isArray(description) ? description : [description]\n    return descriptions.map((d, i) => <dd key={i}>{d}</dd>)\n  }\n\n  return (\n    <dl className={classNames(styles.root, className)}>\n      {items.map((item, index) => (\n        <div key={index} className={styles.item}>\n          {renderTerms(item.term)}\n          {renderDescriptions(item.description)}\n        </div>\n      ))}\n    </dl>\n  )\n}\n"],"names":["DescriptionList","rawProps","resolvedProps","applyMissingDefaults","DescriptionListDefaults","items","className","renderTerms","term","i","jsx","renderDescriptions","description","d","classNames","styles","item","index"],"mappings":";;;;;AAMO,SAASA,EAAgBC,GAAgC;AAC9D,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAuB,GACtE,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcJ,GAEvBK,IAAc,CAACC,OACL,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAACA,CAAI,GACnC,IAAI,CAAC,GAAGC,MAAM,gBAAAC,EAAC,MAAA,EAAY,UAAA,EAAA,GAAJD,CAAM,CAAK,GAG3CE,IAAqB,CAACC,OACL,MAAM,QAAQA,CAAW,IAAIA,IAAc,CAACA,CAAW,GACxD,IAAI,CAACC,GAAGJ,MAAM,gBAAAC,EAAC,MAAA,EAAY,UAAAG,EAAA,GAAJJ,CAAM,CAAK;AAGxD,2BACG,MAAA,EAAG,WAAWK,EAAWC,EAAO,MAAMT,CAAS,GAC7C,UAAAD,EAAM,IAAI,CAACW,GAAMC,wBACf,OAAA,EAAgB,WAAWF,EAAO,MAChC,UAAA;AAAA,IAAAR,EAAYS,EAAK,IAAI;AAAA,IACrBL,EAAmBK,EAAK,WAAW;AAAA,EAAA,KAF5BC,CAGV,CACD,GACH;AAEJ;"}

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

@@ -0,0 +1,10 @@
+const t = "_root_n7k5c_1", o = "_item_n7k5c_4", e = {
+  root: t,
+  item: o
+};
+export {
+  e as default,
+  o as item,
+  t as root
+};
+//# sourceMappingURL=DescriptionList.module.scss.js.map

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

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

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface DescriptionListItem {
+    term: ReactNode | ReactNode[];
+    description: ReactNode | ReactNode[];
+}
+export interface DescriptionListProps {
+    items: DescriptionListItem[];
+    className?: string;
+}
+export declare const DescriptionListDefaults: {};

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.js

@@ -0,0 +1,5 @@
+const t = {};
+export {
+  t as DescriptionListDefaults
+};
+//# sourceMappingURL=DescriptionListTypes.js.map

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListTypes.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionListTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface DescriptionListItem {\n  term: ReactNode | ReactNode[]\n  description: ReactNode | ReactNode[]\n}\n\nexport interface DescriptionListProps {\n  items: DescriptionListItem[]\n  className?: string\n}\n\nexport const DescriptionListDefaults = {} as const satisfies Partial<DescriptionListProps>\n"],"names":["DescriptionListDefaults"],"mappings":"AAYO,MAAMA,IAA0B,CAAA;"}