@gusto/embedded-react-sdk 0.17.0 → 0.19.0

package/dist/components/Common/RequirementsList/RequirementsList.js

@@ -1,21 +1,27 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import c from "classnames";
-import { useId as a } from "react";
+import l from "classnames";
+import { useId as d } from "react";
 import { Flex as m } from "../Flex/Flex.js";
 import i from "./RequirementsList.module.scss.js";
-import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import p from "../../../assets/icons/checkbox.svg.js";
-const v = ({ requirements: n }) => {
-  const r = d(), l = a();
-  return /* @__PURE__ */ e(m, { flexDirection: "column", alignItems: "flex-start", gap: 8, children: /* @__PURE__ */ e("ul", { className: i.list, children: n.sort((t, o) => t.completed ? -1 : 1).map((t, o) => /* @__PURE__ */ s("li", { className: i.listItem, children: [
-    t.completed ? /* @__PURE__ */ e("div", { className: c(i.listItemIcon, i.success), children: /* @__PURE__ */ e(p, { width: 16, height: 16 }) }) : /* @__PURE__ */ e("div", { className: i.listItemIcon, children: o + 1 }),
-    /* @__PURE__ */ s(m, { flexDirection: "column", gap: 0, children: [
-      /* @__PURE__ */ e(r.Heading, { as: "h4", children: t.title }),
-      /* @__PURE__ */ e(r.Text, { variant: "supporting", children: t.description })
-    ] })
-  ] }, `${l}-${o}-${t.description}`)) }) });
+const N = ({ requirements: n }) => {
+  const o = a(), c = d();
+  return /* @__PURE__ */ e(m, { flexDirection: "column", alignItems: "flex-start", gap: 8, children: /* @__PURE__ */ e(
+    o.UnorderedList,
+    {
+      className: i.list,
+      items: n.sort((t, r) => t.completed ? -1 : 1).map((t, r) => /* @__PURE__ */ s("div", { className: i.listItem, children: [
+        t.completed ? /* @__PURE__ */ e("div", { className: l(i.listItemIcon, i.success), children: /* @__PURE__ */ e(p, { width: 16, height: 16 }) }) : /* @__PURE__ */ e("div", { className: i.listItemIcon, children: r + 1 }),
+        /* @__PURE__ */ s(m, { flexDirection: "column", gap: 0, children: [
+          /* @__PURE__ */ e(o.Heading, { as: "h4", children: t.title }),
+          /* @__PURE__ */ e(o.Text, { variant: "supporting", children: t.description })
+        ] })
+      ] }, `${c}-${r}-${t.description}`))
+    }
+  ) });
 };
 export {
-  v as RequirementsList
+  N as RequirementsList
 };
 //# sourceMappingURL=RequirementsList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RequirementsList.js","sources":["../../../../src/components/Common/RequirementsList/RequirementsList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './RequirementsList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport SuccessCheck from '@/assets/icons/checkbox.svg?react'\n\ninterface RequirementsListProps {\n  requirements: {\n    title: string\n    description: string\n    completed: boolean\n  }[]\n}\nexport const RequirementsList = ({ requirements }: RequirementsListProps) => {\n  const Components = useComponentContext()\n  const id = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n      <ul className={styles.list}>\n        {requirements\n          .sort((a, b) => (a.completed ? -1 : 1))\n          .map((step, i) => {\n            return (\n              <li key={`${id}-${i}-${step.description}`} className={styles.listItem}>\n                {step.completed ? (\n                  <div className={classNames(styles.listItemIcon, styles.success)}>\n                    <SuccessCheck width={16} height={16} />\n                  </div>\n                ) : (\n                  <div className={styles.listItemIcon}>{i + 1}</div>\n                )}\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Components.Heading as=\"h4\">{step.title}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{step.description}</Components.Text>\n                </Flex>\n              </li>\n            )\n          })}\n      </ul>\n    </Flex>\n  )\n}\n"],"names":["RequirementsList","requirements","Components","useComponentContext","id","useId","jsx","Flex","styles","a","b","step","i","jsxs","classNames","SuccessCheck"],"mappings":";;;;;;;AAcO,MAAMA,IAAmB,CAAC,EAAE,cAAAC,QAA0C;AAC3E,QAAMC,IAAaC,EAAA,GACbC,IAAKC,EAAA;AAEX,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,GACxD,UAAA,gBAAAD,EAAC,MAAA,EAAG,WAAWE,EAAO,MACnB,YACE,KAAK,CAACC,GAAGC,MAAOD,EAAE,YAAY,KAAK,CAAE,EACrC,IAAI,CAACE,GAAMC,MAER,gBAAAC,EAAC,MAAA,EAA0C,WAAWL,EAAO,UAC1D,UAAA;AAAA,IAAAG,EAAK,YACJ,gBAAAL,EAAC,OAAA,EAAI,WAAWQ,EAAWN,EAAO,cAAcA,EAAO,OAAO,GAC5D,UAAA,gBAAAF,EAACS,GAAA,EAAa,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACvC,IAEA,gBAAAT,EAAC,SAAI,WAAWE,EAAO,cAAe,UAAAI,IAAI,EAAA,CAAE;AAAA,IAE9C,gBAAAC,EAACN,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,OAAM;AAAA,wBACvCA,EAAW,MAAX,EAAgB,SAAQ,cAAc,YAAK,YAAA,CAAY;AAAA,IAAA,EAAA,CAC1D;AAAA,EAAA,KAXO,GAAGE,CAAE,IAAIQ,CAAC,IAAID,EAAK,WAAW,EAYvC,CAEH,GACL,GACF;AAEJ;"}
+{"version":3,"file":"RequirementsList.js","sources":["../../../../src/components/Common/RequirementsList/RequirementsList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './RequirementsList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport SuccessCheck from '@/assets/icons/checkbox.svg?react'\n\ninterface RequirementsListProps {\n  requirements: {\n    title: string\n    description: string\n    completed: boolean\n  }[]\n}\nexport const RequirementsList = ({ requirements }: RequirementsListProps) => {\n  const Components = useComponentContext()\n  const id = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n      <Components.UnorderedList\n        className={styles.list}\n        items={requirements\n          .sort((a, b) => (a.completed ? -1 : 1))\n          .map((step, i) => {\n            return (\n              <div key={`${id}-${i}-${step.description}`} className={styles.listItem}>\n                {step.completed ? (\n                  <div className={classNames(styles.listItemIcon, styles.success)}>\n                    <SuccessCheck width={16} height={16} />\n                  </div>\n                ) : (\n                  <div className={styles.listItemIcon}>{i + 1}</div>\n                )}\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Components.Heading as=\"h4\">{step.title}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{step.description}</Components.Text>\n                </Flex>\n              </div>\n            )\n          })}\n      />\n    </Flex>\n  )\n}\n"],"names":["RequirementsList","requirements","Components","useComponentContext","id","useId","Flex","jsx","styles","a","b","step","i","jsxs","classNames","SuccessCheck"],"mappings":";;;;;;;AAcO,MAAMA,IAAmB,CAAC,EAAE,cAAAC,QAA0C;AAC3E,QAAMC,IAAaC,EAAA,GACbC,IAAKC,EAAA;AAEX,2BACGC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,GACxD,UAAA,gBAAAC;AAAA,IAACL,EAAW;AAAA,IAAX;AAAA,MACC,WAAWM,EAAO;AAAA,MAClB,OAAOP,EACJ,KAAK,CAACQ,GAAGC,MAAOD,EAAE,YAAY,KAAK,CAAE,EACrC,IAAI,CAACE,GAAMC,MAER,gBAAAC,EAAC,OAAA,EAA2C,WAAWL,EAAO,UAC3D,UAAA;AAAA,QAAAG,EAAK,YACJ,gBAAAJ,EAAC,OAAA,EAAI,WAAWO,EAAWN,EAAO,cAAcA,EAAO,OAAO,GAC5D,UAAA,gBAAAD,EAACQ,GAAA,EAAa,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACvC,IAEA,gBAAAR,EAAC,SAAI,WAAWC,EAAO,cAAe,UAAAI,IAAI,EAAA,CAAE;AAAA,QAE9C,gBAAAC,EAACP,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,OAAM;AAAA,4BACvCA,EAAW,MAAX,EAAgB,SAAQ,cAAc,YAAK,YAAA,CAAY;AAAA,QAAA,EAAA,CAC1D;AAAA,MAAA,KAXQ,GAAGE,CAAE,IAAIQ,CAAC,IAAID,EAAK,WAAW,EAYxC,CAEH;AAAA,IAAA;AAAA,EAAA,GAEP;AAEJ;"}

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

@@ -1,4 +1,4 @@
-const s = "_list_1m8z2_1", t = "_listItem_1m8z2_5", c = "_listItemIcon_1m8z2_22", e = "_success_1m8z2_35", _ = {
+const s = "_list_19wwb_1", t = "_listItem_19wwb_12", c = "_listItemIcon_19wwb_29", e = "_success_19wwb_42", _ = {
   list: s,
   listItem: t,
   listItemIcon: c,

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

@@ -5,25 +5,22 @@ import { zodResolver as l } from "@hookform/resolvers/zod";
 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";
 const f = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)
-}), p = {
+}), d = {
   signature: ""
 };
