@gusto/embedded-react-sdk 0.7.0 → 0.8.1

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

@@ -0,0 +1,16 @@
+const t = "_documentList_1edqy_1", o = "_formTitle_1edqy_8", s = "_formDescription_1edqy_12", e = "_statusCell_1edqy_16", r = "_documentListError_1edqy_20", c = {
+  documentList: t,
+  formTitle: o,
+  formDescription: s,
+  statusCell: e,
+  documentListError: r
+};
+export {
+  c as default,
+  t as documentList,
+  r as documentListError,
+  s as formDescription,
+  o as formTitle,
+  e as statusCell
+};
+//# sourceMappingURL=DocumentList.module.scss.js.map

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

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

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

@@ -0,0 +1 @@
+export { DocumentList, type FormData } from './DocumentList';

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

@@ -0,0 +1,9 @@
+interface DocumentViewerProps {
+    url?: string | null;
+    title?: string;
+    downloadInstructions?: string;
+    viewDocumentLabel: string;
+    headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+export declare function DocumentViewer({ url, title, downloadInstructions, viewDocumentLabel, headingLevel: HeadingLevel, }: DocumentViewerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Common/DocumentViewer/DocumentViewer.js

@@ -0,0 +1,48 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useRef as p } from "react";
+import { Flex as i } from "../Flex/Flex.js";
+import n from "./DocumentViewer.module.scss.js";
+import { useContainerBreakpoints as h } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function k({
+  url: a,
+  title: r,
+  downloadInstructions: s,
+  viewDocumentLabel: d,
+  headingLevel: l = "h3"
+}) {
+  const m = u(), t = p(null), f = h({
+    ref: t
+  }).includes("small");
+  if (!a) return null;
+  const c = {
+    src: `${a}#toolbar=0&navpanes=0`,
+    title: r,
+    type: "application/pdf"
+  };
+  return /* @__PURE__ */ e("div", { className: n.container, ref: t, children: f ? /* @__PURE__ */ e("embed", { ...c, className: n.embedPdf }) : /* @__PURE__ */ e("div", { className: n.smallEmbedPdfContainer, children: /* @__PURE__ */ o(i, { gap: 20, children: [
+    /* @__PURE__ */ e("embed", { ...c, className: n.smallEmbedPdf }),
+    /* @__PURE__ */ o(i, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ o("div", { children: [
+        r && /* @__PURE__ */ e(l, { className: n.heading, children: r }),
+        s && /* @__PURE__ */ e(m.Text, { className: n.downloadInstructions, children: s })
+      ] }),
+      /* @__PURE__ */ e(
+        m.Link,
+        {
+          className: "react-aria-Button",
+          "data-variant": "secondary",
+          href: a,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          download: `${r || "document"}.pdf`,
+          children: d
+        }
+      )
+    ] })
+  ] }) }) });
+}
+export {
+  k as DocumentViewer
+};
+//# sourceMappingURL=DocumentViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewer.js","sources":["../../../../src/components/Common/DocumentViewer/DocumentViewer.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './DocumentViewer.module.scss'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\ninterface DocumentViewerProps {\n  url?: string | null\n  title?: string\n  downloadInstructions?: string\n  viewDocumentLabel: string\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport function DocumentViewer({\n  url,\n  title,\n  downloadInstructions,\n  viewDocumentLabel,\n  headingLevel: HeadingLevel = 'h3',\n}: DocumentViewerProps) {\n  const Components = useComponentContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const matches = useContainerBreakpoints({\n    ref: containerRef,\n  })\n\n  const isContainerWidthSmallOrGreater = matches.includes('small')\n\n  if (!url) return null\n\n  const commonEmbeddedPdfProps = {\n    src: `${url}#toolbar=0&navpanes=0`,\n    title,\n    type: 'application/pdf',\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      {isContainerWidthSmallOrGreater ? (\n        <embed {...commonEmbeddedPdfProps} className={styles.embedPdf} />\n      ) : (\n        <div className={styles.smallEmbedPdfContainer}>\n          <Flex gap={20}>\n            <embed {...commonEmbeddedPdfProps} className={styles.smallEmbedPdf} />\n            <Flex flexDirection=\"column\" gap={8}>\n              <div>\n                {title && <HeadingLevel className={styles.heading}>{title}</HeadingLevel>}\n                {downloadInstructions && (\n                  <Components.Text className={styles.downloadInstructions}>\n                    {downloadInstructions}\n                  </Components.Text>\n                )}\n              </div>\n              <Components.Link\n                className=\"react-aria-Button\"\n                data-variant=\"secondary\"\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                download={`${title || 'document'}.pdf`}\n              >\n                {viewDocumentLabel}\n              </Components.Link>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["DocumentViewer","url","title","downloadInstructions","viewDocumentLabel","HeadingLevel","Components","useComponentContext","containerRef","useRef","isContainerWidthSmallOrGreater","useContainerBreakpoints","commonEmbeddedPdfProps","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAaO,SAASA,EAAe;AAAA,EAC7B,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAcC,IAAe;AAC/B,GAAwB;AACtB,QAAMC,IAAaC,EAAoB,GACjCC,IAAeC,EAAuB,IAAI,GAK1CC,IAJUC,EAAwB;AAAA,IACtC,KAAKH;AAAA,EAAA,CACN,EAE8C,SAAS,OAAO;AAE3D,MAAA,CAACP,EAAY,QAAA;AAEjB,QAAMW,IAAyB;AAAA,IAC7B,KAAK,GAAGX,CAAG;AAAA,IACX,OAAAC;AAAA,IACA,MAAM;AAAA,EACR;AAGE,SAAA,gBAAAW,EAAC,OAAI,EAAA,WAAWC,EAAO,WAAW,KAAKN,GACpC,UAAAE,IACE,gBAAAG,EAAA,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,SAAU,CAAA,IAE/D,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAO,wBACrB,UAAA,gBAAAC,EAACC,GAAK,EAAA,KAAK,IACT,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAO,EAAA,GAAGD,GAAwB,WAAWE,EAAO,eAAe;AAAA,IACnE,gBAAAC,EAAAC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,OACE,EAAA,UAAA;AAAA,QAAAb,KAAU,gBAAAW,EAAAR,GAAA,EAAa,WAAWS,EAAO,SAAU,UAAMZ,GAAA;AAAA,QACzDC,uBACEG,EAAW,MAAX,EAAgB,WAAWQ,EAAO,sBAChC,UACHX,EAAA,CAAA;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAU;AAAA,QAACP,EAAW;AAAA,QAAX;AAAA,UACC,WAAU;AAAA,UACV,gBAAa;AAAA,UACb,MAAML;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,UAAU,GAAGC,KAAS,UAAU;AAAA,UAE/B,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EACF,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1,18 @@
+const n = "_container_jjjg0_1", d = "_embedPdf_jjjg0_4", e = "_smallEmbedPdfContainer_jjjg0_9", o = "_smallEmbedPdf_jjjg0_9", s = "_heading_jjjg0_23", t = "_downloadInstructions_jjjg0_26", a = {
+  container: n,
+  embedPdf: d,
+  smallEmbedPdfContainer: e,
+  smallEmbedPdf: o,
+  heading: s,
+  downloadInstructions: t
+};
+export {
+  n as container,
+  a as default,
+  t as downloadInstructions,
+  d as embedPdf,
+  s as heading,
+  o as smallEmbedPdf,
+  e as smallEmbedPdfContainer
+};
+//# sourceMappingURL=DocumentViewer.module.scss.js.map

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

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

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

