@gusto/embedded-react-sdk 0.16.0 → 0.18.0

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

@@ -1,16 +1,14 @@
-import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
-import "react-i18next";
-import "classnames";
+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 f({
+function p({
   signatureLabel: r,
   signatureDescription: i = "",
   signatureError: t = "",
   confirmationLabel: o,
-  confirmationError: m = ""
+  confirmationError: n = ""
 }) {
-  return /* @__PURE__ */ n(s, { children: [
+  return /* @__PURE__ */ s(m, { children: [
     /* @__PURE__ */ e(
       a,
       {
@@ -27,12 +25,12 @@ function f({
         name: "confirmSignature",
         isRequired: !0,
         label: o,
-        errorMessage: m
+        errorMessage: n
       }
     )
   ] });
 }
 export {
-  f 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/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,2 +1,2 @@
 import { BreadcrumbsProps } from './BreadcrumbsTypes';
-export declare function Breadcrumbs({ className, breadcrumbs, currentBreadcrumbId, 'aria-label': ariaLabel, onClick, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumbs(rawProps: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,28 +1,42 @@
 import { jsx as l } from "react/jsx-runtime";
-import t from "classnames";
-import i from "./Breadcrumbs.module.scss.js";
-import { Flex as p } from "../../Flex/Flex.js";
-function N({
-  className: n,
-  breadcrumbs: c,
-  currentBreadcrumbId: o,
-  "aria-label": m = "Breadcrumbs",
-  onClick: r
-}) {
-  return /* @__PURE__ */ l(p, { flexDirection: "column", children: /* @__PURE__ */ l("nav", { "aria-label": m, className: t(i.root, n), children: /* @__PURE__ */ l("ol", { className: i.list, children: c.map((e) => {
-    const a = e.id === o, s = !a && r;
+import h from "classnames";
+import { BreadcrumbsDefaults as k } from "./BreadcrumbsTypes.js";
+import r from "./Breadcrumbs.module.scss.js";
+import { applyMissingDefaults as x } from "../../../../helpers/applyMissingDefaults.js";
+import { Flex as u } from "../../Flex/Flex.js";
+function I(p) {
+  const f = x(p, k), {
+    className: s,
+    breadcrumbs: n,
+    currentBreadcrumbId: t,
+    "aria-label": c,
+    onClick: i,
+    isSmallContainer: b
+  } = f, o = n.findIndex((e) => e.id === t), a = o > 0 ? n[o - 1] : null;
+  return b && a && i ? /* @__PURE__ */ l(u, { flexDirection: "column", children: /* @__PURE__ */ l("nav", { "aria-label": c, className: s, children: /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      className: r.smallBack,
+      onClick: () => {
+        i(a.id);
+      },
+      children: a.label
+    }
+  ) }) }) : /* @__PURE__ */ l(u, { flexDirection: "column", children: /* @__PURE__ */ l("nav", { "aria-label": c, className: s, children: /* @__PURE__ */ l("ol", { className: r.list, children: n.map((e) => {
+    const m = e.id === t, d = !m && i;
     return /* @__PURE__ */ l(
       "li",
       {
-        className: t(i.item, s && i.clickable),
-        "aria-current": a ? "step" : !1,
-        children: s ? /* @__PURE__ */ l(
+        className: h(r.item, d && r.clickable),
+        "aria-current": m ? "step" : !1,
+        children: d ? /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            className: i.link,
+            className: r.link,
             onClick: () => {
-              r(e.id);
+              i(e.id);
             },
             children: e.label
           }
@@ -33,6 +47,6 @@ function N({
   }) }) }) });
 }
 export {
-  N as Breadcrumbs
+  I 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 } from './BreadcrumbsTypes'\nimport styles from './Breadcrumbs.module.scss'\n\nexport function Breadcrumbs({\n  className,\n  breadcrumbs,\n  currentBreadcrumbId,\n  'aria-label': ariaLabel = 'Breadcrumbs',\n  onClick,\n}: BreadcrumbsProps) {\n  return (\n    <Flex flexDirection=\"column\">\n      <nav aria-label={ariaLabel} className={classnames(styles.root, 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","className","breadcrumbs","currentBreadcrumbId","ariaLabel","onClick","jsx","Flex","classnames","styles","breadcrumb","isCurrentbreadcrumb","isClickable"],"mappings":";;;;AAKO,SAASA,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAcC,IAAY;AAAA,EAC1B,SAAAC;AACF,GAAqB;AACnB,SACE,gBAAAC,EAACC,KAAK,eAAc,UAClB,4BAAC,OAAA,EAAI,cAAYH,GAAW,WAAWI,EAAWC,EAAO,MAAMR,CAAS,GACtE,UAAA,gBAAAK,EAAC,MAAA,EAAG,WAAWG,EAAO,MACnB,UAAAP,EAAY,IAAI,CAAAQ,MAAc;AAC7B,UAAMC,IAAsBD,EAAW,OAAOP,GACxCS,IAAc,CAACD,KAAuBN;AAE5C,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWE,EAAWC,EAAO,MAAMG,KAAeH,EAAO,SAAS;AAAA,QAClE,gBAAcE,IAAsB,SAAS;AAAA,QAE5C,UAAAC,IACC,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWG,EAAO;AAAA,YAClB,SAAS,MAAM;AACb,cAAAJ,EAAQK,EAAW,EAAE;AAAA,YACvB;AAAA,YAEC,UAAAA,EAAW;AAAA,UAAA;AAAA,QAAA,IAGd,gBAAAJ,EAAC,QAAA,EAAM,UAAAI,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  if (isSmallContainer && previousBreadcrumb && onClick) {\n    return (\n      <Flex flexDirection=\"column\">\n        <nav aria-label={ariaLabel} className={className}>\n          <button\n            type=\"button\"\n            className={styles.smallBack}\n            onClick={() => {\n              onClick(previousBreadcrumb.id)\n            }}\n          >\n            {previousBreadcrumb.label}\n          </button>\n        </nav>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\">\n      <nav aria-label={ariaLabel} className={className}>\n        <ol className={styles.list}>\n          {breadcrumbs.map(breadcrumb => {\n            const isCurrentbreadcrumb = breadcrumb.id === currentBreadcrumbId\n            const isClickable = !isCurrentbreadcrumb && onClick\n\n            return (\n              <li\n                key={breadcrumb.id}\n                className={classnames(styles.item, isClickable && styles.clickable)}\n                aria-current={isCurrentbreadcrumb ? 'step' : false}\n              >\n                {isClickable ? (\n                  <button\n                    type=\"button\"\n                    className={styles.link}\n                    onClick={() => {\n                      onClick(breadcrumb.id)\n                    }}\n                  >\n                    {breadcrumb.label}\n                  </button>\n                ) : (\n                  <span>{breadcrumb.label}</span>\n                )}\n              </li>\n            )\n          })}\n        </ol>\n      </nav>\n    </Flex>\n  )\n}\n"],"names":["Breadcrumbs","rawProps","resolvedProps","applyMissingDefaults","BreadcrumbsDefaults","className","breadcrumbs","currentBreadcrumbId","ariaLabel","onClick","isSmallContainer","currentIndex","b","previousBreadcrumb","jsx","Flex","styles","breadcrumb","isCurrentbreadcrumb","isClickable","classnames"],"mappings":";;;;;;AAMO,SAASA,EAAYC,GAA4B;AACtD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAmB,GAClE;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAcC;AAAA,IACd,SAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACER,GAEES,IAAeL,EAAY,UAAU,CAAAM,MAAKA,EAAE,OAAOL,CAAmB,GACtEM,IAAqBF,IAAe,IAAIL,EAAYK,IAAe,CAAC,IAAI;AAE9E,SAAID,KAAoBG,KAAsBJ,IAE1C,gBAAAK,EAACC,KAAK,eAAc,UAClB,4BAAC,OAAA,EAAI,cAAYP,GAAW,WAAAH,GAC1B,UAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWE,EAAO;AAAA,MAClB,SAAS,MAAM;AACb,QAAAP,EAAQI,EAAmB,EAAE;AAAA,MAC/B;AAAA,MAEC,UAAAA,EAAmB;AAAA,IAAA;AAAA,EAAA,GAExB,EAAA,CACF,sBAKDE,GAAA,EAAK,eAAc,UAClB,UAAA,gBAAAD,EAAC,SAAI,cAAYN,GAAW,WAAAH,GAC1B,UAAA,gBAAAS,EAAC,QAAG,WAAWE,EAAO,MACnB,UAAAV,EAAY,IAAI,CAAAW,MAAc;AAC7B,UAAMC,IAAsBD,EAAW,OAAOV,GACxCY,IAAc,CAACD,KAAuBT;AAE5C,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWM,EAAWJ,EAAO,MAAMG,KAAeH,EAAO,SAAS;AAAA,QAClE,gBAAcE,IAAsB,SAAS;AAAA,QAE5C,UAAAC,IACC,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWE,EAAO;AAAA,YAClB,SAAS,MAAM;AACb,cAAAP,EAAQQ,EAAW,EAAE;AAAA,YACvB;AAAA,YAEC,UAAAA,EAAW;AAAA,UAAA;AAAA,QAAA,IAGd,gBAAAH,EAAC,QAAA,EAAM,UAAAG,EAAW,MAAA,CAAM;AAAA,MAAA;AAAA,MAfrBA,EAAW;AAAA,IAAA;AAAA,EAmBtB,CAAC,EAAA,CACH,EAAA,CACF,GACF;AAEJ;"}

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

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

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

@@ -24,4 +24,18 @@ export interface BreadcrumbsProps {
      * Event handler for breadcrumb navigation
      */
     onClick?: (id: string) => void;
+    /**
+     * Passed to the breadcrumbs when the container size is small (640px and below)
+     * At this size, the breadcrumb typically does not have sufficient size to render
+     * completely. In our implementation, we switch to a condensed mobile version of
+     * the breadcrumbs
+     */
+    isSmallContainer?: boolean;
 }
+/**
+ * Default prop values for Breadcrumbs component.
+ */
+export declare const BreadcrumbsDefaults: {
+    readonly isSmallContainer: false;
+    readonly 'aria-label': "Breadcrumbs";
+};

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

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

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

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

package/dist/components/Common/UI/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/DescriptionList/DescriptionList.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { DescriptionList } from './DescriptionList';
+export type { DescriptionListProps, DescriptionListItem } from './DescriptionListTypes';

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/Modal/Modal.d.ts

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

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

@@ -0,0 +1,90 @@
+import { jsx as n, jsxs as N } from "react/jsx-runtime";
+import { useRef as s, useState as O, useLayoutEffect as S } from "react";
+import i from "classnames";
+import { ModalDefaults as T } from "./ModalTypes.js";
+import o from "./Modal.module.scss.js";
+import { applyMissingDefaults as B } from "../../../../helpers/applyMissingDefaults.js";
+import { useContainerBreakpoints as E } from "../../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { useOverflowDetection as M } from "../../../../hooks/useOverflowDetection/useOverflowDetection.js";
+import { useForkRef as A } from "../../../../hooks/useForkRef/useForkRef.js";
+import { transitionDuration as F } from "../../../../contexts/ThemeProvider/theme.js";
+function Q(g) {
+  const h = B(g, T), { isOpen: l, onClose: t, shouldCloseOnBackdropClick: v, children: c, footer: f, containerRef: C } = h, m = s(null), d = s(null), u = s(null), b = A(d, C), w = E({
+    ref: d
+  }), a = M({
+    ref: u
+  }), [R, p] = O(!1), r = s(null), k = w.includes("small");
+  S(() => {
+    const e = m.current;
+    if (e)
+      return r.current && clearTimeout(r.current), l && !e.open ? (e.showModal(), requestAnimationFrame(() => {
+        e.setAttribute("data-show", "true");
+      })) : !l && e.open && (p(!0), r.current = setTimeout(() => {
+        e.close(), e.removeAttribute("data-show"), p(!1);
+      }, F)), () => {
+        r.current && clearTimeout(r.current);
+      };
+  }, [l]);
+  const x = (e) => {
+    e.target === e.currentTarget && v && t?.();
+  }, y = (e) => {
+    e.key === "Escape" && t?.();
+  }, D = () => {
+    t && t();
+  };
+  return /* @__PURE__ */ n(
+    "dialog",
+    {
+      ref: m,
+      className: o.dialog,
+      onClose: D,
+      "data-exiting": R || void 0,
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          ref: b,
+          className: i(o.backdrop, {
+            [o.backdropSmall]: k
+          }),
+          onClick: x,
+          onKeyDown: y,
+          role: "presentation",
+          children: /* @__PURE__ */ N(
+            "div",
+            {
+              ref: u,
+              className: i(o.modal, {
+                [o.modalSmall]: k,
+                [o.modalOverflowing]: a
+              }),
+              children: [
+                c && /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: i(o.content, {
+                      [o.contentScrollable]: a
+                    }),
+                    children: c
+                  }
+                ),
+                f && /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: i(o.footer, {
+                      [o.footerFixed]: a
+                    }),
+                    children: f
+                  }
+                )
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  Q as Modal
+};
+//# sourceMappingURL=Modal.js.map