@gusto/embedded-react-sdk 0.37.0 → 0.38.0-rc.2

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

@@ -2,30 +2,25 @@ 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 = {
+}), d = {
   signature: ""
 };
-function V({ onSubmit: m, children: i, formProps: n }) {
-  const t = s({
-    resolver: l(p),
-    defaultValues: f,
+function b({ onSubmit: m, children: i, formProps: n }) {
+  const e = s({
+    resolver: l(f),
+    defaultValues: d,
     ...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
+  b 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

@@ -1,23 +1,20 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import "../../../shared/constants.js";
-import "classnames";
-import { ActionsLayout as p } from "../ActionsLayout/ActionsLayout.js";
-import "react-i18next";
-import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-function y({
+import { ActionsLayout as s } from "../ActionsLayout/ActionsLayout.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function l({
   onBack: t,
   backLabel: r,
-  submitLabel: i,
-  isLoading: e = !1
+  submitLabel: e,
+  isLoading: i = !1
 }) {
-  const o = s();
-  return /* @__PURE__ */ m(p, { children: [
+  const o = p();
+  return /* @__PURE__ */ m(s, { children: [
     t && /* @__PURE__ */ n(o.Button, { variant: "secondary", type: "button", onClick: t, children: r }),
-    /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: e, children: i })
+    /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: i, children: e })
   ] });
 }
 export {
-  y as SignatureFormActions
+  l 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

@@ -1,41 +1,37 @@
-import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, Fragment as s, jsx as e } from "react/jsx-runtime";
 import "../../../shared/constants.js";
-import "classnames";
-import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
-import "react-i18next";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";
-function b({
-  signatureLabel: e,
+import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
+import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
+function c({
+  signatureLabel: r,
   signatureDescription: i = "",
   signatureError: t = "",
   confirmationLabel: o,
-  confirmationError: m = ""
+  confirmationError: n = ""
 }) {
-  return /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ r(
-      p,
+  return /* @__PURE__ */ m(s, { children: [
+    /* @__PURE__ */ e(
+      a,
       {
         name: "signature",
-        label: e,
+        label: r,
         description: i,
         errorMessage: t,
         isRequired: !0
       }
     ),
-    /* @__PURE__ */ r(
-      a,
+    /* @__PURE__ */ e(
+      u,
       {
         name: "confirmSignature",
         isRequired: !0,
         label: o,
-        errorMessage: m
+        errorMessage: n
       }
     )
   ] });
 }
 export {
-  b as SignatureFormFields
+  c 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/Box/Box.d.ts

@@ -1,2 +1,2 @@
 import { BoxProps } from './BoxTypes';
-export declare function Box({ children, footer, className }: BoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Box({ children, header, footer, withPadding, className }: BoxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,14 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import i from "classnames";
-import o from "./Box.module.scss.js";
-function c({ children: r, footer: s, className: t }) {
-  return /* @__PURE__ */ e("div", { className: i(o.boxContainer, t), "data-testid": "data-box", children: [
-    /* @__PURE__ */ a("div", { className: o.boxBody, children: r }),
-    s && /* @__PURE__ */ a("div", { className: o.boxFooter, children: s })
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import m from "classnames";
+import s from "./Box.module.scss.js";
+function x({ children: o, header: e, footer: a, withPadding: r = !0, className: i }) {
+  return /* @__PURE__ */ c("div", { className: m(s.root, i), "data-testid": "data-box", children: [
+    e && /* @__PURE__ */ t("div", { className: s.header, children: e }),
+    /* @__PURE__ */ t("div", { className: r ? s.content : s.contentFlush, children: o }),
+    a && /* @__PURE__ */ t("div", { className: s.footer, children: a })
   ] });
 }
 export {
-  c as Box
+  x as Box
 };
 //# sourceMappingURL=Box.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../../../src/components/Common/UI/Box/Box.tsx"],"sourcesContent":["import cn from 'classnames'\nimport styles from './Box.module.scss'\nimport { type BoxProps } from '@/components/Common/UI/Box/BoxTypes'\n\nexport function Box({ children, footer, className }: BoxProps) {\n  return (\n    <div className={cn(styles.boxContainer, className)} data-testid=\"data-box\">\n      <div className={styles.boxBody}>{children}</div>\n      {footer && <div className={styles.boxFooter}>{footer}</div>}\n    </div>\n  )\n}\n"],"names":["Box","children","footer","className","jsxs","cn","styles","jsx"],"mappings":";;;AAIO,SAASA,EAAI,EAAE,UAAAC,GAAU,QAAAC,GAAQ,WAAAC,KAAuB;AAC7D,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAO,cAAcH,CAAS,GAAG,eAAY,YAC9D,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAL,GAAS;AAAA,IACzCC,KAAU,gBAAAK,EAAC,OAAA,EAAI,WAAWD,EAAO,WAAY,UAAAJ,EAAA,CAAO;AAAA,EAAA,GACvD;AAEJ;"}
+{"version":3,"file":"Box.js","sources":["../../../../../src/components/Common/UI/Box/Box.tsx"],"sourcesContent":["import cn from 'classnames'\nimport styles from './Box.module.scss'\nimport type { BoxProps } from '@/components/Common/UI/Box/BoxTypes'\n\nexport function Box({ children, header, footer, withPadding = true, className }: BoxProps) {\n  return (\n    <div className={cn(styles.root, className)} data-testid=\"data-box\">\n      {header && <div className={styles.header}>{header}</div>}\n      <div className={withPadding ? styles.content : styles.contentFlush}>{children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  )\n}\n"],"names":["Box","children","header","footer","withPadding","className","jsxs","cn","styles","jsx"],"mappings":";;;AAIO,SAASA,EAAI,EAAE,UAAAC,GAAU,QAAAC,GAAQ,QAAAC,GAAQ,aAAAC,IAAc,IAAM,WAAAC,KAAuB;AACzF,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAO,MAAMH,CAAS,GAAG,eAAY,YACrD,UAAA;AAAA,IAAAH,KAAU,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAN,GAAO;AAAA,IAClD,gBAAAO,EAAC,SAAI,WAAWL,IAAcI,EAAO,UAAUA,EAAO,cAAe,UAAAP,GAAS;AAAA,IAC7EE,KAAU,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAL,EAAA,CAAO;AAAA,EAAA,GACpD;AAEJ;"}

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

@@ -1,12 +1,16 @@
-const o = "_boxContainer_147eq_1", t = "_boxBody_147eq_9", e = "_boxFooter_147eq_13", n = {
-  boxContainer: o,
-  boxBody: t,
-  boxFooter: e
+const t = "_root_2c0z0_1", o = "_header_2c0z0_9", e = "_content_2c0z0_14", n = "_contentFlush_2c0z0_18", c = "_footer_2c0z0_22", _ = {
+  root: t,
+  header: o,
+  content: e,
+  contentFlush: n,
+  footer: c
 };
 export {
-  t as boxBody,
-  o as boxContainer,
-  e as boxFooter,
-  n as default
+  e as content,
+  n as contentFlush,
+  _ as default,
+  c as footer,
+  o as header,
+  t as root
 };
 //# sourceMappingURL=Box.module.scss.js.map

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

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

package/dist/components/Common/UI/Box/BoxTypes.d.ts

@@ -1,15 +1,8 @@
 import { ReactNode } from 'react';
 export interface BoxProps {
-    /**
-     * Content to be displayed inside the box
-     */
     children: ReactNode;
-    /**
-     * Content rendered at the bottom of the box with an edge-to-edge top border
-     */
+    header?: ReactNode;
     footer?: ReactNode;
-    /**
-     * CSS className to be applied
-     */
+    withPadding?: boolean;
     className?: string;
 }

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

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

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

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { BoxHeaderDefaults as p } from "./BoxHeaderTypes.js";
+import i from "./BoxHeader.module.scss.js";
+import { applyMissingDefaults as c } from "../../../../helpers/applyMissingDefaults.js";
+import { useComponentContext as d } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as n } from "../../Flex/Flex.js";
+function D(s) {
+  const { title: a, description: t, action: l, headingLevel: m } = c(
+    s,
+    p
+  ), o = d();
+  return /* @__PURE__ */ e("div", { className: i.root, children: /* @__PURE__ */ r(n, { flexDirection: "row", gap: 16, justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ r(n, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ e(o.Heading, { as: m, className: i.headerTitle, children: a }),
+      t && /* @__PURE__ */ e(o.Text, { as: "p", variant: "supporting", children: t })
+    ] }),
+    l
+  ] }) });
+}
+export {
+  D as BoxHeader
+};
+//# sourceMappingURL=BoxHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxHeader.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeader.tsx"],"sourcesContent":["import { type BoxHeaderProps, BoxHeaderDefaults } from './BoxHeaderTypes'\nimport styles from './BoxHeader.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex'\n\nexport function BoxHeader(rawProps: BoxHeaderProps) {\n  const { title, description, action, headingLevel } = applyMissingDefaults(\n    rawProps,\n    BoxHeaderDefaults,\n  )\n  const Components = useComponentContext()\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"row\" gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as={headingLevel!} className={styles.headerTitle}>\n            {title}\n          </Components.Heading>\n          {description && (\n            <Components.Text as=\"p\" variant=\"supporting\">\n              {description}\n            </Components.Text>\n          )}\n        </Flex>\n\n        {action}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["BoxHeader","rawProps","title","description","action","headingLevel","applyMissingDefaults","BoxHeaderDefaults","Components","useComponentContext","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAMO,SAASA,EAAUC,GAA0B;AAClD,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,cAAAC,MAAiBC;AAAA,IACnDL;AAAA,IACAM;AAAA,EAAA,GAEIC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,IAAI,gBAAe,iBAAgB,YAAW,UAC3E,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACF,EAAW,SAAX,EAAmB,IAAIH,GAAe,WAAWM,EAAO,aACtD,UAAAT,EAAA,CACH;AAAA,MACCC,uBACEK,EAAW,MAAX,EAAgB,IAAG,KAAI,SAAQ,cAC7B,UAAAL,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAECC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}

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

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

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

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

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface BoxHeaderProps {
+    title: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+export declare const BoxHeaderDefaults: {
+    readonly headingLevel: "h3";
+};

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.js

@@ -0,0 +1,7 @@
+const e = {
+  headingLevel: "h3"
+};
+export {
+  e as BoxHeaderDefaults
+};
+//# sourceMappingURL=BoxHeaderTypes.js.map

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxHeaderTypes.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeaderTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface BoxHeaderProps {\n  title: ReactNode\n  description?: ReactNode\n  action?: ReactNode\n  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport const BoxHeaderDefaults = {\n  headingLevel: 'h3',\n} as const satisfies Partial<BoxHeaderProps>\n"],"names":["BoxHeaderDefaults"],"mappings":"AASO,MAAMA,IAAoB;AAAA,EAC/B,cAAc;AAChB;"}

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { BoxHeader } from './BoxHeader';

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

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

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

@@ -1 +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;"}
+{"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  const isPreviousBreadcrumbClickable = previousBreadcrumb?.isClickable !== false\n\n  if (isSmallContainer && previousBreadcrumb && onClick && isPreviousBreadcrumbClickable) {\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 = breadcrumb.isClickable !== false && !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","isPreviousBreadcrumbClickable","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,MAExEG,IAAgCD,GAAoB,gBAAgB;AAE1E,SAAIH,KAAoBG,KAAsBJ,KAAWK,IAErD,gBAAAC,EAACC,KAAK,eAAc,UAClB,4BAAC,OAAA,EAAI,cAAYR,GAAW,WAAAH,GAC1B,UAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWE,EAAO;AAAA,MAClB,SAAS,MAAM;AACb,QAAAR,EAAQI,EAAmB,EAAE;AAAA,MAC/B;AAAA,MAEC,UAAAA,EAAmB;AAAA,IAAA;AAAA,EAAA,GAExB,EAAA,CACF,sBAKDG,GAAA,EAAK,eAAc,UAClB,UAAA,gBAAAD,EAAC,SAAI,cAAYP,GAAW,WAAAH,GAC1B,UAAA,gBAAAU,EAAC,QAAG,WAAWE,EAAO,MACnB,UAAAX,EAAY,IAAI,CAAAY,MAAc;AAC7B,UAAMC,IAAsBD,EAAW,OAAOX,GACxCa,IAAcF,EAAW,gBAAgB,MAAS,CAACC,KAAuBV;AAEhF,WACE,gBAAAM;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,cAAAR,EAAQS,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/BreadcrumbsTypes.d.ts

@@ -2,6 +2,11 @@ import { ReactNode } from 'react';
 export interface Breadcrumb {
     id: string;
     label: ReactNode;
+    /**
+     * When false, the breadcrumb is rendered as plain text even if onClick is provided.
+     * Defaults to true.
+     */
+    isClickable?: boolean;
 }
 export interface BreadcrumbsProps {
     /**

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

@@ -1 +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;"}
+{"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  /**\n   * When false, the breadcrumb is rendered as plain text even if onClick is provided.\n   * Defaults to true.\n   */\n  isClickable?: boolean\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":"AA4CO,MAAMA,IAAsB;AAAA,EACjC,kBAAkB;AAAA,EAClB,cAAc;AAChB;"}

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

@@ -1,41 +1,45 @@
-import { jsx as u } from "react/jsx-runtime";
-import { Button as c } from "react-aria-components";
-import v from "classnames";
-import { ButtonDefaults as B } from "./ButtonTypes.js";
-import P from "./Button.module.scss.js";
-import { applyMissingDefaults as h } from "../../../../helpers/applyMissingDefaults.js";
-function k(t) {
-  const r = h(t, B), {
+import { jsxs as h, jsx as v } from "react/jsx-runtime";
+import { Button as B } from "react-aria-components";
+import P from "classnames";
+import { ButtonDefaults as D } from "./ButtonTypes.js";
+import r from "./Button.module.scss.js";
+import { applyMissingDefaults as N } from "../../../../helpers/applyMissingDefaults.js";
+function F(n) {
+  const a = N(n, D), {
     isLoading: o,
-    isDisabled: a,
-    variant: n,
-    buttonRef: i,
-    className: e,
-    children: l,
-    onBlur: m,
-    onFocus: d,
-    onClick: s,
+    isDisabled: i,
+    variant: e,
+    buttonRef: l,
+    className: m,
+    icon: s,
+    children: c,
+    onBlur: d,
+    onFocus: p,
+    onClick: t,
     ...f
-  } = r;
-  return /* @__PURE__ */ u(
-    c,
+  } = a;
+  return /* @__PURE__ */ h(
+    B,
     {
       ...f,
-      className: ({ defaultClassName: p }) => v(P.root, p, e),
-      ref: i,
-      onBlur: m,
-      onFocus: d,
-      isDisabled: a || o,
-      "data-variant": n,
+      className: ({ defaultClassName: u }) => P(r.root, u, m),
+      ref: l,
+      onBlur: d,
+      onFocus: p,
+      isDisabled: i || o,
+      "data-variant": e,
       "data-loading": o || void 0,
-      onPress: s ? () => {
-        s({});
+      onPress: t ? () => {
+        t({});
       } : void 0,
-      children: l
+      children: [
+        s && /* @__PURE__ */ v("span", { className: r.icon, children: s }),
+        c
+      ]
     }
   );
 }
 export {
-  k as Button
+  F 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, ButtonDefaults } from './ButtonTypes'\nimport styles from './Button.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function Button(rawProps: ButtonProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, ButtonDefaults)\n  const {\n    isLoading,\n    isDisabled,\n    variant,\n    buttonRef,\n    className,\n    children,\n    onBlur,\n    onFocus,\n    onClick,\n    ...otherProps\n  } = resolvedProps\n  const handlePress = onClick\n    ? () => {\n        onClick({} as React.MouseEvent<HTMLButtonElement>)\n      }\n    : undefined\n\n  return (\n    <AriaButton\n      {...otherProps}\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","rawProps","resolvedProps","applyMissingDefaults","ButtonDefaults","isLoading","isDisabled","variant","buttonRef","className","children","onBlur","onFocus","onClick","otherProps","jsx","AriaButton","defaultClassName","classNames","styles"],"mappings":";;;;;;AAMO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDZ;AAOJ,SACE,gBAAAa;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;"}
+{"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, ButtonDefaults } from './ButtonTypes'\nimport styles from './Button.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function Button(rawProps: ButtonProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, ButtonDefaults)\n  const {\n    isLoading,\n    isDisabled,\n    variant,\n    buttonRef,\n    className,\n    icon,\n    children,\n    onBlur,\n    onFocus,\n    onClick,\n    ...otherProps\n  } = resolvedProps\n  const handlePress = onClick\n    ? () => {\n        onClick({} as React.MouseEvent<HTMLButtonElement>)\n      }\n    : undefined\n\n  return (\n    <AriaButton\n      {...otherProps}\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      {icon && <span className={styles.icon}>{icon}</span>}\n      {children}\n    </AriaButton>\n  )\n}\n"],"names":["Button","rawProps","resolvedProps","applyMissingDefaults","ButtonDefaults","isLoading","isDisabled","variant","buttonRef","className","icon","children","onBlur","onFocus","onClick","otherProps","jsxs","AriaButton","defaultClassName","classNames","styles","jsx"],"mappings":";;;;;;AAMO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb;AAOJ,SACE,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAW,CAAC,EAAE,kBAAAG,QAAuBC,EAAWC,EAAO,MAAMF,GAAkBT,CAAS;AAAA,MACxF,KAAKD;AAAA,MACL,QAAAI;AAAA,MACA,SAAAC;AAAA,MACA,YAAYP,KAAcD;AAAA,MAC1B,gBAAcE;AAAA,MACd,gBAAcF,KAAa;AAAA,MAC3B,SAhBgBS,IAChB,MAAM;AACJ,QAAAA,EAAQ,CAAA,CAAyC;AAAA,MACnD,IACA;AAAA,MAcC,UAAA;AAAA,QAAAJ,KAAQ,gBAAAW,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,UAAAV,GAAK;AAAA,QAC5CC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,8 +1,10 @@
-const o = "_root_1sac1_1", t = {
-  root: o
+const o = "_root_2nfpm_1", t = "_icon_2nfpm_26", n = {
+  root: o,
+  icon: t
 };
 export {
-  t as default,
+  n as default,
+  t as icon,
   o as root
 };
 //# sourceMappingURL=Button.module.scss.js.map

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

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

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

@@ -16,6 +16,10 @@ export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement
      * Disables the button and prevents interaction
      */
     isDisabled?: boolean;
+    /**
+     * Optional leading icon rendered before children
+     */
+    icon?: ReactNode;
     /**
      * Content to be rendered inside the button
      */

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonTypes.js","sources":["../../../../../src/components/Common/UI/Button/ButtonTypes.ts"],"sourcesContent":["import type { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react'\n\nexport interface ButtonProps extends Pick<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  | 'name'\n  | 'id'\n  | 'className'\n  | 'type'\n  | 'onClick'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'form'\n  | 'title'\n  | 'tabIndex'\n> {\n  /**\n   * React ref for the button element\n   */\n  buttonRef?: Ref<HTMLButtonElement>\n  /**\n   * Visual style variant of the button\n   */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'error'\n  /**\n   * Shows a loading spinner and disables the button\n   */\n  isLoading?: boolean\n  /**\n   * Disables the button and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Content to be rendered inside the button\n   */\n  children?: ReactNode\n  /**\n   * Handler for blur events\n   */\n  onBlur?: (e: FocusEvent) => void\n  /**\n   * Handler for focus events\n   */\n  onFocus?: (e: FocusEvent) => void\n}\n\nexport type ButtonIconProps = ButtonProps & {\n  /**\n   * Required aria-label for icon buttons to ensure accessibility\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Button component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const ButtonDefaults = {\n  variant: 'primary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonProps>\n\n/**\n * Default prop values for ButtonIcon component.\n */\nexport const ButtonIconDefaults = {\n  variant: 'tertiary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonIconProps>\n"],"names":["ButtonDefaults","ButtonIconDefaults"],"mappings":"AA2DO,MAAMA,IAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAKaC,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"ButtonTypes.js","sources":["../../../../../src/components/Common/UI/Button/ButtonTypes.ts"],"sourcesContent":["import type { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react'\n\nexport interface ButtonProps extends Pick<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  | 'name'\n  | 'id'\n  | 'className'\n  | 'type'\n  | 'onClick'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'form'\n  | 'title'\n  | 'tabIndex'\n> {\n  /**\n   * React ref for the button element\n   */\n  buttonRef?: Ref<HTMLButtonElement>\n  /**\n   * Visual style variant of the button\n   */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'error'\n  /**\n   * Shows a loading spinner and disables the button\n   */\n  isLoading?: boolean\n  /**\n   * Disables the button and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Optional leading icon rendered before children\n   */\n  icon?: ReactNode\n  /**\n   * Content to be rendered inside the button\n   */\n  children?: ReactNode\n  /**\n   * Handler for blur events\n   */\n  onBlur?: (e: FocusEvent) => void\n  /**\n   * Handler for focus events\n   */\n  onFocus?: (e: FocusEvent) => void\n}\n\nexport type ButtonIconProps = ButtonProps & {\n  /**\n   * Required aria-label for icon buttons to ensure accessibility\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Button component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const ButtonDefaults = {\n  variant: 'primary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonProps>\n\n/**\n * Default prop values for ButtonIcon component.\n */\nexport const ButtonIconDefaults = {\n  variant: 'tertiary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonIconProps>\n"],"names":["ButtonDefaults","ButtonIconDefaults"],"mappings":"AA+DO,MAAMA,IAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAKaC,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;"}