@gusto/embedded-react-sdk 0.11.1 → 0.11.3-rc.1

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.js","sources":["../../../../src/components/Common/DocumentList/DocumentList.tsx"],"sourcesContent":["import { DataView, useDataView } from '../DataView'\nimport { EmptyData } from '../EmptyData/EmptyData'\nimport styles from './DocumentList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface FormData {\n  uuid: string\n  title?: string\n  description?: string\n  requires_signing?: boolean\n}\n\ninterface DocumentListProps {\n  forms: FormData[]\n  canSign?: boolean\n  onRequestSign?: (form: FormData) => void\n  withError?: boolean\n  label: string\n  columnLabels: {\n    form: string\n    action: string\n  }\n  statusLabels: {\n    signCta: string\n    notSigned: string\n    complete: string\n  }\n  emptyStateLabel: string\n  errorLabel: string\n}\n\nfunction DocumentList({\n  forms,\n  canSign = true,\n  onRequestSign,\n  withError = false,\n  label,\n  columnLabels,\n  statusLabels,\n  emptyStateLabel,\n  errorLabel,\n}: DocumentListProps) {\n  const Components = useComponentContext()\n  const { ...dataViewProps } = useDataView({\n    data: forms,\n    columns: [\n      {\n        title: columnLabels.form,\n        render: (form: FormData) => (\n          <>\n            <div className={styles.formTitle}>{form.title}</div>\n            <div className={styles.formDescription}>{form.description}</div>\n          </>\n        ),\n      },\n      {\n        title: columnLabels.action,\n        render: (form: FormData) => (\n          <div className={styles.statusCell}>\n            {form.requires_signing ? (\n              canSign ? (\n                <Components.Button variant=\"secondary\" onClick={() => onRequestSign?.(form)}>\n                  {statusLabels.signCta}\n                </Components.Button>\n              ) : (\n                <Components.Badge status=\"warning\">{statusLabels.notSigned}</Components.Badge>\n              )\n            ) : (\n              <Components.Badge status=\"success\">{statusLabels.complete}</Components.Badge>\n            )}\n          </div>\n        ),\n      },\n    ],\n    emptyState: () =>\n      withError ? (\n        <Components.Text className={styles.documentListError}>{errorLabel}</Components.Text>\n      ) : (\n        <EmptyData title={emptyStateLabel} />\n      ),\n  })\n\n  return (\n    <div className={styles.documentList}>\n      <DataView label={label} {...dataViewProps} />\n    </div>\n  )\n}\n\nexport { DocumentList }\n"],"names":["DocumentList","forms","canSign","onRequestSign","withError","label","columnLabels","statusLabels","emptyStateLabel","errorLabel","Components","useComponentContext","dataViewProps","useDataView","form","jsxs","Fragment","jsx","styles","EmptyData","DataView"],"mappings":";;;;;;AA+BA,SAASA,EAAa;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACF,GAAsB;AACpB,QAAMC,IAAaC,EAAoB,GACjC,EAAE,GAAGC,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMZ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOK,EAAa;AAAA,QACpB,QAAQ,CAACQ,MAEL,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWC,EAAO,WAAY,YAAK,OAAM;AAAA,4BAC7C,OAAI,EAAA,WAAWA,EAAO,iBAAkB,YAAK,YAAY,CAAA;AAAA,QAAA,EAC5D,CAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,OAAOZ,EAAa;AAAA,QACpB,QAAQ,CAACQ,wBACN,OAAI,EAAA,WAAWI,EAAO,YACpB,UAAAJ,EAAK,mBACJZ,IACE,gBAAAe,EAACP,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMP,IAAgBW,CAAI,GACvE,UAAAP,EAAa,SAChB,IAEA,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,UAAU,CAAA,IAG7D,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,UAAS,EAE9D,CAAA;AAAA,MAAA;AAAA,IAGN;AAAA,IACA,YAAY,MACVH,IACE,gBAAAa,EAACP,EAAW,MAAX,EAAgB,WAAWQ,EAAO,mBAAoB,UAAWT,EAAA,CAAA,IAEjE,gBAAAQ,EAAAE,GAAA,EAAU,OAAOX,EAAiB,CAAA;AAAA,EAAA,CAExC;AAGC,SAAA,gBAAAS,EAAC,OAAI,EAAA,WAAWC,EAAO,cACrB,4BAACE,GAAS,EAAA,OAAAf,GAAe,GAAGO,EAAA,CAAe,EAC7C,CAAA;AAEJ;"}
+{"version":3,"file":"DocumentList.js","sources":["../../../../src/components/Common/DocumentList/DocumentList.tsx"],"sourcesContent":["import { DataView, useDataView } from '../DataView'\nimport { EmptyData } from '../EmptyData/EmptyData'\nimport styles from './DocumentList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface FormData {\n  uuid: string\n  title?: string\n  description?: string\n  requires_signing?: boolean\n}\n\ninterface DocumentListProps {\n  forms: FormData[]\n  canSign?: boolean\n  onRequestSign?: (form: FormData) => void\n  withError?: boolean\n  label: string\n  columnLabels: {\n    form: string\n    action: string\n  }\n  statusLabels: {\n    signCta: string\n    notSigned: string\n    complete: string\n  }\n  emptyStateLabel: string\n  errorLabel: string\n}\n\nfunction DocumentList({\n  forms,\n  canSign = true,\n  onRequestSign,\n  withError = false,\n  label,\n  columnLabels,\n  statusLabels,\n  emptyStateLabel,\n  errorLabel,\n}: DocumentListProps) {\n  const Components = useComponentContext()\n  const { ...dataViewProps } = useDataView({\n    data: forms,\n    columns: [\n      {\n        title: columnLabels.form,\n        render: (form: FormData) => (\n          <>\n            <div className={styles.formTitle}>{form.title}</div>\n            <div className={styles.formDescription}>{form.description}</div>\n          </>\n        ),\n      },\n      {\n        title: columnLabels.action,\n        render: (form: FormData) => (\n          <div className={styles.statusCell}>\n            {form.requires_signing ? (\n              canSign ? (\n                <Components.Button variant=\"secondary\" onClick={() => onRequestSign?.(form)}>\n                  {statusLabels.signCta}\n                </Components.Button>\n              ) : (\n                <Components.Badge status=\"warning\">{statusLabels.notSigned}</Components.Badge>\n              )\n            ) : (\n              <Components.Badge status=\"success\">{statusLabels.complete}</Components.Badge>\n            )}\n          </div>\n        ),\n      },\n    ],\n    emptyState: () =>\n      withError ? (\n        <Components.Text className={styles.documentListError}>{errorLabel}</Components.Text>\n      ) : (\n        <EmptyData title={emptyStateLabel} />\n      ),\n  })\n\n  return (\n    <div className={styles.documentList}>\n      <DataView label={label} {...dataViewProps} />\n    </div>\n  )\n}\n\nexport { DocumentList }\n"],"names":["DocumentList","forms","canSign","onRequestSign","withError","label","columnLabels","statusLabels","emptyStateLabel","errorLabel","Components","useComponentContext","dataViewProps","useDataView","form","jsxs","Fragment","jsx","styles","EmptyData","DataView"],"mappings":";;;;;;AA+BA,SAASA,EAAa;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACF,GAAsB;AACpB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMZ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOK,EAAa;AAAA,QACpB,QAAQ,CAACQ,MACP,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAY,YAAK,OAAM;AAAA,4BAC7C,OAAA,EAAI,WAAWA,EAAO,iBAAkB,YAAK,YAAA,CAAY;AAAA,QAAA,EAAA,CAC5D;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAOZ,EAAa;AAAA,QACpB,QAAQ,CAACQ,wBACN,OAAA,EAAI,WAAWI,EAAO,YACpB,UAAAJ,EAAK,mBACJZ,IACE,gBAAAe,EAACP,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMP,IAAgBW,CAAI,GACvE,UAAAP,EAAa,SAChB,IAEA,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,WAAU,IAG7D,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,UAAS,EAAA,CAE9D;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,YAAY,MACVH,IACE,gBAAAa,EAACP,EAAW,MAAX,EAAgB,WAAWQ,EAAO,mBAAoB,UAAAT,EAAA,CAAW,IAElE,gBAAAQ,EAACE,GAAA,EAAU,OAAOX,EAAA,CAAiB;AAAA,EAAA,CAExC;AAED,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,4BAACE,GAAA,EAAS,OAAAf,GAAe,GAAGO,EAAA,CAAe,EAAA,CAC7C;AAEJ;"}

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

