boreal-ui 0.0.36 → 0.0.37

package/dist/next/{FormGroup-DUVdekj1.js.map → FormGroup-DbUqgg_b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormGroup-DUVdekj1.js","sources":["../../src/components/FormGroup/FormGroupBase.tsx","../../src/components/FormGroup/next/FormGroup.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { BaseFormGroupProps } from \"./FormGroup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\n\r\nconst BaseFormGroup: React.FC<BaseFormGroupProps> = ({\r\n  label,\r\n  description,\r\n  error,\r\n  children,\r\n  id,\r\n  required = false,\r\n  className = \"\",\r\n  layout = \"vertical\",\r\n  hideLabel = false,\r\n  spacing = \"xs\",\r\n  controller,\r\n  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const auto = useId();\r\n  const baseId = id ?? `${testId}-${auto}`;\r\n  const labelId = label ? `${baseId}-label` : undefined;\r\n  const descriptionId = description ? `${baseId}-description` : undefined;\r\n  const errorId = error ? `${baseId}-error` : undefined;\r\n\r\n  const describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n  const isGroup = childrenArray.length > 1;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[layout],\r\n        classMap[spacing],\r\n        error && classMap.error,\r\n        className\r\n      ),\r\n    [classMap, layout, spacing, error, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(isGroup && {\r\n        role: \"group\",\r\n        \"aria-labelledby\": labelId,\r\n        \"aria-describedby\": describedBy,\r\n      })}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          {...(!isGroup && id ? { htmlFor: id } : {})}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && (\r\n            <span\r\n              className={classMap.required}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-required`}\r\n            >\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      {childrenArray.map((child, index) => (\r\n        <div\r\n          key={index}\r\n          className={classMap.inputWrapper}\r\n          data-testid={`${testId}-wrapper-${index}`}\r\n        >\r\n          <div\r\n            className={classMap.inputField}\r\n            data-testid={`${testId}-input-field-${index}`}\r\n          >\r\n            {child}\r\n          </div>\r\n\r\n          {controller && index === 0 && (\r\n            <div\r\n              className={classMap.controller}\r\n              data-testid={`${testId}-controller`}\r\n            >\r\n              {controller}\r\n            </div>\r\n          )}\r\n        </div>\r\n      ))}\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={errorId}\r\n          className={classMap.errorMessage}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseFormGroup.displayName = \"BaseFormGroup\";\r\nexport default BaseFormGroup;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFormGroup from \"../FormGroupBase\";\r\nimport styles from \"./FormGroup.module.scss\";\r\nimport { FormGroupProps } from \"../FormGroup.types\";\r\n\r\nconst FormGroup: React.FC<FormGroupProps> = (props) => {\r\n  return <BaseFormGroup {...props} classMap={styles} />;\r\n};\r\n\r\nexport default FormGroup;\r\n"],"names":["label","description","required","controller"],"mappings":"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"}
+{"version":3,"file":"FormGroup-DbUqgg_b.js","sources":["../../src/components/FormGroup/FormGroupBase.tsx","../../src/components/FormGroup/next/FormGroup.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { BaseFormGroupProps } from \"./FormGroup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\n\r\nconst BaseFormGroup: React.FC<BaseFormGroupProps> = ({\r\n  label,\r\n  description,\r\n  error,\r\n  children,\r\n  id,\r\n  required = false,\r\n  className = \"\",\r\n  layout = \"vertical\",\r\n  hideLabel = false,\r\n  spacing = \"xs\",\r\n  controller,\r\n  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const auto = useId();\r\n  const baseId = id ?? `${testId}-${auto}`;\r\n  const labelId = label ? `${baseId}-label` : undefined;\r\n  const descriptionId = description ? `${baseId}-description` : undefined;\r\n  const errorId = error ? `${baseId}-error` : undefined;\r\n\r\n  const describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n  const isGroup = childrenArray.length > 1;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[layout],\r\n        classMap[spacing],\r\n        error && classMap.error,\r\n        className\r\n      ),\r\n    [classMap, layout, spacing, error, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(isGroup && {\r\n        role: \"group\",\r\n        \"aria-labelledby\": labelId,\r\n        \"aria-describedby\": describedBy,\r\n      })}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          {...(!isGroup && id ? { htmlFor: id } : {})}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && (\r\n            <span\r\n              className={classMap.required}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-required`}\r\n            >\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      {childrenArray.map((child, index) => (\r\n        <div\r\n          key={index}\r\n          className={classMap.inputWrapper}\r\n          data-testid={`${testId}-wrapper-${index}`}\r\n        >\r\n          <div\r\n            className={classMap.inputField}\r\n            data-testid={`${testId}-input-field-${index}`}\r\n          >\r\n            {child}\r\n          </div>\r\n\r\n          {controller && index === 0 && (\r\n            <div\r\n              className={classMap.controller}\r\n              data-testid={`${testId}-controller`}\r\n            >\r\n              {controller}\r\n            </div>\r\n          )}\r\n        </div>\r\n      ))}\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={errorId}\r\n          className={classMap.errorMessage}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseFormGroup.displayName = \"BaseFormGroup\";\r\nexport default BaseFormGroup;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFormGroup from \"../FormGroupBase\";\r\nimport styles from \"./FormGroup.module.scss\";\r\nimport { FormGroupProps } from \"../FormGroup.types\";\r\n\r\nconst FormGroup: React.FC<FormGroupProps> = (props) => {\r\n  return <BaseFormGroup {...props} classMap={styles} />;\r\n};\r\nFormGroup.displayName = \"FormGroup\";\r\nexport default FormGroup;\r\n"],"names":["label","description","required","controller"],"mappings":"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"}

package/dist/next/FormGroup.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const FormGroup = require("./FormGroup-DNvdijpi.cjs");
+const FormGroup = require("./FormGroup-6Ss6pNqV.cjs");
 module.exports = FormGroup.FormGroup;
 //# sourceMappingURL=FormGroup.cjs.js.map

package/dist/next/FormGroup.js

@@ -1,4 +1,4 @@
-import { F } from "./FormGroup-DUVdekj1.js";
+import { F } from "./FormGroup-DbUqgg_b.js";
 export {
   F as default
 };

package/dist/next/{MarkdownRenderer-CTF0Vhf5.js → MarkdownRenderer-B7lwemDw.js}

