boreal-ui 0.0.78 → 0.0.80

package/dist/next/{Footer-DJjzgwpc.cjs → Footer-lEKbmF3y.cjs}

@@ -1,52 +1,78 @@
 "use strict";
-require('./globals.css');require('./Footer.css');const require$$2 = require("react/jsx-runtime");
+require('./Footer.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
-;/* empty css                   */
 const IconButton = require("./IconButton-C66aQhKe.cjs");
+require("./globals.cjs.js");
 const ThemeContext = require("./ThemeContext-CNPp2bRD.cjs");
 const Select = require("./Select-CiyDDVhq.cjs");
 const link = require("./link-CenftYXJ.cjs");
 const image = require("./image-DuTgdWOV.cjs");
-const UserThemeSettings = React.forwardRef(
-  ({
-    theme = borealStyleConfig.getDefaultTheme(),
-    shadow = borealStyleConfig.getDefaultShadow(),
-    rounding = borealStyleConfig.getDefaultRounding(),
-    state = "",
-    "data-testid": testId = "theme-select"
-  }, ref) => {
-    const ctx = React.useContext(ThemeContext.ThemeContext);
-    if (!ctx)
-      throw new Error("ThemeContext is undefined. Wrap with ThemeProvider.");
-    const { selectedScheme, setSelectedScheme, schemes } = ctx;
-    const options = React.useMemo(
-      () => schemes.map((scheme, index) => ({
-        value: String(index),
-        label: scheme.name
-      })),
-      [schemes]
-    );
-    return /* @__PURE__ */ require$$2.jsx("div", { className: `control-container`, children: /* @__PURE__ */ require$$2.jsx(
-      Select.Select,
-      {
-        ref,
-        theme,
-        state,
-        shadow,
-        rounding,
-        options,
-        "data-testid": testId,
-        value: String(selectedScheme),
-        "aria-label": "Select Theme",
-        onChange: (value) => setSelectedScheme(parseInt(String(value), 10))
-      }
-    ) });
-  }
-);
-UserThemeSettings.displayName = "UserThemeSettings";
+const footer = "_footer_1vcyu_204";
+const primary = "_primary_1vcyu_214";
+const secondary = "_secondary_1vcyu_218";
+const tertiary = "_tertiary_1vcyu_222";
+const quaternary = "_quaternary_1vcyu_226";
+const clear = "_clear_1vcyu_230";
+const roundNone = "_roundNone_1vcyu_234";
+const roundSmall = "_roundSmall_1vcyu_238";
+const roundMedium = "_roundMedium_1vcyu_242";
+const roundLarge = "_roundLarge_1vcyu_246";
+const roundFull = "_roundFull_1vcyu_250";
+const shadowNone = "_shadowNone_1vcyu_254";
+const shadowLight = "_shadowLight_1vcyu_257";
+const shadowMedium = "_shadowMedium_1vcyu_260";
+const shadowStrong = "_shadowStrong_1vcyu_263";
+const shadowIntense = "_shadowIntense_1vcyu_266";
+const attachmentStatic = "_attachmentStatic_1vcyu_269";
+const attachmentSticky = "_attachmentSticky_1vcyu_272";
+const attachmentFixed = "_attachmentFixed_1vcyu_280";
+const content = "_content_1vcyu_289";
+const left = "_left_1vcyu_308";
+const links = "_links_1vcyu_335";
+const logo = "_logo_1vcyu_379";
+const social = "_social_1vcyu_395";
+const themeToggle = "_themeToggle_1vcyu_412";
+const spin = "_spin_1vcyu_1";
+const pulse = "_pulse_1vcyu_1";
+const styles = {
+  footer,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  attachmentStatic,
+  attachmentSticky,
+  attachmentFixed,
+  content,
+  left,
+  links,
+  logo,
+  social,
+  themeToggle,
+  "fade-in": "_fade-in_1vcyu_1",
+  "slide-up": "_slide-up_1vcyu_1",
+  "spin-3d": "_spin-3d_1vcyu_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1vcyu_1",
+  "progress-grow": "_progress-grow_1vcyu_1",
+  "indeterminate-move": "_indeterminate-move_1vcyu_1",
+  "skeleton-loading": "_skeleton-loading_1vcyu_1"
+};
 const FooterBase = ({
   theme = borealStyleConfig.getDefaultTheme(),
   attachment = "static",
@@ -232,69 +258,43 @@ const FooterBase = ({
   );
 };
 FooterBase.displayName = "FooterBase";
-const footer = "_footer_1vcyu_204";
-const primary = "_primary_1vcyu_214";
-const secondary = "_secondary_1vcyu_218";
-const tertiary = "_tertiary_1vcyu_222";
-const quaternary = "_quaternary_1vcyu_226";
-const clear = "_clear_1vcyu_230";
-const roundNone = "_roundNone_1vcyu_234";
-const roundSmall = "_roundSmall_1vcyu_238";
-const roundMedium = "_roundMedium_1vcyu_242";
-const roundLarge = "_roundLarge_1vcyu_246";
-const roundFull = "_roundFull_1vcyu_250";
-const shadowNone = "_shadowNone_1vcyu_254";
-const shadowLight = "_shadowLight_1vcyu_257";
-const shadowMedium = "_shadowMedium_1vcyu_260";
-const shadowStrong = "_shadowStrong_1vcyu_263";
-const shadowIntense = "_shadowIntense_1vcyu_266";
-const attachmentStatic = "_attachmentStatic_1vcyu_269";
-const attachmentSticky = "_attachmentSticky_1vcyu_272";
-const attachmentFixed = "_attachmentFixed_1vcyu_280";
-const content = "_content_1vcyu_289";
-const left = "_left_1vcyu_308";
-const links = "_links_1vcyu_335";
-const logo = "_logo_1vcyu_379";
-const social = "_social_1vcyu_395";
-const themeToggle = "_themeToggle_1vcyu_412";
-const spin = "_spin_1vcyu_1";
-const pulse = "_pulse_1vcyu_1";
-const styles = {
-  footer,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  attachmentStatic,
-  attachmentSticky,
-  attachmentFixed,
-  content,
-  left,
-  links,
-  logo,
-  social,
-  themeToggle,
-  "fade-in": "_fade-in_1vcyu_1",
-  "slide-up": "_slide-up_1vcyu_1",
-  "spin-3d": "_spin-3d_1vcyu_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_1vcyu_1",
-  "progress-grow": "_progress-grow_1vcyu_1",
-  "indeterminate-move": "_indeterminate-move_1vcyu_1",
-  "skeleton-loading": "_skeleton-loading_1vcyu_1"
-};
+const UserThemeSettings = React.forwardRef(
+  ({
+    theme = borealStyleConfig.getDefaultTheme(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    rounding = borealStyleConfig.getDefaultRounding(),
+    state = "",
+    "data-testid": testId = "theme-select"
+  }, ref) => {
+    const ctx = React.useContext(ThemeContext.ThemeContext);
+    if (!ctx)
+      throw new Error("ThemeContext is undefined. Wrap with ThemeProvider.");
+    const { selectedScheme, setSelectedScheme, schemes } = ctx;
+    const options = React.useMemo(
+      () => schemes.map((scheme, index) => ({
+        value: String(index),
+        label: scheme.name
+      })),
+      [schemes]
+    );
+    return /* @__PURE__ */ require$$2.jsx("div", { className: `control-container`, children: /* @__PURE__ */ require$$2.jsx(
+      Select.Select,
+      {
+        ref,
+        theme,
+        state,
+        shadow,
+        rounding,
+        options,
+        "data-testid": testId,
+        value: String(selectedScheme),
+        "aria-label": "Select Theme",
+        onChange: (value) => setSelectedScheme(parseInt(String(value), 10))
+      }
+    ) });
+  }
+);
+UserThemeSettings.displayName = "UserThemeSettings";
 const Footer = (props) => {
   return /* @__PURE__ */ require$$2.jsx(
     FooterBase,
@@ -311,4 +311,4 @@ const Footer = (props) => {
 Footer.displayName = "Footer";
 exports.Footer = Footer;
 exports.UserThemeSettings = UserThemeSettings;
-//# sourceMappingURL=Footer-DJjzgwpc.cjs.map
+//# sourceMappingURL=Footer-lEKbmF3y.cjs.map

package/dist/next/Footer-lEKbmF3y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer-lEKbmF3y.cjs","sources":["../../src/components/Footer/FooterBase.tsx","../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps, LogoSource } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n  copyright,\r\n  links = [],\r\n  logo,\r\n  socialLinks = [],\r\n  showThemeSelect = false,\r\n  IconButton,\r\n  ImageComponent = \"img\",\r\n  ThemeSelect,\r\n  classMap,\r\n  LinkWrapper = ({ href, children, ...rest }) => (\r\n    <a href={href} {...rest}>\r\n      {children}\r\n    </a>\r\n  ),\r\n\r\n  // New accessibility props\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  navAriaLabel = \"Footer site links\",\r\n  socialNavAriaLabel = \"Social media\",\r\n  themeSelectAriaLabel = \"Theme selector\",\r\n  logoAriaLabel = \"Logo\",\r\n  logoDecorative = false,\r\n  labelId,\r\n\r\n  // Pass-through HTML props\r\n  ...rest\r\n}) => {\r\n  const footerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.footer,\r\n        classMap[theme],\r\n        shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n        classMap[`attachment${capitalize(attachment)}`],\r\n        className,\r\n      ),\r\n    [classMap, theme, shadow, rounding, attachment, className],\r\n  );\r\n\r\n  const isLogoImage = (\r\n    value: unknown,\r\n  ): value is { src: string; width?: number; height?: number } =>\r\n    typeof value === \"object\" &&\r\n    value !== null &&\r\n    \"src\" in (value as Record<string, unknown>);\r\n\r\n  const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n  const imgLogo = isImgLike\r\n    ? typeof logo === \"string\"\r\n      ? { src: logo }\r\n      : logo\r\n    : undefined;\r\n\r\n  const logoSrc = imgLogo?.src;\r\n  const logoW = imgLogo?.width ?? 20;\r\n  const logoH = imgLogo?.height ?? 20;\r\n\r\n  return (\r\n    <footer\r\n      className={footerClass}\r\n      data-testid={testId}\r\n      role=\"contentinfo\"\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={ariaLabelledBy ?? labelId}\r\n      aria-describedby={ariaDescribedBy}\r\n      {...rest}\r\n    >\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {isImgLike && logoSrc ? (\r\n            typeof ImageComponent === \"string\" ? (\r\n              <img\r\n                className={classMap.logo}\r\n                data-testid={`${testId}-logo`}\r\n                loading=\"lazy\"\r\n                src={logoSrc}\r\n                alt={logoDecorative ? \"\" : logoAriaLabel}\r\n                aria-hidden={logoDecorative ? true : undefined}\r\n                height={logoH}\r\n                width={logoW}\r\n              />\r\n            ) : (\r\n              <ImageComponent\r\n                className={classMap.logo}\r\n                data-testid={`${testId}-logo`}\r\n                src={logoSrc}\r\n                alt={logoDecorative ? \"\" : logoAriaLabel}\r\n                aria-hidden={logoDecorative ? true : undefined}\r\n                height={logoH}\r\n                width={logoW}\r\n              />\r\n            )\r\n          ) : logo ? (\r\n            <span\r\n              className={classMap.logo}\r\n              role={logoDecorative ? undefined : \"img\"}\r\n              aria-label={logoDecorative ? undefined : logoAriaLabel}\r\n              aria-hidden={logoDecorative ? true : undefined}\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {\r\n                logo as Exclude<\r\n                  LogoSource,\r\n                  string | { src: string; width?: number; height?: number }\r\n                >\r\n              }\r\n            </span>\r\n          ) : null}\r\n\r\n          {copyright && (\r\n            <div\r\n              className={classMap.copyright ?? classMap.left}\r\n              data-testid={`${testId}-copyright`}\r\n            >\r\n              <p id={labelId}>{copyright}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {links.length > 0 && (\r\n          <nav\r\n            className={classMap.links}\r\n            aria-label={navAriaLabel}\r\n            data-testid={`${testId}-nav`}\r\n          >\r\n            <ul>\r\n              {links.map((link, i) => {\r\n                const slug = (link.label || link.href || `link-${i}`)\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\");\r\n\r\n                if (link.disabled) {\r\n                  return (\r\n                    <li key={`${link.href ?? slug}-${i}`}>\r\n                      <span\r\n                        className={classMap.link}\r\n                        data-testid={`${testId}-link-${slug}`}\r\n                        aria-disabled=\"true\"\r\n                        title={link.title}\r\n                      >\r\n                        {link.label}\r\n                      </span>\r\n                    </li>\r\n                  );\r\n                }\r\n\r\n                return (\r\n                  <li key={`${link.href ?? slug}-${i}`}>\r\n                    <LinkWrapper\r\n                      href={link.href}\r\n                      className={classMap.link}\r\n                      data-testid={`${testId}-link-${slug}`}\r\n                      aria-label={link[\"aria-label\"]}\r\n                      aria-current={link[\"aria-current\"]}\r\n                      title={link.title}\r\n                      rel={link.rel}\r\n                      target={link.target}\r\n                    >\r\n                      {link.label}\r\n                    </LinkWrapper>\r\n                  </li>\r\n                );\r\n              })}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n\r\n        {showThemeSelect && (\r\n          <div\r\n            className={classMap.themeToggle}\r\n            data-testid={`${testId}-theme-select`}\r\n            aria-label={themeSelectAriaLabel}\r\n          >\r\n            <ThemeSelect\r\n              theme=\"clear\"\r\n              shadow=\"none\"\r\n              aria-label={themeSelectAriaLabel}\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <nav\r\n            className={classMap.social}\r\n            aria-label={socialNavAriaLabel}\r\n            data-testid={`${testId}-social`}\r\n          >\r\n            {socialLinks.map((social, index) => (\r\n              <IconButton\r\n                key={`${social.href ?? social.title}-${index}`}\r\n                icon={social.icon}\r\n                href={social.href}\r\n                isExternal={social.isExternal ?? true}\r\n                shadow=\"none\"\r\n                aria-label={social[\"aria-label\"] ?? social.title}\r\n                title={social.tooltip ?? social.title}\r\n                theme=\"clear\"\r\n                disabled={social.disabled}\r\n                rel={social.rel}\r\n                target={social.target}\r\n                data-testid={`${testId}-social-${social.title\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\")}`}\r\n              />\r\n            ))}\r\n          </nav>\r\n        )}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport { useContext, useMemo, forwardRef } from \"react\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      shadow = getDefaultShadow(),\r\n      rounding = getDefaultRounding(),\r\n      state = \"\",\r\n      \"data-testid\": testId = \"theme-select\",\r\n    },\r\n    ref,\r\n  ) => {\r\n    const ctx = useContext(ThemeContext);\r\n    if (!ctx)\r\n      throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n    const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n    const options = useMemo(\r\n      () =>\r\n        schemes.map((scheme, index) => ({\r\n          value: String(index),\r\n          label: scheme.name,\r\n        })),\r\n      [schemes],\r\n    );\r\n\r\n    return (\r\n      <div className={`control-container`}>\r\n        <Select\r\n          ref={ref}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          options={options}\r\n          data-testid={testId}\r\n          value={String(selectedScheme)}\r\n          aria-label=\"Select Theme\"\r\n          onChange={(value: string | number) =>\r\n            setSelectedScheme(parseInt(String(value), 10))\r\n          }\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport IconButton from \"../../IconButton/next/IconButton\";\r\nimport ThemeSelect from \"../../Select/ThemeSelect/next/ThemeSelect\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ImageComponent={Image}\r\n      ThemeSelect={ThemeSelect}\r\n      LinkWrapper={({ href, children, className, ...rest }) => (\r\n        <Link href={href} className={className} {...rest}>\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["getDefaultTheme","links","logo","IconButton","rest","jsx","useMemo","combineClassNames","capitalize","jsxs","link","social","forwardRef","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","Select","Image","ThemeSelect","Link"],"mappings":"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"}

package/dist/next/Footer.cjs.js

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

package/dist/next/Footer.js

@@ -1,4 +1,4 @@
-import { F } from "./Footer-Bdu_9H3p.js";
+import { F } from "./Footer-BVic2clD.js";
 export {
   F as default
 };

package/dist/next/{MessagePopup-DLodDCIa.js → MessagePopup-BAvnVw84.js}

@@ -5,10 +5,9 @@ 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-DsaRlxmw.js";
-import './globals.css';import './MessagePopup.css';/* empty css                 */
 import { B as Button } from "./Button-oSOXL3At.js";
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
-const BaseMessagePopup = ({
+import './MessagePopup.css';const BaseMessagePopup = ({
   message: message2,
   title: title2,
   onClose,
@@ -272,4 +271,4 @@ MessagePopup.displayName = "MessagePopup";
 export {
   MessagePopup as M
 };
-//# sourceMappingURL=MessagePopup-DLodDCIa.js.map
+//# sourceMappingURL=MessagePopup-BAvnVw84.js.map

package/dist/next/{MessagePopup-DLodDCIa.js.map → MessagePopup-BAvnVw84.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessagePopup-DLodDCIa.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  title,\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  dialogRole = \"dialog\",\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-label-close-button\": ariaLabelCloseButton = \"Close popup\",\r\n  \"aria-live\": ariaLive,\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  const titleId = useId();\r\n\r\n  const internalLabelledById = title ? titleId : messageId;\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? internalLabelledById : undefined);\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\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\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\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\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={dialogRole}\r\n        aria-modal={true}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={resolvedAriaDescribedBy}\r\n        tabIndex={-1}\r\n        ref={dialogRef}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-dialog`}\r\n      >\r\n        {title && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <h2\r\n              id={titleId}\r\n              className={classMap.title}\r\n              data-testid={`${testId}-title`}\r\n            >\r\n              {title}\r\n            </h2>\r\n\r\n            <IconButton\r\n              ref={closeBtnRef}\r\n              className={classMap.close}\r\n              onClick={onClose}\r\n              aria-label={ariaLabelCloseButton}\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          </div>\r\n        )}\r\n\r\n        {!title && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.close}\r\n            onClick={onClose}\r\n            aria-label={ariaLabelCloseButton}\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        )}\r\n\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          <p\r\n            id={messageId}\r\n            className={classMap.message}\r\n            aria-live={ariaLive}\r\n            data-testid={`${testId}-message`}\r\n          >\r\n            {message}\r\n          </p>\r\n\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\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    </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","title","Button","IconButton","BaseMessagePopUp"],"mappings":"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"}
+{"version":3,"file":"MessagePopup-BAvnVw84.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  title,\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  dialogRole = \"dialog\",\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-label-close-button\": ariaLabelCloseButton = \"Close popup\",\r\n  \"aria-live\": ariaLive,\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  const titleId = useId();\r\n\r\n  const internalLabelledById = title ? titleId : messageId;\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? internalLabelledById : undefined);\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\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\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\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\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={dialogRole}\r\n        aria-modal={true}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={resolvedAriaDescribedBy}\r\n        tabIndex={-1}\r\n        ref={dialogRef}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-dialog`}\r\n      >\r\n        {title && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <h2\r\n              id={titleId}\r\n              className={classMap.title}\r\n              data-testid={`${testId}-title`}\r\n            >\r\n              {title}\r\n            </h2>\r\n\r\n            <IconButton\r\n              ref={closeBtnRef}\r\n              className={classMap.close}\r\n              onClick={onClose}\r\n              aria-label={ariaLabelCloseButton}\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          </div>\r\n        )}\r\n\r\n        {!title && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.close}\r\n            onClick={onClose}\r\n            aria-label={ariaLabelCloseButton}\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        )}\r\n\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          <p\r\n            id={messageId}\r\n            className={classMap.message}\r\n            aria-live={ariaLive}\r\n            data-testid={`${testId}-message`}\r\n          >\r\n            {message}\r\n          </p>\r\n\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\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    </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 from \"../../Button/next/Button\";\r\nimport IconButton from \"../../IconButton/next/IconButton\";\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","title","Button","IconButton","BaseMessagePopUp"],"mappings":"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"}

package/dist/next/{MessagePopup-CizqwWmH.cjs → MessagePopup-CixIzgoc.cjs}

@@ -1,12 +1,11 @@
 "use strict";
-require('./globals.css');require('./MessagePopup.css');const require$$2 = require("react/jsx-runtime");
+require('./MessagePopup.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
 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-C1UIwOFN.cjs");
-;/* empty css                   */
 const Button = require("./Button-CmH6HYjc.cjs");
 const IconButton = require("./IconButton-C66aQhKe.cjs");
 const BaseMessagePopup = ({
@@ -271,4 +270,4 @@ const MessagePopup = (props) => {
 };
 MessagePopup.displayName = "MessagePopup";
 exports.MessagePopup = MessagePopup;
-//# sourceMappingURL=MessagePopup-CizqwWmH.cjs.map
+//# sourceMappingURL=MessagePopup-CixIzgoc.cjs.map

package/dist/next/{MessagePopup-CizqwWmH.cjs.map → MessagePopup-CixIzgoc.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MessagePopup-CizqwWmH.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  title,\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  dialogRole = \"dialog\",\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-label-close-button\": ariaLabelCloseButton = \"Close popup\",\r\n  \"aria-live\": ariaLive,\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  const titleId = useId();\r\n\r\n  const internalLabelledById = title ? titleId : messageId;\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? internalLabelledById : undefined);\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\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\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\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\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={dialogRole}\r\n        aria-modal={true}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={resolvedAriaDescribedBy}\r\n        tabIndex={-1}\r\n        ref={dialogRef}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-dialog`}\r\n      >\r\n        {title && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <h2\r\n              id={titleId}\r\n              className={classMap.title}\r\n              data-testid={`${testId}-title`}\r\n            >\r\n              {title}\r\n            </h2>\r\n\r\n            <IconButton\r\n              ref={closeBtnRef}\r\n              className={classMap.close}\r\n              onClick={onClose}\r\n              aria-label={ariaLabelCloseButton}\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          </div>\r\n        )}\r\n\r\n        {!title && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.close}\r\n            onClick={onClose}\r\n            aria-label={ariaLabelCloseButton}\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        )}\r\n\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          <p\r\n            id={messageId}\r\n            className={classMap.message}\r\n            aria-live={ariaLive}\r\n            data-testid={`${testId}-message`}\r\n          >\r\n            {message}\r\n          </p>\r\n\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\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    </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","title","getDefaultRounding","getDefaultShadow","Button","IconButton","useState","useRef","useId","useEffect","combineClassNames","capitalize","jsx","jsxs","CloseIcon","BaseMessagePopUp"],"mappings":"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"}
+{"version":3,"file":"MessagePopup-CixIzgoc.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  title,\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  dialogRole = \"dialog\",\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-label-close-button\": ariaLabelCloseButton = \"Close popup\",\r\n  \"aria-live\": ariaLive,\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  const titleId = useId();\r\n\r\n  const internalLabelledById = title ? titleId : messageId;\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? internalLabelledById : undefined);\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\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\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\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\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={dialogRole}\r\n        aria-modal={true}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={resolvedAriaDescribedBy}\r\n        tabIndex={-1}\r\n        ref={dialogRef}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-dialog`}\r\n      >\r\n        {title && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <h2\r\n              id={titleId}\r\n              className={classMap.title}\r\n              data-testid={`${testId}-title`}\r\n            >\r\n              {title}\r\n            </h2>\r\n\r\n            <IconButton\r\n              ref={closeBtnRef}\r\n              className={classMap.close}\r\n              onClick={onClose}\r\n              aria-label={ariaLabelCloseButton}\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          </div>\r\n        )}\r\n\r\n        {!title && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.close}\r\n            onClick={onClose}\r\n            aria-label={ariaLabelCloseButton}\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        )}\r\n\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          <p\r\n            id={messageId}\r\n            className={classMap.message}\r\n            aria-live={ariaLive}\r\n            data-testid={`${testId}-message`}\r\n          >\r\n            {message}\r\n          </p>\r\n\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\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    </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 from \"../../Button/next/Button\";\r\nimport IconButton from \"../../IconButton/next/IconButton\";\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","title","getDefaultRounding","getDefaultShadow","Button","IconButton","useState","useRef","useId","useEffect","combineClassNames","capitalize","jsx","jsxs","CloseIcon","BaseMessagePopUp"],"mappings":"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"}

package/dist/next/MessagePopup.cjs.js

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

package/dist/next/MessagePopup.js

@@ -1,4 +1,4 @@
-import { M } from "./MessagePopup-DLodDCIa.js";
+import { M } from "./MessagePopup-BAvnVw84.js";
 export {
   M as default
 };

package/dist/next/{Modal-BajWiIo7.js → Modal-5Reb9Rx-.js}

@@ -5,9 +5,8 @@ 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-DsaRlxmw.js";
-import './globals.css';import './Modal.css';/* empty css                 */
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
-const BaseModal = ({
+import './Modal.css';const BaseModal = ({
   className = "",
   children,
   title: title2 = "Modal Dialog",
@@ -256,4 +255,4 @@ Modal.displayName = "Modal";
 export {
   Modal as M
 };
-//# sourceMappingURL=Modal-BajWiIo7.js.map
+//# sourceMappingURL=Modal-5Reb9Rx-.js.map

package/dist/next/{Modal-BajWiIo7.js.map → Modal-5Reb9Rx-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-BajWiIo7.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  useCallback,\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  title = \"Modal Dialog\",\r\n  header,\r\n  footer,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  open,\r\n  onClose,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  closeButtonAriaLabel = \"Close modal\",\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [isRendered, setIsRendered] = useState(false);\r\n\r\n  const isControlled = typeof open === \"boolean\";\r\n  const shouldBeOpen = isControlled ? open : true;\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 fallbackLabelId = `${uid}-label`;\r\n\r\n  const handleClose = useCallback(() => {\r\n    setIsVisible(false);\r\n    window.setTimeout(() => onClose(), 200);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\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\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\") handleClose();\r\n    };\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      setPortalElement(null);\r\n    };\r\n  }, [isRendered, portalId, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\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  }, [isRendered]);\r\n\r\n  useEffect(() => {\r\n    if (shouldBeOpen) {\r\n      setIsRendered(true);\r\n    } else if (isControlled) {\r\n      setIsVisible(false);\r\n      const t = window.setTimeout(() => setIsRendered(false), 200);\r\n      return () => window.clearTimeout(t);\r\n    } else {\r\n      setIsRendered(false);\r\n    }\r\n  }, [shouldBeOpen, isControlled]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n\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 (!isRendered || !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  const hasHeader = Boolean(header) || Boolean(title);\r\n  const hasFooter = Boolean(footer);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && hasHeader ? fallbackLabelId : undefined);\r\n\r\n  const shouldRenderFallbackLabel = resolvedAriaLabelledBy === fallbackLabelId;\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-label={ariaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        {shouldRenderFallbackLabel && (\r\n          <h2 id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n            {typeof title === \"string\" ? title : \"Modal Dialog\"}\r\n          </h2>\r\n        )}\r\n\r\n        {hasHeader && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <div className={classMap.headerContent}>\r\n              {header ?? <div className={classMap.title}>{title}</div>}\r\n            </div>\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              aria-label={closeButtonAriaLabel}\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          </div>\r\n        )}\r\n\r\n        {!hasHeader && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.closeButtonFloating ?? classMap.closeButton}\r\n            state=\"error\"\r\n            size=\"small\"\r\n            icon={CloseIcon}\r\n            aria-label={closeButtonAriaLabel}\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\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          {children}\r\n        </div>\r\n\r\n        {hasFooter && (\r\n          <div className={classMap.footer} data-testid={`${testId}-footer`}>\r\n            {footer}\r\n          </div>\r\n        )}\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":["title","header","footer","IconButton","hidden"],"mappings":"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"}
+{"version":3,"file":"Modal-5Reb9Rx-.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  useCallback,\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  title = \"Modal Dialog\",\r\n  header,\r\n  footer,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  open,\r\n  onClose,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  closeButtonAriaLabel = \"Close modal\",\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [isRendered, setIsRendered] = useState(false);\r\n\r\n  const isControlled = typeof open === \"boolean\";\r\n  const shouldBeOpen = isControlled ? open : true;\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 fallbackLabelId = `${uid}-label`;\r\n\r\n  const handleClose = useCallback(() => {\r\n    setIsVisible(false);\r\n    window.setTimeout(() => onClose(), 200);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\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\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\") handleClose();\r\n    };\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      setPortalElement(null);\r\n    };\r\n  }, [isRendered, portalId, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\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  }, [isRendered]);\r\n\r\n  useEffect(() => {\r\n    if (shouldBeOpen) {\r\n      setIsRendered(true);\r\n    } else if (isControlled) {\r\n      setIsVisible(false);\r\n      const t = window.setTimeout(() => setIsRendered(false), 200);\r\n      return () => window.clearTimeout(t);\r\n    } else {\r\n      setIsRendered(false);\r\n    }\r\n  }, [shouldBeOpen, isControlled]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n\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 (!isRendered || !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  const hasHeader = Boolean(header) || Boolean(title);\r\n  const hasFooter = Boolean(footer);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && hasHeader ? fallbackLabelId : undefined);\r\n\r\n  const shouldRenderFallbackLabel = resolvedAriaLabelledBy === fallbackLabelId;\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-label={ariaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        {shouldRenderFallbackLabel && (\r\n          <h2 id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n            {typeof title === \"string\" ? title : \"Modal Dialog\"}\r\n          </h2>\r\n        )}\r\n\r\n        {hasHeader && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <div className={classMap.headerContent}>\r\n              {header ?? <div className={classMap.title}>{title}</div>}\r\n            </div>\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              aria-label={closeButtonAriaLabel}\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          </div>\r\n        )}\r\n\r\n        {!hasHeader && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.closeButtonFloating ?? classMap.closeButton}\r\n            state=\"error\"\r\n            size=\"small\"\r\n            icon={CloseIcon}\r\n            aria-label={closeButtonAriaLabel}\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\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          {children}\r\n        </div>\r\n\r\n        {hasFooter && (\r\n          <div className={classMap.footer} data-testid={`${testId}-footer`}>\r\n            {footer}\r\n          </div>\r\n        )}\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 \"../../IconButton/next/IconButton\";\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":["title","header","footer","IconButton","hidden"],"mappings":"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"}

package/dist/next/{Modal-j59Cj0t1.cjs → Modal-DfVyL8yk.cjs}

@@ -1,12 +1,11 @@
 "use strict";
-require('./globals.css');require('./Modal.css');const require$$2 = require("react/jsx-runtime");
+require('./Modal.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
 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-C1UIwOFN.cjs");
-;/* empty css                   */
 const IconButton = require("./IconButton-C66aQhKe.cjs");
 const BaseModal = ({
   className = "",
@@ -255,4 +254,4 @@ const Modal = (props) => {
 };
 Modal.displayName = "Modal";
 exports.Modal = Modal;
-//# sourceMappingURL=Modal-j59Cj0t1.cjs.map
+//# sourceMappingURL=Modal-DfVyL8yk.cjs.map