-function D({ onSubmit: m, children: i, formProps: n }) {
+function b({ onSubmit: m, children: i, formProps: n }) {
   const e = s({
     resolver: l(f),
-    defaultValues: p,
+    defaultValues: d,
     ...n
   });
   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 {
-  D as SignatureForm,
+  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,22 +1,19 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import "classnames";
-import "../../../shared/constants.js";
-import "react-i18next";
-import { ActionsLayout as p } from "../ActionsLayout/ActionsLayout.js";
-import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function x({
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { ActionsLayout as m } from "../ActionsLayout/ActionsLayout.js";
+import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function f({
   onBack: t,
   backLabel: r,
-  submitLabel: i,
-  isLoading: e = !1
+  submitLabel: e,
+  isLoading: i = !1
 }) {
-  const o = s();
-  return /* @__PURE__ */ m(p, { children: [
+  const o = u();
+  return /* @__PURE__ */ s(m, { 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 {
-  x as SignatureFormActions
+  f 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,39 +1,36 @@
-import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
-import "classnames";
-import "../../../shared/constants.js";
-import "react-i18next";
+import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
 import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
 import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
-function x({
-  signatureLabel: e,
+function p({
+  signatureLabel: r,
   signatureDescription: i = "",
   signatureError: t = "",
   confirmationLabel: o,
-  confirmationError: m = ""
+  confirmationError: n = ""
 }) {
-  return /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(m, { children: [
+    /* @__PURE__ */ e(
       a,
       {
         name: "signature",
-        label: e,
+        label: r,
         description: i,
         errorMessage: t,
         isRequired: !0
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ e(
       u,
       {
         name: "confirmSignature",
         isRequired: !0,
         label: o,
-        errorMessage: m
+        errorMessage: n
       }
     )
   ] });
 }
 export {
-  x as SignatureFormFields
+  p 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/Badge/index.d.ts

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

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

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

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

@@ -0,0 +1,31 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import p from "classnames";
+import r from "./Banner.module.scss.js";
+import { BannerDefaults as d } from "./BannerTypes.js";
+import { applyMissingDefaults as f } from "../../../../helpers/applyMissingDefaults.js";
+import u from "../../../../assets/icons/icon-info-outline.svg.js";
+import v from "../../../../assets/icons/icon-error-outline.svg.js";
+const B = (o) => {
+  const a = f(o, d), { className: n, title: i, children: l, status: s, ...m } = a, c = s === "error" ? v : u;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ...m,
+      className: p(r.banner, n),
+      "data-status": s,
+      role: "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ t("div", { className: r.header, children: [
+          /* @__PURE__ */ e(c, { "aria-hidden": !0 }),
+          /* @__PURE__ */ e("div", { className: r.title, children: i })
+        ] }),
+        /* @__PURE__ */ e("div", { className: r.content, children: l })
+      ]
+    }
+  );
+};
+export {
+  B as Banner
+};
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sources":["../../../../../src/components/Common/UI/Banner/Banner.tsx"],"sourcesContent":["import type React from 'react'\nimport classnames from 'classnames'\nimport styles from './Banner.module.scss'\nimport type { BannerProps } from './BannerTypes'\nimport { BannerDefaults } from './BannerTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/icon-info-outline.svg?react'\nimport ErrorIcon from '@/assets/icons/icon-error-outline.svg?react'\n\nexport const Banner: React.FC<BannerProps> = rawProps => {\n  const resolvedProps = applyMissingDefaults(rawProps, BannerDefaults)\n  const { className, title, children, status, ...otherProps } = resolvedProps\n\n  const IconComponent = status === 'error' ? ErrorIcon : InfoIcon\n  return (\n    <div\n      {...otherProps}\n      className={classnames(styles.banner, className)}\n      data-status={status}\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      <div className={styles.header}>\n        <IconComponent aria-hidden />\n        <div className={styles.title}>{title}</div>\n      </div>\n      <div className={styles.content}>{children}</div>\n    </div>\n  )\n}\n"],"names":["Banner","rawProps","resolvedProps","applyMissingDefaults","BannerDefaults","className","title","children","status","otherProps","IconComponent","ErrorIcon","InfoIcon","jsxs","classnames","styles","jsx"],"mappings":";;;;;;;AASO,MAAMA,IAAgC,CAAAC,MAAY;AACvD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,GAAGC,MAAeP,GAExDQ,IAAgBF,MAAW,UAAUG,IAAYC;AACvD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,WAAWK,EAAWC,EAAO,QAAQV,CAAS;AAAA,MAC9C,eAAaG;AAAA,MACb,MAAK;AAAA,MACL,aAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWE,EAAO,QACrB,UAAA;AAAA,UAAA,gBAAAC,EAACN,GAAA,EAAc,eAAW,GAAA,CAAC;AAAA,UAC3B,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,OAAQ,UAAAT,EAAA,CAAM;AAAA,QAAA,GACvC;AAAA,QACA,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAR,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhD;"}

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

@@ -0,0 +1,14 @@
+const t = "_banner_tub6c_1", e = "_header_tub6c_12", n = "_title_tub6c_19", c = "_content_tub6c_25", _ = {
+  banner: t,
+  header: e,
+  title: n,
+  content: c
+};
+export {
+  t as banner,
+  c as content,
+  _ as default,
+  e as header,
+  n as title
+};
+//# sourceMappingURL=Banner.module.scss.js.map

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

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

package/dist/components/Common/UI/Banner/BannerTypes.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface BannerProps extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'id' | 'aria-label'> {
+    /**
+     * Title content displayed in the colored header section
+     */
+    title: ReactNode;
+    /**
+     * Content to be displayed in the main content area
+     */
+    children: ReactNode;
+    /**
+     * Visual status variant of the banner
+     */
+    status?: 'warning' | 'error';
+}
+/**
+ * Default prop values for Banner component.
+ */
+export declare const BannerDefaults: {
+    readonly status: "warning";
+};

package/dist/components/Common/UI/Banner/BannerTypes.js

@@ -0,0 +1,7 @@
+const n = {
+  status: "warning"
+};
+export {
+  n as BannerDefaults
+};
+//# sourceMappingURL=BannerTypes.js.map

package/dist/components/Common/UI/Banner/BannerTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerTypes.js","sources":["../../../../../src/components/Common/UI/Banner/BannerTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nexport interface BannerProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'id' | 'aria-label'> {\n  /**\n   * Title content displayed in the colored header section\n   */\n  title: ReactNode\n  /**\n   * Content to be displayed in the main content area\n   */\n  children: ReactNode\n  /**\n   * Visual status variant of the banner\n   */\n  status?: 'warning' | 'error'\n}\n\n/**\n * Default prop values for Banner component.\n */\nexport const BannerDefaults = {\n  status: 'warning',\n} as const satisfies Partial<BannerProps>\n"],"names":["BannerDefaults"],"mappings":"AAqBO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AACV;"}

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

@@ -0,0 +1,4 @@
+import "./types/i18next.d.ts"
+export { Banner } from './Banner';
+export type { BannerProps } from './BannerTypes';
+export { BannerDefaults } from './BannerTypes';

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

@@ -1,9 +1,9 @@
 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 { 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,

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

@@ -1,14 +1,14 @@
-const o = "_container_1l0mw_1", n = "_root_1l0mw_5", t = "_popover_1l0mw_99", _ = "_icons_1l0mw_231", c = {
+const o = "_container_1s6dq_1", s = "_root_1s6dq_5", n = "_popover_1s6dq_99", t = "_icons_1s6dq_231", _ = {
   container: o,
-  root: n,
-  popover: t,
-  icons: _
+  root: s,
+  popover: n,
+  icons: t
 };
 export {
   o as container,
-  c as default,
-  _ as icons,
-  t as popover,
-  n as root
+  _ as default,
+  t as icons,
+  n as popover,
+  s as root
 };
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,84 +1,58 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useRef as s, useState as B, useLayoutEffect as E } from "react";
-import { Button as g } from "../Button/Button.js";
-import { Grid as P } from "../../Grid/Grid.js";
-import { DialogDefaults as R } from "./DialogTypes.js";
-import r from "./Dialog.module.scss.js";
-import { applyMissingDefaults as j } from "../../../../helpers/applyMissingDefaults.js";
-import { useContainerBreakpoints as K } from "../../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { transitionDuration as M } from "../../../../contexts/ThemeProvider/theme.js";
-function Q(h) {
-  const k = j(h, R), {
-    isOpen: n,
-    onClose: t,
-    onPrimaryActionClick: a,
-    isDestructive: y,
-    isPrimaryActionLoading: C,
-    primaryActionLabel: v,
-    closeActionLabel: b,
-    title: l,
-    children: c,
-    shouldCloseOnBackdropClick: A
-  } = k, m = s(null), d = s(null), D = K({
-    ref: d
-  }), [x, u] = B(!1), i = s(null), N = D.includes("small") ? ["1fr", "1fr"] : "1fr";
-  E(() => {
-    const e = m.current;
-    if (e)
-      return i.current && clearTimeout(i.current), n && !e.open ? (e.showModal(), requestAnimationFrame(() => {
-        e.setAttribute("data-show", "true");
-      })) : !n && e.open && (u(!0), i.current = setTimeout(() => {
-        e.close(), e.removeAttribute("data-show"), u(!1);
-      }, M)), () => {
-        i.current && clearTimeout(i.current);
-      };
-  }, [n]);
-  const T = (e) => {
-    e.target === e.currentTarget && A && t?.();
-  }, w = (e) => {
-    e.key === "Escape" && t?.();
-  }, f = () => {
-    t && t();
-  }, L = () => {
-    a && a();
-  };
+import { jsx as o, jsxs as l, Fragment as D } from "react/jsx-runtime";
+import { useRef as x } from "react";
+import { Button as a } from "../Button/Button.js";
+import { Grid as L } from "../../Grid/Grid.js";
+import { DialogDefaults as P } from "./DialogTypes.js";
+import i from "./Dialog.module.scss.js";
+import { applyMissingDefaults as B } from "../../../../helpers/applyMissingDefaults.js";
+import { useContainerBreakpoints as N } from "../../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function H(c) {
+  const m = B(c, P), {
+    isOpen: d,
+    onClose: r,
+    onPrimaryActionClick: n,
+    isDestructive: p,
+    isPrimaryActionLoading: f,
+    primaryActionLabel: C,
+    closeActionLabel: u,
+    title: t,
+    children: e,
+    shouldCloseOnBackdropClick: g
+  } = m, h = R(), s = x(null), y = N({
+    ref: s
+  }).includes("small") ? ["1fr", "1fr"] : "1fr", k = () => {
+    r && r();
+  }, v = () => {
+    n && n();
+  }, b = /* @__PURE__ */ l(D, { children: [
+    t && /* @__PURE__ */ o("div", { className: i.title, children: t }),
+    e && /* @__PURE__ */ o("div", { className: i.body, children: e })
+  ] }), A = /* @__PURE__ */ l(L, { gridTemplateColumns: y, gap: 12, className: i.actions, children: [
+    /* @__PURE__ */ o(a, { variant: "secondary", onClick: k, children: u }),
+    /* @__PURE__ */ o(
+      a,
+      {
+        variant: p ? "error" : "primary",
+        onClick: v,
+        isLoading: f,
+        children: C
+      }
+    )
+  ] });
   return /* @__PURE__ */ o(
-    "dialog",
+    h.Modal,
     {
-      ref: m,
-      className: r.dialog,
-      onClose: f,
-      "data-exiting": x || void 0,
-      children: /* @__PURE__ */ o(
-        "div",
-        {
-          ref: d,
-          className: r.backdrop,
-          onClick: T,
-          onKeyDown: w,
-          role: "presentation",
-          children: /* @__PURE__ */ p("div", { className: r.content, children: [
-            l && /* @__PURE__ */ o("div", { className: r.title, children: l }),
-            c && /* @__PURE__ */ o("div", { className: r.body, children: c }),
-            /* @__PURE__ */ p(P, { gridTemplateColumns: N, gap: 12, className: r.actions, children: [
-              /* @__PURE__ */ o(g, { variant: "secondary", onClick: f, children: b }),
-              /* @__PURE__ */ o(
-                g,
-                {
-                  variant: y ? "error" : "primary",
-                  onClick: L,
-                  isLoading: C,
-                  children: v
-                }
-              )
-            ] })
-          ] })
-        }
-      )
+      isOpen: d,
+      onClose: r,
+      shouldCloseOnBackdropClick: g,
+      containerRef: s,
+      footer: A,
+      children: b
     }
   );
 }
 export {
-  Q as Dialog
+  H as Dialog
 };
 //# sourceMappingURL=Dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Common/UI/Dialog/Dialog.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport { Button } from '../Button/Button'\nimport { Grid } from '../../Grid/Grid'\nimport { type DialogProps, DialogDefaults } from './DialogTypes'\nimport styles from './Dialog.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { transitionDuration } from '@/contexts/ThemeProvider/theme'\n\nexport function Dialog(rawProps: DialogProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DialogDefaults)\n  const {\n    isOpen,\n    onClose,\n    onPrimaryActionClick,\n    isDestructive,\n    isPrimaryActionLoading,\n    primaryActionLabel,\n    closeActionLabel,\n    title,\n    children,\n    shouldCloseOnBackdropClick,\n  } = resolvedProps\n\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const backdropRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: backdropRef,\n  })\n\n  const [isExiting, setIsExiting] = useState(false)\n  const transitionTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const gridColumns = breakpoints.includes('small') ? ['1fr', '1fr'] : '1fr'\n\n  useLayoutEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    if (transitionTimeoutRef.current) {\n      clearTimeout(transitionTimeoutRef.current)\n    }\n\n    if (isOpen && !dialog.open) {\n      dialog.showModal()\n      requestAnimationFrame(() => {\n        dialog.setAttribute('data-show', 'true')\n      })\n    } else if (!isOpen && dialog.open) {\n      setIsExiting(true)\n      transitionTimeoutRef.current = setTimeout(() => {\n        dialog.close()\n        dialog.removeAttribute('data-show')\n        setIsExiting(false)\n      }, transitionDuration)\n    }\n\n    return () => {\n      if (transitionTimeoutRef.current) {\n        clearTimeout(transitionTimeoutRef.current)\n      }\n    }\n  }, [isOpen])\n\n  const handleBackdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.target === event.currentTarget && shouldCloseOnBackdropClick) {\n      onClose?.()\n    }\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      onClose?.()\n    }\n  }\n\n  const handleClose = () => {\n    if (onClose) {\n      onClose()\n    }\n  }\n\n  const handlePrimaryAction = () => {\n    if (onPrimaryActionClick) {\n      onPrimaryActionClick()\n    }\n  }\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className={styles.dialog}\n      onClose={handleClose}\n      data-exiting={isExiting || undefined}\n    >\n      <div\n        ref={backdropRef}\n        className={styles.backdrop}\n        onClick={handleBackdropClick}\n        onKeyDown={handleKeyDown}\n        role=\"presentation\"\n      >\n        <div className={styles.content}>\n          {title && <div className={styles.title}>{title}</div>}\n          {children && <div className={styles.body}>{children}</div>}\n          <Grid gridTemplateColumns={gridColumns} gap={12} className={styles.actions}>\n            <Button variant=\"secondary\" onClick={handleClose}>\n              {closeActionLabel}\n            </Button>\n            <Button\n              variant={isDestructive ? 'error' : 'primary'}\n              onClick={handlePrimaryAction}\n              isLoading={isPrimaryActionLoading}\n            >\n              {primaryActionLabel}\n            </Button>\n          </Grid>\n        </div>\n      </div>\n    </dialog>\n  )\n}\n"],"names":["Dialog","rawProps","resolvedProps","applyMissingDefaults","DialogDefaults","isOpen","onClose","onPrimaryActionClick","isDestructive","isPrimaryActionLoading","primaryActionLabel","closeActionLabel","title","children","shouldCloseOnBackdropClick","dialogRef","useRef","backdropRef","breakpoints","useContainerBreakpoints","isExiting","setIsExiting","useState","transitionTimeoutRef","gridColumns","useLayoutEffect","dialog","transitionDuration","handleBackdropClick","event","handleKeyDown","handleClose","handlePrimaryAction","jsx","styles","jsxs","Grid","Button"],"mappings":";;;;;;;;;AASO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,4BAAAC;AAAA,EAAA,IACEZ,GAEEa,IAAYC,EAA0B,IAAI,GAC1CC,IAAcD,EAAuB,IAAI,GACzCE,IAAcC,EAAwB;AAAA,IAC1C,KAAKF;AAAA,EAAA,CACN,GAEK,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAuBP,EAA8B,IAAI,GACzDQ,IAAcN,EAAY,SAAS,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI;AAErE,EAAAO,EAAgB,MAAM;AACpB,UAAMC,IAASX,EAAU;AACzB,QAAKW;AAEL,aAAIH,EAAqB,WACvB,aAAaA,EAAqB,OAAO,GAGvClB,KAAU,CAACqB,EAAO,QACpBA,EAAO,UAAA,GACP,sBAAsB,MAAM;AAC1B,QAAAA,EAAO,aAAa,aAAa,MAAM;AAAA,MACzC,CAAC,KACQ,CAACrB,KAAUqB,EAAO,SAC3BL,EAAa,EAAI,GACjBE,EAAqB,UAAU,WAAW,MAAM;AAC9C,QAAAG,EAAO,MAAA,GACPA,EAAO,gBAAgB,WAAW,GAClCL,EAAa,EAAK;AAAA,MACpB,GAAGM,CAAkB,IAGhB,MAAM;AACX,QAAIJ,EAAqB,WACvB,aAAaA,EAAqB,OAAO;AAAA,MAE7C;AAAA,EACF,GAAG,CAAClB,CAAM,CAAC;AAEX,QAAMuB,IAAsB,CAACC,MAA4C;AACvE,IAAIA,EAAM,WAAWA,EAAM,iBAAiBf,KAC1CR,IAAA;AAAA,EAEJ,GAEMwB,IAAgB,CAACD,MAA+C;AACpE,IAAIA,EAAM,QAAQ,YAChBvB,IAAA;AAAA,EAEJ,GAEMyB,IAAc,MAAM;AACxB,IAAIzB,KACFA,EAAA;AAAA,EAEJ,GAEM0B,IAAsB,MAAM;AAChC,IAAIzB,KACFA,EAAA;AAAA,EAEJ;AAEA,SACE,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKlB;AAAA,MACL,WAAWmB,EAAO;AAAA,MAClB,SAASH;AAAA,MACT,gBAAcX,KAAa;AAAA,MAE3B,UAAA,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKhB;AAAA,UACL,WAAWiB,EAAO;AAAA,UAClB,SAASN;AAAA,UACT,WAAWE;AAAA,UACX,MAAK;AAAA,UAEL,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWD,EAAO,SACpB,UAAA;AAAA,YAAAtB,KAAS,gBAAAqB,EAAC,OAAA,EAAI,WAAWC,EAAO,OAAQ,UAAAtB,GAAM;AAAA,YAC9CC,KAAY,gBAAAoB,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAO,UAAArB,GAAS;AAAA,YACpD,gBAAAsB,EAACC,KAAK,qBAAqBZ,GAAa,KAAK,IAAI,WAAWU,EAAO,SACjE,UAAA;AAAA,cAAA,gBAAAD,EAACI,GAAA,EAAO,SAAQ,aAAY,SAASN,GAClC,UAAApB,GACH;AAAA,cACA,gBAAAsB;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,SAAS7B,IAAgB,UAAU;AAAA,kBACnC,SAASwB;AAAA,kBACT,WAAWvB;AAAA,kBAEV,UAAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH,EAAA,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Common/UI/Dialog/Dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Button } from '../Button/Button'\nimport { Grid } from '../../Grid/Grid'\nimport { type DialogProps, DialogDefaults } from './DialogTypes'\nimport styles from './Dialog.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Dialog(rawProps: DialogProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DialogDefaults)\n  const {\n    isOpen,\n    onClose,\n    onPrimaryActionClick,\n    isDestructive,\n    isPrimaryActionLoading,\n    primaryActionLabel,\n    closeActionLabel,\n    title,\n    children,\n    shouldCloseOnBackdropClick,\n  } = resolvedProps\n\n  const Components = useComponentContext()\n\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: modalContainerRef,\n  })\n\n  const gridColumns = breakpoints.includes('small') ? ['1fr', '1fr'] : '1fr'\n\n  const handleClose = () => {\n    if (onClose) {\n      onClose()\n    }\n  }\n\n  const handlePrimaryAction = () => {\n    if (onPrimaryActionClick) {\n      onPrimaryActionClick()\n    }\n  }\n\n  const dialogContent = (\n    <>\n      {title && <div className={styles.title}>{title}</div>}\n      {children && <div className={styles.body}>{children}</div>}\n    </>\n  )\n\n  const dialogFooter = (\n    <Grid gridTemplateColumns={gridColumns} gap={12} className={styles.actions}>\n      <Button variant=\"secondary\" onClick={handleClose}>\n        {closeActionLabel}\n      </Button>\n      <Button\n        variant={isDestructive ? 'error' : 'primary'}\n        onClick={handlePrimaryAction}\n        isLoading={isPrimaryActionLoading}\n      >\n        {primaryActionLabel}\n      </Button>\n    </Grid>\n  )\n\n  return (\n    <Components.Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      shouldCloseOnBackdropClick={shouldCloseOnBackdropClick}\n      containerRef={modalContainerRef}\n      footer={dialogFooter}\n    >\n      {dialogContent}\n    </Components.Modal>\n  )\n}\n"],"names":["Dialog","rawProps","resolvedProps","applyMissingDefaults","DialogDefaults","isOpen","onClose","onPrimaryActionClick","isDestructive","isPrimaryActionLoading","primaryActionLabel","closeActionLabel","title","children","shouldCloseOnBackdropClick","Components","useComponentContext","modalContainerRef","useRef","gridColumns","useContainerBreakpoints","handleClose","handlePrimaryAction","dialogContent","jsxs","Fragment","jsx","styles","dialogFooter","Grid","Button"],"mappings":";;;;;;;;;AASO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,4BAAAC;AAAA,EAAA,IACEZ,GAEEa,IAAaC,EAAA,GAEbC,IAAoBC,EAAuB,IAAI,GAK/CC,IAJcC,EAAwB;AAAA,IAC1C,KAAKH;AAAA,EAAA,CACN,EAE+B,SAAS,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI,OAE/DI,IAAc,MAAM;AACxB,IAAIf,KACFA,EAAA;AAAA,EAEJ,GAEMgB,IAAsB,MAAM;AAChC,IAAIf,KACFA,EAAA;AAAA,EAEJ,GAEMgB,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAb,KAAS,gBAAAc,EAAC,OAAA,EAAI,WAAWC,EAAO,OAAQ,UAAAf,GAAM;AAAA,IAC9CC,KAAY,gBAAAa,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAO,UAAAd,EAAA,CAAS;AAAA,EAAA,GACtD,GAGIe,sBACHC,GAAA,EAAK,qBAAqBV,GAAa,KAAK,IAAI,WAAWQ,EAAO,SACjE,UAAA;AAAA,IAAA,gBAAAD,EAACI,GAAA,EAAO,SAAQ,aAAY,SAAST,GAClC,UAAAV,GACH;AAAA,IACA,gBAAAe;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAAStB,IAAgB,UAAU;AAAA,QACnC,SAASc;AAAA,QACT,WAAWb;AAAA,QAEV,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAGF,SACE,gBAAAgB;AAAA,IAACX,EAAW;AAAA,IAAX;AAAA,MACC,QAAAV;AAAA,MACA,SAAAC;AAAA,MACA,4BAAAQ;AAAA,MACA,cAAcG;AAAA,MACd,QAAQW;AAAA,MAEP,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,18 +1,12 @@
-const t = "_dialog_kvl1b_1", o = "_backdrop_kvl1b_21", _ = "_content_kvl1b_31", c = "_title_kvl1b_57", n = "_body_kvl1b_65", l = "_actions_kvl1b_71", s = {
-  dialog: t,
-  backdrop: o,
-  content: _,
-  title: c,
-  body: n,
-  actions: l
+const t = "_title_1geio_1", o = "_body_1geio_10", s = "_actions_1geio_16", e = {
+  title: t,
+  body: o,
+  actions: s
 };
 export {
-  l as actions,
-  o as backdrop,
-  n as body,
-  _ as content,
-  s as default,
-  t as dialog,
-  c as title
+  s as actions,
+  o as body,
+  e as default,
+  t as title
 };
 //# sourceMappingURL=Dialog.module.scss.js.map

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

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

package/dist/components/Common/UI/Link/LinkTypes.d.ts

@@ -1,4 +1,4 @@
-import { AnchorHTMLAttributes } from 'react';
+import { AnchorHTMLAttributes, ReactNode } from 'react';
 export type LinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 
 /**
  * URL that the link points to
@@ -16,10 +16,6 @@ export type LinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>,
  * Indicates that the link is for downloading a resource
  */
  | 'download'
-/**
- * Content to be displayed inside the link
- */
- | 'children'
 /**
  * Additional CSS class name
  */
@@ -51,4 +47,9 @@ export type LinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>,
 /**
  * Title text shown on hover
  */
- | 'title'>;
+ | 'title'> & {
+    /**
+     * Content to be displayed inside the link
+     */
+    children?: ReactNode;
+};

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

@@ -1,9 +1,9 @@
-const t = "_list_1ui59_1", s = "_item_1ui59_13", i = {
+const t = "_list_1tff9_1", s = "_item_1tff9_17", e = {
   list: t,
   item: s
 };
 export {
-  i as default,
+  e as default,
   s as item,
   t as list
 };

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

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