@@ -115,7 +115,8 @@ const styles = {
 const MarkdownRenderer = (props) => {
   return /* @__PURE__ */ jsx(BaseMarkdownRenderer, { ...props, classMap: styles });
 };
+MarkdownRenderer.displayName = "MarkdownRenderer";
 export {
   MarkdownRenderer as M
 };
-//# sourceMappingURL=MarkdownRenderer-CTF0Vhf5.js.map
+//# sourceMappingURL=MarkdownRenderer-B7lwemDw.js.map

package/dist/next/{MarkdownRenderer-CTF0Vhf5.js.map → MarkdownRenderer-B7lwemDw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer-CTF0Vhf5.js","sources":["../../src/components/MarkdownRenderer/MarkdownRendererBase.tsx","../../src/components/MarkdownRenderer/next/MarkdownRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { marked } from \"marked\";\r\nimport { BaseMarkdownRendererProps } from \"./MarkdownRenderer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction safeSanitize(html: string): string {\r\n  try {\r\n    if (typeof window !== \"undefined\" && \"DOMParser\" in window) {\r\n      const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n      doc\r\n        .querySelectorAll(\"script, iframe, object, embed, link, meta\")\r\n        .forEach((el) => el.remove());\r\n\r\n      doc.body.querySelectorAll<HTMLElement>(\"*\").forEach((el) => {\r\n        [...el.attributes].forEach((attr) => {\r\n          const name = attr.name.toLowerCase();\r\n          const val = attr.value;\r\n          if (name.startsWith(\"on\")) el.removeAttribute(attr.name);\r\n          if (\r\n            (name === \"href\" || name === \"src\") &&\r\n            /^\\s*javascript:/i.test(val)\r\n          ) {\r\n            el.removeAttribute(attr.name);\r\n          }\r\n        });\r\n      });\r\n\r\n      return doc.body.innerHTML;\r\n    }\r\n  } catch {\r\n    return \"\";\r\n  }\r\n\r\n  return html\r\n    .replace(/<\\/?(script|iframe|object|embed|meta|link)[^>]*>/gi, \"\")\r\n    .replace(/\\son[a-z]+=\"[^\"]*\"/gi, \"\")\r\n    .replace(/\\s(href|src)\\s*=\\s*\"(?:\\s*javascript:[^\"]*)\"/gi, \"\");\r\n}\r\n\r\nconst escapeHtml = (s: string) =>\r\n  s\r\n    .replace(/&/g, \"&amp;\")\r\n    .replace(/</g, \"&lt;\")\r\n    .replace(/>/g, \"&gt;\")\r\n    .replace(/\"/g, \"&quot;\")\r\n    .replace(/'/g, \"&#39;\");\r\n\r\nconst BaseMarkdownRenderer: React.FC<BaseMarkdownRendererProps> = ({\r\n  content,\r\n  className = \"\",\r\n  language = \"en\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  \"data-testid\": testId = \"markdown-renderer\",\r\n  classMap,\r\n  sanitizeHtml,\r\n}) => {\r\n  const renderer = useMemo(() => {\r\n    const r = new marked.Renderer();\r\n\r\n    r.link = ({ href, title, text }) => {\r\n      const url = href ?? \"#\";\r\n      const isExternal = /^https?:\\/\\//i.test(url);\r\n      const t = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\r\n      const target = isExternal ? ` target=\"_blank\"` : \"\";\r\n      const rel = isExternal ? ` rel=\"noopener noreferrer\"` : \"\";\r\n      return `<a href=\"${escapeHtml(url)}\"${t}${target}${rel}>${text}</a>`;\r\n    };\r\n\r\n    r.image = ({ href, title, text }) => {\r\n      const url = href ?? \"\";\r\n      const t = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\r\n      const alt = escapeHtml(text || \"\");\r\n      return `<img src=\"${escapeHtml(url)}\"${t} alt=\"${alt}\" loading=\"lazy\" decoding=\"async\" />`;\r\n    };\r\n\r\n    return r;\r\n  }, []);\r\n\r\n  const html = useMemo(() => {\r\n    const trimmed = (content ?? \"\").trim();\r\n    if (!trimmed) return \"\";\r\n\r\n    const raw = marked.parse(trimmed, {\r\n      async: false,\r\n      renderer,\r\n    }) as string;\r\n\r\n    const sanitize = sanitizeHtml ?? safeSanitize;\r\n    return sanitize(raw);\r\n  }, [content, renderer, sanitizeHtml]);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, className]\r\n  );\r\n\r\n  if (!html) {\r\n    return (\r\n      <div className={classMap.empty} data-testid={testId}>\r\n        <p>No content available.</p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      data-testid={testId}\r\n      lang={language}\r\n      dangerouslySetInnerHTML={{ __html: html }}\r\n    />\r\n  );\r\n};\r\n\r\nBaseMarkdownRenderer.displayName = \"BaseMarkdownRenderer\";\r\nexport default BaseMarkdownRenderer;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMarkdownRenderer from \"../MarkdownRendererBase\";\r\nimport styles from \"./MarkdownRenderer.module.scss\";\r\nimport { MarkdownRendererProps } from \"../MarkdownRenderer.types\";\r\n\r\nconst MarkdownRenderer: React.FC<MarkdownRendererProps> = (props) => {\r\n  return <BaseMarkdownRenderer {...props} classMap={styles} />;\r\n};\r\n\r\nexport default MarkdownRenderer;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownRenderer-B7lwemDw.js","sources":["../../src/components/MarkdownRenderer/MarkdownRendererBase.tsx","../../src/components/MarkdownRenderer/next/MarkdownRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { marked } from \"marked\";\r\nimport { BaseMarkdownRendererProps } from \"./MarkdownRenderer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction safeSanitize(html: string): string {\r\n  try {\r\n    if (typeof window !== \"undefined\" && \"DOMParser\" in window) {\r\n      const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n      doc\r\n        .querySelectorAll(\"script, iframe, object, embed, link, meta\")\r\n        .forEach((el) => el.remove());\r\n\r\n      doc.body.querySelectorAll<HTMLElement>(\"*\").forEach((el) => {\r\n        [...el.attributes].forEach((attr) => {\r\n          const name = attr.name.toLowerCase();\r\n          const val = attr.value;\r\n          if (name.startsWith(\"on\")) el.removeAttribute(attr.name);\r\n          if (\r\n            (name === \"href\" || name === \"src\") &&\r\n            /^\\s*javascript:/i.test(val)\r\n          ) {\r\n            el.removeAttribute(attr.name);\r\n          }\r\n        });\r\n      });\r\n\r\n      return doc.body.innerHTML;\r\n    }\r\n  } catch {\r\n    return \"\";\r\n  }\r\n\r\n  return html\r\n    .replace(/<\\/?(script|iframe|object|embed|meta|link)[^>]*>/gi, \"\")\r\n    .replace(/\\son[a-z]+=\"[^\"]*\"/gi, \"\")\r\n    .replace(/\\s(href|src)\\s*=\\s*\"(?:\\s*javascript:[^\"]*)\"/gi, \"\");\r\n}\r\n\r\nconst escapeHtml = (s: string) =>\r\n  s\r\n    .replace(/&/g, \"&amp;\")\r\n    .replace(/</g, \"&lt;\")\r\n    .replace(/>/g, \"&gt;\")\r\n    .replace(/\"/g, \"&quot;\")\r\n    .replace(/'/g, \"&#39;\");\r\n\r\nconst BaseMarkdownRenderer: React.FC<BaseMarkdownRendererProps> = ({\r\n  content,\r\n  className = \"\",\r\n  language = \"en\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  \"data-testid\": testId = \"markdown-renderer\",\r\n  classMap,\r\n  sanitizeHtml,\r\n}) => {\r\n  const renderer = useMemo(() => {\r\n    const r = new marked.Renderer();\r\n\r\n    r.link = ({ href, title, text }) => {\r\n      const url = href ?? \"#\";\r\n      const isExternal = /^https?:\\/\\//i.test(url);\r\n      const t = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\r\n      const target = isExternal ? ` target=\"_blank\"` : \"\";\r\n      const rel = isExternal ? ` rel=\"noopener noreferrer\"` : \"\";\r\n      return `<a href=\"${escapeHtml(url)}\"${t}${target}${rel}>${text}</a>`;\r\n    };\r\n\r\n    r.image = ({ href, title, text }) => {\r\n      const url = href ?? \"\";\r\n      const t = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\r\n      const alt = escapeHtml(text || \"\");\r\n      return `<img src=\"${escapeHtml(url)}\"${t} alt=\"${alt}\" loading=\"lazy\" decoding=\"async\" />`;\r\n    };\r\n\r\n    return r;\r\n  }, []);\r\n\r\n  const html = useMemo(() => {\r\n    const trimmed = (content ?? \"\").trim();\r\n    if (!trimmed) return \"\";\r\n\r\n    const raw = marked.parse(trimmed, {\r\n      async: false,\r\n      renderer,\r\n    }) as string;\r\n\r\n    const sanitize = sanitizeHtml ?? safeSanitize;\r\n    return sanitize(raw);\r\n  }, [content, renderer, sanitizeHtml]);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, className]\r\n  );\r\n\r\n  if (!html) {\r\n    return (\r\n      <div className={classMap.empty} data-testid={testId}>\r\n        <p>No content available.</p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      data-testid={testId}\r\n      lang={language}\r\n      dangerouslySetInnerHTML={{ __html: html }}\r\n    />\r\n  );\r\n};\r\n\r\nBaseMarkdownRenderer.displayName = \"BaseMarkdownRenderer\";\r\nexport default BaseMarkdownRenderer;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMarkdownRenderer from \"../MarkdownRendererBase\";\r\nimport styles from \"./MarkdownRenderer.module.scss\";\r\nimport { MarkdownRendererProps } from \"../MarkdownRenderer.types\";\r\n\r\nconst MarkdownRenderer: React.FC<MarkdownRendererProps> = (props) => {\r\n  return <BaseMarkdownRenderer {...props} classMap={styles} />;\r\n};\r\nMarkdownRenderer.displayName = \"MarkdownRenderer\";\r\nexport default MarkdownRenderer;\r\n"],"names":[],"mappings":"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"}

package/dist/next/{MarkdownRenderer-BrVUEjkX.cjs → MarkdownRenderer-BvfBDz9X.cjs}

@@ -116,5 +116,6 @@ const styles = {
 const MarkdownRenderer = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseMarkdownRenderer, { ...props, classMap: styles });
 };
+MarkdownRenderer.displayName = "MarkdownRenderer";
 exports.MarkdownRenderer = MarkdownRenderer;
-//# sourceMappingURL=MarkdownRenderer-BrVUEjkX.cjs.map
+//# sourceMappingURL=MarkdownRenderer-BvfBDz9X.cjs.map