@@ -1,4 +1,4 @@
-const t = "_documentList_1edqy_1", o = "_formTitle_1edqy_8", s = "_formDescription_1edqy_12", e = "_statusCell_1edqy_16", r = "_documentListError_1edqy_20", c = {
+const t = "_documentList_y7zef_1", o = "_formTitle_y7zef_8", s = "_formDescription_y7zef_12", e = "_statusCell_y7zef_16", r = "_documentListError_y7zef_20", c = {
   documentList: t,
   formTitle: o,
   formDescription: s,

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

@@ -1 +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;"}
+{"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,EAAA,GACbC,IAAeC,EAAuB,IAAI,GAK1CC,IAJUC,EAAwB;AAAA,IACtC,KAAKH;AAAA,EAAA,CACN,EAE8C,SAAS,OAAO;AAE/D,MAAI,CAACP,EAAK,QAAO;AAEjB,QAAMW,IAAyB;AAAA,IAC7B,KAAK,GAAGX,CAAG;AAAA,IACX,OAAAC;AAAA,IACA,MAAM;AAAA,EAAA;AAGR,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,KAAKN,GACpC,UAAAE,IACC,gBAAAG,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,SAAA,CAAU,IAE/D,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,wBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,KAAK,IACT,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,eAAe;AAAA,IACpE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EACE,UAAA;AAAA,QAAAb,KAAS,gBAAAW,EAACR,GAAA,EAAa,WAAWS,EAAO,SAAU,UAAAZ,GAAM;AAAA,QACzDC,uBACEG,EAAW,MAAX,EAAgB,WAAWQ,EAAO,sBAChC,UAAAX,EAAA,CACH;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,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GAEJ;AAEJ;"}

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

@@ -1,4 +1,4 @@
-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 = {
+const n = "_container_1ux7f_1", d = "_embedPdf_1ux7f_4", e = "_smallEmbedPdfContainer_1ux7f_9", o = "_smallEmbedPdf_1ux7f_9", s = "_heading_1ux7f_23", t = "_downloadInstructions_1ux7f_26", a = {
   container: n,
   embedPdf: d,
   smallEmbedPdfContainer: e,

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

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

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

@@ -1,4 +1,4 @@
-const t = "_emptyData_1dzn2_1", e = "_title_1dzn2_9", a = {
+const t = "_emptyData_4b2s1_1", e = "_title_4b2s1_9", a = {
   emptyData: t,
   title: e
 };

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

@@ -1 +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;"}
+{"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;AACd,UAAMC,IAAU,sBAAsB,MAAM;AAC1C,MAAAH,EAAW,EAAI;AAAA,IACjB,CAAC;AACD,WAAO,MAAM;AACX,2BAAqBG,CAAO;AAAA,IAC9B;AAAA,EACF,GAAG,CAAA,CAAE,GAEE,gBAAAC,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAO,IAAI,IAAIN,IAAUM,EAAO,SAAS,EAAE,IAAK,UAAAP,EAAA,CAAS;AACrF;"}

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

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

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

@@ -1 +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;"}
+{"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,KAAc,gBAAAM,EAAC,QAAA,EAAK,WAAWE,EAAO,eAAe,UAAA;AAAA,UAAA;AAAA,UAAEL,EAAE,eAAe;AAAA,QAAA,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhF,SAAOF,IAAmB,gBAAAQ,EAACC,GAAA,EAAgB,UAAAL,EAAA,CAAQ,IAAoBA;AACzE;"}

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

@@ -1,4 +1,4 @@
-const o = "_root_1h6fy_1", t = "_optionalLabel_1h6fy_10", a = {
+const o = "_root_183ii_1", t = "_optionalLabel_183ii_10", a = {
   root: o,
   optionalLabel: t
 };

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

@@ -1 +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;"}
+{"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,EAAA;AAGF,SACEF,MACC,OAAOA,KAAa,WACnB,gBAAAM,EAAC,SAAK,GAAGH,GAAa,yBAAyBI,EAAaP,CAAQ,EAAA,CAAG,sBAEtE,OAAA,EAAK,GAAGG,GAAc,UAAAH,EAAA,CAAS;AAGtC;"}

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

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

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

@@ -1 +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;"}
+{"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;AACzB,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,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,EAAA;AAIT;"}

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

@@ -1,4 +1,4 @@
-const o = "_root_1v3i7_1", r = "_withErrorIcon_1v3i7_9", t = {
+const o = "_root_3cadn_1", r = "_withErrorIcon_3cadn_9", t = {
   root: o,
   withErrorIcon: r
 };

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

@@ -1 +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;"}
+{"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,OAAA,EAAI,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,QAAA;AAAA,QAEH,gBAAAgB,EAACE,GAAA,EAAiB,IAAIhB,GAAgB,UAAAD,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAEnDI;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

@@ -1,16 +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,
+const i = "_root_kyliw_1", e = "_labelAndDescription_kyliw_7", s = "_withVisibleLabel_kyliw_11", t = "_withDescription_kyliw_14", o = "_errorMessage_kyliw_18", l = {
+  root: i,
   labelAndDescription: e,
-  withVisibleLabel: o,
-  withDescription: i,
-  errorMessage: s
+  withVisibleLabel: s,
+  withDescription: t,
+  errorMessage: o
 };
 export {
-  r as default,
-  s as errorMessage,
+  l as default,
+  o as errorMessage,
   e as labelAndDescription,
-  t as root,
-  i as withDescription,
-  o as withVisibleLabel
+  i as root,
+  t as withDescription,
+  s as withVisibleLabel
 };
 //# sourceMappingURL=FieldLayout.module.scss.js.map

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

@@ -1 +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;"}
+{"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,EAAA,GACbC,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/CheckboxGroupField/CheckboxGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupField.js","sources":["../../../../../src/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { CheckboxGroupOption } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport {\n  useStringifyGenericFieldValueArray,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericCheckboxGroupOption<TValue> = OptionWithGenericValue<TValue, CheckboxGroupOption>\n\nexport interface CheckboxGroupFieldProps<TValue>\n  extends Omit<CheckboxGroupProps, 'value' | 'onChange' | 'options'>,\n    UseFieldProps<TValue[]> {\n  options: GenericCheckboxGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const CheckboxGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...checkboxGroupProps\n}: CheckboxGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValueArray<TValue, CheckboxGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.CheckboxGroup {...fieldProps} {...checkboxGroupProps} {...stringFieldProps} />\n}\n"],"names":["CheckboxGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","checkboxGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValueArray","jsx"],"mappings":";;;;AAkBO,MAAMA,IAAqB,CAAmB;AAAA,EACnD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAuC;AACrC,QAAMC,IAAaC,EAAoB,GACjC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAS;AAAA,IAClD,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAgE;AAAA,IACvF,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAEM,SAAA,gBAAAU,EAACR,EAAW,eAAX,EAA0B,GAAGI,GAAa,GAAGL,GAAqB,GAAGO,GAAkB;AACjG;"}
+{"version":3,"file":"CheckboxGroupField.js","sources":["../../../../../src/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { CheckboxGroupOption } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport {\n  useStringifyGenericFieldValueArray,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericCheckboxGroupOption<TValue> = OptionWithGenericValue<TValue, CheckboxGroupOption>\n\nexport interface CheckboxGroupFieldProps<TValue>\n  extends Omit<CheckboxGroupProps, 'value' | 'onChange' | 'options'>,\n    UseFieldProps<TValue[]> {\n  options: GenericCheckboxGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const CheckboxGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...checkboxGroupProps\n}: CheckboxGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValueArray<TValue, CheckboxGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.CheckboxGroup {...fieldProps} {...checkboxGroupProps} {...stringFieldProps} />\n}\n"],"names":["CheckboxGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","checkboxGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValueArray","jsx"],"mappings":";;;;AAkBO,MAAMA,IAAqB,CAAmB;AAAA,EACnD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAuC;AACrC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAS;AAAA,IAClD,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAgE;AAAA,IACvF,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAED,SAAO,gBAAAU,EAACR,EAAW,eAAX,EAA0B,GAAGI,GAAa,GAAGL,GAAqB,GAAGO,GAAkB;AACjG;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxField.js","sources":["../../../../../src/components/Common/Fields/ComboBoxField/ComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { ComboBoxProps, ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>\n\nexport interface ComboBoxFieldProps<TValue>\n  extends Omit<ComboBoxProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'options'>,\n    UseFieldProps<TValue> {\n  options: GenericComboBoxOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const ComboBoxField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...comboBoxProps\n}: ComboBoxFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, ComboBoxOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.ComboBox {...comboBoxProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["ComboBoxField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","comboBoxProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAiBO,MAAMA,IAAgB,CAAmB;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IAAaC,EAAoB,GACjC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAsD;AAAA,IAC7E,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAEM,SAAA,gBAAAU,EAACR,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGK,GAAa,GAAGE,GAAkB;AACvF;"}
+{"version":3,"file":"ComboBoxField.js","sources":["../../../../../src/components/Common/Fields/ComboBoxField/ComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { ComboBoxProps, ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>\n\nexport interface ComboBoxFieldProps<TValue>\n  extends Omit<ComboBoxProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'options'>,\n    UseFieldProps<TValue> {\n  options: GenericComboBoxOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const ComboBoxField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...comboBoxProps\n}: ComboBoxFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, ComboBoxOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.ComboBox {...comboBoxProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["ComboBoxField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","comboBoxProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAiBO,MAAMA,IAAgB,CAAmB;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAsD;AAAA,IAC7E,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAED,SAAO,gBAAAU,EAACR,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGK,GAAa,GAAGE,GAAkB;AACvF;"}

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { UseFieldProps } from '../hooks/useField';
 import { DatePickerProps } from '../../UI/DatePicker/DatePickerTypes';
 interface DatePickerFieldProps extends Omit<DatePickerProps, 'name' | 'onChange' | 'onBlur'>, UseFieldProps<Date | null> {

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

@@ -1,28 +1,43 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useField as d } from "../hooks/useField.js";
-import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const P = ({
-  rules: o,
-  defaultValue: e,
-  name: t,
+import { jsx as C } from "react/jsx-runtime";
+import d from "react";
+import { useField as u } from "../hooks/useField.js";
+import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { normalizeDateToLocal as D } from "../../../../helpers/dateFormatting.js";
+const F = ({
+  rules: e,
+  defaultValue: t,
+  name: n,
   errorMessage: r,
-  isRequired: n,
-  onChange: i,
-  transform: m,
+  isRequired: a,
+  onChange: m,
+  transform: i,
   ...s
 }) => {
-  const p = l(), c = d({
-    name: t,
-    rules: o,
-    defaultValue: e,
+  const c = h(), o = u({
+    name: n,
+    rules: e,
+    defaultValue: t,
     errorMessage: r,
-    isRequired: n,
-    onChange: i,
-    transform: m
-  });
-  return /* @__PURE__ */ f(p.DatePicker, { ...c, ...s });
+    isRequired: a,
+    onChange: m,
+    transform: i
+  }), l = d.useCallback(
+    (p) => {
+      const f = D(p);
+      o.onChange(f);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ C(
+    c.DatePicker,
+    {
+      ...o,
+      ...s,
+      onChange: l
+    }
+  );
 };
 export {
-  P as DatePickerField
+  F as DatePickerField
 };
 //# sourceMappingURL=DatePickerField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerField.js","sources":["../../../../../src/components/Common/Fields/DatePickerField/DatePickerField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface DatePickerFieldProps\n  extends Omit<DatePickerProps, 'name' | 'onChange' | 'onBlur'>,\n    UseFieldProps<Date | null> {}\n\nexport const DatePickerField: React.FC<DatePickerFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...datePickerProps\n}: DatePickerFieldProps) => {\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.DatePicker {...fieldProps} {...datePickerProps} />\n}\n"],"names":["DatePickerField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","datePickerProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAkD,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA4B;AAC1B,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,YAAX,EAAuB,GAAGE,GAAa,GAAGH,GAAiB;AACrE;"}
+{"version":3,"file":"DatePickerField.js","sources":["../../../../../src/components/Common/Fields/DatePickerField/DatePickerField.tsx"],"sourcesContent":["import React from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { normalizeDateToLocal } from '@/helpers/dateFormatting'\n\ninterface DatePickerFieldProps\n  extends Omit<DatePickerProps, 'name' | 'onChange' | 'onBlur'>,\n    UseFieldProps<Date | null> {}\n\nexport const DatePickerField: React.FC<DatePickerFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...datePickerProps\n}: DatePickerFieldProps) => {\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  /**\n   * Normalizes dates from any adapter to ensure they represent the intended local date,\n   * handling timezone issues that can occur when adapters use `new Date(dateString)`.\n   */\n  const handleTimezoneSafeChange = React.useCallback(\n    (value: Date | null) => {\n      // Normalize the date to ensure it represents the intended local date\n      const normalizedDate = normalizeDateToLocal(value)\n      fieldProps.onChange(normalizedDate)\n    },\n    [fieldProps],\n  )\n\n  return (\n    <Components.DatePicker\n      {...fieldProps}\n      {...datePickerProps}\n      onChange={handleTimezoneSafeChange}\n    />\n  )\n}\n"],"names":["DatePickerField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","datePickerProps","Components","useComponentContext","fieldProps","useField","handleTimezoneSafeChange","React","value","normalizedDate","normalizeDateToLocal","jsx"],"mappings":";;;;;AAUO,MAAMA,IAAkD,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA4B;AAC1B,QAAMC,IAAaC,EAAA,GACbC,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,GAMKM,IAA2BC,EAAM;AAAA,IACrC,CAACC,MAAuB;AAEtB,YAAMC,IAAiBC,EAAqBF,CAAK;AACjD,MAAAJ,EAAW,SAASK,CAAc;AAAA,IACpC;AAAA,IACA,CAACL,CAAU;AAAA,EAAA;AAGb,SACE,gBAAAO;AAAA,IAACT,EAAW;AAAA,IAAX;AAAA,MACE,GAAGE;AAAA,MACH,GAAGH;AAAA,MACJ,UAAUK;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInputField.js","sources":["../../../../../src/components/Common/Fields/NumberInputField/NumberInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface NumberInputFieldProps\n  extends Omit<NumberInputProps, 'name' | 'value'>,\n    UseFieldProps<number> {}\n\nexport const NumberInputField: React.FC<NumberInputFieldProps> = ({\n  rules: providedRules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...numberInputProps\n}: NumberInputFieldProps) => {\n  const Components = useComponentContext()\n  const rules = {\n    validate: (value: number) => {\n      if (isRequired && isNaN(value)) {\n        return false\n      }\n      return true\n    },\n    ...providedRules,\n  }\n\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n  })\n\n  return <Components.NumberInput {...fieldProps} {...numberInputProps} />\n}\n"],"names":["NumberInputField","providedRules","defaultValue","name","errorMessage","isRequired","onChange","transform","numberInputProps","Components","useComponentContext","rules","value","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AAC3B,QAAMC,IAAaC,EAAoB,GACjCC,IAAQ;AAAA,IACZ,UAAU,CAACC,MACL,EAAAP,KAAc,MAAMO,CAAK;AAAA,IAK/B,GAAGX;AAAA,EACL,GAEMY,IAAaC,EAAS;AAAA,IAC1B,MAAAX;AAAA,IACA,OAAAQ;AAAA,IACA,cAAAT;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,aAAX,EAAwB,GAAGI,GAAa,GAAGL,GAAkB;AACvE;"}
+{"version":3,"file":"NumberInputField.js","sources":["../../../../../src/components/Common/Fields/NumberInputField/NumberInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface NumberInputFieldProps\n  extends Omit<NumberInputProps, 'name' | 'value'>,\n    UseFieldProps<number> {}\n\nexport const NumberInputField: React.FC<NumberInputFieldProps> = ({\n  rules: providedRules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...numberInputProps\n}: NumberInputFieldProps) => {\n  const Components = useComponentContext()\n  const rules = {\n    validate: (value: number) => {\n      if (isRequired && isNaN(value)) {\n        return false\n      }\n      return true\n    },\n    ...providedRules,\n  }\n\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n  })\n\n  return <Components.NumberInput {...fieldProps} {...numberInputProps} />\n}\n"],"names":["NumberInputField","providedRules","defaultValue","name","errorMessage","isRequired","onChange","transform","numberInputProps","Components","useComponentContext","rules","value","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AAC3B,QAAMC,IAAaC,EAAA,GACbC,IAAQ;AAAA,IACZ,UAAU,CAACC,MACL,EAAAP,KAAc,MAAMO,CAAK;AAAA,IAK/B,GAAGX;AAAA,EAAA,GAGCY,IAAaC,EAAS;AAAA,IAC1B,MAAAX;AAAA,IACA,OAAAQ;AAAA,IACA,cAAAT;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,aAAX,EAAwB,GAAGI,GAAa,GAAGL,GAAkB;AACvE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.RadioGroup {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAoB,GACjC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAwD;AAAA,IAC/E,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAEM,SAAA,gBAAAU,EAACR,EAAW,YAAX,EAAuB,GAAGD,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AAC3F;"}
+{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.RadioGroup {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAwD;AAAA,IAC/E,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAED,SAAO,gBAAAU,EAACR,EAAW,YAAX,EAAuB,GAAGD,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AAC3F;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../../../src/components/Common/Fields/SelectField/SelectField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SelectOption, SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericSelectOption<TValue> = OptionWithGenericValue<TValue, SelectOption>\n\nexport interface SelectFieldProps<TValue>\n  extends Omit<SelectProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'options'>,\n    UseFieldProps<TValue> {\n  options: GenericSelectOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const SelectField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...selectProps\n}: SelectFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, SelectOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.Select {...selectProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["SelectField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","selectProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAiBO,MAAMA,IAAc,CAAmB;AAAA,EAC5C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAaC,EAAoB,GACjC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAoD;AAAA,IAC3E,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAEM,SAAA,gBAAAU,EAACR,EAAW,QAAX,EAAmB,GAAGD,GAAc,GAAGK,GAAa,GAAGE,GAAkB;AACnF;"}
+{"version":3,"file":"SelectField.js","sources":["../../../../../src/components/Common/Fields/SelectField/SelectField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SelectOption, SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericSelectOption<TValue> = OptionWithGenericValue<TValue, SelectOption>\n\nexport interface SelectFieldProps<TValue>\n  extends Omit<SelectProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'options'>,\n    UseFieldProps<TValue> {\n  options: GenericSelectOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const SelectField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...selectProps\n}: SelectFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, SelectOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.Select {...selectProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["SelectField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","selectProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAiBO,MAAMA,IAAc,CAAmB;AAAA,EAC5C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAoD;AAAA,IAC3E,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAED,SAAO,gBAAAU,EAACR,EAAW,QAAX,EAAmB,GAAGD,GAAc,GAAGK,GAAa,GAAGE,GAAkB;AACnF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends Omit<SwitchProps, 'name' | 'checked' | 'onChange'>,\n    UseFieldProps<boolean> {}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...switchProps\n}: SwitchFieldProps) => {\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.Switch {...fieldProps} {...switchProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","switchProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAOO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,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,QAAX,EAAmB,GAAGE,GAAa,GAAGH,GAAa;AAC7D;"}
+{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends Omit<SwitchProps, 'name' | 'checked' | 'onChange'>,\n    UseFieldProps<boolean> {}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...switchProps\n}: SwitchFieldProps) => {\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.Switch {...fieldProps} {...switchProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","switchProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAOO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,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,QAAX,EAAmB,GAAGE,GAAa,GAAGH,GAAa;AAC7D;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value'>,\n    UseFieldProps {}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...textInputProps\n}: TextInputFieldProps) => {\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.TextInput {...fieldProps} {...textInputProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","textInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,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,WAAX,EAAsB,GAAGE,GAAa,GAAGH,GAAgB;AACnE;"}
+{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value'>,\n    UseFieldProps {}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...textInputProps\n}: TextInputFieldProps) => {\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.TextInput {...fieldProps} {...textInputProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","textInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,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,WAAX,EAAsB,GAAGE,GAAa,GAAGH,GAAgB;AACnE;"}

package/dist/components/Common/Fields/hooks/useField.js.map

@@ -1 +1 @@
-{"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string> {\n  name: string\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  transform?: Transform<TValue>\n}\n\nexport function useField<TValue = string>({\n  name,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  transform,\n}: UseFieldProps<TValue>) {\n  const { control } = useFormContext()\n  const { field, fieldState } = useController({\n    name,\n    control,\n    rules: {\n      required: isRequired,\n      ...rules,\n    },\n    defaultValue,\n  })\n\n  const { ref, ...restFieldProps } = field\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const isInvalid = !!fieldState.error\n\n  return {\n    ...restFieldProps,\n    value: field.value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    isRequired,\n  }\n}\n"],"names":["useField","name","rules","defaultValue","errorMessage","isRequired","onChange","transform","control","useFormContext","field","fieldState","useController","ref","restFieldProps","handleChange","updatedValue","value","isInvalid"],"mappings":";AAeO,SAASA,EAA0B;AAAA,EACxC,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AAClB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAe,GAC7B,EAAE,OAAAC,GAAO,YAAAC,EAAW,IAAIC,EAAc;AAAA,IAC1C,MAAAX;AAAA,IACA,SAAAO;AAAA,IACA,OAAO;AAAA,MACL,UAAUH;AAAA,MACV,GAAGH;AAAA,IACL;AAAA,IACA,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,KAAAU,GAAK,GAAGC,EAAA,IAAmBJ,GAE7BK,IAAe,CAACC,MAAyB;AAC7C,UAAMC,IAAQV,IAAYA,EAAUS,CAAY,IAAIA;AACpD,IAAAN,EAAM,SAASO,CAAK,GACpBX,IAAWW,CAAK;AAAA,EAClB,GAEMC,IAAY,CAAC,CAACP,EAAW;AAExB,SAAA;AAAA,IACL,GAAGG;AAAA,IACH,OAAOJ,EAAM;AAAA,IACb,UAAUG;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAad,KAAgBO,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUI;AAAA,IACV,YAAAV;AAAA,EACF;AACF;"}
+{"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string> {\n  name: string\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  transform?: Transform<TValue>\n}\n\nexport function useField<TValue = string>({\n  name,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  transform,\n}: UseFieldProps<TValue>) {\n  const { control } = useFormContext()\n  const { field, fieldState } = useController({\n    name,\n    control,\n    rules: {\n      required: isRequired,\n      ...rules,\n    },\n    defaultValue,\n  })\n\n  const { ref, ...restFieldProps } = field\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const isInvalid = !!fieldState.error\n\n  return {\n    ...restFieldProps,\n    value: field.value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    isRequired,\n  }\n}\n"],"names":["useField","name","rules","defaultValue","errorMessage","isRequired","onChange","transform","control","useFormContext","field","fieldState","useController","ref","restFieldProps","handleChange","updatedValue","value","isInvalid"],"mappings":";AAeO,SAASA,EAA0B;AAAA,EACxC,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AACxB,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAc;AAAA,IAC1C,MAAAX;AAAA,IACA,SAAAO;AAAA,IACA,OAAO;AAAA,MACL,UAAUH;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,IAEL,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,KAAAU,GAAK,GAAGC,EAAA,IAAmBJ,GAE7BK,IAAe,CAACC,MAAyB;AAC7C,UAAMC,IAAQV,IAAYA,EAAUS,CAAY,IAAIA;AACpD,IAAAN,EAAM,SAASO,CAAK,GACpBX,IAAWW,CAAK;AAAA,EAClB,GAEMC,IAAY,CAAC,CAACP,EAAW;AAE/B,SAAO;AAAA,IACL,GAAGG;AAAA,IACH,OAAOJ,EAAM;AAAA,IACb,UAAUG;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAad,KAAgBO,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUI;AAAA,IACV,YAAAV;AAAA,EAAA;AAEJ;"}

package/dist/components/Common/Fields/hooks/useStringifyGenericFieldValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStringifyGenericFieldValue.js","sources":["../../../../../src/components/Common/Fields/hooks/useStringifyGenericFieldValue.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\n\nexport type ConvertValueToString<TValue> = (value: TValue) => string\n\nexport type OptionWithGenericValue<TValue, TOption> = Omit<TOption, 'value'> & {\n  value: TValue\n}\n\ninterface UseStringifyOptionValuesProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nconst defaultConvertValueToString = (value: unknown) => String(value)\n\nfunction useStringifyOptionValues<TValue, TOption>({\n  options,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyOptionValuesProps<TValue, TOption>) {\n  return useMemo(() => {\n    const optionValuesMap: Record<string, OptionWithGenericValue<TValue, TOption>> = {}\n    const optionsWithStringValues = []\n\n    for (const option of options) {\n      const stringValue = convertValueToString(option.value)\n      optionValuesMap[stringValue] = option\n      const { value, ...restOptionsProps } = option\n\n      optionsWithStringValues.push({\n        value: stringValue,\n        ...restOptionsProps,\n      })\n    }\n\n    return { optionValuesMap, options: optionsWithStringValues }\n  }, [options, convertValueToString])\n}\n\ninterface UseStringifyGenericFieldValueProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue\n  onChange: (value: TValue) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValue<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (value: string) => {\n      const originalValue = optionValuesMap[value]?.value\n      if (typeof originalValue !== 'undefined') {\n        onChange(originalValue)\n      }\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue =\n    value === null || typeof value === 'undefined' ? undefined : convertValueToString(value)\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n\ninterface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue[]\n  onChange: (value: TValue[]) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValueArray<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueArrayProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (updatedStringValue: string[]) => {\n      const updatedValues = []\n\n      for (const stringValue of updatedStringValue) {\n        const value = optionValuesMap[stringValue]?.value\n\n        if (typeof value !== 'undefined') {\n          updatedValues.push(value)\n        }\n      }\n\n      onChange(updatedValues)\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue = value ? value.map(convertValueToString) : value\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n"],"names":["defaultConvertValueToString","value","useStringifyOptionValues","options","convertValueToString","useMemo","optionValuesMap","optionsWithStringValues","option","stringValue","restOptionsProps","useStringifyGenericFieldValue","onChange","handleChange","useCallback","originalValue","useStringifyGenericFieldValueArray","updatedStringValue","updatedValues"],"mappings":";AAaA,MAAMA,IAA8B,CAACC,MAAmB,OAAOA,CAAK;AAEpE,SAASC,EAA0C;AAAA,EACjD,SAAAC;AAAA,EACA,sBAAAC,IAAuBJ;AACzB,GAAmD;AACjD,SAAOK,EAAQ,MAAM;AACnB,UAAMC,IAA2E,CAAC,GAC5EC,IAA0B,CAAC;AAEjC,eAAWC,KAAUL,GAAS;AACtB,YAAAM,IAAcL,EAAqBI,EAAO,KAAK;AACrD,MAAAF,EAAgBG,CAAW,IAAID;AAC/B,YAAM,EAAE,OAAAP,GAAO,GAAGS,EAAA,IAAqBF;AAEvC,MAAAD,EAAwB,KAAK;AAAA,QAC3B,OAAOE;AAAA,QACP,GAAGC;AAAA,MAAA,CACJ;AAAA,IAAA;AAGI,WAAA,EAAE,iBAAAJ,GAAiB,SAASC,EAAwB;AAAA,EAAA,GAC1D,CAACJ,GAASC,CAAoB,CAAC;AACpC;AASO,SAASO,EAA+C;AAAA,EAC7D,SAAAR;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAAwD;AACtD,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACb,MAAkB;AACX,YAAAc,IAAgBT,EAAgBL,CAAK,GAAG;AAC1C,MAAA,OAAOc,IAAkB,OAC3BH,EAASG,CAAa;AAAA,IAE1B;AAAA,IACA,CAACT,GAAiBM,CAAQ;AAAA,EAC5B,GAEMH,IACJR,MAAU,QAAQ,OAAOA,IAAU,MAAc,SAAYG,EAAqBH,CAAK;AAElF,SAAA;AAAA,IACL,SAASM;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EACZ;AACF;AASO,SAASG,EAAoD;AAAA,EAClE,SAAAb;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAA6D;AAC3D,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACG,MAAiC;AAChC,YAAMC,IAAgB,CAAC;AAEvB,iBAAWT,KAAeQ,GAAoB;AACtChB,cAAAA,IAAQK,EAAgBG,CAAW,GAAG;AAExC,QAAA,OAAOR,IAAU,OACnBiB,EAAc,KAAKjB,CAAK;AAAA,MAC1B;AAGF,MAAAW,EAASM,CAAa;AAAA,IACxB;AAAA,IACA,CAACZ,GAAiBM,CAAQ;AAAA,EAC5B,GAEMH,IAAcR,KAAQA,EAAM,IAAIG,CAAoB;AAEnD,SAAA;AAAA,IACL,SAASG;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EACZ;AACF;"}
+{"version":3,"file":"useStringifyGenericFieldValue.js","sources":["../../../../../src/components/Common/Fields/hooks/useStringifyGenericFieldValue.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\n\nexport type ConvertValueToString<TValue> = (value: TValue) => string\n\nexport type OptionWithGenericValue<TValue, TOption> = Omit<TOption, 'value'> & {\n  value: TValue\n}\n\ninterface UseStringifyOptionValuesProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nconst defaultConvertValueToString = (value: unknown) => String(value)\n\nfunction useStringifyOptionValues<TValue, TOption>({\n  options,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyOptionValuesProps<TValue, TOption>) {\n  return useMemo(() => {\n    const optionValuesMap: Record<string, OptionWithGenericValue<TValue, TOption>> = {}\n    const optionsWithStringValues = []\n\n    for (const option of options) {\n      const stringValue = convertValueToString(option.value)\n      optionValuesMap[stringValue] = option\n      const { value, ...restOptionsProps } = option\n\n      optionsWithStringValues.push({\n        value: stringValue,\n        ...restOptionsProps,\n      })\n    }\n\n    return { optionValuesMap, options: optionsWithStringValues }\n  }, [options, convertValueToString])\n}\n\ninterface UseStringifyGenericFieldValueProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue\n  onChange: (value: TValue) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValue<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (value: string) => {\n      const originalValue = optionValuesMap[value]?.value\n      if (typeof originalValue !== 'undefined') {\n        onChange(originalValue)\n      }\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue =\n    value === null || typeof value === 'undefined' ? undefined : convertValueToString(value)\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n\ninterface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue[]\n  onChange: (value: TValue[]) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValueArray<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueArrayProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (updatedStringValue: string[]) => {\n      const updatedValues = []\n\n      for (const stringValue of updatedStringValue) {\n        const value = optionValuesMap[stringValue]?.value\n\n        if (typeof value !== 'undefined') {\n          updatedValues.push(value)\n        }\n      }\n\n      onChange(updatedValues)\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue = value ? value.map(convertValueToString) : value\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n"],"names":["defaultConvertValueToString","value","useStringifyOptionValues","options","convertValueToString","useMemo","optionValuesMap","optionsWithStringValues","option","stringValue","restOptionsProps","useStringifyGenericFieldValue","onChange","handleChange","useCallback","originalValue","useStringifyGenericFieldValueArray","updatedStringValue","updatedValues"],"mappings":";AAaA,MAAMA,IAA8B,CAACC,MAAmB,OAAOA,CAAK;AAEpE,SAASC,EAA0C;AAAA,EACjD,SAAAC;AAAA,EACA,sBAAAC,IAAuBJ;AACzB,GAAmD;AACjD,SAAOK,EAAQ,MAAM;AACnB,UAAMC,IAA2E,CAAA,GAC3EC,IAA0B,CAAA;AAEhC,eAAWC,KAAUL,GAAS;AAC5B,YAAMM,IAAcL,EAAqBI,EAAO,KAAK;AACrD,MAAAF,EAAgBG,CAAW,IAAID;AAC/B,YAAM,EAAE,OAAAP,GAAO,GAAGS,EAAA,IAAqBF;AAEvC,MAAAD,EAAwB,KAAK;AAAA,QAC3B,OAAOE;AAAA,QACP,GAAGC;AAAA,MAAA,CACJ;AAAA,IACH;AAEA,WAAO,EAAE,iBAAAJ,GAAiB,SAASC,EAAA;AAAA,EACrC,GAAG,CAACJ,GAASC,CAAoB,CAAC;AACpC;AASO,SAASO,EAA+C;AAAA,EAC7D,SAAAR;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAAwD;AACtD,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACb,MAAkB;AACjB,YAAMc,IAAgBT,EAAgBL,CAAK,GAAG;AAC9C,MAAI,OAAOc,IAAkB,OAC3BH,EAASG,CAAa;AAAA,IAE1B;AAAA,IACA,CAACT,GAAiBM,CAAQ;AAAA,EAAA,GAGtBH,IACJR,MAAU,QAAQ,OAAOA,IAAU,MAAc,SAAYG,EAAqBH,CAAK;AAEzF,SAAO;AAAA,IACL,SAASM;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EAAA;AAEd;AASO,SAASG,EAAoD;AAAA,EAClE,SAAAb;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAA6D;AAC3D,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACG,MAAiC;AAChC,YAAMC,IAAgB,CAAA;AAEtB,iBAAWT,KAAeQ,GAAoB;AAC5C,cAAMhB,IAAQK,EAAgBG,CAAW,GAAG;AAE5C,QAAI,OAAOR,IAAU,OACnBiB,EAAc,KAAKjB,CAAK;AAAA,MAE5B;AAEA,MAAAW,EAASM,CAAa;AAAA,IACxB;AAAA,IACA,CAACZ,GAAiBM,CAAQ;AAAA,EAAA,GAGtBH,IAAcR,KAAQA,EAAM,IAAIG,CAAoB;AAE1D,SAAO;AAAA,IACL,SAASG;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EAAA;AAEd;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","sources":["../../../../src/components/Common/Fieldset/Fieldset.tsx"],"sourcesContent":["import { useId } from 'react'\nimport classNames from 'classnames'\nimport { FieldDescription } from '../FieldDescription'\nimport { FieldErrorMessage } from '../FieldErrorMessage'\nimport { FieldCaption } from '../FieldCaption'\nimport type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'\nimport styles from './Fieldset.module.scss'\nimport { getDataProps } from '@/helpers/getDataProps'\n\nexport interface FieldsetProps\n  extends Omit<SharedFieldLayoutProps, 'label' | 'shouldVisuallyHideLabel'> {\n  children: React.ReactNode\n  description?: React.ReactNode\n  errorMessage?: string\n  isRequired?: boolean\n  legend: React.ReactNode\n  shouldVisuallyHideLegend?: boolean\n  className?: string\n}\n\nexport const Fieldset: React.FC<FieldsetProps> = ({\n  children,\n  description,\n  errorMessage,\n  isRequired = false,\n  legend,\n  shouldVisuallyHideLegend = false,\n  className,\n  ...props\n}: FieldsetProps) => {\n  const generatedErrorMessageId = useId()\n  const errorMessageId = `error-message-${generatedErrorMessageId}`\n\n  return (\n    <fieldset\n      className={classNames(styles.root, className)}\n      aria-describedby={errorMessage ? errorMessageId : undefined}\n      {...getDataProps(props)}\n    >\n      <div\n        className={classNames(styles.legendAndDescription, {\n          [styles.withVisibleLegend as string]: !shouldVisuallyHideLegend,\n          [styles.withDescription as string]: Boolean(description),\n        })}\n      >\n        <FieldCaption\n          as=\"legend\"\n          isRequired={isRequired}\n          isVisuallyHidden={shouldVisuallyHideLegend}\n        >\n          {legend}\n        </FieldCaption>\n        <FieldDescription>{description}</FieldDescription>\n      </div>\n      {children}\n      <FieldErrorMessage\n        id={errorMessageId}\n        className={styles.errorMessage}\n        aria-live=\"polite\"\n        role=\"alert\"\n      >\n        {errorMessage}\n      </FieldErrorMessage>\n    </fieldset>\n  )\n}\n"],"names":["Fieldset","children","description","errorMessage","isRequired","legend","shouldVisuallyHideLegend","className","props","errorMessageId","useId","jsxs","classNames","styles","getDataProps","jsx","FieldCaption","FieldDescription","FieldErrorMessage"],"mappings":";;;;;;;;AAoBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,WAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AAEb,QAAAC,IAAiB,iBADSC,EAAM,CACyB;AAG7D,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,MAAMN,CAAS;AAAA,MAC5C,oBAAkBJ,IAAeM,IAAiB;AAAA,MACjD,GAAGK,EAAaN,CAAK;AAAA,MAEtB,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAWC,EAAO,sBAAsB;AAAA,cACjD,CAACA,EAAO,iBAA2B,GAAG,CAACP;AAAA,cACvC,CAACO,EAAO,eAAyB,GAAG,EAAQX;AAAA,YAAW,CACxD;AAAA,YAED,UAAA;AAAA,cAAA,gBAAAa;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,YAAAZ;AAAA,kBACA,kBAAkBE;AAAA,kBAEjB,UAAAD;AAAA,gBAAA;AAAA,cACH;AAAA,cACA,gBAAAU,EAACE,KAAkB,UAAYf,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,QACCD;AAAA,QACD,gBAAAc;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,IAAIT;AAAA,YACJ,WAAWI,EAAO;AAAA,YAClB,aAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Fieldset.js","sources":["../../../../src/components/Common/Fieldset/Fieldset.tsx"],"sourcesContent":["import { useId } from 'react'\nimport classNames from 'classnames'\nimport { FieldDescription } from '../FieldDescription'\nimport { FieldErrorMessage } from '../FieldErrorMessage'\nimport { FieldCaption } from '../FieldCaption'\nimport type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'\nimport styles from './Fieldset.module.scss'\nimport { getDataProps } from '@/helpers/getDataProps'\n\nexport interface FieldsetProps\n  extends Omit<SharedFieldLayoutProps, 'label' | 'shouldVisuallyHideLabel'> {\n  children: React.ReactNode\n  description?: React.ReactNode\n  errorMessage?: string\n  isRequired?: boolean\n  legend: React.ReactNode\n  shouldVisuallyHideLegend?: boolean\n  className?: string\n}\n\nexport const Fieldset: React.FC<FieldsetProps> = ({\n  children,\n  description,\n  errorMessage,\n  isRequired = false,\n  legend,\n  shouldVisuallyHideLegend = false,\n  className,\n  ...props\n}: FieldsetProps) => {\n  const generatedErrorMessageId = useId()\n  const errorMessageId = `error-message-${generatedErrorMessageId}`\n\n  return (\n    <fieldset\n      className={classNames(styles.root, className)}\n      aria-describedby={errorMessage ? errorMessageId : undefined}\n      {...getDataProps(props)}\n    >\n      <div\n        className={classNames(styles.legendAndDescription, {\n          [styles.withVisibleLegend as string]: !shouldVisuallyHideLegend,\n          [styles.withDescription as string]: Boolean(description),\n        })}\n      >\n        <FieldCaption\n          as=\"legend\"\n          isRequired={isRequired}\n          isVisuallyHidden={shouldVisuallyHideLegend}\n        >\n          {legend}\n        </FieldCaption>\n        <FieldDescription>{description}</FieldDescription>\n      </div>\n      {children}\n      <FieldErrorMessage\n        id={errorMessageId}\n        className={styles.errorMessage}\n        aria-live=\"polite\"\n        role=\"alert\"\n      >\n        {errorMessage}\n      </FieldErrorMessage>\n    </fieldset>\n  )\n}\n"],"names":["Fieldset","children","description","errorMessage","isRequired","legend","shouldVisuallyHideLegend","className","props","errorMessageId","useId","jsxs","classNames","styles","getDataProps","jsx","FieldCaption","FieldDescription","FieldErrorMessage"],"mappings":";;;;;;;;AAoBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,WAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AAEnB,QAAMC,IAAiB,iBADSC,EAAA,CAC+B;AAE/D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,MAAMN,CAAS;AAAA,MAC5C,oBAAkBJ,IAAeM,IAAiB;AAAA,MACjD,GAAGK,EAAaN,CAAK;AAAA,MAEtB,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAWC,EAAO,sBAAsB;AAAA,cACjD,CAACA,EAAO,iBAA2B,GAAG,CAACP;AAAA,cACvC,CAACO,EAAO,eAAyB,GAAG,EAAQX;AAAA,YAAW,CACxD;AAAA,YAED,UAAA;AAAA,cAAA,gBAAAa;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,YAAAZ;AAAA,kBACA,kBAAkBE;AAAA,kBAEjB,UAAAD;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEH,gBAAAU,EAACE,KAAkB,UAAAf,EAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEhCD;AAAA,QACD,gBAAAc;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,IAAIT;AAAA,YACJ,WAAWI,EAAO;AAAA,YAClB,aAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,10 +1,10 @@
-import { Responsive, ResponsiveSpacing } from '../../../helpers/responsive';
+import { Responsive, CustomPropertyValue } from '../../../helpers/responsive';
 export interface FlexProps {
     children: React.ReactNode;
     flexDirection?: Responsive<'row' | 'column'>;
     justifyContent?: Responsive<'space-between' | 'center' | 'flex-start' | 'flex-end' | 'space-around' | 'space-evenly' | 'normal'>;
     alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>;
-    gap?: ResponsiveSpacing;
+    gap?: Responsive<CustomPropertyValue>;
 }
 export declare function Flex({ children, flexDirection, justifyContent, alignItems, gap, }: FlexProps): import("react/jsx-runtime").JSX.Element;
 export interface FlexItemProps {

package/dist/components/Common/Flex/Flex.js

@@ -1,22 +1,22 @@
 import { jsx as e } from "react/jsx-runtime";
 import t from "./Flex.module.scss.js";
-import { setResponsiveCustomProperties as a, transformResponsiveSpacingValue as m } from "../../../helpers/responsive.js";
-function x({
+import { setResponsiveCustomProperties as m } from "../../../helpers/responsive.js";
+function c({
   children: r,
   flexDirection: o = "row",
   justifyContent: s = "normal",
   alignItems: i = "flex-start",
   gap: n = 24
 }) {
-  const l = a({
+  const l = m({
     "flex-direction": o,
     "justify-content": s,
     "align-items": i,
-    gap: m(n)
+    gap: n
   });
   return /* @__PURE__ */ e("div", { className: t.flexContainer, children: /* @__PURE__ */ e("div", { className: t.flex, style: l, children: r }) });
 }
 export {
-  x as Flex
+  c as Flex
 };
 //# sourceMappingURL=Flex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../src/components/Common/Flex/Flex.tsx"],"sourcesContent":["import style from './Flex.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  transformResponsiveSpacingValue,\n  type Responsive,\n  type ResponsiveSpacing,\n} from '@/helpers/responsive'\n\nexport interface FlexProps {\n  children: React.ReactNode\n  flexDirection?: Responsive<'row' | 'column'>\n  justifyContent?: Responsive<\n    | 'space-between'\n    | 'center'\n    | 'flex-start'\n    | 'flex-end'\n    | 'space-around'\n    | 'space-evenly'\n    | 'normal'\n  >\n  alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>\n  gap?: ResponsiveSpacing\n}\n\nexport function Flex({\n  children,\n  flexDirection = 'row',\n  justifyContent = 'normal',\n  alignItems = 'flex-start',\n  gap = 24,\n}: FlexProps) {\n  const properties = setResponsiveCustomProperties({\n    'flex-direction': flexDirection,\n    'justify-content': justifyContent,\n    'align-items': alignItems,\n    gap: transformResponsiveSpacingValue(gap),\n  })\n\n  return (\n    <div className={style.flexContainer}>\n      <div className={style.flex} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n\nexport interface FlexItemProps {\n  flexGrow?: number | 'initial'\n  children: React.ReactNode\n}\n\nexport function FlexItem({ flexGrow = 'initial', children }: FlexItemProps) {\n  return <div style={{ flexGrow: flexGrow }}>{children}</div>\n}\n"],"names":["Flex","children","flexDirection","justifyContent","alignItems","gap","properties","setResponsiveCustomProperties","transformResponsiveSpacingValue","jsx","style"],"mappings":";;;AAwBO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,KAAAC,IAAM;AACR,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,kBAAkBL;AAAA,IAClB,mBAAmBC;AAAA,IACnB,eAAeC;AAAA,IACf,KAAKI,EAAgCH,CAAG;AAAA,EAAA,CACzC;AAED,SACG,gBAAAI,EAAA,OAAA,EAAI,WAAWC,EAAM,eACpB,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAM,MAAM,OAAOJ,GAChC,UAAAL,EACH,CAAA,GACF;AAEJ;"}
+{"version":3,"file":"Flex.js","sources":["../../../../src/components/Common/Flex/Flex.tsx"],"sourcesContent":["import style from './Flex.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  type Responsive,\n  type CustomPropertyValue,\n} from '@/helpers/responsive'\n\nexport interface FlexProps {\n  children: React.ReactNode\n  flexDirection?: Responsive<'row' | 'column'>\n  justifyContent?: Responsive<\n    | 'space-between'\n    | 'center'\n    | 'flex-start'\n    | 'flex-end'\n    | 'space-around'\n    | 'space-evenly'\n    | 'normal'\n  >\n  alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>\n  gap?: Responsive<CustomPropertyValue>\n}\n\nexport function Flex({\n  children,\n  flexDirection = 'row',\n  justifyContent = 'normal',\n  alignItems = 'flex-start',\n  gap = 24,\n}: FlexProps) {\n  const properties = setResponsiveCustomProperties({\n    'flex-direction': flexDirection,\n    'justify-content': justifyContent,\n    'align-items': alignItems,\n    gap,\n  })\n\n  return (\n    <div className={style.flexContainer}>\n      <div className={style.flex} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n\nexport interface FlexItemProps {\n  flexGrow?: number | 'initial'\n  children: React.ReactNode\n}\n\nexport function FlexItem({ flexGrow = 'initial', children }: FlexItemProps) {\n  return <div style={{ flexGrow: flexGrow }}>{children}</div>\n}\n"],"names":["Flex","children","flexDirection","justifyContent","alignItems","gap","properties","setResponsiveCustomProperties","jsx","style"],"mappings":";;;AAuBO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,KAAAC,IAAM;AACR,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,kBAAkBL;AAAA,IAClB,mBAAmBC;AAAA,IACnB,eAAeC;AAAA,IACf,KAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAM,eACpB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAM,MAAM,OAAOH,GAChC,UAAAL,GACH,GACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../src/components/Common/Form/Form.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport styles from './Form.module.scss'\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement>\n\nexport const Form = ({ children, className, ...props }: FormProps) => {\n  return (\n    <form className={classNames(styles.form, className)} {...props}>\n      {children}\n    </form>\n  )\n}\n"],"names":["Form","children","className","props","jsx","classNames","styles"],"mappings":";;;AAKO,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAE3C,gBAAAC,EAAC,QAAK,EAAA,WAAWC,EAAWC,EAAO,MAAMJ,CAAS,GAAI,GAAGC,GACtD,UAAAF,EACH,CAAA;"}
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Common/Form/Form.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport styles from './Form.module.scss'\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement>\n\nexport const Form = ({ children, className, ...props }: FormProps) => {\n  return (\n    <form className={classNames(styles.form, className)} {...props}>\n      {children}\n    </form>\n  )\n}\n"],"names":["Form","children","className","props","jsx","classNames","styles"],"mappings":";;;AAKO,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAE3C,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAWC,EAAO,MAAMJ,CAAS,GAAI,GAAGC,GACtD,UAAAF,EAAA,CACH;"}