@@ -0,0 +1 @@
+export * from './DocumentViewer';

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

@@ -0,0 +1,7 @@
+type EmptyDataProps = {
+    title?: string;
+    description?: string;
+    children?: React.ReactNode;
+};
+export declare function EmptyData({ title, description, children }: EmptyDataProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyData.js","sources":["../../../../src/components/Common/EmptyData/EmptyData.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport styles from './EmptyData.module.scss'\nimport magnifyingGlass from '@/assets/icons/magnifyingGlass.png'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype EmptyDataProps = {\n  title?: string\n  description?: string\n  children?: React.ReactNode\n}\nexport function EmptyData({ title, description, children }: EmptyDataProps) {\n  const { t } = useTranslation()\n  const { Text } = useComponentContext()\n  return (\n    <div className={styles.emptyData} data-testid=\"emptydata\">\n      <Flex flexDirection=\"column\" alignItems=\"center\">\n        <img src={magnifyingGlass} alt={t('icons.magnifyingGlass')} />\n        {title && (\n          <Text weight=\"bold\" className={styles.title}>\n            {title}\n          </Text>\n        )}\n        {description && <Text>{description}</Text>}\n        {children && children}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["EmptyData","title","description","children","t","useTranslation","Text","useComponentContext","jsx","styles","jsxs","Flex","magnifyingGlass"],"mappings":";;;;;;AAWO,SAASA,EAAU,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,KAA4B;AACpE,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe,GACvB,EAAE,MAAAC,EAAK,IAAIC,EAAoB;AACrC,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,WAAW,eAAY,aAC5C,UAAA,gBAAAC,EAACC,GAAK,EAAA,eAAc,UAAS,YAAW,UACtC,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,KAAKI,GAAiB,KAAKR,EAAE,uBAAuB,GAAG;AAAA,IAC3DH,uBACEK,GAAK,EAAA,QAAO,QAAO,WAAWG,EAAO,OACnC,UACHR,EAAA,CAAA;AAAA,IAEDC,KAAgB,gBAAAM,EAAAF,GAAA,EAAM,UAAYJ,EAAA,CAAA;AAAA,IAClCC,KAAYA;AAAA,EAAA,EAAA,CACf,EACF,CAAA;AAEJ;"}

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

@@ -0,0 +1,10 @@
+const t = "_emptyData_1dzn2_1", e = "_title_1dzn2_9", a = {
+  emptyData: t,
+  title: e
+};
+export {
+  a as default,
+  t as emptyData,
+  e as title
+};
+//# sourceMappingURL=EmptyData.module.scss.js.map

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

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

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

@@ -0,0 +1,4 @@
+import { FC, ReactNode } from 'react';
+export declare const FadeIn: FC<{
+    children: ReactNode;
+}>;

package/dist/components/Common/FadeIn/FadeIn.js

@@ -0,0 +1,18 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useState as a, useEffect as m } from "react";
+import e from "./FadeIn.module.scss.js";
+const u = ({ children: t }) => {
+  const [r, s] = a(!1);
+  return m(() => {
+    const i = requestAnimationFrame(() => {
+      s(!0);
+    });
+    return () => {
+      cancelAnimationFrame(i);
+    };
+  }, []), /* @__PURE__ */ o("div", { className: `${e.fade} ${r ? e.fadeIn : ""}`, children: t });
+};
+export {
+  u as FadeIn
+};
+//# sourceMappingURL=FadeIn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FadeIn.js","sources":["../../../../src/components/Common/FadeIn/FadeIn.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react'\nimport { useState, useEffect } from 'react'\nimport styles from './FadeIn.module.scss'\n\nexport const FadeIn: FC<{ children: ReactNode }> = ({ children }) => {\n  const [visible, setVisible] = useState(false)\n\n  useEffect(() => {\n    const timeout = requestAnimationFrame(() => {\n      setVisible(true)\n    })\n    return () => {\n      cancelAnimationFrame(timeout)\n    }\n  }, [])\n\n  return <div className={`${styles.fade} ${visible ? styles.fadeIn : ''}`}>{children}</div>\n}\n"],"names":["FadeIn","children","visible","setVisible","useState","useEffect","timeout","jsx","styles"],"mappings":";;;AAIO,MAAMA,IAAsC,CAAC,EAAE,UAAAC,QAAe;AACnE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAU,sBAAsB,MAAM;AAC1C,MAAAH,EAAW,EAAI;AAAA,IAAA,CAChB;AACD,WAAO,MAAM;AACX,2BAAqBG,CAAO;AAAA,IAC9B;AAAA,EACF,GAAG,EAAE,GAEG,gBAAAC,EAAA,OAAA,EAAI,WAAW,GAAGC,EAAO,IAAI,IAAIN,IAAUM,EAAO,SAAS,EAAE,IAAK,UAAAP,EAAS,CAAA;AACrF;"}

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

@@ -0,0 +1,10 @@
+const e = "_fade_6tfn1_1", f = "_fadeIn_6tfn1_8", a = {
+  fade: e,
+  fadeIn: f
+};
+export {
+  a as default,
+  e as fade,
+  f as fadeIn
+};
+//# sourceMappingURL=FadeIn.module.scss.js.map

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

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

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

@@ -0,0 +1,9 @@
+export interface FieldCaptionProps {
+    children: React.ReactNode;
+    as?: 'label' | 'legend';
+    htmlFor?: string;
+    isRequired?: boolean;
+    isVisuallyHidden?: boolean;
+    className?: string;
+}
+export declare const FieldCaption: React.FC<FieldCaptionProps>;

package/dist/components/Common/FieldCaption/FieldCaption.js

@@ -0,0 +1,30 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import d from "classnames";
+import n from "./FieldCaption.module.scss.js";
+import { VisuallyHidden as f } from "../VisuallyHidden/VisuallyHidden.js";
+const j = ({
+  children: e,
+  as: o = "label",
+  htmlFor: s,
+  isRequired: r = !1,
+  isVisuallyHidden: a = !1,
+  className: m
+}) => {
+  const { t: i } = p("common"), t = /* @__PURE__ */ c(
+    o,
+    {
+      className: d(n.root, m),
+      htmlFor: o === "label" ? s : void 0,
+      children: [
+        e,
+        !r && /* @__PURE__ */ l("span", { className: n.optionalLabel, children: i("optionalLabel") })
+      ]
+    }
+  );
+  return a ? /* @__PURE__ */ l(f, { children: t }) : t;
+};
+export {
+  j as FieldCaption
+};
+//# sourceMappingURL=FieldCaption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCaption.js","sources":["../../../../src/components/Common/FieldCaption/FieldCaption.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { VisuallyHidden } from '../VisuallyHidden'\nimport styles from './FieldCaption.module.scss'\n\nexport interface FieldCaptionProps {\n  children: React.ReactNode\n  as?: 'label' | 'legend'\n  htmlFor?: string\n  isRequired?: boolean\n  isVisuallyHidden?: boolean\n  className?: string\n}\n\nexport const FieldCaption: React.FC<FieldCaptionProps> = ({\n  children,\n  as = 'label',\n  htmlFor,\n  isRequired = false,\n  isVisuallyHidden = false,\n  className,\n}: FieldCaptionProps) => {\n  const { t } = useTranslation('common')\n  const Component = as\n\n  const content = (\n    <Component\n      className={classNames(styles.root, className)}\n      htmlFor={as === 'label' ? htmlFor : undefined}\n    >\n      {children}\n      {!isRequired && <span className={styles.optionalLabel}>{t('optionalLabel')}</span>}\n    </Component>\n  )\n\n  return isVisuallyHidden ? <VisuallyHidden>{content}</VisuallyHidden> : content\n}\n"],"names":["FieldCaption","children","as","htmlFor","isRequired","isVisuallyHidden","className","t","useTranslation","content","jsxs","classNames","styles","jsx","VisuallyHidden"],"mappings":";;;;;AAcO,MAAMA,IAA4C,CAAC;AAAA,EACxD,UAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,WAAAC;AACF,MAAyB;AACvB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAG/BC,IACJ,gBAAAC;AAAA,IAHgBR;AAAA,IAGf;AAAA,MACC,WAAWS,EAAWC,EAAO,MAAMN,CAAS;AAAA,MAC5C,SAASJ,MAAO,UAAUC,IAAU;AAAA,MAEnC,UAAA;AAAA,QAAAF;AAAA,QACA,CAACG,KAAe,gBAAAS,EAAA,QAAA,EAAK,WAAWD,EAAO,eAAgB,UAAEL,EAAA,eAAe,EAAE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7E;AAGF,SAAOF,IAAmB,gBAAAQ,EAACC,GAAgB,EAAA,UAAAL,EAAQ,CAAA,IAAoBA;AACzE;"}

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

@@ -0,0 +1,10 @@
+const o = "_root_1h6fy_1", t = "_optionalLabel_1h6fy_10", a = {
+  root: o,
+  optionalLabel: t
+};
+export {
+  a as default,
+  t as optionalLabel,
+  o as root
+};
+//# sourceMappingURL=FieldCaption.module.scss.js.map

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

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

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

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

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

@@ -0,0 +1,7 @@
+interface FieldDescriptionProps {
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+export declare const FieldDescription: React.FC<FieldDescriptionProps>;
+export {};

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

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "classnames";
+import p from "./FieldDescription.module.scss.js";
+import { createMarkup as a } from "../../../helpers/formattedStrings.js";
+const u = ({
+  children: o,
+  className: s,
+  id: m
+}) => {
+  const r = {
+    className: e(p.root, s),
+    id: m
+  };
+  return o && (typeof o == "string" ? /* @__PURE__ */ t("div", { ...r, dangerouslySetInnerHTML: a(o) }) : /* @__PURE__ */ t("div", { ...r, children: o }));
+};
+export {
+  u as FieldDescription
+};
+//# sourceMappingURL=FieldDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDescription.js","sources":["../../../../src/components/Common/FieldDescription/FieldDescription.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport styles from './FieldDescription.module.scss'\nimport { createMarkup } from '@/helpers/formattedStrings'\n\ninterface FieldDescriptionProps {\n  children: React.ReactNode\n  className?: string\n  id?: string\n}\n\nexport const FieldDescription: React.FC<FieldDescriptionProps> = ({\n  children,\n  className,\n  id,\n}: FieldDescriptionProps) => {\n  const commonProps = {\n    className: classNames(styles.root, className),\n    id,\n  }\n\n  return (\n    children &&\n    (typeof children === 'string' ? (\n      <div {...commonProps} dangerouslySetInnerHTML={createMarkup(children)} />\n    ) : (\n      <div {...commonProps}>{children}</div>\n    ))\n  )\n}\n"],"names":["FieldDescription","children","className","id","commonProps","classNames","styles","jsx","createMarkup"],"mappings":";;;;AAUO,MAAMA,IAAoD,CAAC;AAAA,EAChE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AACF,MAA6B;AAC3B,QAAMC,IAAc;AAAA,IAClB,WAAWC,EAAWC,EAAO,MAAMJ,CAAS;AAAA,IAC5C,IAAAC;AAAA,EACF;AAEA,SACEF,MACC,OAAOA,KAAa,WACnB,gBAAAM,EAAC,SAAK,GAAGH,GAAa,yBAAyBI,EAAaP,CAAQ,EAAG,CAAA,sBAEtE,OAAK,EAAA,GAAGG,GAAc,UAAAH,EAAS,CAAA;AAGtC;"}

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+interface FieldErrorMessageProps extends HTMLAttributes<HTMLParagraphElement> {
+    withErrorIcon?: boolean;
+}
+export declare function FieldErrorMessage({ children, id, className, withErrorIcon, ...props }: FieldErrorMessageProps): false | "" | 0 | 0n | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};

package/dist/components/Common/FieldErrorMessage/FieldErrorMessage.js

@@ -0,0 +1,28 @@
+import { jsx as i } from "react/jsx-runtime";
+import p from "classnames";
+import r from "./FieldErrorMessage.module.scss.js";
+import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function l({
+  children: o,
+  id: t,
+  className: e,
+  withErrorIcon: s = !0,
+  ...m
+}) {
+  const { Text: n } = a();
+  return o && /* @__PURE__ */ i(
+    n,
+    {
+      id: t,
+      className: p(r.root, e, {
+        [r.withErrorIcon]: s
+      }),
+      ...m,
+      children: o
+    }
+  );
+}
+export {
+  l as FieldErrorMessage
+};
+//# sourceMappingURL=FieldErrorMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldErrorMessage.js","sources":["../../../../src/components/Common/FieldErrorMessage/FieldErrorMessage.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport classNames from 'classnames'\nimport styles from './FieldErrorMessage.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface FieldErrorMessageProps extends HTMLAttributes<HTMLParagraphElement> {\n  withErrorIcon?: boolean\n}\n\nexport function FieldErrorMessage({\n  children,\n  id,\n  className,\n  withErrorIcon = true,\n  ...props\n}: FieldErrorMessageProps) {\n  const { Text } = useComponentContext()\n\n  return (\n    children && (\n      <Text\n        id={id}\n        className={classNames(styles.root, className, {\n          [styles.withErrorIcon as string]: withErrorIcon,\n        })}\n        {...props}\n      >\n        {children}\n      </Text>\n    )\n  )\n}\n"],"names":["FieldErrorMessage","children","id","className","withErrorIcon","props","Text","useComponentContext","jsx","classNames","styles"],"mappings":";;;;AASO,SAASA,EAAkB;AAAA,EAChC,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAA2B;AACnB,QAAA,EAAE,MAAAC,EAAK,IAAIC,EAAoB;AAErC,SACEN,KACE,gBAAAO;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,IAAAJ;AAAA,MACA,WAAWO,EAAWC,EAAO,MAAMP,GAAW;AAAA,QAC5C,CAACO,EAAO,aAAuB,GAAGN;AAAA,MAAA,CACnC;AAAA,MACA,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EACH;AAGN;"}

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

@@ -0,0 +1,10 @@
+const o = "_root_1v3i7_1", r = "_withErrorIcon_1v3i7_9", t = {
+  root: o,
+  withErrorIcon: r
+};
+export {
+  t as default,
+  o as root,
+  r as withErrorIcon
+};
+//# sourceMappingURL=FieldErrorMessage.module.scss.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { FieldLayoutProps } from './FieldLayoutTypes';
+export declare const FieldLayout: React.FC<FieldLayoutProps>;

package/dist/components/Common/FieldLayout/FieldLayout.js

@@ -0,0 +1,57 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import t from "classnames";
+import { FieldCaption as F } from "../FieldCaption/FieldCaption.js";
+import r from "./FieldLayout.module.scss.js";
+import { getDataProps as N } from "../../../helpers/getDataProps.js";
+import { FieldDescription as g } from "../FieldDescription/FieldDescription.js";
+import { FieldErrorMessage as x } from "../FieldErrorMessage/FieldErrorMessage.js";
+const A = ({
+  label: l,
+  description: i,
+  descriptionId: a,
+  errorMessage: m,
+  errorMessageId: d,
+  children: n,
+  isRequired: c = !1,
+  htmlFor: p,
+  shouldVisuallyHideLabel: o = !1,
+  className: f,
+  withErrorIcon: h = !0,
+  ...D
+}) => /* @__PURE__ */ s("div", { className: t(r.root, f), ...N(D), children: [
+  /* @__PURE__ */ s(
+    "div",
+    {
+      className: t(r.labelAndDescription, {
+        [r.withVisibleLabel]: !o,
+        [r.withDescription]: !!i
+      }),
+      children: [
+        /* @__PURE__ */ e(
+          F,
+          {
+            htmlFor: p,
+            isRequired: c,
+            isVisuallyHidden: o,
+            children: l
+          }
+        ),
+        /* @__PURE__ */ e(g, { id: a, children: i })
+      ]
+    }
+  ),
+  n,
+  /* @__PURE__ */ e(
+    x,
+    {
+      id: d,
+      className: r.errorMessage,
+      withErrorIcon: h,
+      children: m
+    }
+  )
+] });
+export {
+  A as FieldLayout
+};
+//# sourceMappingURL=FieldLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLayout.js","sources":["../../../../src/components/Common/FieldLayout/FieldLayout.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { FieldDescription } from '../FieldDescription'\nimport { FieldErrorMessage } from '../FieldErrorMessage'\nimport { FieldCaption } from '../FieldCaption/FieldCaption'\nimport styles from './FieldLayout.module.scss'\nimport type { FieldLayoutProps } from './FieldLayoutTypes'\nimport { getDataProps } from '@/helpers/getDataProps'\n\nexport const FieldLayout: React.FC<FieldLayoutProps> = ({\n  label,\n  description,\n  descriptionId,\n  errorMessage,\n  errorMessageId,\n  children,\n  isRequired = false,\n  htmlFor,\n  shouldVisuallyHideLabel = false,\n  className,\n  withErrorIcon = true,\n  ...props\n}: FieldLayoutProps) => {\n  return (\n    <div className={classNames(styles.root, className)} {...getDataProps(props)}>\n      <div\n        className={classNames(styles.labelAndDescription, {\n          [styles.withVisibleLabel as string]: !shouldVisuallyHideLabel,\n          [styles.withDescription as string]: Boolean(description),\n        })}\n      >\n        <FieldCaption\n          htmlFor={htmlFor}\n          isRequired={isRequired}\n          isVisuallyHidden={shouldVisuallyHideLabel}\n        >\n          {label}\n        </FieldCaption>\n        <FieldDescription id={descriptionId}>{description}</FieldDescription>\n      </div>\n      {children}\n      <FieldErrorMessage\n        id={errorMessageId}\n        className={styles.errorMessage}\n        withErrorIcon={withErrorIcon}\n      >\n        {errorMessage}\n      </FieldErrorMessage>\n    </div>\n  )\n}\n"],"names":["FieldLayout","label","description","descriptionId","errorMessage","errorMessageId","children","isRequired","htmlFor","shouldVisuallyHideLabel","className","withErrorIcon","props","jsxs","classNames","styles","getDataProps","jsx","FieldCaption","FieldDescription","FieldErrorMessage"],"mappings":";;;;;;;AAQO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,MAEI,gBAAAC,EAAC,OAAI,EAAA,WAAWC,EAAWC,EAAO,MAAML,CAAS,GAAI,GAAGM,EAAaJ,CAAK,GACxE,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,qBAAqB;AAAA,QAChD,CAACA,EAAO,gBAA0B,GAAG,CAACN;AAAA,QACtC,CAACM,EAAO,eAAyB,GAAG,EAAQb;AAAA,MAAW,CACxD;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAAV;AAAA,YACA,YAAAD;AAAA,YACA,kBAAkBE;AAAA,YAEjB,UAAAR;AAAA,UAAA;AAAA,QACH;AAAA,QACC,gBAAAgB,EAAAE,GAAA,EAAiB,IAAIhB,GAAgB,UAAYD,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpD;AAAA,EACCI;AAAA,EACD,gBAAAW;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,IAAIf;AAAA,MACJ,WAAWU,EAAO;AAAA,MAClB,eAAAJ;AAAA,MAEC,UAAAP;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}

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

@@ -0,0 +1,16 @@
+const t = "_root_1votu_1", e = "_labelAndDescription_1votu_7", o = "_withVisibleLabel_1votu_11", i = "_withDescription_1votu_14", s = "_errorMessage_1votu_18", r = {
+  root: t,
+  labelAndDescription: e,
+  withVisibleLabel: o,
+  withDescription: i,
+  errorMessage: s
+};
+export {
+  r as default,
+  s as errorMessage,
+  e as labelAndDescription,
+  t as root,
+  i as withDescription,
+  o as withVisibleLabel
+};
+//# sourceMappingURL=FieldLayout.module.scss.js.map

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

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

package/dist/components/Common/FieldLayout/FieldLayoutTypes.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+import { DataAttributes } from '../../../types/Helpers';
+export interface SharedFieldLayoutProps extends DataAttributes {
+    /**
+     * Optional description text for the field
+     */
+    description?: ReactNode;
+    /**
+     * Error message to display when the field is invalid
+     */
+    errorMessage?: string;
+    /**
+     * Indicates if the field is required
+     */
+    isRequired?: boolean;
+    /**
+     * Label text for the field
+     */
+    label: ReactNode;
+    /**
+     * Hides the label visually while keeping it accessible to screen readers
+     */
+    shouldVisuallyHideLabel?: boolean;
+}
+export interface InternalFieldLayoutProps {
+    /**
+     * Content to be rendered inside the field layout
+     */
+    children: React.ReactNode;
+    /**
+     * ID of the form control that this label is associated with
+     */
+    htmlFor: string;
+    /**
+     * ID of the error message element
+     */
+    errorMessageId: string;
+    /**
+     * ID of the description element
+     */
+    descriptionId: string;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Whether to show the error icon
+     */
+    withErrorIcon?: boolean;
+}
+export interface FieldLayoutProps extends SharedFieldLayoutProps, InternalFieldLayoutProps {
+}

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

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

package/dist/components/Common/Fields/CheckboxField/CheckboxField.d.ts

@@ -0,0 +1,5 @@
+import { UseFieldProps } from '../hooks/useField';
+import { CheckboxProps } from '../../UI/Checkbox/CheckboxTypes';
+export interface CheckboxFieldProps extends Omit<CheckboxProps, 'name' | 'value'>, UseFieldProps<boolean> {
+}
+export declare const CheckboxField: React.FC<CheckboxFieldProps>;

package/dist/components/Common/Fields/CheckboxField/CheckboxField.js

@@ -0,0 +1,28 @@
+import { jsx as x } from "react/jsx-runtime";
+import { useField as C } from "../hooks/useField.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const b = ({
+  rules: o,
+  defaultValue: e,
+  name: t,
+  errorMessage: r,
+  isRequired: n,
+  onChange: m,
+  transform: s,
+  ...p
+}) => {
+  const i = f(), c = C({
+    name: t,
+    rules: o,
+    defaultValue: e,
+    errorMessage: r,
+    isRequired: n,
+    onChange: m,
+    transform: s
+  });
+  return /* @__PURE__ */ x(i.Checkbox, { ...c, ...p });
+};
+export {
+  b as CheckboxField
+};
+//# sourceMappingURL=CheckboxField.js.map