package/dist/next/{MarkdownRenderer-BrVUEjkX.cjs.map → MarkdownRenderer-BvfBDz9X.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer-BrVUEjkX.cjs","sources":["../../src/components/MarkdownRenderer/MarkdownRendererBase.tsx","../../src/components/MarkdownRenderer/next/MarkdownRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { marked } from \"marked\";\r\nimport { BaseMarkdownRendererProps } from \"./MarkdownRenderer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction safeSanitize(html: string): string {\r\n  try {\r\n    if (typeof window !== \"undefined\" && \"DOMParser\" in window) {\r\n      const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n      doc\r\n        .querySelectorAll(\"script, iframe, object, embed, link, meta\")\r\n        .forEach((el) => el.remove());\r\n\r\n      doc.body.querySelectorAll<HTMLElement>(\"*\").forEach((el) => {\r\n        [...el.attributes].forEach((attr) => {\r\n          const name = attr.name.toLowerCase();\r\n          const val = attr.value;\r\n          if (name.startsWith(\"on\")) el.removeAttribute(attr.name);\r\n          if (\r\n            (name === \"href\" || name === \"src\") &&\r\n            /^\\s*javascript:/i.test(val)\r\n          ) {\r\n            el.removeAttribute(attr.name);\r\n          }\r\n        });\r\n      });\r\n\r\n      return doc.body.innerHTML;\r\n    }\r\n  } catch {\r\n    return \"\";\r\n  }\r\n\r\n  return html\r\n    .replace(/<\\/?(script|iframe|object|embed|meta|link)[^>]*>/gi, \"\")\r\n    .replace(/\\son[a-z]+=\"[^\"]*\"/gi, \"\")\r\n    .replace(/\\s(href|src)\\s*=\\s*\"(?:\\s*javascript:[^\"]*)\"/gi, \"\");\r\n}\r\n\r\nconst escapeHtml = (s: string) =>\r\n  s\r\n    .replace(/&/g, \"&amp;\")\r\n    .replace(/</g, \"&lt;\")\r\n    .replace(/>/g, \"&gt;\")\r\n    .replace(/\"/g, \"&quot;\")\r\n    .replace(/'/g, \"&#39;\");\r\n\r\nconst BaseMarkdownRenderer: React.FC<BaseMarkdownRendererProps> = ({\r\n  content,\r\n  className = \"\",\r\n  language = \"en\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  \"data-testid\": testId = \"markdown-renderer\",\r\n  classMap,\r\n  sanitizeHtml,\r\n}) => {\r\n  const renderer = useMemo(() => {\r\n    const r = new marked.Renderer();\r\n\r\n    r.link = ({ href, title, text }) => {\r\n      const url = href ?? \"#\";\r\n      const isExternal = /^https?:\\/\\//i.test(url);\r\n      const t = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\r\n      const target = isExternal ? ` target=\"_blank\"` : \"\";\r\n      const rel = isExternal ? ` rel=\"noopener noreferrer\"` : \"\";\r\n      return `<a href=\"${escapeHtml(url)}\"${t}${target}${rel}>${text}</a>`;\r\n    };\r\n\r\n    r.image = ({ href, title, text }) => {\r\n      const url = href ?? \"\";\r\n      const t = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\r\n      const alt = escapeHtml(text || \"\");\r\n      return `<img src=\"${escapeHtml(url)}\"${t} alt=\"${alt}\" loading=\"lazy\" decoding=\"async\" />`;\r\n    };\r\n\r\n    return r;\r\n  }, []);\r\n\r\n  const html = useMemo(() => {\r\n    const trimmed = (content ?? \"\").trim();\r\n    if (!trimmed) return \"\";\r\n\r\n    const raw = marked.parse(trimmed, {\r\n      async: false,\r\n      renderer,\r\n    }) as string;\r\n\r\n    const sanitize = sanitizeHtml ?? safeSanitize;\r\n    return sanitize(raw);\r\n  }, [content, renderer, sanitizeHtml]);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, className]\r\n  );\r\n\r\n  if (!html) {\r\n    return (\r\n      <div className={classMap.empty} data-testid={testId}>\r\n        <p>No content available.</p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      data-testid={testId}\r\n      lang={language}\r\n      dangerouslySetInnerHTML={{ __html: html }}\r\n    />\r\n  );\r\n};\r\n\r\nBaseMarkdownRenderer.displayName = \"BaseMarkdownRenderer\";\r\nexport default BaseMarkdownRenderer;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMarkdownRenderer from \"../MarkdownRendererBase\";\r\nimport styles from \"./MarkdownRenderer.module.scss\";\r\nimport { MarkdownRendererProps } from \"../MarkdownRenderer.types\";\r\n\r\nconst MarkdownRenderer: React.FC<MarkdownRendererProps> = (props) => {\r\n  return <BaseMarkdownRenderer {...props} classMap={styles} />;\r\n};\r\n\r\nexport default MarkdownRenderer;\r\n"],"names":["getDefaultRounding","getDefaultShadow","useMemo","marked","combineClassNames","capitalize","jsx"],"mappings":"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"}
+{"version":3,"file":"MarkdownRenderer-BvfBDz9X.cjs","sources":["../../src/components/MarkdownRenderer/MarkdownRendererBase.tsx","../../src/components/MarkdownRenderer/next/MarkdownRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { marked } from \"marked\";\r\nimport { BaseMarkdownRendererProps } from \"./MarkdownRenderer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction safeSanitize(html: string): string {\r\n  try {\r\n    if (typeof window !== \"undefined\" && \"DOMParser\" in window) {\r\n      const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n      doc\r\n        .querySelectorAll(\"script, iframe, object, embed, link, meta\")\r\n        .forEach((el) => el.remove());\r\n\r\n      doc.body.querySelectorAll<HTMLElement>(\"*\").forEach((el) => {\r\n        [...el.attributes].forEach((attr) => {\r\n          const name = attr.name.toLowerCase();\r\n          const val = attr.value;\r\n          if (name.startsWith(\"on\")) el.removeAttribute(attr.name);\r\n          if (\r\n            (name === \"href\" || name === \"src\") &&\r\n            /^\\s*javascript:/i.test(val)\r\n          ) {\r\n            el.removeAttribute(attr.name);\r\n          }\r\n        });\r\n      });\r\n\r\n      return doc.body.innerHTML;\r\n    }\r\n  } catch {\r\n    return \"\";\r\n  }\r\n\r\n  return html\r\n    .replace(/<\\/?(script|iframe|object|embed|meta|link)[^>]*>/gi, \"\")\r\n    .replace(/\\son[a-z]+=\"[^\"]*\"/gi, \"\")\r\n    .replace(/\\s(href|src)\\s*=\\s*\"(?:\\s*javascript:[^\"]*)\"/gi, \"\");\r\n}\r\n\r\nconst escapeHtml = (s: string) =>\r\n  s\r\n    .replace(/&/g, \"&amp;\")\r\n    .replace(/</g, \"&lt;\")\r\n    .replace(/>/g, \"&gt;\")\r\n    .replace(/\"/g, \"&quot;\")\r\n    .replace(/'/g, \"&#39;\");\r\n\r\nconst BaseMarkdownRenderer: React.FC<BaseMarkdownRendererProps> = ({\r\n  content,\r\n  className = \"\",\r\n  language = \"en\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  \"data-testid\": testId = \"markdown-renderer\",\r\n  classMap,\r\n  sanitizeHtml,\r\n}) => {\r\n  const renderer = useMemo(() => {\r\n    const r = new marked.Renderer();\r\n\r\n    r.link = ({ href, title, text }) => {\r\n      const url = href ?? \"#\";\r\n      const isExternal = /^https?:\\/\\//i.test(url);\r\n      const t = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\r\n      const target = isExternal ? ` target=\"_blank\"` : \"\";\r\n      const rel = isExternal ? ` rel=\"noopener noreferrer\"` : \"\";\r\n      return `<a href=\"${escapeHtml(url)}\"${t}${target}${rel}>${text}</a>`;\r\n    };\r\n\r\n    r.image = ({ href, title, text }) => {\r\n      const url = href ?? \"\";\r\n      const t = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\r\n      const alt = escapeHtml(text || \"\");\r\n      return `<img src=\"${escapeHtml(url)}\"${t} alt=\"${alt}\" loading=\"lazy\" decoding=\"async\" />`;\r\n    };\r\n\r\n    return r;\r\n  }, []);\r\n\r\n  const html = useMemo(() => {\r\n    const trimmed = (content ?? \"\").trim();\r\n    if (!trimmed) return \"\";\r\n\r\n    const raw = marked.parse(trimmed, {\r\n      async: false,\r\n      renderer,\r\n    }) as string;\r\n\r\n    const sanitize = sanitizeHtml ?? safeSanitize;\r\n    return sanitize(raw);\r\n  }, [content, renderer, sanitizeHtml]);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, className]\r\n  );\r\n\r\n  if (!html) {\r\n    return (\r\n      <div className={classMap.empty} data-testid={testId}>\r\n        <p>No content available.</p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      data-testid={testId}\r\n      lang={language}\r\n      dangerouslySetInnerHTML={{ __html: html }}\r\n    />\r\n  );\r\n};\r\n\r\nBaseMarkdownRenderer.displayName = \"BaseMarkdownRenderer\";\r\nexport default BaseMarkdownRenderer;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMarkdownRenderer from \"../MarkdownRendererBase\";\r\nimport styles from \"./MarkdownRenderer.module.scss\";\r\nimport { MarkdownRendererProps } from \"../MarkdownRenderer.types\";\r\n\r\nconst MarkdownRenderer: React.FC<MarkdownRendererProps> = (props) => {\r\n  return <BaseMarkdownRenderer {...props} classMap={styles} />;\r\n};\r\nMarkdownRenderer.displayName = \"MarkdownRenderer\";\r\nexport default MarkdownRenderer;\r\n"],"names":["getDefaultRounding","getDefaultShadow","useMemo","marked","combineClassNames","capitalize","jsx"],"mappings":"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"}

package/dist/next/MarkdownRenderer.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const MarkdownRenderer = require("./MarkdownRenderer-BrVUEjkX.cjs");
+const MarkdownRenderer = require("./MarkdownRenderer-BvfBDz9X.cjs");
 module.exports = MarkdownRenderer.MarkdownRenderer;
 //# sourceMappingURL=MarkdownRenderer.cjs.js.map

package/dist/next/MarkdownRenderer.js

@@ -1,4 +1,4 @@
-import { M } from "./MarkdownRenderer-CTF0Vhf5.js";
+import { M } from "./MarkdownRenderer-B7lwemDw.js";
 export {
   M as default
 };

package/dist/next/MessagePopUp.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const MessagePopup = require("./MessagePopup-DB8VBIft.cjs");
+const MessagePopup = require("./MessagePopup-BQ4OFvwo.cjs");
 module.exports = MessagePopup.MessagePopUp;
 //# sourceMappingURL=MessagePopUp.cjs.js.map

package/dist/next/MessagePopUp.js

@@ -1,4 +1,4 @@
-import { M } from "./MessagePopup-DCN-w-NA.js";
+import { M } from "./MessagePopup-B5OaSUBr.js";
 export {
   M as default
 };

package/dist/next/{MessagePopup-DCN-w-NA.js → MessagePopup-B5OaSUBr.js}

@@ -5,7 +5,7 @@ import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-import { B as Button } from "./Button-BF5Wp81D.js";
+import { B as Button } from "./Button-BjY7f3mw.js";
 import { I as IconButton } from "./IconButton-qQljwBB2.js";
 const BaseMessagePopup = ({
   message: message2,
@@ -220,7 +220,8 @@ const MessagePopUp = (props) => {
     }
   );
 };
+MessagePopUp.displayName = "MessagePopUp";
 export {
   MessagePopUp as M
 };
-//# sourceMappingURL=MessagePopup-DCN-w-NA.js.map
+//# sourceMappingURL=MessagePopup-B5OaSUBr.js.map

