@gusto/embedded-react-sdk 0.25.0 → 0.26.0

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

@@ -1,140 +1,139 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { DropZone as G, FileTrigger as j, Button as k } from "react-aria-components";
-import E from "classnames";
-import { useTranslation as X, Trans as L } from "react-i18next";
-import { useFieldIds as O } from "../hooks/useFieldIds.js";
-import { FileInputDefaults as q } from "./FileInputTypes.js";
-import i from "./FileInput.module.scss.js";
-import { applyMissingDefaults as A } from "../../../../helpers/applyMissingDefaults.js";
-import { FieldLayout as U } from "../../FieldLayout/FieldLayout.js";
-import { ButtonIcon as V } from "../Button/ButtonIcon.js";
-import W from "../../../../assets/icons/trashcan.svg.js";
-import J from "../../../../assets/icons/icon-file-outline.svg.js";
-import { Flex as F } from "../../Flex/Flex.js";
-function K(n) {
-  return n.kind === "file";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { DropZone as C, FileTrigger as E, Button as G } from "react-aria-components";
+import q from "classnames";
+import { useTranslation as A, Trans as J } from "react-i18next";
+import { useFieldIds as U } from "../hooks/useFieldIds.js";
+import { FileInputDefaults as K } from "./FileInputTypes.js";
+import n from "./FileInput.module.scss.js";
+import { applyMissingDefaults as L } from "../../../../helpers/applyMissingDefaults.js";
+import { FieldLayout as O } from "../../FieldLayout/FieldLayout.js";
+import { ButtonIcon as R } from "../Button/ButtonIcon.js";
+import W from "../../../../assets/icons/icon-trashcan.svg.js";
+import Z from "../../../../assets/icons/icon-file-outline.svg.js";
+import $ from "../../../../assets/icons/icon-file-pdf.svg.js";
+import H from "../../../../assets/icons/icon-file-png.svg.js";
+import V from "../../../../assets/icons/icon-file-jpg.svg.js";
+import { Flex as y } from "../../Flex/Flex.js";
+function Q(i) {
+  return i === "application/pdf" ? $ : i === "image/png" ? H : i === "image/jpeg" || i === "image/jpg" ? V : Z;
 }
-function R(n) {
-  if (n === 0) return "0 Bytes";
-  const s = 1024, a = ["Bytes", "KB", "MB", "GB"], t = Math.floor(Math.log(n) / Math.log(s));
-  return `${parseFloat((n / Math.pow(s, t)).toFixed(0))} ${a[t]}`;
+function X(i) {
+  return i.kind === "file";
 }
-const Z = {
+function Y(i) {
+  if (i === 0) return "0 Bytes";
+  const r = 1024, d = ["Bytes", "KB", "MB", "GB"], o = Math.floor(Math.log(i) / Math.log(r));
+  return `${parseFloat((i / Math.pow(r, o)).toFixed(0))} ${d[o]}`;
+}
+const _ = {
   "image/jpeg": "JPG",
   "image/jpg": "JPG",
   "image/png": "PNG",
-  "image/gif": "GIF",
-  "image/webp": "WEBP",
-  "image/svg+xml": "SVG",
-  "application/pdf": "PDF",
-  "application/msword": "DOC",
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
-  "application/vnd.ms-excel": "XLS",
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX",
-  "text/plain": "TXT",
-  "text/csv": "CSV"
+  "application/pdf": "PDF"
 };
-function N(n) {
-  if (!n || n.length === 0 || n.includes("*/*")) return null;
-  const s = n.map((t) => t.startsWith(".") ? t.slice(1).toUpperCase() : Z[t]).filter(Boolean);
-  return s.length === 0 ? null : [...new Set(s)].join(", ");
+function h(i) {
+  if (!i || i.length === 0 || i.includes("*/*")) return null;
+  const r = i.map((o) => o.startsWith(".") ? o.slice(1).toUpperCase() : _[o]).filter(Boolean);
+  return r.length === 0 ? null : [...new Set(r)].join(", ");
 }
-function le(n) {
-  const { t: s } = X("common"), a = A(n, q), {
-    label: t,
-    description: l,
-    errorMessage: h,
-    isRequired: x,
-    isInvalid: T,
-    isDisabled: c,
-    id: D,
-    value: m,
-    onChange: p,
-    onBlur: y,
-    accept: d,
-    className: B,
-    "aria-describedby": b
-  } = a, { inputId: g, errorMessageId: S, descriptionId: v, ariaDescribedBy: w } = O({
-    inputId: D,
-    errorMessage: h,
-    description: l,
-    ariaDescribedBy: b
-  }), M = (o) => {
-    const r = o?.[0] ?? null;
-    p(r);
-  }, P = async (o) => {
-    const r = o.items.find(K);
-    if (r) {
-      const I = await r.getFile();
-      p(I);
+function ge(i) {
+  const { t: r } = A("common"), d = L(i, K), {
+    label: o,
+    description: s,
+    errorMessage: g,
+    isRequired: B,
+    isInvalid: D,
+    isDisabled: p,
+    id: T,
+    value: a,
+    onChange: u,
+    onBlur: b,
+    accept: l,
+    className: x,
+    "aria-describedby": S
+  } = d, { inputId: I, errorMessageId: P, descriptionId: F, ariaDescribedBy: M } = U({
+    inputId: T,
+    errorMessage: g,
+    description: s,
+    ariaDescribedBy: S
+  }), j = (t) => {
+    const c = t?.[0] ?? null;
+    u(c);
+  }, z = async (t) => {
+    const c = t.items.find(X);
+    if (c) {
+      const N = await c.getFile();
+      u(N);
     }
-  }, C = (o) => (d ?? ["*/*"]).some((u) => u === "*/*" ? !0 : u.startsWith(".") ? o.has("application/octet-stream") || o.has("Files") : o.has(u)) ? "copy" : "cancel", z = () => {
-    p(null);
-  };
+  }, k = (t) => (l ?? ["*/*"]).some((f) => f === "*/*" ? !0 : f.startsWith(".") ? t.has("application/octet-stream") || t.has("Files") : t.has(f)) ? "copy" : "cancel", w = () => {
+    u(null);
+  }, v = a ? Q(a.type) : null;
   return /* @__PURE__ */ e(
-    U,
+    O,
     {
-      label: t,
-      errorMessage: h,
-      isRequired: x,
-      htmlFor: g,
-      errorMessageId: S,
-      descriptionId: v,
-      className: B,
+      label: o,
+      errorMessage: g,
+      isRequired: B,
+      htmlFor: I,
+      errorMessageId: P,
+      descriptionId: F,
+      className: x,
       shouldVisuallyHideLabel: !0,
       withErrorIcon: !1,
       children: /* @__PURE__ */ e(
         "div",
         {
-          className: i.root,
-          "data-disabled": c || void 0,
-          "data-invalid": T || void 0,
-          children: m ? /* @__PURE__ */ e(
+          className: n.root,
+          "data-disabled": p || void 0,
+          "data-invalid": D || void 0,
+          children: a ? /* @__PURE__ */ e(
             "div",
             {
-              className: E(i.filePreview, { [i.disabled]: c }),
-              children: /* @__PURE__ */ f(F, { alignItems: "center", gap: 12, children: [
-                /* @__PURE__ */ e("div", { className: i.fileIcon, children: /* @__PURE__ */ e(J, { "aria-hidden": "true" }) }),
-                /* @__PURE__ */ e("div", { className: i.fileInfo, children: /* @__PURE__ */ f(F, { flexDirection: "column", gap: 0, children: [
-                  /* @__PURE__ */ e("span", { className: i.fileName, children: m.name }),
-                  /* @__PURE__ */ e("span", { className: i.fileSize, children: R(m.size) })
+              className: q(n.filePreview, { [n.disabled]: p }),
+              children: /* @__PURE__ */ m(y, { alignItems: "center", gap: 12, children: [
+                /* @__PURE__ */ e("div", { className: n.fileIcon, children: v && /* @__PURE__ */ e(v, { "aria-hidden": "true" }) }),
+                /* @__PURE__ */ e("div", { className: n.fileInfo, children: /* @__PURE__ */ m(y, { flexDirection: "column", gap: 0, children: [
+                  /* @__PURE__ */ e("span", { className: n.fileName, children: a.name }),
+                  /* @__PURE__ */ e("span", { className: n.fileSize, children: Y(a.size) })
                 ] }) }),
                 /* @__PURE__ */ e(
-                  V,
+                  R,
                   {
-                    "aria-label": s("fileInput.removeFile"),
-                    onClick: z,
-                    isDisabled: c,
-                    children: /* @__PURE__ */ e(W, { "aria-hidden": "true", className: i.removeButton })
+                    "aria-label": r("fileInput.removeFile"),
+                    onClick: w,
+                    isDisabled: p,
+                    children: /* @__PURE__ */ e(W, { "aria-hidden": "true", className: n.removeButton })
                   }
                 )
               ] })
             }
           ) : /* @__PURE__ */ e(
-            G,
+            C,
             {
-              onDrop: P,
-              getDropOperation: C,
-              className: i.dropZone,
-              children: /* @__PURE__ */ e(j, { onSelect: M, acceptedFileTypes: d, children: /* @__PURE__ */ e(
-                k,
+              onDrop: z,
+              getDropOperation: k,
+              className: n.dropZone,
+              children: /* @__PURE__ */ e(E, { onSelect: j, acceptedFileTypes: l, children: /* @__PURE__ */ e(
+                G,
                 {
-                  id: g,
-                  isDisabled: c,
-                  "aria-describedby": w,
-                  onBlur: y,
-                  className: i.trigger,
-                  children: /* @__PURE__ */ f("span", { className: i.triggerContent, children: [
-                    /* @__PURE__ */ e("span", { className: i.triggerText, children: /* @__PURE__ */ e(
-                      L,
+                  id: I,
+                  isDisabled: p,
+                  "aria-describedby": M,
+                  onBlur: b,
+                  className: n.trigger,
+                  children: /* @__PURE__ */ m("span", { className: n.triggerContent, children: [
+                    /* @__PURE__ */ e("span", { className: n.triggerText, children: /* @__PURE__ */ e(
+                      J,
                       {
                         i18nKey: "fileInput.uploadInstructions",
                         ns: "common",
-                        components: { clickToUpload: /* @__PURE__ */ e("span", { className: i.clickToUpload }) }
+                        components: { clickToUpload: /* @__PURE__ */ e("span", { className: n.clickToUpload }) }
                       }
                     ) }),
-                    N(d) && /* @__PURE__ */ e("span", { className: i.hint, children: s("fileInput.acceptedTypes", { types: N(d) }) }),
-                    l && /* @__PURE__ */ e("span", { id: v, className: i.hint, children: l })
+                    (h(l) || s) && /* @__PURE__ */ m("span", { className: n.hintContainer, children: [
+                      h(l) && /* @__PURE__ */ e("span", { className: n.hint, children: r("fileInput.acceptedTypes", { types: h(l) }) }),
+                      s && /* @__PURE__ */ e("span", { id: F, className: n.hint, children: s })
+                    ] })
                   ] })
                 }
               ) })
@@ -146,6 +145,6 @@ function le(n) {
   );
 }
 export {
-  le as FileInput
+  ge as FileInput
 };
 //# sourceMappingURL=FileInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sources":["../../../../../src/components/Common/UI/FileInput/FileInput.tsx"],"sourcesContent":["import {\n  FileTrigger,\n  Button as AriaButton,\n  DropZone,\n  type DropItem,\n  type FileDropItem,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { FileInputProps } from './FileInputTypes'\nimport { FileInputDefaults } from './FileInputTypes'\nimport styles from './FileInput.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { Flex } from '@/components/Common/Flex'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport TrashCanIcon from '@/assets/icons/trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\n\nfunction isFileDropItem(item: DropItem): item is FileDropItem {\n  return item.kind === 'file'\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes === 0) return '0 Bytes'\n  const k = 1024\n  const sizes = ['Bytes', 'KB', 'MB', 'GB'] as const\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n  const size = parseFloat((bytes / Math.pow(k, i)).toFixed(0))\n  return `${size} ${sizes[i]}`\n}\n\nconst mimeToExtension: Record<string, string> = {\n  'image/jpeg': 'JPG',\n  'image/jpg': 'JPG',\n  'image/png': 'PNG',\n  'image/gif': 'GIF',\n  'image/webp': 'WEBP',\n  'image/svg+xml': 'SVG',\n  'application/pdf': 'PDF',\n  'application/msword': 'DOC',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'DOCX',\n  'application/vnd.ms-excel': 'XLS',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'XLSX',\n  'text/plain': 'TXT',\n  'text/csv': 'CSV',\n}\n\nfunction formatAcceptedTypes(accept: string[] | undefined): string | null {\n  if (!accept || accept.length === 0 || accept.includes('*/*')) return null\n\n  const extensions = accept\n    .map(type => {\n      if (type.startsWith('.')) {\n        return type.slice(1).toUpperCase()\n      }\n      return mimeToExtension[type]\n    })\n    .filter(Boolean)\n\n  if (extensions.length === 0) return null\n\n  const uniqueExtensions = [...new Set(extensions)]\n  return uniqueExtensions.join(', ')\n}\n\nexport function FileInput(rawProps: FileInputProps) {\n  const { t } = useTranslation('common')\n  const resolvedProps = applyMissingDefaults(rawProps, FileInputDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    onChange,\n    onBlur,\n    accept,\n    className,\n    'aria-describedby': ariaDescribedByFromProps,\n  } = resolvedProps\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleSelect = (files: FileList | null) => {\n    const file = files?.[0] ?? null\n    onChange(file)\n  }\n\n  const handleDrop = async (e: { items: DropItem[] }) => {\n    const fileItem = e.items.find(isFileDropItem)\n    if (fileItem) {\n      const file = await fileItem.getFile()\n      onChange(file)\n    }\n  }\n\n  const getDropOperation = (types: { has: (type: string) => boolean }) => {\n    const acceptedTypes = accept ?? ['*/*']\n    const hasAcceptedType = acceptedTypes.some(type => {\n      if (type === '*/*') return true\n      if (type.startsWith('.')) {\n        return types.has('application/octet-stream') || types.has('Files')\n      }\n      return types.has(type)\n    })\n    return hasAcceptedType ? 'copy' : 'cancel'\n  }\n\n  const handleRemove = () => {\n    onChange(null)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel\n      withErrorIcon={false}\n    >\n      <div\n        className={styles.root}\n        data-disabled={isDisabled || undefined}\n        data-invalid={isInvalid || undefined}\n      >\n        {value ? (\n          <div\n            className={classNames(styles.filePreview, { [styles.disabled as string]: isDisabled })}\n          >\n            <Flex alignItems=\"center\" gap={12}>\n              <div className={styles.fileIcon}>\n                <FileIcon aria-hidden=\"true\" />\n              </div>\n              <div className={styles.fileInfo}>\n                <Flex flexDirection=\"column\" gap={0}>\n                  <span className={styles.fileName}>{value.name}</span>\n                  <span className={styles.fileSize}>{formatFileSize(value.size)}</span>\n                </Flex>\n              </div>\n              <ButtonIcon\n                aria-label={t('fileInput.removeFile')}\n                onClick={handleRemove}\n                isDisabled={isDisabled}\n              >\n                <TrashCanIcon aria-hidden=\"true\" className={styles.removeButton} />\n              </ButtonIcon>\n            </Flex>\n          </div>\n        ) : (\n          <DropZone\n            onDrop={handleDrop}\n            getDropOperation={getDropOperation}\n            className={styles.dropZone}\n          >\n            <FileTrigger onSelect={handleSelect} acceptedFileTypes={accept}>\n              <AriaButton\n                id={inputId}\n                isDisabled={isDisabled}\n                aria-describedby={ariaDescribedBy}\n                onBlur={onBlur}\n                className={styles.trigger}\n              >\n                <span className={styles.triggerContent}>\n                  <span className={styles.triggerText}>\n                    <Trans\n                      i18nKey=\"fileInput.uploadInstructions\"\n                      ns=\"common\"\n                      components={{ clickToUpload: <span className={styles.clickToUpload} /> }}\n                    />\n                  </span>\n                  {formatAcceptedTypes(accept) && (\n                    <span className={styles.hint}>\n                      {t('fileInput.acceptedTypes', { types: formatAcceptedTypes(accept) })}\n                    </span>\n                  )}\n                  {description && (\n                    <span id={descriptionId} className={styles.hint}>\n                      {description}\n                    </span>\n                  )}\n                </span>\n              </AriaButton>\n            </FileTrigger>\n          </DropZone>\n        )}\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["isFileDropItem","item","formatFileSize","bytes","k","sizes","i","mimeToExtension","formatAcceptedTypes","accept","extensions","type","FileInput","rawProps","t","useTranslation","resolvedProps","applyMissingDefaults","FileInputDefaults","label","description","errorMessage","isRequired","isInvalid","isDisabled","id","value","onChange","onBlur","className","ariaDescribedByFromProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleSelect","files","file","handleDrop","e","fileItem","getDropOperation","types","handleRemove","jsx","FieldLayout","styles","classNames","jsxs","Flex","FileIcon","ButtonIcon","TrashCanIcon","DropZone","FileTrigger","AriaButton","Trans"],"mappings":"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"}
+{"version":3,"file":"FileInput.js","sources":["../../../../../src/components/Common/UI/FileInput/FileInput.tsx"],"sourcesContent":["import {\n  FileTrigger,\n  Button as AriaButton,\n  DropZone,\n  type DropItem,\n  type FileDropItem,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { FileInputProps } from './FileInputTypes'\nimport { FileInputDefaults } from './FileInputTypes'\nimport styles from './FileInput.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { Flex } from '@/components/Common/Flex'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport TrashCanIcon from '@/assets/icons/icon-trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport PdfIcon from '@/assets/icons/icon-file-pdf.svg?react'\nimport PngIcon from '@/assets/icons/icon-file-png.svg?react'\nimport JpgIcon from '@/assets/icons/icon-file-jpg.svg?react'\n\nfunction getFileIcon(mimeType: string) {\n  if (mimeType === 'application/pdf') {\n    return PdfIcon\n  }\n\n  if (mimeType === 'image/png') {\n    return PngIcon\n  }\n\n  if (mimeType === 'image/jpeg' || mimeType === 'image/jpg') {\n    return JpgIcon\n  }\n\n  return FileIcon\n}\n\nfunction isFileDropItem(item: DropItem): item is FileDropItem {\n  return item.kind === 'file'\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes === 0) return '0 Bytes'\n  const k = 1024\n  const sizes = ['Bytes', 'KB', 'MB', 'GB'] as const\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n  const size = parseFloat((bytes / Math.pow(k, i)).toFixed(0))\n  return `${size} ${sizes[i]}`\n}\n\nconst mimeToExtension: Record<string, string> = {\n  'image/jpeg': 'JPG',\n  'image/jpg': 'JPG',\n  'image/png': 'PNG',\n  'application/pdf': 'PDF',\n}\n\nfunction formatAcceptedTypes(accept: string[] | undefined): string | null {\n  if (!accept || accept.length === 0 || accept.includes('*/*')) return null\n\n  const extensions = accept\n    .map(type => {\n      if (type.startsWith('.')) {\n        return type.slice(1).toUpperCase()\n      }\n      return mimeToExtension[type]\n    })\n    .filter(Boolean)\n\n  if (extensions.length === 0) return null\n\n  const uniqueExtensions = [...new Set(extensions)]\n  return uniqueExtensions.join(', ')\n}\n\nexport function FileInput(rawProps: FileInputProps) {\n  const { t } = useTranslation('common')\n  const resolvedProps = applyMissingDefaults(rawProps, FileInputDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    onChange,\n    onBlur,\n    accept,\n    className,\n    'aria-describedby': ariaDescribedByFromProps,\n  } = resolvedProps\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleSelect = (files: FileList | null) => {\n    const file = files?.[0] ?? null\n    onChange(file)\n  }\n\n  const handleDrop = async (e: { items: DropItem[] }) => {\n    const fileItem = e.items.find(isFileDropItem)\n    if (fileItem) {\n      const file = await fileItem.getFile()\n      onChange(file)\n    }\n  }\n\n  const getDropOperation = (types: { has: (type: string) => boolean }) => {\n    const acceptedTypes = accept ?? ['*/*']\n    const hasAcceptedType = acceptedTypes.some(type => {\n      if (type === '*/*') return true\n      if (type.startsWith('.')) {\n        return types.has('application/octet-stream') || types.has('Files')\n      }\n      return types.has(type)\n    })\n    return hasAcceptedType ? 'copy' : 'cancel'\n  }\n\n  const handleRemove = () => {\n    onChange(null)\n  }\n\n  const FileTypeIcon = value ? getFileIcon(value.type) : null\n\n  return (\n    <FieldLayout\n      label={label}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel\n      withErrorIcon={false}\n    >\n      <div\n        className={styles.root}\n        data-disabled={isDisabled || undefined}\n        data-invalid={isInvalid || undefined}\n      >\n        {value ? (\n          <div\n            className={classNames(styles.filePreview, { [styles.disabled as string]: isDisabled })}\n          >\n            <Flex alignItems=\"center\" gap={12}>\n              <div className={styles.fileIcon}>\n                {FileTypeIcon && <FileTypeIcon aria-hidden=\"true\" />}\n              </div>\n              <div className={styles.fileInfo}>\n                <Flex flexDirection=\"column\" gap={0}>\n                  <span className={styles.fileName}>{value.name}</span>\n                  <span className={styles.fileSize}>{formatFileSize(value.size)}</span>\n                </Flex>\n              </div>\n              <ButtonIcon\n                aria-label={t('fileInput.removeFile')}\n                onClick={handleRemove}\n                isDisabled={isDisabled}\n              >\n                <TrashCanIcon aria-hidden=\"true\" className={styles.removeButton} />\n              </ButtonIcon>\n            </Flex>\n          </div>\n        ) : (\n          <DropZone\n            onDrop={handleDrop}\n            getDropOperation={getDropOperation}\n            className={styles.dropZone}\n          >\n            <FileTrigger onSelect={handleSelect} acceptedFileTypes={accept}>\n              <AriaButton\n                id={inputId}\n                isDisabled={isDisabled}\n                aria-describedby={ariaDescribedBy}\n                onBlur={onBlur}\n                className={styles.trigger}\n              >\n                <span className={styles.triggerContent}>\n                  <span className={styles.triggerText}>\n                    <Trans\n                      i18nKey=\"fileInput.uploadInstructions\"\n                      ns=\"common\"\n                      components={{ clickToUpload: <span className={styles.clickToUpload} /> }}\n                    />\n                  </span>\n                  {(formatAcceptedTypes(accept) || description) && (\n                    <span className={styles.hintContainer}>\n                      {formatAcceptedTypes(accept) && (\n                        <span className={styles.hint}>\n                          {t('fileInput.acceptedTypes', { types: formatAcceptedTypes(accept) })}\n                        </span>\n                      )}\n                      {description && (\n                        <span id={descriptionId} className={styles.hint}>\n                          {description}\n                        </span>\n                      )}\n                    </span>\n                  )}\n                </span>\n              </AriaButton>\n            </FileTrigger>\n          </DropZone>\n        )}\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["getFileIcon","mimeType","PdfIcon","PngIcon","JpgIcon","FileIcon","isFileDropItem","item","formatFileSize","bytes","k","sizes","i","mimeToExtension","formatAcceptedTypes","accept","extensions","type","FileInput","rawProps","t","useTranslation","resolvedProps","applyMissingDefaults","FileInputDefaults","label","description","errorMessage","isRequired","isInvalid","isDisabled","id","value","onChange","onBlur","className","ariaDescribedByFromProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleSelect","files","file","handleDrop","e","fileItem","getDropOperation","types","handleRemove","FileTypeIcon","jsx","FieldLayout","styles","classNames","jsxs","Flex","ButtonIcon","TrashCanIcon","DropZone","FileTrigger","AriaButton","Trans"],"mappings":"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"}

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

@@ -1,34 +1,36 @@
-const e = "_root_1odee_1", o = "_dropZone_1odee_5", t = "_trigger_1odee_12", _ = "_triggerContent_1odee_32", i = "_triggerText_1odee_39", n = "_clickToUpload_1odee_43", r = "_hint_1odee_48", d = "_filePreview_1odee_52", l = "_disabled_1odee_55", c = "_fileIcon_1odee_60", s = "_fileInfo_1odee_72", f = "_fileName_1odee_76", g = "_fileSize_1odee_86", a = "_removeButton_1odee_91", p = {
-  root: e,
-  dropZone: o,
-  trigger: t,
-  triggerContent: _,
-  triggerText: i,
-  clickToUpload: n,
-  hint: r,
-  filePreview: d,
-  disabled: l,
-  fileIcon: c,
-  fileInfo: s,
-  fileName: f,
+const t = "_root_wtxia_1", e = "_dropZone_wtxia_5", i = "_trigger_wtxia_12", o = "_triggerContent_wtxia_34", n = "_triggerText_wtxia_41", _ = "_clickToUpload_wtxia_45", r = "_hintContainer_wtxia_50", a = "_hint_wtxia_50", l = "_filePreview_wtxia_61", c = "_disabled_wtxia_64", s = "_fileIcon_wtxia_69", f = "_fileInfo_wtxia_81", x = "_fileName_wtxia_85", g = "_fileSize_wtxia_95", w = "_removeButton_wtxia_100", d = {
+  root: t,
+  dropZone: e,
+  trigger: i,
+  triggerContent: o,
+  triggerText: n,
+  clickToUpload: _,
+  hintContainer: r,
+  hint: a,
+  filePreview: l,
+  disabled: c,
+  fileIcon: s,
+  fileInfo: f,
+  fileName: x,
   fileSize: g,
-  removeButton: a
+  removeButton: w
 };
 export {
-  n as clickToUpload,
-  p as default,
-  l as disabled,
-  o as dropZone,
-  c as fileIcon,
-  s as fileInfo,
-  f as fileName,
-  d as filePreview,
+  _ as clickToUpload,
+  d as default,
+  c as disabled,
+  e as dropZone,
+  s as fileIcon,
+  f as fileInfo,
+  x as fileName,
+  l as filePreview,
   g as fileSize,
-  r as hint,
-  a as removeButton,
-  e as root,
-  t as trigger,
-  _ as triggerContent,
-  i as triggerText
+  a as hint,
+  r as hintContainer,
+  w as removeButton,
+  t as root,
+  i as trigger,
+  o as triggerContent,
+  n as triggerText
 };
 //# sourceMappingURL=FileInput.module.scss.js.map

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

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

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

@@ -1,9 +1,9 @@
-const n = "_container_6gzur_1", t = "_hasAdornmentStart_6gzur_10", r = "_hasAdornmentEnd_6gzur_14", o = "_invalidIcon_6gzur_47", a = "_inputContainer_6gzur_62", d = "_adornmentStart_6gzur_78", e = "_adornmentEnd_6gzur_83", _ = {
+const n = "_container_mov6t_1", t = "_hasAdornmentStart_mov6t_10", o = "_hasAdornmentEnd_mov6t_14", a = "_invalidIcon_mov6t_48", r = "_inputContainer_mov6t_63", d = "_adornmentStart_mov6t_79", e = "_adornmentEnd_mov6t_84", _ = {
   container: n,
   hasAdornmentStart: t,
-  hasAdornmentEnd: r,
-  invalidIcon: o,
-  inputContainer: a,
+  hasAdornmentEnd: o,
+  invalidIcon: a,
+  inputContainer: r,
   adornmentStart: d,
   adornmentEnd: e
 };
@@ -12,9 +12,9 @@ export {
   d as adornmentStart,
   n as container,
   _ as default,
-  r as hasAdornmentEnd,
+  o as hasAdornmentEnd,
   t as hasAdornmentStart,
-  a as inputContainer,
-  o as invalidIcon
+  r as inputContainer,
+  a as invalidIcon
 };
 //# sourceMappingURL=Input.module.scss.js.map

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

@@ -1,4 +1,4 @@
-const t = "_list_1tff9_1", s = "_item_1tff9_17", e = {
+const t = "_list_b105q_1", s = "_item_b105q_10", e = {
   list: t,
   item: s
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Common/UI/Modal/Modal.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport { type ModalProps, ModalDefaults } from './ModalTypes'\nimport styles from './Modal.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useOverflowDetection } from '@/hooks/useOverflowDetection/useOverflowDetection'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\nimport { transitionDuration } from '@/contexts/ThemeProvider/theme'\n\nexport function Modal(rawProps: ModalProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, ModalDefaults)\n  const { isOpen, onClose, shouldCloseOnBackdropClick, children, footer, containerRef } =\n    resolvedProps\n\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const internalBackdropRef = useRef<HTMLDivElement>(null)\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  // Use callback ref to sync both internal and external refs\n  const backdropCallbackRef = useForkRef(internalBackdropRef, containerRef)\n\n  const breakpoints = useContainerBreakpoints({\n    ref: internalBackdropRef,\n  })\n\n  const isOverflowing = useOverflowDetection({\n    ref: modalRef,\n  })\n\n  const [isExiting, setIsExiting] = useState(false)\n  const transitionTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const isSmallOrLarger = breakpoints.includes('small')\n\n  useLayoutEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    if (transitionTimeoutRef.current) {\n      clearTimeout(transitionTimeoutRef.current)\n    }\n\n    if (isOpen && !dialog.open) {\n      dialog.showModal()\n      requestAnimationFrame(() => {\n        dialog.setAttribute('data-show', 'true')\n      })\n    } else if (!isOpen && dialog.open) {\n      setIsExiting(true)\n      transitionTimeoutRef.current = setTimeout(() => {\n        dialog.close()\n        dialog.removeAttribute('data-show')\n        setIsExiting(false)\n      }, transitionDuration)\n    }\n\n    return () => {\n      if (transitionTimeoutRef.current) {\n        clearTimeout(transitionTimeoutRef.current)\n      }\n    }\n  }, [isOpen])\n\n  const handleBackdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.target === event.currentTarget && shouldCloseOnBackdropClick) {\n      onClose?.()\n    }\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      onClose?.()\n    }\n  }\n\n  const handleClose = () => {\n    if (onClose) {\n      onClose()\n    }\n  }\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className={styles.dialog}\n      onClose={handleClose}\n      data-exiting={isExiting || undefined}\n    >\n      <div\n        ref={backdropCallbackRef}\n        className={classNames(styles.backdrop, {\n          [styles.backdropSmall as string]: isSmallOrLarger,\n        })}\n        onClick={handleBackdropClick}\n        onKeyDown={handleKeyDown}\n        role=\"presentation\"\n      >\n        <div\n          ref={modalRef}\n          className={classNames(styles.modal, {\n            [styles.modalSmall as string]: isSmallOrLarger,\n            [styles.modalOverflowing as string]: isOverflowing,\n          })}\n        >\n          {children && (\n            <div\n              className={classNames(styles.content, {\n                [styles.contentScrollable as string]: isOverflowing,\n              })}\n            >\n              {children}\n            </div>\n          )}\n          {footer && (\n            <div\n              className={classNames(styles.footer, {\n                [styles.footerFixed as string]: isOverflowing,\n              })}\n            >\n              {footer}\n            </div>\n          )}\n        </div>\n      </div>\n    </dialog>\n  )\n}\n"],"names":["Modal","rawProps","resolvedProps","applyMissingDefaults","ModalDefaults","isOpen","onClose","shouldCloseOnBackdropClick","children","footer","containerRef","dialogRef","useRef","internalBackdropRef","modalRef","backdropCallbackRef","useForkRef","breakpoints","useContainerBreakpoints","isOverflowing","useOverflowDetection","isExiting","setIsExiting","useState","transitionTimeoutRef","isSmallOrLarger","useLayoutEffect","dialog","transitionDuration","handleBackdropClick","event","handleKeyDown","handleClose","jsx","styles","classNames","jsxs"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Common/UI/Modal/Modal.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport { type ModalProps, ModalDefaults } from './ModalTypes'\nimport styles from './Modal.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useOverflowDetection } from '@/hooks/useOverflowDetection/useOverflowDetection'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\nimport { transitionDuration } from '@/contexts/ThemeProvider/theme'\n\nexport function Modal(rawProps: ModalProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, ModalDefaults)\n  const { isOpen, onClose, shouldCloseOnBackdropClick, children, footer, containerRef } =\n    resolvedProps\n\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const internalBackdropRef = useRef<HTMLDivElement>(null)\n  const modalRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  // Use callback ref to sync both internal and external refs\n  const backdropCallbackRef = useForkRef(internalBackdropRef, containerRef)\n\n  const breakpoints = useContainerBreakpoints({\n    ref: internalBackdropRef,\n  })\n\n  const isOverflowing = useOverflowDetection({\n    ref: contentRef,\n  })\n\n  const [isExiting, setIsExiting] = useState(false)\n  const transitionTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const isSmallOrLarger = breakpoints.includes('small')\n\n  useLayoutEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    if (transitionTimeoutRef.current) {\n      clearTimeout(transitionTimeoutRef.current)\n    }\n\n    if (isOpen && !dialog.open) {\n      dialog.showModal()\n      requestAnimationFrame(() => {\n        dialog.setAttribute('data-show', 'true')\n      })\n    } else if (!isOpen && dialog.open) {\n      setIsExiting(true)\n      transitionTimeoutRef.current = setTimeout(() => {\n        dialog.close()\n        dialog.removeAttribute('data-show')\n        setIsExiting(false)\n      }, transitionDuration)\n    }\n\n    return () => {\n      if (transitionTimeoutRef.current) {\n        clearTimeout(transitionTimeoutRef.current)\n      }\n    }\n  }, [isOpen])\n\n  const handleBackdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.target === event.currentTarget && shouldCloseOnBackdropClick) {\n      onClose?.()\n    }\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      onClose?.()\n    }\n  }\n\n  const handleClose = () => {\n    if (onClose) {\n      onClose()\n    }\n  }\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className={styles.dialog}\n      onClose={handleClose}\n      data-exiting={isExiting || undefined}\n    >\n      <div\n        ref={backdropCallbackRef}\n        className={classNames(styles.backdrop, {\n          [styles.backdropSmall as string]: isSmallOrLarger,\n        })}\n        onClick={handleBackdropClick}\n        onKeyDown={handleKeyDown}\n        role=\"presentation\"\n      >\n        <div\n          ref={modalRef}\n          className={classNames(styles.modal, {\n            [styles.modalSmall as string]: isSmallOrLarger,\n            [styles.modalOverflowing as string]: isOverflowing,\n          })}\n        >\n          {children && (\n            <div\n              ref={contentRef}\n              className={classNames(styles.content, {\n                [styles.contentScrollable as string]: isOverflowing,\n              })}\n            >\n              {children}\n            </div>\n          )}\n          {footer && (\n            <div\n              className={classNames(styles.footer, {\n                [styles.footerFixed as string]: isOverflowing,\n              })}\n            >\n              {footer}\n            </div>\n          )}\n        </div>\n      </div>\n    </dialog>\n  )\n}\n"],"names":["Modal","rawProps","resolvedProps","applyMissingDefaults","ModalDefaults","isOpen","onClose","shouldCloseOnBackdropClick","children","footer","containerRef","dialogRef","useRef","internalBackdropRef","modalRef","contentRef","backdropCallbackRef","useForkRef","breakpoints","useContainerBreakpoints","isOverflowing","useOverflowDetection","isExiting","setIsExiting","useState","transitionTimeoutRef","isSmallOrLarger","useLayoutEffect","dialog","transitionDuration","handleBackdropClick","event","handleKeyDown","handleClose","jsx","styles","classNames","jsxs"],"mappings":";;;;;;;;;;AAUO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,QAAAC,GAAQ,SAAAC,GAAS,4BAAAC,GAA4B,UAAAC,GAAU,QAAAC,GAAQ,cAAAC,MACrER,GAEIS,IAAYC,EAA0B,IAAI,GAC1CC,IAAsBD,EAAuB,IAAI,GACjDE,IAAWF,EAAuB,IAAI,GACtCG,IAAaH,EAAuB,IAAI,GAGxCI,IAAsBC,EAAWJ,GAAqBH,CAAY,GAElEQ,IAAcC,EAAwB;AAAA,IAC1C,KAAKN;AAAA,EAAA,CACN,GAEKO,IAAgBC,EAAqB;AAAA,IACzC,KAAKN;AAAA,EAAA,CACN,GAEK,CAACO,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAuBb,EAA8B,IAAI,GACzDc,IAAkBR,EAAY,SAAS,OAAO;AAEpD,EAAAS,EAAgB,MAAM;AACpB,UAAMC,IAASjB,EAAU;AACzB,QAAKiB;AAEL,aAAIH,EAAqB,WACvB,aAAaA,EAAqB,OAAO,GAGvCpB,KAAU,CAACuB,EAAO,QACpBA,EAAO,UAAA,GACP,sBAAsB,MAAM;AAC1B,QAAAA,EAAO,aAAa,aAAa,MAAM;AAAA,MACzC,CAAC,KACQ,CAACvB,KAAUuB,EAAO,SAC3BL,EAAa,EAAI,GACjBE,EAAqB,UAAU,WAAW,MAAM;AAC9C,QAAAG,EAAO,MAAA,GACPA,EAAO,gBAAgB,WAAW,GAClCL,EAAa,EAAK;AAAA,MACpB,GAAGM,CAAkB,IAGhB,MAAM;AACX,QAAIJ,EAAqB,WACvB,aAAaA,EAAqB,OAAO;AAAA,MAE7C;AAAA,EACF,GAAG,CAACpB,CAAM,CAAC;AAEX,QAAMyB,IAAsB,CAACC,MAA4C;AACvE,IAAIA,EAAM,WAAWA,EAAM,iBAAiBxB,KAC1CD,IAAA;AAAA,EAEJ,GAEM0B,IAAgB,CAACD,MAA+C;AACpE,IAAIA,EAAM,QAAQ,YAChBzB,IAAA;AAAA,EAEJ,GAEM2B,IAAc,MAAM;AACxB,IAAI3B,KACFA,EAAA;AAAA,EAEJ;AAEA,SACE,gBAAA4B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKvB;AAAA,MACL,WAAWwB,EAAO;AAAA,MAClB,SAASF;AAAA,MACT,gBAAcX,KAAa;AAAA,MAE3B,UAAA,gBAAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKlB;AAAA,UACL,WAAWoB,EAAWD,EAAO,UAAU;AAAA,YACrC,CAACA,EAAO,aAAuB,GAAGT;AAAA,UAAA,CACnC;AAAA,UACD,SAASI;AAAA,UACT,WAAWE;AAAA,UACX,MAAK;AAAA,UAEL,UAAA,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKvB;AAAA,cACL,WAAWsB,EAAWD,EAAO,OAAO;AAAA,gBAClC,CAACA,EAAO,UAAoB,GAAGT;AAAA,gBAC/B,CAACS,EAAO,gBAA0B,GAAGf;AAAA,cAAA,CACtC;AAAA,cAEA,UAAA;AAAA,gBAAAZ,KACC,gBAAA0B;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAKnB;AAAA,oBACL,WAAWqB,EAAWD,EAAO,SAAS;AAAA,sBACpC,CAACA,EAAO,iBAA2B,GAAGf;AAAA,oBAAA,CACvC;AAAA,oBAEA,UAAAZ;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGJC,KACC,gBAAAyB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWE,EAAWD,EAAO,QAAQ;AAAA,sBACnC,CAACA,EAAO,WAAqB,GAAGf;AAAA,oBAAA,CACjC;AAAA,oBAEA,UAAAX;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -1,4 +1,4 @@
-const o = "_dialog_19y6l_1", l = "_backdrop_19y6l_21", t = "_backdropSmall_19y6l_31", _ = "_modal_19y6l_35", a = "_modalSmall_19y6l_58", c = "_modalOverflowing_19y6l_62", n = "_content_19y6l_66", e = "_contentScrollable_19y6l_73", d = "_footer_19y6l_80", r = "_footerFixed_19y6l_93", m = {
+const o = "_dialog_1hx5b_1", l = "_backdrop_1hx5b_21", t = "_backdropSmall_1hx5b_31", _ = "_modal_1hx5b_35", a = "_modalSmall_1hx5b_58", c = "_modalOverflowing_1hx5b_62", n = "_content_1hx5b_66", e = "_contentScrollable_1hx5b_73", d = "_footer_1hx5b_80", b = "_footerFixed_1hx5b_90", r = {
   dialog: o,
   backdrop: l,
   backdropSmall: t,
@@ -8,17 +8,17 @@ const o = "_dialog_19y6l_1", l = "_backdrop_19y6l_21", t = "_backdropSmall_19y6l
   content: n,
   contentScrollable: e,
   footer: d,
-  footerFixed: r
+  footerFixed: b
 };
 export {
   l as backdrop,
   t as backdropSmall,
   n as content,
   e as contentScrollable,
-  m as default,
+  r as default,
   o as dialog,
   d as footer,
-  r as footerFixed,
+  b as footerFixed,
   _ as modal,
   c as modalOverflowing,
   a as modalSmall