package/dist/components/Common/Fields/CheckboxField/CheckboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.js","sources":["../../../../../src/components/Common/Fields/CheckboxField/CheckboxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface CheckboxFieldProps\n  extends Omit<CheckboxProps, 'name' | 'value'>,\n    UseFieldProps<boolean> {}\n\nexport const CheckboxField: React.FC<CheckboxFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...checkboxProps\n}: CheckboxFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n  })\n\n  return <Components.Checkbox {...fieldProps} {...checkboxProps} />\n}\n"],"names":["CheckboxField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","checkboxProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AACxB,QAAMC,IAAaC,EAAoB,GACjCC,IAAaC,EAAS;AAAA,IAC1B,MAAAT;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,UAAX,EAAqB,GAAGE,GAAa,GAAGH,GAAe;AACjE;"}

package/dist/components/Common/Fields/CheckboxField/index.d.ts

@@ -0,0 +1 @@
+export { CheckboxField, type CheckboxFieldProps } from './CheckboxField';

package/dist/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.d.ts

@@ -0,0 +1,10 @@
+import { UseFieldProps } from '../hooks/useField';
+import { CheckboxGroupProps, CheckboxGroupOption } from '../../UI/CheckboxGroup/CheckboxGroupTypes';
+import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
+type GenericCheckboxGroupOption<TValue> = OptionWithGenericValue<TValue, CheckboxGroupOption>;
+export interface CheckboxGroupFieldProps<TValue> extends Omit<CheckboxGroupProps, 'value' | 'onChange' | 'options'>, UseFieldProps<TValue[]> {
+    options: GenericCheckboxGroupOption<TValue>[];
+    convertValueToString?: (value: TValue) => string;
+}
+export declare const CheckboxGroupField: <TValue = string>({ rules, defaultValue, name, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, ...checkboxGroupProps }: CheckboxGroupFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export {};