package/dist/next/{MessagePopup-DCN-w-NA.js.map → MessagePopup-B5OaSUBr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessagePopup-DCN-w-NA.js","sources":["../../src/components/MessagePopUp/MessagePopupBase.tsx","../../src/components/MessagePopUp/next/MessagePopup.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseMessagePopupProps } from \"./MessagePopup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseMessagePopup: React.FC<BaseMessagePopupProps> = ({\r\n  message,\r\n  onClose,\r\n  onConfirm,\r\n  onCancel,\r\n  controlsRounding = getDefaultRounding(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  confirmText = \"Confirm\",\r\n  cancelText = \"Cancel\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"message-popup\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const firstButtonRef = useRef<HTMLButtonElement>(null);\r\n  const cancelButtonRef = useRef<HTMLButtonElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n  const messageId = useId();\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(\"popup-portal\");\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = \"popup-portal\";\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"no-scroll\");\r\n\r\n    const roots = Array.from(document.body.children);\r\n    const restored: Array<HTMLElement> = [];\r\n    roots.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        restored.push(el as HTMLElement);\r\n      }\r\n    });\r\n\r\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"no-scroll\");\r\n      document.removeEventListener(\"keydown\", handleEscape);\r\n      restored.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!dialogRef.current) return;\r\n    focusablesRef.current = Array.from(\r\n      dialogRef.current.querySelectorAll<HTMLElement>(\r\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n      )\r\n    ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n\r\n    const target =\r\n      firstButtonRef.current ||\r\n      cancelButtonRef.current ||\r\n      (closeBtnRef.current as HTMLElement | null) ||\r\n      focusablesRef.current[0];\r\n    target?.focus?.();\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const wrapperClass = combineClassNames(\r\n    classMap.wrapper,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    className\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={wrapperClass}\r\n      onClick={onClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.content}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={messageId}\r\n        tabIndex={-1}\r\n        ref={dialogRef}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-dialog`}\r\n      >\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.close}\r\n          onClick={onClose}\r\n          aria-label=\"Close popup\"\r\n          icon={CloseIcon}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          type=\"button\"\r\n          data-testid={`${testId}-close`}\r\n        />\r\n        <h2\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </h2>\r\n        <div className={classMap.actions} data-testid={`${testId}-actions`}>\r\n          {onConfirm && (\r\n            <Button\r\n              className={classMap.confirm}\r\n              state=\"success\"\r\n              onClick={onConfirm}\r\n              ref={firstButtonRef}\r\n              rounding={controlsRounding}\r\n              type=\"button\"\r\n              data-testid={`${testId}-confirm`}\r\n            >\r\n              {confirmText}\r\n            </Button>\r\n          )}\r\n          {onCancel && (\r\n            <Button\r\n              ref={cancelButtonRef}\r\n              className={classMap.cancel}\r\n              state=\"warning\"\r\n              onClick={onCancel}\r\n              type=\"button\"\r\n              data-testid={`${testId}-cancel`}\r\n            >\r\n              {cancelText}\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseMessagePopup.displayName = \"BaseMessagePopup\";\r\nexport default BaseMessagePopup;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMessagePopUp from \"../MessagePopupBase\";\r\nimport { Button, IconButton } from \"../../../index.next\";\r\nimport styles from \"./MessagePopup.module.scss\";\r\nimport { MessagePopUpProps } from \"../MessagePopup.types\";\r\n\r\nconst MessagePopUp: React.FC<MessagePopUpProps> = (props) => {\r\n  return (\r\n    <BaseMessagePopUp\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default MessagePopUp;\r\n"],"names":["message","Button","IconButton","BaseMessagePopUp"],"mappings":"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"}
+{"version":3,"file":"MessagePopup-B5OaSUBr.js","sources":["../../src/components/MessagePopUp/MessagePopupBase.tsx","../../src/components/MessagePopUp/next/MessagePopup.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseMessagePopupProps } from \"./MessagePopup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseMessagePopup: React.FC<BaseMessagePopupProps> = ({\r\n  message,\r\n  onClose,\r\n  onConfirm,\r\n  onCancel,\r\n  controlsRounding = getDefaultRounding(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  confirmText = \"Confirm\",\r\n  cancelText = \"Cancel\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"message-popup\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const firstButtonRef = useRef<HTMLButtonElement>(null);\r\n  const cancelButtonRef = useRef<HTMLButtonElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n  const messageId = useId();\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(\"popup-portal\");\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = \"popup-portal\";\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"no-scroll\");\r\n\r\n    const roots = Array.from(document.body.children);\r\n    const restored: Array<HTMLElement> = [];\r\n    roots.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        restored.push(el as HTMLElement);\r\n      }\r\n    });\r\n\r\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"no-scroll\");\r\n      document.removeEventListener(\"keydown\", handleEscape);\r\n      restored.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!dialogRef.current) return;\r\n    focusablesRef.current = Array.from(\r\n      dialogRef.current.querySelectorAll<HTMLElement>(\r\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n      )\r\n    ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n\r\n    const target =\r\n      firstButtonRef.current ||\r\n      cancelButtonRef.current ||\r\n      (closeBtnRef.current as HTMLElement | null) ||\r\n      focusablesRef.current[0];\r\n    target?.focus?.();\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const wrapperClass = combineClassNames(\r\n    classMap.wrapper,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    className\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={wrapperClass}\r\n      onClick={onClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.content}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={messageId}\r\n        tabIndex={-1}\r\n        ref={dialogRef}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-dialog`}\r\n      >\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.close}\r\n          onClick={onClose}\r\n          aria-label=\"Close popup\"\r\n          icon={CloseIcon}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          type=\"button\"\r\n          data-testid={`${testId}-close`}\r\n        />\r\n        <h2\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </h2>\r\n        <div className={classMap.actions} data-testid={`${testId}-actions`}>\r\n          {onConfirm && (\r\n            <Button\r\n              className={classMap.confirm}\r\n              state=\"success\"\r\n              onClick={onConfirm}\r\n              ref={firstButtonRef}\r\n              rounding={controlsRounding}\r\n              type=\"button\"\r\n              data-testid={`${testId}-confirm`}\r\n            >\r\n              {confirmText}\r\n            </Button>\r\n          )}\r\n          {onCancel && (\r\n            <Button\r\n              ref={cancelButtonRef}\r\n              className={classMap.cancel}\r\n              state=\"warning\"\r\n              onClick={onCancel}\r\n              type=\"button\"\r\n              data-testid={`${testId}-cancel`}\r\n            >\r\n              {cancelText}\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseMessagePopup.displayName = \"BaseMessagePopup\";\r\nexport default BaseMessagePopup;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMessagePopUp from \"../MessagePopupBase\";\r\nimport { Button, IconButton } from \"../../../index.next\";\r\nimport styles from \"./MessagePopup.module.scss\";\r\nimport { MessagePopUpProps } from \"../MessagePopup.types\";\r\n\r\nconst MessagePopUp: React.FC<MessagePopUpProps> = (props) => {\r\n  return (\r\n    <BaseMessagePopUp\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nMessagePopUp.displayName = \"MessagePopUp\";\r\nexport default MessagePopUp;\r\n"],"names":["message","Button","IconButton","BaseMessagePopUp"],"mappings":"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"}

package/dist/next/{MessagePopup-DB8VBIft.cjs → MessagePopup-BQ4OFvwo.cjs}

@@ -6,7 +6,7 @@ const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-5qNmDKPi.cjs");
+const Button = require("./Button-D8Kff8sN.cjs");
 const IconButton = require("./IconButton-VSz8qAIg.cjs");
 const BaseMessagePopup = ({
   message: message2,
@@ -221,5 +221,6 @@ const MessagePopUp = (props) => {
     }
   );
 };
+MessagePopUp.displayName = "MessagePopUp";
 exports.MessagePopUp = MessagePopUp;
-//# sourceMappingURL=MessagePopup-DB8VBIft.cjs.map
+//# sourceMappingURL=MessagePopup-BQ4OFvwo.cjs.map

package/dist/next/{MessagePopup-DB8VBIft.cjs.map → MessagePopup-BQ4OFvwo.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MessagePopup-DB8VBIft.cjs","sources":["../../src/components/MessagePopUp/MessagePopupBase.tsx","../../src/components/MessagePopUp/next/MessagePopup.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseMessagePopupProps } from \"./MessagePopup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseMessagePopup: React.FC<BaseMessagePopupProps> = ({\r\n  message,\r\n  onClose,\r\n  onConfirm,\r\n  onCancel,\r\n  controlsRounding = getDefaultRounding(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  confirmText = \"Confirm\",\r\n  cancelText = \"Cancel\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"message-popup\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const firstButtonRef = useRef<HTMLButtonElement>(null);\r\n  const cancelButtonRef = useRef<HTMLButtonElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n  const messageId = useId();\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(\"popup-portal\");\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = \"popup-portal\";\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"no-scroll\");\r\n\r\n    const roots = Array.from(document.body.children);\r\n    const restored: Array<HTMLElement> = [];\r\n    roots.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        restored.push(el as HTMLElement);\r\n      }\r\n    });\r\n\r\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"no-scroll\");\r\n      document.removeEventListener(\"keydown\", handleEscape);\r\n      restored.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!dialogRef.current) return;\r\n    focusablesRef.current = Array.from(\r\n      dialogRef.current.querySelectorAll<HTMLElement>(\r\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n      )\r\n    ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n\r\n    const target =\r\n      firstButtonRef.current ||\r\n      cancelButtonRef.current ||\r\n      (closeBtnRef.current as HTMLElement | null) ||\r\n      focusablesRef.current[0];\r\n    target?.focus?.();\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const wrapperClass = combineClassNames(\r\n    classMap.wrapper,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    className\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={wrapperClass}\r\n      onClick={onClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.content}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={messageId}\r\n        tabIndex={-1}\r\n        ref={dialogRef}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-dialog`}\r\n      >\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.close}\r\n          onClick={onClose}\r\n          aria-label=\"Close popup\"\r\n          icon={CloseIcon}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          type=\"button\"\r\n          data-testid={`${testId}-close`}\r\n        />\r\n        <h2\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </h2>\r\n        <div className={classMap.actions} data-testid={`${testId}-actions`}>\r\n          {onConfirm && (\r\n            <Button\r\n              className={classMap.confirm}\r\n              state=\"success\"\r\n              onClick={onConfirm}\r\n              ref={firstButtonRef}\r\n              rounding={controlsRounding}\r\n              type=\"button\"\r\n              data-testid={`${testId}-confirm`}\r\n            >\r\n              {confirmText}\r\n            </Button>\r\n          )}\r\n          {onCancel && (\r\n            <Button\r\n              ref={cancelButtonRef}\r\n              className={classMap.cancel}\r\n              state=\"warning\"\r\n              onClick={onCancel}\r\n              type=\"button\"\r\n              data-testid={`${testId}-cancel`}\r\n            >\r\n              {cancelText}\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseMessagePopup.displayName = \"BaseMessagePopup\";\r\nexport default BaseMessagePopup;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMessagePopUp from \"../MessagePopupBase\";\r\nimport { Button, IconButton } from \"../../../index.next\";\r\nimport styles from \"./MessagePopup.module.scss\";\r\nimport { MessagePopUpProps } from \"../MessagePopup.types\";\r\n\r\nconst MessagePopUp: React.FC<MessagePopUpProps> = (props) => {\r\n  return (\r\n    <BaseMessagePopUp\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default MessagePopUp;\r\n"],"names":["message","getDefaultRounding","getDefaultShadow","Button","IconButton","useState","useRef","useId","useEffect","combineClassNames","capitalize","jsx","jsxs","CloseIcon","BaseMessagePopUp"],"mappings":";;;;;;;;;;AAiBA,MAAM,mBAAoD,CAAC;AAAA,EACzD,SAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmBC,kBAAAA,mBAAA;AAAA,EACnB,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAIA,MAAAA,SAA6B,IAAI;AAC3E,QAAM,YAAYC,MAAAA,OAAuB,IAAI;AAC7C,QAAM,iBAAiBA,MAAAA,OAA0B,IAAI;AACrD,QAAM,kBAAkBA,MAAAA,OAA0B,IAAI;AACtD,QAAM,cAAcA,MAAAA,OAA0B,IAAI;AAClD,QAAM,YAAYA,MAAAA,OAA2B,IAAI;AACjD,QAAM,gBAAgBA,MAAAA,OAAsB,EAAE;AAC9C,QAAM,YAAYC,MAAAA,MAAA;AAElBC,QAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AACjB,cAAU,UAAW,SAAS,iBAAiC;AAE/D,QAAI,SAAS,SAAS,eAAe,cAAc;AACnD,QAAI,CAAC,QAAQ;AACX,eAAS,SAAS,cAAc,KAAK;AACrC,aAAO,KAAK;AACZ,eAAS,KAAK,YAAY,MAAM;AAAA,IAClC;AACA,qBAAiB,MAAM;AACvB,aAAS,KAAK,UAAU,IAAI,WAAW;AAEvC,UAAM,QAAQ,MAAM,KAAK,SAAS,KAAK,QAAQ;AAC/C,UAAM,WAA+B,CAAA;AACrC,UAAM,QAAQ,CAAC,OAAO;AACpB,UAAI,OAAO,UAAU,CAAC,GAAG,aAAa,aAAa,GAAG;AACpD,WAAG,aAAa,eAAe,MAAM;AACrC,iBAAS,KAAK,EAAiB;AAAA,MACjC;AAAA,IACF,CAAC;AAED,UAAM,eAAe,CAAC,MAAgC;AACpD,UAAI,EAAE,QAAQ,SAAU,SAAA;AAAA,IAC1B;AACA,aAAS,iBAAiB,WAAW,YAAY;AAEjD,WAAO,MAAM;;AACX,eAAS,KAAK,UAAU,OAAO,WAAW;AAC1C,eAAS,oBAAoB,WAAW,YAAY;AACpD,eAAS,QAAQ,CAAC,OAAO,GAAG,gBAAgB,aAAa,CAAC;AAC1D,4BAAU,YAAV,mBAAmB,UAAnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZA,QAAAA,UAAU,MAAM;;AACd,QAAI,CAAC,UAAU,QAAS;AACxB,kBAAc,UAAU,MAAM;AAAA,MAC5B,UAAU,QAAQ;AAAA,QAChB;AAAA,MAAA;AAAA,IACF,EACA,OAAO,CAAC,OAAO,CAAC,GAAG,aAAa,UAAU,KAAK,GAAG,aAAa,EAAE;AAEnE,UAAM,SACJ,eAAe,WACf,gBAAgB,WACf,YAAY,WACb,cAAc,QAAQ,CAAC;AACzB,2CAAQ,UAAR;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,gBAAgB,CAAC,MAAqC;AAC1D,QAAI,EAAE,QAAQ,MAAO;AACrB,UAAM,OAAO,cAAc;AAC3B,QAAI,CAAC,KAAK,OAAQ;AAElB,UAAM,QAAQ,KAAK,CAAC;AACpB,UAAM,OAAO,KAAK,KAAK,SAAS,CAAC;AAEjC,QAAI,EAAE,YAAY,SAAS,kBAAkB,OAAO;AAClD,QAAE,eAAA;AACF,WAAK,MAAA;AAAA,IACP,WAAW,CAAC,EAAE,YAAY,SAAS,kBAAkB,MAAM;AACzD,QAAE,eAAA;AACF,YAAM,MAAA;AAAA,IACR;AAAA,EACF;AAEA,MAAI,CAAC,aAAa,CAAC,cAAe,QAAO;AAEzC,QAAM,eAAeC,WAAAA;AAAAA,IACnB,SAAS;AAAA,IACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD;AAAA,EAAA;AAGF,SAAO,SAAS;AAAA,IACdC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAK;AAAA,QACL,eAAa;AAAA,QAEb,UAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,YAClB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,mBAAiB;AAAA,YACjB,UAAU;AAAA,YACV,KAAK;AAAA,YACL,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAEtB,UAAA;AAAA,cAAAD,2BAAAA;AAAAA,gBAACP;AAAA,gBAAA;AAAA,kBACC,KAAK;AAAA,kBACL,WAAW,SAAS;AAAA,kBACpB,SAAS;AAAA,kBACT,cAAW;AAAA,kBACX,MAAMS,UAAAA;AAAAA,kBACN,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,eAAa,GAAG,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAExBF,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAAX;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEHY,2BAAAA,KAAC,SAAI,WAAW,SAAS,SAAS,eAAa,GAAG,MAAM,YACrD,UAAA;AAAA,gBAAA,aACCD,2BAAAA;AAAAA,kBAACR;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,OAAM;AAAA,oBACN,SAAS;AAAA,oBACT,KAAK;AAAA,oBACL,UAAU;AAAA,oBACV,MAAK;AAAA,oBACL,eAAa,GAAG,MAAM;AAAA,oBAErB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGJ,YACCQ,2BAAAA;AAAAA,kBAACR;AAAA,kBAAA;AAAA,oBACC,KAAK;AAAA,oBACL,WAAW,SAAS;AAAA,oBACpB,OAAM;AAAA,oBACN,SAAS;AAAA,oBACT,MAAK;AAAA,oBACL,eAAa,GAAG,MAAM;AAAA,oBAErB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH,EAAA,CAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA;AAEJ;AAEA,iBAAiB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrL/B,MAAM,eAA4C,CAAC,UAAU;AAC3D,SACEQ,2BAAAA;AAAAA,IAACG;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MAAA,QACJX,OAAAA;AAAAA,MAAA,YACAC,WAAAA;AAAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}
+{"version":3,"file":"MessagePopup-BQ4OFvwo.cjs","sources":["../../src/components/MessagePopUp/MessagePopupBase.tsx","../../src/components/MessagePopUp/next/MessagePopup.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseMessagePopupProps } from \"./MessagePopup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseMessagePopup: React.FC<BaseMessagePopupProps> = ({\r\n  message,\r\n  onClose,\r\n  onConfirm,\r\n  onCancel,\r\n  controlsRounding = getDefaultRounding(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  confirmText = \"Confirm\",\r\n  cancelText = \"Cancel\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"message-popup\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const firstButtonRef = useRef<HTMLButtonElement>(null);\r\n  const cancelButtonRef = useRef<HTMLButtonElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n  const messageId = useId();\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(\"popup-portal\");\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = \"popup-portal\";\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"no-scroll\");\r\n\r\n    const roots = Array.from(document.body.children);\r\n    const restored: Array<HTMLElement> = [];\r\n    roots.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        restored.push(el as HTMLElement);\r\n      }\r\n    });\r\n\r\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"no-scroll\");\r\n      document.removeEventListener(\"keydown\", handleEscape);\r\n      restored.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!dialogRef.current) return;\r\n    focusablesRef.current = Array.from(\r\n      dialogRef.current.querySelectorAll<HTMLElement>(\r\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n      )\r\n    ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n\r\n    const target =\r\n      firstButtonRef.current ||\r\n      cancelButtonRef.current ||\r\n      (closeBtnRef.current as HTMLElement | null) ||\r\n      focusablesRef.current[0];\r\n    target?.focus?.();\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const wrapperClass = combineClassNames(\r\n    classMap.wrapper,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    className\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={wrapperClass}\r\n      onClick={onClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.content}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={messageId}\r\n        tabIndex={-1}\r\n        ref={dialogRef}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-dialog`}\r\n      >\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.close}\r\n          onClick={onClose}\r\n          aria-label=\"Close popup\"\r\n          icon={CloseIcon}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          type=\"button\"\r\n          data-testid={`${testId}-close`}\r\n        />\r\n        <h2\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </h2>\r\n        <div className={classMap.actions} data-testid={`${testId}-actions`}>\r\n          {onConfirm && (\r\n            <Button\r\n              className={classMap.confirm}\r\n              state=\"success\"\r\n              onClick={onConfirm}\r\n              ref={firstButtonRef}\r\n              rounding={controlsRounding}\r\n              type=\"button\"\r\n              data-testid={`${testId}-confirm`}\r\n            >\r\n              {confirmText}\r\n            </Button>\r\n          )}\r\n          {onCancel && (\r\n            <Button\r\n              ref={cancelButtonRef}\r\n              className={classMap.cancel}\r\n              state=\"warning\"\r\n              onClick={onCancel}\r\n              type=\"button\"\r\n              data-testid={`${testId}-cancel`}\r\n            >\r\n              {cancelText}\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseMessagePopup.displayName = \"BaseMessagePopup\";\r\nexport default BaseMessagePopup;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMessagePopUp from \"../MessagePopupBase\";\r\nimport { Button, IconButton } from \"../../../index.next\";\r\nimport styles from \"./MessagePopup.module.scss\";\r\nimport { MessagePopUpProps } from \"../MessagePopup.types\";\r\n\r\nconst MessagePopUp: React.FC<MessagePopUpProps> = (props) => {\r\n  return (\r\n    <BaseMessagePopUp\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nMessagePopUp.displayName = \"MessagePopUp\";\r\nexport default MessagePopUp;\r\n"],"names":["message","getDefaultRounding","getDefaultShadow","Button","IconButton","useState","useRef","useId","useEffect","combineClassNames","capitalize","jsx","jsxs","CloseIcon","BaseMessagePopUp"],"mappings":";;;;;;;;;;AAiBA,MAAM,mBAAoD,CAAC;AAAA,EACzD,SAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmBC,kBAAAA,mBAAA;AAAA,EACnB,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAIA,MAAAA,SAA6B,IAAI;AAC3E,QAAM,YAAYC,MAAAA,OAAuB,IAAI;AAC7C,QAAM,iBAAiBA,MAAAA,OAA0B,IAAI;AACrD,QAAM,kBAAkBA,MAAAA,OAA0B,IAAI;AACtD,QAAM,cAAcA,MAAAA,OAA0B,IAAI;AAClD,QAAM,YAAYA,MAAAA,OAA2B,IAAI;AACjD,QAAM,gBAAgBA,MAAAA,OAAsB,EAAE;AAC9C,QAAM,YAAYC,MAAAA,MAAA;AAElBC,QAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AACjB,cAAU,UAAW,SAAS,iBAAiC;AAE/D,QAAI,SAAS,SAAS,eAAe,cAAc;AACnD,QAAI,CAAC,QAAQ;AACX,eAAS,SAAS,cAAc,KAAK;AACrC,aAAO,KAAK;AACZ,eAAS,KAAK,YAAY,MAAM;AAAA,IAClC;AACA,qBAAiB,MAAM;AACvB,aAAS,KAAK,UAAU,IAAI,WAAW;AAEvC,UAAM,QAAQ,MAAM,KAAK,SAAS,KAAK,QAAQ;AAC/C,UAAM,WAA+B,CAAA;AACrC,UAAM,QAAQ,CAAC,OAAO;AACpB,UAAI,OAAO,UAAU,CAAC,GAAG,aAAa,aAAa,GAAG;AACpD,WAAG,aAAa,eAAe,MAAM;AACrC,iBAAS,KAAK,EAAiB;AAAA,MACjC;AAAA,IACF,CAAC;AAED,UAAM,eAAe,CAAC,MAAgC;AACpD,UAAI,EAAE,QAAQ,SAAU,SAAA;AAAA,IAC1B;AACA,aAAS,iBAAiB,WAAW,YAAY;AAEjD,WAAO,MAAM;;AACX,eAAS,KAAK,UAAU,OAAO,WAAW;AAC1C,eAAS,oBAAoB,WAAW,YAAY;AACpD,eAAS,QAAQ,CAAC,OAAO,GAAG,gBAAgB,aAAa,CAAC;AAC1D,4BAAU,YAAV,mBAAmB,UAAnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZA,QAAAA,UAAU,MAAM;;AACd,QAAI,CAAC,UAAU,QAAS;AACxB,kBAAc,UAAU,MAAM;AAAA,MAC5B,UAAU,QAAQ;AAAA,QAChB;AAAA,MAAA;AAAA,IACF,EACA,OAAO,CAAC,OAAO,CAAC,GAAG,aAAa,UAAU,KAAK,GAAG,aAAa,EAAE;AAEnE,UAAM,SACJ,eAAe,WACf,gBAAgB,WACf,YAAY,WACb,cAAc,QAAQ,CAAC;AACzB,2CAAQ,UAAR;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,gBAAgB,CAAC,MAAqC;AAC1D,QAAI,EAAE,QAAQ,MAAO;AACrB,UAAM,OAAO,cAAc;AAC3B,QAAI,CAAC,KAAK,OAAQ;AAElB,UAAM,QAAQ,KAAK,CAAC;AACpB,UAAM,OAAO,KAAK,KAAK,SAAS,CAAC;AAEjC,QAAI,EAAE,YAAY,SAAS,kBAAkB,OAAO;AAClD,QAAE,eAAA;AACF,WAAK,MAAA;AAAA,IACP,WAAW,CAAC,EAAE,YAAY,SAAS,kBAAkB,MAAM;AACzD,QAAE,eAAA;AACF,YAAM,MAAA;AAAA,IACR;AAAA,EACF;AAEA,MAAI,CAAC,aAAa,CAAC,cAAe,QAAO;AAEzC,QAAM,eAAeC,WAAAA;AAAAA,IACnB,SAAS;AAAA,IACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD;AAAA,EAAA;AAGF,SAAO,SAAS;AAAA,IACdC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAK;AAAA,QACL,eAAa;AAAA,QAEb,UAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,YAClB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,mBAAiB;AAAA,YACjB,UAAU;AAAA,YACV,KAAK;AAAA,YACL,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAEtB,UAAA;AAAA,cAAAD,2BAAAA;AAAAA,gBAACP;AAAA,gBAAA;AAAA,kBACC,KAAK;AAAA,kBACL,WAAW,SAAS;AAAA,kBACpB,SAAS;AAAA,kBACT,cAAW;AAAA,kBACX,MAAMS,UAAAA;AAAAA,kBACN,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,eAAa,GAAG,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAExBF,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAAX;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEHY,2BAAAA,KAAC,SAAI,WAAW,SAAS,SAAS,eAAa,GAAG,MAAM,YACrD,UAAA;AAAA,gBAAA,aACCD,2BAAAA;AAAAA,kBAACR;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,OAAM;AAAA,oBACN,SAAS;AAAA,oBACT,KAAK;AAAA,oBACL,UAAU;AAAA,oBACV,MAAK;AAAA,oBACL,eAAa,GAAG,MAAM;AAAA,oBAErB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGJ,YACCQ,2BAAAA;AAAAA,kBAACR;AAAA,kBAAA;AAAA,oBACC,KAAK;AAAA,oBACL,WAAW,SAAS;AAAA,oBACpB,OAAM;AAAA,oBACN,SAAS;AAAA,oBACT,MAAK;AAAA,oBACL,eAAa,GAAG,MAAM;AAAA,oBAErB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH,EAAA,CAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA;AAEJ;AAEA,iBAAiB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrL/B,MAAM,eAA4C,CAAC,UAAU;AAC3D,SACEQ,2BAAAA;AAAAA,IAACG;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MAAA,QACJX,OAAAA;AAAAA,MAAA,YACAC,WAAAA;AAAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,aAAa,cAAc;;"}

package/dist/next/{MetricBox-CX3SSwgU.cjs → MetricBox-BylPOvoO.cjs}

@@ -165,5 +165,6 @@ const styles = {
 const MetricBox = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseMetricBox, { ...props, classMap: styles });
 };
+MetricBox.displayName = "MetricBox";
 exports.MetricBox = MetricBox;
-//# sourceMappingURL=MetricBox-CX3SSwgU.cjs.map
+//# sourceMappingURL=MetricBox-BylPOvoO.cjs.map

package/dist/next/{MetricBox-CX3SSwgU.cjs.map → MetricBox-BylPOvoO.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MetricBox-CX3SSwgU.cjs","sources":["../../src/components/MetricBox/MetricBoxBase.tsx","../../src/components/MetricBox/next/MetricBox.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { BaseMetricBoxProps } from \"./MetricBox.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseMetricBox: React.FC<BaseMetricBoxProps> = ({\r\n  title,\r\n  value,\r\n  icon: Icon,\r\n  subtext,\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  outline = false,\r\n  align = \"center\",\r\n  size = getDefaultSize(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"metric-box\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const titleId = title ? `${testId}-title-${uid}` : undefined;\r\n  const subtextId = subtext ? `${testId}-subtext-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        outline && classMap.outline,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        classMap[align],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, align, outline, shadow, rounding, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(title\r\n        ? {\r\n            role: \"region\",\r\n            \"aria-labelledby\": titleId,\r\n            \"aria-describedby\": subtextId,\r\n          }\r\n        : {})}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden={true} focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      <div className={classMap.content}>\r\n        {title && (\r\n          <h3\r\n            id={titleId}\r\n            className={classMap.title}\r\n            data-testid={`${testId}-title`}\r\n          >\r\n            {title}\r\n          </h3>\r\n        )}\r\n\r\n        <div className={classMap.value} data-testid={`${testId}-value`}>\r\n          {value}\r\n        </div>\r\n\r\n        {subtext && (\r\n          <div\r\n            id={subtextId}\r\n            className={classMap.subtext}\r\n            data-testid={`${testId}-subtext`}\r\n          >\r\n            {subtext}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseMetricBox.displayName = \"BaseMetricBox\";\r\nexport default BaseMetricBox;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMetricBox from \"../MetricBoxBase\";\r\nimport styles from \"./MetricBox.module.scss\";\r\nimport { MetricBoxProps } from \"../MetricBox.types\";\r\n\r\nconst MetricBox: React.FC<MetricBoxProps> = (props) => {\r\n  return <BaseMetricBox {...props} classMap={styles} />;\r\n};\r\n\r\nexport default MetricBox;\r\n"],"names":["title","value","subtext","getDefaultTheme","getDefaultShadow","getDefaultRounding","outline","getDefaultSize","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAWA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,OAAAC;AAAA,EACA,MAAM;AAAA,EACN,SAAAC;AAAA,EACA,QAAQC,kBAAAA,gBAAA;AAAA,EACR,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAWC,kBAAAA,mBAAA;AAAA,EACX,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,UAAUR,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AACnD,QAAM,YAAYE,WAAU,GAAG,MAAM,YAAY,GAAG,KAAK;AAEzD,QAAM,eAAeO,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACTJ,YAAW,SAAS;AAAA,MACpB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASK,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAM,OAAOL,UAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG5E,SACEM,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACV,GAAIZ,SACD;AAAA,QACE,MAAM;AAAA,QACN,mBAAmB;AAAA,QACnB,oBAAoB;AAAA,MAAA,IAEtB,CAAA;AAAA,MACJ,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACCa,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,yCAAC,MAAA,EAAK,eAAa,MAAM,WAAW,OAAO,GAC7C;AAAA,QAGFD,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,SACtB,UAAA;AAAA,UAAAZ,UACCa,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAb;AAAA,YAAA;AAAA,UAAA;AAAA,UAILa,2BAAAA,IAAC,SAAI,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACnD,UAAAZ,OAAA,CACH;AAAA,UAECC,YACCW,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAX;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvF5B,MAAM,YAAsC,CAAC,UAAU;AACrD,SAAOW,2BAAAA,IAAC,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;;"}
+{"version":3,"file":"MetricBox-BylPOvoO.cjs","sources":["../../src/components/MetricBox/MetricBoxBase.tsx","../../src/components/MetricBox/next/MetricBox.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { BaseMetricBoxProps } from \"./MetricBox.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseMetricBox: React.FC<BaseMetricBoxProps> = ({\r\n  title,\r\n  value,\r\n  icon: Icon,\r\n  subtext,\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  outline = false,\r\n  align = \"center\",\r\n  size = getDefaultSize(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"metric-box\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const titleId = title ? `${testId}-title-${uid}` : undefined;\r\n  const subtextId = subtext ? `${testId}-subtext-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        outline && classMap.outline,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        classMap[align],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, align, outline, shadow, rounding, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(title\r\n        ? {\r\n            role: \"region\",\r\n            \"aria-labelledby\": titleId,\r\n            \"aria-describedby\": subtextId,\r\n          }\r\n        : {})}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden={true} focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      <div className={classMap.content}>\r\n        {title && (\r\n          <h3\r\n            id={titleId}\r\n            className={classMap.title}\r\n            data-testid={`${testId}-title`}\r\n          >\r\n            {title}\r\n          </h3>\r\n        )}\r\n\r\n        <div className={classMap.value} data-testid={`${testId}-value`}>\r\n          {value}\r\n        </div>\r\n\r\n        {subtext && (\r\n          <div\r\n            id={subtextId}\r\n            className={classMap.subtext}\r\n            data-testid={`${testId}-subtext`}\r\n          >\r\n            {subtext}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseMetricBox.displayName = \"BaseMetricBox\";\r\nexport default BaseMetricBox;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMetricBox from \"../MetricBoxBase\";\r\nimport styles from \"./MetricBox.module.scss\";\r\nimport { MetricBoxProps } from \"../MetricBox.types\";\r\n\r\nconst MetricBox: React.FC<MetricBoxProps> = (props) => {\r\n  return <BaseMetricBox {...props} classMap={styles} />;\r\n};\r\nMetricBox.displayName = \"MetricBox\";\r\nexport default MetricBox;\r\n"],"names":["title","value","subtext","getDefaultTheme","getDefaultShadow","getDefaultRounding","outline","getDefaultSize","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAWA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,OAAAC;AAAA,EACA,MAAM;AAAA,EACN,SAAAC;AAAA,EACA,QAAQC,kBAAAA,gBAAA;AAAA,EACR,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAWC,kBAAAA,mBAAA;AAAA,EACX,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,UAAUR,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AACnD,QAAM,YAAYE,WAAU,GAAG,MAAM,YAAY,GAAG,KAAK;AAEzD,QAAM,eAAeO,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACTJ,YAAW,SAAS;AAAA,MACpB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASK,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAM,OAAOL,UAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG5E,SACEM,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACV,GAAIZ,SACD;AAAA,QACE,MAAM;AAAA,QACN,mBAAmB;AAAA,QACnB,oBAAoB;AAAA,MAAA,IAEtB,CAAA;AAAA,MACJ,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACCa,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,yCAAC,MAAA,EAAK,eAAa,MAAM,WAAW,OAAO,GAC7C;AAAA,QAGFD,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,SACtB,UAAA;AAAA,UAAAZ,UACCa,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAb;AAAA,YAAA;AAAA,UAAA;AAAA,UAILa,2BAAAA,IAAC,SAAI,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACnD,UAAAZ,OAAA,CACH;AAAA,UAECC,YACCW,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAX;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvF5B,MAAM,YAAsC,CAAC,UAAU;AACrD,SAAOW,2BAAAA,IAAC,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;AACA,UAAU,cAAc;;"}

package/dist/next/{MetricBox-CN8cgCgr.js → MetricBox-Dl3iruBZ.js}

@@ -164,7 +164,8 @@ const styles = {
 const MetricBox = (props) => {
   return /* @__PURE__ */ jsx(BaseMetricBox, { ...props, classMap: styles });
 };
+MetricBox.displayName = "MetricBox";
 export {
   MetricBox as M
 };
-//# sourceMappingURL=MetricBox-CN8cgCgr.js.map
+//# sourceMappingURL=MetricBox-Dl3iruBZ.js.map

package/dist/next/{MetricBox-CN8cgCgr.js.map → MetricBox-Dl3iruBZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MetricBox-CN8cgCgr.js","sources":["../../src/components/MetricBox/MetricBoxBase.tsx","../../src/components/MetricBox/next/MetricBox.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { BaseMetricBoxProps } from \"./MetricBox.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseMetricBox: React.FC<BaseMetricBoxProps> = ({\r\n  title,\r\n  value,\r\n  icon: Icon,\r\n  subtext,\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  outline = false,\r\n  align = \"center\",\r\n  size = getDefaultSize(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"metric-box\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const titleId = title ? `${testId}-title-${uid}` : undefined;\r\n  const subtextId = subtext ? `${testId}-subtext-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        outline && classMap.outline,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        classMap[align],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, align, outline, shadow, rounding, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(title\r\n        ? {\r\n            role: \"region\",\r\n            \"aria-labelledby\": titleId,\r\n            \"aria-describedby\": subtextId,\r\n          }\r\n        : {})}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden={true} focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      <div className={classMap.content}>\r\n        {title && (\r\n          <h3\r\n            id={titleId}\r\n            className={classMap.title}\r\n            data-testid={`${testId}-title`}\r\n          >\r\n            {title}\r\n          </h3>\r\n        )}\r\n\r\n        <div className={classMap.value} data-testid={`${testId}-value`}>\r\n          {value}\r\n        </div>\r\n\r\n        {subtext && (\r\n          <div\r\n            id={subtextId}\r\n            className={classMap.subtext}\r\n            data-testid={`${testId}-subtext`}\r\n          >\r\n            {subtext}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseMetricBox.displayName = \"BaseMetricBox\";\r\nexport default BaseMetricBox;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMetricBox from \"../MetricBoxBase\";\r\nimport styles from \"./MetricBox.module.scss\";\r\nimport { MetricBoxProps } from \"../MetricBox.types\";\r\n\r\nconst MetricBox: React.FC<MetricBoxProps> = (props) => {\r\n  return <BaseMetricBox {...props} classMap={styles} />;\r\n};\r\n\r\nexport default MetricBox;\r\n"],"names":["title","value","subtext","outline"],"mappings":";;;;;AAWA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,OAAAC;AAAA,EACA,MAAM;AAAA,EACN,SAAAC;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,UAAUH,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AACnD,QAAM,YAAYE,WAAU,GAAG,MAAM,YAAY,GAAG,KAAK;AAEzD,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACTC,YAAW,SAAS;AAAA,MACpB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAM,OAAOA,UAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG5E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACV,GAAIH,SACD;AAAA,QACE,MAAM;AAAA,QACN,mBAAmB;AAAA,QACnB,oBAAoB;AAAA,MAAA,IAEtB,CAAA;AAAA,MACJ,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACC,oBAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,8BAAC,MAAA,EAAK,eAAa,MAAM,WAAW,OAAO,GAC7C;AAAA,QAGF,qBAAC,OAAA,EAAI,WAAW,SAAS,SACtB,UAAA;AAAA,UAAAA,UACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIL,oBAAC,SAAI,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACnD,UAAAC,OAAA,CACH;AAAA,UAECC,YACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvF5B,MAAM,YAAsC,CAAC,UAAU;AACrD,SAAO,oBAAC,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;"}
+{"version":3,"file":"MetricBox-Dl3iruBZ.js","sources":["../../src/components/MetricBox/MetricBoxBase.tsx","../../src/components/MetricBox/next/MetricBox.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { BaseMetricBoxProps } from \"./MetricBox.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseMetricBox: React.FC<BaseMetricBoxProps> = ({\r\n  title,\r\n  value,\r\n  icon: Icon,\r\n  subtext,\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  outline = false,\r\n  align = \"center\",\r\n  size = getDefaultSize(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"metric-box\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const titleId = title ? `${testId}-title-${uid}` : undefined;\r\n  const subtextId = subtext ? `${testId}-subtext-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        outline && classMap.outline,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        classMap[align],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, align, outline, shadow, rounding, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(title\r\n        ? {\r\n            role: \"region\",\r\n            \"aria-labelledby\": titleId,\r\n            \"aria-describedby\": subtextId,\r\n          }\r\n        : {})}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden={true} focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      <div className={classMap.content}>\r\n        {title && (\r\n          <h3\r\n            id={titleId}\r\n            className={classMap.title}\r\n            data-testid={`${testId}-title`}\r\n          >\r\n            {title}\r\n          </h3>\r\n        )}\r\n\r\n        <div className={classMap.value} data-testid={`${testId}-value`}>\r\n          {value}\r\n        </div>\r\n\r\n        {subtext && (\r\n          <div\r\n            id={subtextId}\r\n            className={classMap.subtext}\r\n            data-testid={`${testId}-subtext`}\r\n          >\r\n            {subtext}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseMetricBox.displayName = \"BaseMetricBox\";\r\nexport default BaseMetricBox;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMetricBox from \"../MetricBoxBase\";\r\nimport styles from \"./MetricBox.module.scss\";\r\nimport { MetricBoxProps } from \"../MetricBox.types\";\r\n\r\nconst MetricBox: React.FC<MetricBoxProps> = (props) => {\r\n  return <BaseMetricBox {...props} classMap={styles} />;\r\n};\r\nMetricBox.displayName = \"MetricBox\";\r\nexport default MetricBox;\r\n"],"names":["title","value","subtext","outline"],"mappings":";;;;;AAWA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,OAAAC;AAAA,EACA,MAAM;AAAA,EACN,SAAAC;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,UAAUH,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AACnD,QAAM,YAAYE,WAAU,GAAG,MAAM,YAAY,GAAG,KAAK;AAEzD,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACTC,YAAW,SAAS;AAAA,MACpB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAM,OAAOA,UAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG5E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACV,GAAIH,SACD;AAAA,QACE,MAAM;AAAA,QACN,mBAAmB;AAAA,QACnB,oBAAoB;AAAA,MAAA,IAEtB,CAAA;AAAA,MACJ,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACC,oBAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,8BAAC,MAAA,EAAK,eAAa,MAAM,WAAW,OAAO,GAC7C;AAAA,QAGF,qBAAC,OAAA,EAAI,WAAW,SAAS,SACtB,UAAA;AAAA,UAAAA,UACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIL,oBAAC,SAAI,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACnD,UAAAC,OAAA,CACH;AAAA,UAECC,YACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvF5B,MAAM,YAAsC,CAAC,UAAU;AACrD,SAAO,oBAAC,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;AACA,UAAU,cAAc;"}

package/dist/next/MetricBox.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const MetricBox = require("./MetricBox-CX3SSwgU.cjs");
+const MetricBox = require("./MetricBox-BylPOvoO.cjs");
 module.exports = MetricBox.MetricBox;
 //# sourceMappingURL=MetricBox.cjs.js.map

package/dist/next/MetricBox.js

@@ -1,4 +1,4 @@
-import { M } from "./MetricBox-CN8cgCgr.js";
+import { M } from "./MetricBox-Dl3iruBZ.js";
 export {
   M as default
 };

package/dist/next/{Modal-BD9sPXIX.js → Modal-BARibygG.js}

@@ -187,7 +187,8 @@ const styles = {
 const Modal = (props) => {
   return /* @__PURE__ */ jsx(BaseModal, { ...props, IconButton, classMap: styles });
 };
+Modal.displayName = "Modal";
 export {
   Modal as M
 };
-//# sourceMappingURL=Modal-BD9sPXIX.js.map
+//# sourceMappingURL=Modal-BARibygG.js.map

package/dist/next/{Modal-BD9sPXIX.js.map → Modal-BARibygG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-BD9sPXIX.js","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const labelId = `${uid}-label`;\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [portalId, onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isMounted) return;\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n          )\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsVisible(false);\r\n    setTimeout(() => onClose(), 200);\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`]\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={labelId}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        <h2 id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Modal Dialog\r\n        </h2>\r\n\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.closeButton}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          icon={CloseIcon}\r\n          ariaLabel=\"Close modal\"\r\n          onClick={(e: React.MouseEvent) => {\r\n            e.stopPropagation();\r\n            handleClose();\r\n          }}\r\n          title=\"Close\"\r\n          data-testid={`${testId}-close`}\r\n          type=\"button\"\r\n        />\r\n\r\n        {children}\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\n\r\nexport default Modal;\r\n"],"names":["IconButton","hidden"],"mappings":"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"}
+{"version":3,"file":"Modal-BARibygG.js","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const labelId = `${uid}-label`;\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [portalId, onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isMounted) return;\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n          )\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsVisible(false);\r\n    setTimeout(() => onClose(), 200);\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`]\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={labelId}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        <h2 id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Modal Dialog\r\n        </h2>\r\n\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.closeButton}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          icon={CloseIcon}\r\n          ariaLabel=\"Close modal\"\r\n          onClick={(e: React.MouseEvent) => {\r\n            e.stopPropagation();\r\n            handleClose();\r\n          }}\r\n          title=\"Close\"\r\n          data-testid={`${testId}-close`}\r\n          type=\"button\"\r\n        />\r\n\r\n        {children}\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["IconButton","hidden"],"mappings":"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"}

package/dist/next/{Modal-BVjarg0E.cjs → Modal-CevpqeOy.cjs}

@@ -188,5 +188,6 @@ const styles = {
 const Modal = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseModal, { ...props, IconButton: IconButton.IconButton, classMap: styles });
 };
+Modal.displayName = "Modal";
 exports.Modal = Modal;
-//# sourceMappingURL=Modal-BVjarg0E.cjs.map
+//# sourceMappingURL=Modal-CevpqeOy.cjs.map

package/dist/next/{Modal-BVjarg0E.cjs.map → Modal-CevpqeOy.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-BVjarg0E.cjs","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const labelId = `${uid}-label`;\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [portalId, onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isMounted) return;\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n          )\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsVisible(false);\r\n    setTimeout(() => onClose(), 200);\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`]\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={labelId}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        <h2 id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Modal Dialog\r\n        </h2>\r\n\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.closeButton}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          icon={CloseIcon}\r\n          ariaLabel=\"Close modal\"\r\n          onClick={(e: React.MouseEvent) => {\r\n            e.stopPropagation();\r\n            handleClose();\r\n          }}\r\n          title=\"Close\"\r\n          data-testid={`${testId}-close`}\r\n          type=\"button\"\r\n        />\r\n\r\n        {children}\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\n\r\nexport default Modal;\r\n"],"names":["getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useEffect","hidden","combineClassNames","capitalize","jsx","jsxs","CloseIcon"],"mappings":";;;;;;;;;AAiBA,MAAM,YAAsC,CAAC;AAAA,EAC3C,YAAY;AAAA,EACZ;AAAA,EACA,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAAA,EACxB,YAAAC;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,KAAK;AAChD,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAIA,MAAAA,SAA6B,IAAI;AAE3E,QAAM,aAAaC,MAAAA,OAAuB,IAAI;AAC9C,QAAM,YAAYA,MAAAA,OAAuB,IAAI;AAC7C,QAAM,cAAcA,MAAAA,OAA0B,IAAI;AAClD,QAAM,YAAYA,MAAAA,OAA2B,IAAI;AACjD,QAAM,gBAAgBA,MAAAA,OAAsB,EAAE;AAE9C,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,UAAU,GAAG,GAAG;AAEtBC,QAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AACjB,cAAU,UAAW,SAAS,iBAAiC;AAE/D,QAAI,SAAS,SAAS,eAAe,QAAQ;AAC7C,QAAI,CAAC,QAAQ;AACX,eAAS,SAAS,cAAc,KAAK;AACrC,aAAO,KAAK;AACZ,eAAS,KAAK,YAAY,MAAM;AAAA,IAClC;AACA,qBAAiB,MAAM;AACvB,aAAS,KAAK,UAAU,IAAI,UAAU;AAEtC,UAAM,WAAW,MAAM,KAAK,SAAS,KAAK,QAAQ;AAClD,UAAMC,UAAwB,CAAA;AAC9B,aAAS,QAAQ,CAAC,OAAO;AACvB,UAAI,OAAO,UAAU,CAAC,GAAG,aAAa,aAAa,GAAG;AACpD,WAAG,aAAa,eAAe,MAAM;AACrC,QAAAA,QAAO,KAAK,EAAE;AAAA,MAChB;AAAA,IACF,CAAC;AAED,UAAM,YAAY,CAAC,MAAgC;AACjD,UAAI,EAAE,QAAQ,SAAU,SAAA;AAAA,IAC1B;AACA,aAAS,iBAAiB,WAAW,SAAS;AAE9C,WAAO,MAAM;;AACX,eAAS,KAAK,UAAU,OAAO,UAAU;AACzC,eAAS,oBAAoB,WAAW,SAAS;AACjD,MAAAA,QAAO,QAAQ,CAAC,OAAO,GAAG,gBAAgB,aAAa,CAAC;AACxD,4BAAU,YAAV,mBAAmB,UAAnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,OAAO,CAAC;AAEtBD,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,0BAAsB,MAAM;;AAC1B,mBAAa,IAAI;AAEjB,UAAI,UAAU,SAAS;AACrB,sBAAc,UAAU,MAAM;AAAA,UAC5B,UAAU,QAAQ;AAAA,YAChB;AAAA,UAAA;AAAA,QACF,EACA,OAAO,CAAC,OAAO,CAAC,GAAG,aAAa,UAAU,KAAK,GAAG,aAAa,EAAE;AAAA,MACrE;AAEA,OACE,yBAAc,QAAQ,CAAC,KACvB,YAAY,WACZ,UAAU,YAFV,mBAGC,UAHD;AAAA,IAIJ,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,gBAAgB,CAAC,MAAqC;AAC1D,QAAI,EAAE,QAAQ,MAAO;AACrB,UAAM,OAAO,cAAc;AAC3B,QAAI,CAAC,KAAK,OAAQ;AAElB,UAAM,QAAQ,KAAK,CAAC;AACpB,UAAM,OAAO,KAAK,KAAK,SAAS,CAAC;AAEjC,QAAI,EAAE,YAAY,SAAS,kBAAkB,OAAO;AAClD,QAAE,eAAA;AACF,WAAK,MAAA;AAAA,IACP,WAAW,CAAC,EAAE,YAAY,SAAS,kBAAkB,MAAM;AACzD,QAAE,eAAA;AACF,YAAM,MAAA;AAAA,IACR;AAAA,EACF;AAEA,QAAM,cAAc,MAAM;AACxB,iBAAa,KAAK;AAClB,eAAW,MAAM,QAAA,GAAW,GAAG;AAAA,EACjC;AAEA,MAAI,CAAC,aAAa,CAAC,cAAe,QAAO;AAEzC,QAAM,mBAAmBE,WAAAA;AAAAA,IACvB,SAAS;AAAA,IACT;AAAA,IACA,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,SAAO,SAAS;AAAA,IACdC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAWF,WAAAA;AAAAA,UACT,SAAS;AAAA,UACT,YAAY,SAAS,UAAU,SAAS;AAAA,QAAA;AAAA,QAE1C,SAAS;AAAA,QACT,MAAK;AAAA,QACL,eAAa;AAAA,QAEb,UAAAG,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW;AAAA,YACX,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,YAClB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,mBAAiB;AAAA,YACjB,UAAU;AAAA,YACV,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAEtB,UAAA;AAAA,cAAAD,2BAAAA,IAAC,QAAG,IAAI,SAAS,WAAW,SAAS,UAAU,WAAW,UAAA,eAAA,CAE1D;AAAA,cAEAA,2BAAAA;AAAAA,gBAACR;AAAA,gBAAA;AAAA,kBACC,KAAK;AAAA,kBACL,WAAW,SAAS;AAAA,kBACpB,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAMU,UAAAA;AAAAA,kBACN,WAAU;AAAA,kBACV,SAAS,CAAC,MAAwB;AAChC,sBAAE,gBAAA;AACF,gCAAA;AAAA,kBACF;AAAA,kBACA,OAAM;AAAA,kBACN,eAAa,GAAG,MAAM;AAAA,kBACtB,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGN;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA;AAEJ;AAEA,UAAU,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzKxB,MAAM,QAA8B,CAAC,UAAU;AAC7C,wCAAQ,WAAA,EAAW,GAAG,OAAA,YAAOV,uBAAwB,UAAU,QAAQ;AACzE;;"}
+{"version":3,"file":"Modal-CevpqeOy.cjs","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const labelId = `${uid}-label`;\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [portalId, onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isMounted) return;\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n          )\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsVisible(false);\r\n    setTimeout(() => onClose(), 200);\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`]\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={labelId}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        <h2 id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Modal Dialog\r\n        </h2>\r\n\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.closeButton}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          icon={CloseIcon}\r\n          ariaLabel=\"Close modal\"\r\n          onClick={(e: React.MouseEvent) => {\r\n            e.stopPropagation();\r\n            handleClose();\r\n          }}\r\n          title=\"Close\"\r\n          data-testid={`${testId}-close`}\r\n          type=\"button\"\r\n        />\r\n\r\n        {children}\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useEffect","hidden","combineClassNames","capitalize","jsx","jsxs","CloseIcon"],"mappings":"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"}

package/dist/next/Modal.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Modal = require("./Modal-BVjarg0E.cjs");
+const Modal = require("./Modal-CevpqeOy.cjs");
 module.exports = Modal.Modal;
 //# sourceMappingURL=Modal.cjs.js.map

package/dist/next/Modal.js

@@ -1,4 +1,4 @@
-import { M } from "./Modal-BD9sPXIX.js";
+import { M } from "./Modal-BARibygG.js";
 export {
   M as default
 };

package/dist/next/{NavBar-Dfljduy2.js → NavBar-Bucpo8_3.js}

@@ -168,7 +168,8 @@ const NavBar = ({
     }
   );
 };
+NavBar.displayName = "NavBar";
 export {
   NavBar as N
 };
-//# sourceMappingURL=NavBar-Dfljduy2.js.map
+//# sourceMappingURL=NavBar-Bucpo8_3.js.map