boreal-ui 0.0.73 → 0.0.75

package/dist/next/FileUpload.cjs.js

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

package/dist/next/FileUpload.js

@@ -1,4 +1,4 @@
-import { F } from "./FileUpload-qiY8YpDz.js";
+import { F } from "./FileUpload-BQW5ol7P.js";
 export {
   F as default
 };

package/dist/next/{Footer-DIPBB0is.js → Footer-Dl_wQwsb.js}

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
+import { d as getDefaultTheme, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-DsaRlxmw.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 /* empty css                 */
-import { I as IconButton } from "./IconButton-CNiln4Qf.js";
-import { a as ThemeContext } from "./ThemeContext-nYSJ_G6L.js";
-import { S as Select } from "./Select-DPL__SwJ.js";
-import { L as Link } from "./link-CyxHztrS.js";
-import { I as Image } from "./image-B9PuwflE.js";
+import { I as IconButton } from "./IconButton-BWw3WPaS.js";
+import { T as ThemeContext } from "./ThemeContext-zE_shsx6.js";
+import { S as Select } from "./Select-b8fO1q2K.js";
+import { L as Link } from "./link-4NcriBFB.js";
+import { I as Image } from "./image-CvorlI3C.js";
 const UserThemeSettings = forwardRef(
   ({
     theme = getDefaultTheme(),
@@ -322,4 +322,4 @@ export {
   Footer as F,
   UserThemeSettings as U
 };
-//# sourceMappingURL=Footer-DIPBB0is.js.map
+//# sourceMappingURL=Footer-Dl_wQwsb.js.map

package/dist/next/{Footer-DIPBB0is.js.map → Footer-Dl_wQwsb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Footer-DIPBB0is.js","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"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","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 React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\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":["links","logo","IconButton","rest","social","ThemeSelect"],"mappings":"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"}
+{"version":3,"file":"Footer-Dl_wQwsb.js","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"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","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 React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\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":["links","logo","IconButton","rest","social","ThemeSelect"],"mappings":";;;;;;;;;;;AAYA,MAAM,oBAAoB;AAAA,EACxB,CACE;AAAA,IACE,QAAQ,gBAAA;AAAA,IACR,SAAS,iBAAA;AAAA,IACT,WAAW,mBAAA;AAAA,IACX,QAAQ;AAAA,IACR,eAAe,SAAS;AAAA,EAAA,GAE1B,QACG;AACH,UAAM,MAAM,WAAW,YAAY;AACnC,QAAI,CAAC;AACH,YAAM,IAAI,MAAM,qDAAqD;AAEvE,UAAM,EAAE,gBAAgB,mBAAmB,QAAA,IAAY;AAEvD,UAAM,UAAU;AAAA,MACd,MACE,QAAQ,IAAI,CAAC,QAAQ,WAAW;AAAA,QAC9B,OAAO,OAAO,KAAK;AAAA,QACnB,OAAO,OAAO;AAAA,MAAA,EACd;AAAA,MACJ,CAAC,OAAO;AAAA,IAAA;AAGV,WACE,oBAAC,OAAA,EAAI,WAAW,qBACd,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,OAAO,OAAO,cAAc;AAAA,QAC5B,cAAW;AAAA,QACX,UAAU,CAAC,UACT,kBAAkB,SAAS,OAAO,KAAK,GAAG,EAAE,CAAC;AAAA,MAAA;AAAA,IAAA,GAGnD;AAAA,EAEJ;AACF;AACA,kBAAkB,cAAc;ACpDhC,MAAM,aAAwC,CAAC;AAAA,EAC7C,QAAQ,gBAAA;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,OAAAA,SAAQ,CAAA;AAAA,EACR,MAAAC;AAAA,EACA,cAAc,CAAA;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAAC;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,cAAc,CAAC,EAAE,MAAM,UAAU,GAAGC,MAAAA,MAClC,oBAAC,KAAA,EAAE,MAAa,GAAGA,OAChB,SAAA,CACH;AAAA;AAAA,EAIF,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB;AAAA;AAAA,EAGA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,WAAW,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAC3D,aAAa,UAAU,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAC9D,SAAS,aAAa,WAAW,UAAU,CAAC,EAAE;AAAA,MAC9C;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,QAAQ,UAAU,YAAY,SAAS;AAAA,EAAA;AAG3D,QAAM,cAAc,CAClB,UAEA,OAAO,UAAU,YACjB,UAAU,QACV,SAAU;AAEZ,QAAM,YAAY,OAAOF,UAAS,YAAY,YAAYA,KAAI;AAE9D,QAAM,UAAU,YACZ,OAAOA,UAAS,WACd,EAAE,KAAKA,UACPA,QACF;AAEJ,QAAM,UAAU,mCAAS;AACzB,QAAM,SAAQ,mCAAS,UAAS;AAChC,QAAM,SAAQ,mCAAS,WAAU;AAEjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,mBAAiB,kBAAkB;AAAA,MACnC,oBAAkB;AAAA,MACjB,GAAG;AAAA,MAEJ,UAAA,qBAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,QAAA,qBAAC,SAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SAClD,UAAA;AAAA,UAAA,aAAa,UACZ,OAAO,mBAAmB,WACxB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cACtB,SAAQ;AAAA,cACR,KAAK;AAAA,cACL,KAAK,iBAAiB,KAAK;AAAA,cAC3B,eAAa,iBAAiB,OAAO;AAAA,cACrC,QAAQ;AAAA,cACR,OAAO;AAAA,YAAA;AAAA,UAAA,IAGT;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cACtB,KAAK;AAAA,cACL,KAAK,iBAAiB,KAAK;AAAA,cAC3B,eAAa,iBAAiB,OAAO;AAAA,cACrC,QAAQ;AAAA,cACR,OAAO;AAAA,YAAA;AAAA,UAAA,IAGTA,QACF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,MAAM,iBAAiB,SAAY;AAAA,cACnC,cAAY,iBAAiB,SAAY;AAAA,cACzC,eAAa,iBAAiB,OAAO;AAAA,cACrC,eAAa,GAAG,MAAM;AAAA,cAGpB,UAAAA;AAAA,YAAA;AAAA,UAAA,IAMF;AAAA,UAEH,aACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS,aAAa,SAAS;AAAA,cAC1C,eAAa,GAAG,MAAM;AAAA,cAEtB,UAAA,oBAAC,KAAA,EAAE,IAAI,SAAU,UAAA,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7B,GAEJ;AAAA,QAECD,OAAM,SAAS,KACd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,cAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,YAEtB,8BAAC,MAAA,EACE,UAAAA,OAAM,IAAI,CAAC,MAAM,MAAM;AACtB,oBAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,QAAQ,CAAC,IAC/C,YAAA,EACA,QAAQ,QAAQ,GAAG;AAEtB,kBAAI,KAAK,UAAU;AACjB,2CACG,MAAA,EACC,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,oBACnC,iBAAc;AAAA,oBACd,OAAO,KAAK;AAAA,oBAEX,UAAA,KAAK;AAAA,kBAAA;AAAA,gBAAA,KAPD,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,EASlC;AAAA,cAEJ;AAEA,yCACG,MAAA,EACC,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAM,KAAK;AAAA,kBACX,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,kBACnC,cAAY,KAAK,YAAY;AAAA,kBAC7B,gBAAc,KAAK,cAAc;AAAA,kBACjC,OAAO,KAAK;AAAA,kBACZ,KAAK,KAAK;AAAA,kBACV,QAAQ,KAAK;AAAA,kBAEZ,UAAA,KAAK;AAAA,gBAAA;AAAA,cAAA,KAXD,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,EAalC;AAAA,YAEJ,CAAC,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAIH,mBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YACtB,cAAY;AAAA,YAEZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,cAAY;AAAA,cAAA;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,QAIH,YAAY,SAAS,KACpB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,cAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA,YAAY,IAAI,CAACI,SAAQ,UACxB;AAAA,cAACF;AAAA,cAAA;AAAA,gBAEC,MAAME,QAAO;AAAA,gBACb,MAAMA,QAAO;AAAA,gBACb,YAAYA,QAAO,cAAc;AAAA,gBACjC,QAAO;AAAA,gBACP,cAAYA,QAAO,YAAY,KAAKA,QAAO;AAAA,gBAC3C,OAAOA,QAAO,WAAWA,QAAO;AAAA,gBAChC,OAAM;AAAA,gBACN,UAAUA,QAAO;AAAA,gBACjB,KAAKA,QAAO;AAAA,gBACZ,QAAQA,QAAO;AAAA,gBACf,eAAa,GAAG,MAAM,WAAWA,QAAO,MACrC,cACA,QAAQ,QAAQ,GAAG,CAAC;AAAA,cAAA;AAAA,cAblB,GAAGA,QAAO,QAAQA,QAAO,KAAK,IAAI,KAAK;AAAA,YAAA,CAe/C;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3NzB,MAAM,SAAgC,CAAC,UAAU;AAC/C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,gBAAgB;AAAA,MAAA,aAChBC;AAAAA,MACA,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,GAAG,KAAA,0BAC3C,MAAA,EAAK,MAAY,WAAuB,GAAG,MACzC,SAAA,CACH;AAAA,MAEF,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,OAAO,cAAc;"}

package/dist/next/{Footer-4L7pu4Gp.cjs → Footer-i9rgxATK.cjs}

@@ -5,11 +5,11 @@ 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-C4OC99ig.cjs");
+const IconButton = require("./IconButton-4ySBEhn1.cjs");
 const ThemeContext = require("./ThemeContext-CNPp2bRD.cjs");
 const Select = require("./Select-DAD4xA1b.cjs");
-const link = require("./link-B1N-q38H.cjs");
-const image = require("./image-Bo_vHlt1.cjs");
+const link = require("./link-CenftYXJ.cjs");
+const image = require("./image-DuTgdWOV.cjs");
 const UserThemeSettings = React.forwardRef(
   ({
     theme = borealStyleConfig.getDefaultTheme(),
@@ -321,4 +321,4 @@ const Footer = (props) => {
 Footer.displayName = "Footer";
 exports.Footer = Footer;
 exports.UserThemeSettings = UserThemeSettings;
-//# sourceMappingURL=Footer-4L7pu4Gp.cjs.map
+//# sourceMappingURL=Footer-i9rgxATK.cjs.map

package/dist/next/{Footer-4L7pu4Gp.cjs.map → Footer-i9rgxATK.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Footer-4L7pu4Gp.cjs","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"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","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 React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\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":["forwardRef","getDefaultTheme","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","useMemo","jsx","Select","links","logo","IconButton","rest","combineClassNames","capitalize","jsxs","link","social","Image","ThemeSelect","Link"],"mappings":"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"}
+{"version":3,"file":"Footer-i9rgxATK.cjs","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"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","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 React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\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":["forwardRef","getDefaultTheme","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","useMemo","jsx","Select","links","logo","IconButton","rest","combineClassNames","capitalize","jsxs","link","social","Image","ThemeSelect","Link"],"mappings":"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"}

package/dist/next/Footer.cjs.js

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

package/dist/next/Footer.js

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

package/dist/next/{IconButton-C4OC99ig.cjs → IconButton-4ySBEhn1.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const require$$2 = require("react/jsx-runtime");
 const React = require("react");
-const link = require("./link-B1N-q38H.cjs");
+const link = require("./link-CenftYXJ.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
@@ -214,4 +214,4 @@ IconButtonBase.displayName = "IconButtonBase";
 const IconButton = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(IconButtonBase, { ref, ...props, classMap: styles, LinkComponent: link.Link }));
 IconButton.displayName = "IconButton";
 exports.IconButton = IconButton;
-//# sourceMappingURL=IconButton-C4OC99ig.cjs.map
+//# sourceMappingURL=IconButton-4ySBEhn1.cjs.map

package/dist/next/{IconButton-C4OC99ig.cjs.map → IconButton-4ySBEhn1.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton-C4OC99ig.cjs","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonBaseProps } from \"./IconButton.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 IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(function IconButtonBase(\r\n  {\r\n    id,\r\n    icon: Icon,\r\n    theme = getDefaultTheme(),\r\n    state = \"\",\r\n    href,\r\n    isExternal = false,\r\n    onClick,\r\n    onKeyDown,\r\n    className = \"\",\r\n    iconClassName = \"\",\r\n    disabled = false,\r\n    rel,\r\n    target,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": ariaBusy,\r\n    \"aria-live\": ariaLive,\r\n    \"aria-atomic\": ariaAtomic,\r\n    role,\r\n    title,\r\n    outline = false,\r\n    rounding = getDefaultRounding(),\r\n    shadow = getDefaultShadow(),\r\n    size = getDefaultSize(),\r\n    loading = false,\r\n    type = \"button\",\r\n    classMap,\r\n    LinkComponent = \"a\",\r\n    \"data-testid\": testId = \"icon-button\",\r\n    tabIndex,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const needsLabel = !ariaLabel && !ariaLabelledby && !title;\r\n  if (process.env.NODE_ENV === \"development\" && needsLabel) {\r\n    console.warn(\r\n      \"IconButtonBase: provide `aria-label`, `aria-labelledby`, or `title` for icon-only buttons.\",\r\n    );\r\n  }\r\n\r\n  const resolvedLabel =\r\n    ariaLabel || (!ariaLabelledby ? title : undefined) || undefined;\r\n\r\n  const resolvedBusy = loading || ariaBusy || undefined;\r\n  const inert = disabled || loading;\r\n  const renderAsLink = !!href;\r\n\r\n  const classNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.iconButton,\r\n        classMap[theme],\r\n        classMap[state],\r\n        size && classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        inert && classMap.disabled,\r\n        className,\r\n      ),\r\n    [classMap, theme, state, size, shadow, rounding, outline, inert, className],\r\n  );\r\n\r\n  const sharedAccessibilityProps = {\r\n    id,\r\n    role,\r\n    title,\r\n    \"data-testid\": testId,\r\n    \"aria-label\": resolvedLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": resolvedBusy,\r\n  } as const;\r\n\r\n  const iconContent = (\r\n    <span\r\n      className={classMap.buttonLabel}\r\n      aria-live={ariaLive ?? \"polite\"}\r\n      aria-atomic={ariaAtomic ?? true}\r\n    >\r\n      {loading ? (\r\n        <>\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n          <span className=\"sr_only\">Loading</span>\r\n        </>\r\n      ) : Icon ? (\r\n        <Icon\r\n          data-testid=\"icon-button-icon\"\r\n          aria-hidden={true}\r\n          focusable={false}\r\n          className={iconClassName}\r\n        />\r\n      ) : null}\r\n    </span>\r\n  );\r\n\r\n  if (renderAsLink) {\r\n    const linkProps = {\r\n      className: combineClassNames(classNames, classMap.link),\r\n      ref: ref as React.Ref<HTMLAnchorElement>,\r\n      onClick: inert\r\n        ? (e: React.MouseEvent<HTMLElement>) => e.preventDefault()\r\n        : onClick,\r\n      onKeyDown,\r\n      \"aria-disabled\": inert || undefined,\r\n      ...sharedAccessibilityProps,\r\n      ...rest,\r\n      tabIndex: inert ? -1 : tabIndex,\r\n    };\r\n\r\n    if (isExternal) {\r\n      return (\r\n        <a\r\n          {...linkProps}\r\n          href={inert ? undefined : href}\r\n          target={target ?? \"_blank\"}\r\n          rel={rel ?? \"noopener noreferrer\"}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <LinkComponent {...linkProps} href={inert ? undefined : href}>\r\n        {iconContent}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      disabled={inert}\r\n      className={classNames}\r\n      onClick={inert ? (e) => e.preventDefault() : onClick}\r\n      onKeyDown={onKeyDown}\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      {...sharedAccessibilityProps}\r\n      {...rest}\r\n      tabIndex={tabIndex}\r\n    >\r\n      {iconContent}\r\n    </button>\r\n  );\r\n});\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport type { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonProps\r\n>((props, ref) => (\r\n  <IconButtonBase ref={ref} {...props} classMap={styles} LinkComponent={Link} />\r\n));\r\n\r\nIconButton.displayName = \"IconButton\";\r\nexport default IconButton;\r\n"],"names":["forwardRef","IconButtonBase","getDefaultTheme","disabled","outline","getDefaultRounding","getDefaultShadow","getDefaultSize","classNames","useMemo","combineClassNames","capitalize","jsx","jsxs","Fragment","Link"],"mappings":"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"}
+{"version":3,"file":"IconButton-4ySBEhn1.cjs","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonBaseProps } from \"./IconButton.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 IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(function IconButtonBase(\r\n  {\r\n    id,\r\n    icon: Icon,\r\n    theme = getDefaultTheme(),\r\n    state = \"\",\r\n    href,\r\n    isExternal = false,\r\n    onClick,\r\n    onKeyDown,\r\n    className = \"\",\r\n    iconClassName = \"\",\r\n    disabled = false,\r\n    rel,\r\n    target,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": ariaBusy,\r\n    \"aria-live\": ariaLive,\r\n    \"aria-atomic\": ariaAtomic,\r\n    role,\r\n    title,\r\n    outline = false,\r\n    rounding = getDefaultRounding(),\r\n    shadow = getDefaultShadow(),\r\n    size = getDefaultSize(),\r\n    loading = false,\r\n    type = \"button\",\r\n    classMap,\r\n    LinkComponent = \"a\",\r\n    \"data-testid\": testId = \"icon-button\",\r\n    tabIndex,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const needsLabel = !ariaLabel && !ariaLabelledby && !title;\r\n  if (process.env.NODE_ENV === \"development\" && needsLabel) {\r\n    console.warn(\r\n      \"IconButtonBase: provide `aria-label`, `aria-labelledby`, or `title` for icon-only buttons.\",\r\n    );\r\n  }\r\n\r\n  const resolvedLabel =\r\n    ariaLabel || (!ariaLabelledby ? title : undefined) || undefined;\r\n\r\n  const resolvedBusy = loading || ariaBusy || undefined;\r\n  const inert = disabled || loading;\r\n  const renderAsLink = !!href;\r\n\r\n  const classNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.iconButton,\r\n        classMap[theme],\r\n        classMap[state],\r\n        size && classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        inert && classMap.disabled,\r\n        className,\r\n      ),\r\n    [classMap, theme, state, size, shadow, rounding, outline, inert, className],\r\n  );\r\n\r\n  const sharedAccessibilityProps = {\r\n    id,\r\n    role,\r\n    title,\r\n    \"data-testid\": testId,\r\n    \"aria-label\": resolvedLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": resolvedBusy,\r\n  } as const;\r\n\r\n  const iconContent = (\r\n    <span\r\n      className={classMap.buttonLabel}\r\n      aria-live={ariaLive ?? \"polite\"}\r\n      aria-atomic={ariaAtomic ?? true}\r\n    >\r\n      {loading ? (\r\n        <>\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n          <span className=\"sr_only\">Loading</span>\r\n        </>\r\n      ) : Icon ? (\r\n        <Icon\r\n          data-testid=\"icon-button-icon\"\r\n          aria-hidden={true}\r\n          focusable={false}\r\n          className={iconClassName}\r\n        />\r\n      ) : null}\r\n    </span>\r\n  );\r\n\r\n  if (renderAsLink) {\r\n    const linkProps = {\r\n      className: combineClassNames(classNames, classMap.link),\r\n      ref: ref as React.Ref<HTMLAnchorElement>,\r\n      onClick: inert\r\n        ? (e: React.MouseEvent<HTMLElement>) => e.preventDefault()\r\n        : onClick,\r\n      onKeyDown,\r\n      \"aria-disabled\": inert || undefined,\r\n      ...sharedAccessibilityProps,\r\n      ...rest,\r\n      tabIndex: inert ? -1 : tabIndex,\r\n    };\r\n\r\n    if (isExternal) {\r\n      return (\r\n        <a\r\n          {...linkProps}\r\n          href={inert ? undefined : href}\r\n          target={target ?? \"_blank\"}\r\n          rel={rel ?? \"noopener noreferrer\"}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <LinkComponent {...linkProps} href={inert ? undefined : href}>\r\n        {iconContent}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      disabled={inert}\r\n      className={classNames}\r\n      onClick={inert ? (e) => e.preventDefault() : onClick}\r\n      onKeyDown={onKeyDown}\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      {...sharedAccessibilityProps}\r\n      {...rest}\r\n      tabIndex={tabIndex}\r\n    >\r\n      {iconContent}\r\n    </button>\r\n  );\r\n});\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport type { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonProps\r\n>((props, ref) => (\r\n  <IconButtonBase ref={ref} {...props} classMap={styles} LinkComponent={Link} />\r\n));\r\n\r\nIconButton.displayName = \"IconButton\";\r\nexport default IconButton;\r\n"],"names":["forwardRef","IconButtonBase","getDefaultTheme","disabled","outline","getDefaultRounding","getDefaultShadow","getDefaultSize","classNames","useMemo","combineClassNames","capitalize","jsx","jsxs","Fragment","Link"],"mappings":"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"}

package/dist/next/{IconButton-CNiln4Qf.js → IconButton-BWw3WPaS.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
-import { L as Link } from "./link-CyxHztrS.js";
+import { L as Link } from "./link-4NcriBFB.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
 const iconButton = "_iconButton_8p4wj_85";
 const roundNone = "_roundNone_8p4wj_129";
 const roundSmall = "_roundSmall_8p4wj_133";
@@ -215,4 +215,4 @@ IconButton.displayName = "IconButton";
 export {
   IconButton as I
 };
-//# sourceMappingURL=IconButton-CNiln4Qf.js.map
+//# sourceMappingURL=IconButton-BWw3WPaS.js.map

package/dist/next/{IconButton-CNiln4Qf.js.map → IconButton-BWw3WPaS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton-CNiln4Qf.js","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonBaseProps } from \"./IconButton.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 IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(function IconButtonBase(\r\n  {\r\n    id,\r\n    icon: Icon,\r\n    theme = getDefaultTheme(),\r\n    state = \"\",\r\n    href,\r\n    isExternal = false,\r\n    onClick,\r\n    onKeyDown,\r\n    className = \"\",\r\n    iconClassName = \"\",\r\n    disabled = false,\r\n    rel,\r\n    target,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": ariaBusy,\r\n    \"aria-live\": ariaLive,\r\n    \"aria-atomic\": ariaAtomic,\r\n    role,\r\n    title,\r\n    outline = false,\r\n    rounding = getDefaultRounding(),\r\n    shadow = getDefaultShadow(),\r\n    size = getDefaultSize(),\r\n    loading = false,\r\n    type = \"button\",\r\n    classMap,\r\n    LinkComponent = \"a\",\r\n    \"data-testid\": testId = \"icon-button\",\r\n    tabIndex,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const needsLabel = !ariaLabel && !ariaLabelledby && !title;\r\n  if (process.env.NODE_ENV === \"development\" && needsLabel) {\r\n    console.warn(\r\n      \"IconButtonBase: provide `aria-label`, `aria-labelledby`, or `title` for icon-only buttons.\",\r\n    );\r\n  }\r\n\r\n  const resolvedLabel =\r\n    ariaLabel || (!ariaLabelledby ? title : undefined) || undefined;\r\n\r\n  const resolvedBusy = loading || ariaBusy || undefined;\r\n  const inert = disabled || loading;\r\n  const renderAsLink = !!href;\r\n\r\n  const classNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.iconButton,\r\n        classMap[theme],\r\n        classMap[state],\r\n        size && classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        inert && classMap.disabled,\r\n        className,\r\n      ),\r\n    [classMap, theme, state, size, shadow, rounding, outline, inert, className],\r\n  );\r\n\r\n  const sharedAccessibilityProps = {\r\n    id,\r\n    role,\r\n    title,\r\n    \"data-testid\": testId,\r\n    \"aria-label\": resolvedLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": resolvedBusy,\r\n  } as const;\r\n\r\n  const iconContent = (\r\n    <span\r\n      className={classMap.buttonLabel}\r\n      aria-live={ariaLive ?? \"polite\"}\r\n      aria-atomic={ariaAtomic ?? true}\r\n    >\r\n      {loading ? (\r\n        <>\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n          <span className=\"sr_only\">Loading</span>\r\n        </>\r\n      ) : Icon ? (\r\n        <Icon\r\n          data-testid=\"icon-button-icon\"\r\n          aria-hidden={true}\r\n          focusable={false}\r\n          className={iconClassName}\r\n        />\r\n      ) : null}\r\n    </span>\r\n  );\r\n\r\n  if (renderAsLink) {\r\n    const linkProps = {\r\n      className: combineClassNames(classNames, classMap.link),\r\n      ref: ref as React.Ref<HTMLAnchorElement>,\r\n      onClick: inert\r\n        ? (e: React.MouseEvent<HTMLElement>) => e.preventDefault()\r\n        : onClick,\r\n      onKeyDown,\r\n      \"aria-disabled\": inert || undefined,\r\n      ...sharedAccessibilityProps,\r\n      ...rest,\r\n      tabIndex: inert ? -1 : tabIndex,\r\n    };\r\n\r\n    if (isExternal) {\r\n      return (\r\n        <a\r\n          {...linkProps}\r\n          href={inert ? undefined : href}\r\n          target={target ?? \"_blank\"}\r\n          rel={rel ?? \"noopener noreferrer\"}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <LinkComponent {...linkProps} href={inert ? undefined : href}>\r\n        {iconContent}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      disabled={inert}\r\n      className={classNames}\r\n      onClick={inert ? (e) => e.preventDefault() : onClick}\r\n      onKeyDown={onKeyDown}\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      {...sharedAccessibilityProps}\r\n      {...rest}\r\n      tabIndex={tabIndex}\r\n    >\r\n      {iconContent}\r\n    </button>\r\n  );\r\n});\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport type { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonProps\r\n>((props, ref) => (\r\n  <IconButtonBase ref={ref} {...props} classMap={styles} LinkComponent={Link} />\r\n));\r\n\r\nIconButton.displayName = \"IconButton\";\r\nexport default IconButton;\r\n"],"names":["IconButtonBase","disabled","outline"],"mappings":"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"}
+{"version":3,"file":"IconButton-BWw3WPaS.js","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonBaseProps } from \"./IconButton.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 IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(function IconButtonBase(\r\n  {\r\n    id,\r\n    icon: Icon,\r\n    theme = getDefaultTheme(),\r\n    state = \"\",\r\n    href,\r\n    isExternal = false,\r\n    onClick,\r\n    onKeyDown,\r\n    className = \"\",\r\n    iconClassName = \"\",\r\n    disabled = false,\r\n    rel,\r\n    target,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": ariaBusy,\r\n    \"aria-live\": ariaLive,\r\n    \"aria-atomic\": ariaAtomic,\r\n    role,\r\n    title,\r\n    outline = false,\r\n    rounding = getDefaultRounding(),\r\n    shadow = getDefaultShadow(),\r\n    size = getDefaultSize(),\r\n    loading = false,\r\n    type = \"button\",\r\n    classMap,\r\n    LinkComponent = \"a\",\r\n    \"data-testid\": testId = \"icon-button\",\r\n    tabIndex,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const needsLabel = !ariaLabel && !ariaLabelledby && !title;\r\n  if (process.env.NODE_ENV === \"development\" && needsLabel) {\r\n    console.warn(\r\n      \"IconButtonBase: provide `aria-label`, `aria-labelledby`, or `title` for icon-only buttons.\",\r\n    );\r\n  }\r\n\r\n  const resolvedLabel =\r\n    ariaLabel || (!ariaLabelledby ? title : undefined) || undefined;\r\n\r\n  const resolvedBusy = loading || ariaBusy || undefined;\r\n  const inert = disabled || loading;\r\n  const renderAsLink = !!href;\r\n\r\n  const classNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.iconButton,\r\n        classMap[theme],\r\n        classMap[state],\r\n        size && classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        inert && classMap.disabled,\r\n        className,\r\n      ),\r\n    [classMap, theme, state, size, shadow, rounding, outline, inert, className],\r\n  );\r\n\r\n  const sharedAccessibilityProps = {\r\n    id,\r\n    role,\r\n    title,\r\n    \"data-testid\": testId,\r\n    \"aria-label\": resolvedLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": resolvedBusy,\r\n  } as const;\r\n\r\n  const iconContent = (\r\n    <span\r\n      className={classMap.buttonLabel}\r\n      aria-live={ariaLive ?? \"polite\"}\r\n      aria-atomic={ariaAtomic ?? true}\r\n    >\r\n      {loading ? (\r\n        <>\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n          <span className=\"sr_only\">Loading</span>\r\n        </>\r\n      ) : Icon ? (\r\n        <Icon\r\n          data-testid=\"icon-button-icon\"\r\n          aria-hidden={true}\r\n          focusable={false}\r\n          className={iconClassName}\r\n        />\r\n      ) : null}\r\n    </span>\r\n  );\r\n\r\n  if (renderAsLink) {\r\n    const linkProps = {\r\n      className: combineClassNames(classNames, classMap.link),\r\n      ref: ref as React.Ref<HTMLAnchorElement>,\r\n      onClick: inert\r\n        ? (e: React.MouseEvent<HTMLElement>) => e.preventDefault()\r\n        : onClick,\r\n      onKeyDown,\r\n      \"aria-disabled\": inert || undefined,\r\n      ...sharedAccessibilityProps,\r\n      ...rest,\r\n      tabIndex: inert ? -1 : tabIndex,\r\n    };\r\n\r\n    if (isExternal) {\r\n      return (\r\n        <a\r\n          {...linkProps}\r\n          href={inert ? undefined : href}\r\n          target={target ?? \"_blank\"}\r\n          rel={rel ?? \"noopener noreferrer\"}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <LinkComponent {...linkProps} href={inert ? undefined : href}>\r\n        {iconContent}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      disabled={inert}\r\n      className={classNames}\r\n      onClick={inert ? (e) => e.preventDefault() : onClick}\r\n      onKeyDown={onKeyDown}\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      {...sharedAccessibilityProps}\r\n      {...rest}\r\n      tabIndex={tabIndex}\r\n    >\r\n      {iconContent}\r\n    </button>\r\n  );\r\n});\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport type { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonProps\r\n>((props, ref) => (\r\n  <IconButtonBase ref={ref} {...props} classMap={styles} LinkComponent={Link} />\r\n));\r\n\r\nIconButton.displayName = \"IconButton\";\r\nexport default IconButton;\r\n"],"names":["IconButtonBase","disabled","outline"],"mappings":"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"}

package/dist/next/IconButton.cjs.js

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

package/dist/next/IconButton.js

@@ -1,4 +1,4 @@
-import { I } from "./IconButton-CNiln4Qf.js";
+import { I } from "./IconButton-BWw3WPaS.js";
 export {
   I as default
 };

package/dist/next/{MessagePopup-BscnzqBa.js → MessagePopup-DIrdAeyg.js}

@@ -6,8 +6,8 @@ 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";
 /* empty css                 */
-import { B as Button } from "./Button-BfgUzkgN.js";
-import { I as IconButton } from "./IconButton-CNiln4Qf.js";
+import { B as Button } from "./Button-DWpImTmr.js";
+import { I as IconButton } from "./IconButton-BWw3WPaS.js";
 const BaseMessagePopup = ({
   message: message2,
   title: title2,
@@ -272,4 +272,4 @@ MessagePopup.displayName = "MessagePopup";
 export {
   MessagePopup as M
 };
-//# sourceMappingURL=MessagePopup-BscnzqBa.js.map
+//# sourceMappingURL=MessagePopup-DIrdAeyg.js.map

package/dist/next/{MessagePopup-BscnzqBa.js.map → MessagePopup-DIrdAeyg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessagePopup-BscnzqBa.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-DIrdAeyg.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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"}

package/dist/next/{MessagePopup-lIFn7LZ2.cjs → MessagePopup-D_gZy6eH.cjs}

@@ -7,8 +7,8 @@ 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-DMCOgi4K.cjs");
-const IconButton = require("./IconButton-C4OC99ig.cjs");
+const Button = require("./Button-BZmph-Qr.cjs");
+const IconButton = require("./IconButton-4ySBEhn1.cjs");
 const BaseMessagePopup = ({
   message: message2,
   title: title2,
@@ -271,4 +271,4 @@ const MessagePopup = (props) => {
 };
 MessagePopup.displayName = "MessagePopup";
 exports.MessagePopup = MessagePopup;
-//# sourceMappingURL=MessagePopup-lIFn7LZ2.cjs.map
+//# sourceMappingURL=MessagePopup-D_gZy6eH.cjs.map

package/dist/next/{MessagePopup-lIFn7LZ2.cjs.map → MessagePopup-D_gZy6eH.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MessagePopup-lIFn7LZ2.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-D_gZy6eH.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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"}

package/dist/next/MessagePopup.cjs.js

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

package/dist/next/MessagePopup.js

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