boreal-ui 0.0.34 → 0.0.36

package/dist/next/{IconButton--X_Bqn4g.cjs → IconButton-VSz8qAIg.cjs}

@@ -1,41 +1,50 @@
 "use strict";
 const require$$2 = require("react/jsx-runtime");
-const link = require("./link-hxAaLm0Q.cjs");
 const React = require("react");
+const link = require("./link-hxAaLm0Q.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const iconButton = "_iconButton_14vmx_187";
-const primary = "_primary_14vmx_214";
-const outline = "_outline_14vmx_221";
-const secondary = "_secondary_14vmx_231";
-const tertiary = "_tertiary_14vmx_248";
-const quaternary = "_quaternary_14vmx_265";
-const clear = "_clear_14vmx_282";
-const success = "_success_14vmx_299";
-const error = "_error_14vmx_316";
-const warning = "_warning_14vmx_333";
-const xs = "_xs_14vmx_350";
-const small = "_small_14vmx_359";
-const medium = "_medium_14vmx_368";
-const large = "_large_14vmx_377";
-const xl = "_xl_14vmx_386";
-const disabled = "_disabled_14vmx_395";
-const loader = "_loader_14vmx_403";
-const spin = "_spin_14vmx_1";
-const roundNone = "_roundNone_14vmx_412";
-const roundSmall = "_roundSmall_14vmx_416";
-const roundMedium = "_roundMedium_14vmx_420";
-const roundLarge = "_roundLarge_14vmx_424";
-const roundFull = "_roundFull_14vmx_428";
-const shadowNone = "_shadowNone_14vmx_432";
-const shadowLight = "_shadowLight_14vmx_436";
-const shadowMedium = "_shadowMedium_14vmx_440";
-const shadowStrong = "_shadowStrong_14vmx_444";
-const shadowIntense = "_shadowIntense_14vmx_448";
-const pulse = "_pulse_14vmx_1";
+const iconButton = "_iconButton_1f2l1_85";
+const roundNone = "_roundNone_1f2l1_128";
+const roundSmall = "_roundSmall_1f2l1_132";
+const roundMedium = "_roundMedium_1f2l1_136";
+const roundLarge = "_roundLarge_1f2l1_140";
+const roundFull = "_roundFull_1f2l1_144";
+const shadowNone = "_shadowNone_1f2l1_148";
+const shadowLight = "_shadowLight_1f2l1_152";
+const shadowMedium = "_shadowMedium_1f2l1_156";
+const shadowStrong = "_shadowStrong_1f2l1_160";
+const shadowIntense = "_shadowIntense_1f2l1_164";
+const primary = "_primary_1f2l1_168";
+const outline = "_outline_1f2l1_179";
+const secondary = "_secondary_1f2l1_194";
+const tertiary = "_tertiary_1f2l1_220";
+const quaternary = "_quaternary_1f2l1_246";
+const clear = "_clear_1f2l1_272";
+const success = "_success_1f2l1_298";
+const error = "_error_1f2l1_324";
+const warning = "_warning_1f2l1_350";
+const xs = "_xs_1f2l1_376";
+const small = "_small_1f2l1_405";
+const medium = "_medium_1f2l1_434";
+const large = "_large_1f2l1_463";
+const xl = "_xl_1f2l1_492";
+const disabled = "_disabled_1f2l1_521";
+const loader = "_loader_1f2l1_529";
+const spin = "_spin_1f2l1_1";
 const styles = {
   iconButton,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
   primary,
   outline,
   secondary,
@@ -52,25 +61,7 @@ const styles = {
   xl,
   disabled,
   loader,
-  spin,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_14vmx_1",
-  "slide-up": "_slide-up_14vmx_1",
-  "spin-3d": "_spin-3d_14vmx_1",
-  pulse,
-  "fade-in-up": "_fade-in-up_14vmx_1",
-  "progress-grow": "_progress-grow_14vmx_1",
-  "indeterminate-move": "_indeterminate-move_14vmx_1",
-  "skeleton-loading": "_skeleton-loading_14vmx_1"
+  spin
 };
 const IconButtonBase = React.forwardRef(function IconButtonBase2({
   icon: Icon,
@@ -81,6 +72,7 @@ const IconButtonBase = React.forwardRef(function IconButtonBase2({
   onClick,
   onKeyDown,
   className = "",
+  iconClassName = "",
   disabled: disabled2 = false,
   ariaLabel,
   title,
@@ -148,7 +140,8 @@ const IconButtonBase = React.forwardRef(function IconButtonBase2({
         {
           "data-testid": "icon-button-icon",
           "aria-hidden": true,
-          focusable: false
+          focusable: false,
+          className: iconClassName
         }
       ) : null
     }
@@ -197,6 +190,7 @@ const IconButtonBase = React.forwardRef(function IconButtonBase2({
   );
 });
 IconButtonBase.displayName = "IconButtonBase";
-const IconButton = (props) => /* @__PURE__ */ require$$2.jsx(IconButtonBase, { ...props, classMap: styles, LinkComponent: link.Link });
+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--X_Bqn4g.cjs.map
+//# sourceMappingURL=IconButton-VSz8qAIg.cjs.map

package/dist/next/IconButton-VSz8qAIg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-VSz8qAIg.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    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    ariaLabel,\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 && !title;\r\n  if (process.env.NODE_ENV === \"development\" && needsLabel) {\r\n    console.warn(\r\n      \"IconButtonBase: provide `ariaLabel` or `title` for icon-only buttons.\"\r\n    );\r\n  }\r\n  const label = ariaLabel || title || \"Icon button\";\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        (disabled || loading) && classMap.disabled,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  const sharedAria = {\r\n    \"aria-label\": label,\r\n    \"aria-busy\": loading || undefined,\r\n    title,\r\n    \"data-testid\": testId,\r\n  } as const;\r\n\r\n  const iconContent = (\r\n    <span\r\n      className={classMap.buttonLabel}\r\n      aria-live=\"polite\"\r\n      aria-atomic=\"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  const renderAsLink = !!href;\r\n  const inert = disabled || loading;\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 ? (e: React.MouseEvent) => e.preventDefault() : onClick,\r\n      onKeyDown,\r\n      \"aria-disabled\": inert || undefined,\r\n      tabIndex: inert ? -1 : tabIndex,\r\n      ...sharedAria,\r\n      ...rest,\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=\"_blank\"\r\n          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={disabled || loading}\r\n      className={classNames}\r\n      onClick={disabled ? (e) => e.preventDefault() : onClick}\r\n      onKeyDown={onKeyDown}\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      tabIndex={tabIndex}\r\n      {...sharedAria}\r\n      {...rest}\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-B1r838wY.js → IconButton-qQljwBB2.js}

@@ -1,40 +1,49 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { L as Link } from "./link-Bik5xH00.js";
 import { forwardRef, useMemo } from "react";
+import { L as Link } from "./link-Bik5xH00.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-BILmxkZG.js";
-const iconButton = "_iconButton_14vmx_187";
-const primary = "_primary_14vmx_214";
-const outline = "_outline_14vmx_221";
-const secondary = "_secondary_14vmx_231";
-const tertiary = "_tertiary_14vmx_248";
-const quaternary = "_quaternary_14vmx_265";
-const clear = "_clear_14vmx_282";
-const success = "_success_14vmx_299";
-const error = "_error_14vmx_316";
-const warning = "_warning_14vmx_333";
-const xs = "_xs_14vmx_350";
-const small = "_small_14vmx_359";
-const medium = "_medium_14vmx_368";
-const large = "_large_14vmx_377";
-const xl = "_xl_14vmx_386";
-const disabled = "_disabled_14vmx_395";
-const loader = "_loader_14vmx_403";
-const spin = "_spin_14vmx_1";
-const roundNone = "_roundNone_14vmx_412";
-const roundSmall = "_roundSmall_14vmx_416";
-const roundMedium = "_roundMedium_14vmx_420";
-const roundLarge = "_roundLarge_14vmx_424";
-const roundFull = "_roundFull_14vmx_428";
-const shadowNone = "_shadowNone_14vmx_432";
-const shadowLight = "_shadowLight_14vmx_436";
-const shadowMedium = "_shadowMedium_14vmx_440";
-const shadowStrong = "_shadowStrong_14vmx_444";
-const shadowIntense = "_shadowIntense_14vmx_448";
-const pulse = "_pulse_14vmx_1";
+const iconButton = "_iconButton_1f2l1_85";
+const roundNone = "_roundNone_1f2l1_128";
+const roundSmall = "_roundSmall_1f2l1_132";
+const roundMedium = "_roundMedium_1f2l1_136";
+const roundLarge = "_roundLarge_1f2l1_140";
+const roundFull = "_roundFull_1f2l1_144";
+const shadowNone = "_shadowNone_1f2l1_148";
+const shadowLight = "_shadowLight_1f2l1_152";
+const shadowMedium = "_shadowMedium_1f2l1_156";
+const shadowStrong = "_shadowStrong_1f2l1_160";
+const shadowIntense = "_shadowIntense_1f2l1_164";
+const primary = "_primary_1f2l1_168";
+const outline = "_outline_1f2l1_179";
+const secondary = "_secondary_1f2l1_194";
+const tertiary = "_tertiary_1f2l1_220";
+const quaternary = "_quaternary_1f2l1_246";
+const clear = "_clear_1f2l1_272";
+const success = "_success_1f2l1_298";
+const error = "_error_1f2l1_324";
+const warning = "_warning_1f2l1_350";
+const xs = "_xs_1f2l1_376";
+const small = "_small_1f2l1_405";
+const medium = "_medium_1f2l1_434";
+const large = "_large_1f2l1_463";
+const xl = "_xl_1f2l1_492";
+const disabled = "_disabled_1f2l1_521";
+const loader = "_loader_1f2l1_529";
+const spin = "_spin_1f2l1_1";
 const styles = {
   iconButton,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
   primary,
   outline,
   secondary,
@@ -51,25 +60,7 @@ const styles = {
   xl,
   disabled,
   loader,
-  spin,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_14vmx_1",
-  "slide-up": "_slide-up_14vmx_1",
-  "spin-3d": "_spin-3d_14vmx_1",
-  pulse,
-  "fade-in-up": "_fade-in-up_14vmx_1",
-  "progress-grow": "_progress-grow_14vmx_1",
-  "indeterminate-move": "_indeterminate-move_14vmx_1",
-  "skeleton-loading": "_skeleton-loading_14vmx_1"
+  spin
 };
 const IconButtonBase = forwardRef(function IconButtonBase2({
   icon: Icon,
@@ -80,6 +71,7 @@ const IconButtonBase = forwardRef(function IconButtonBase2({
   onClick,
   onKeyDown,
   className = "",
+  iconClassName = "",
   disabled: disabled2 = false,
   ariaLabel,
   title,
@@ -147,7 +139,8 @@ const IconButtonBase = forwardRef(function IconButtonBase2({
         {
           "data-testid": "icon-button-icon",
           "aria-hidden": true,
-          focusable: false
+          focusable: false,
+          className: iconClassName
         }
       ) : null
     }
@@ -196,8 +189,9 @@ const IconButtonBase = forwardRef(function IconButtonBase2({
   );
 });
 IconButtonBase.displayName = "IconButtonBase";
-const IconButton = (props) => /* @__PURE__ */ jsx(IconButtonBase, { ...props, classMap: styles, LinkComponent: Link });
+const IconButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconButtonBase, { ref, ...props, classMap: styles, LinkComponent: Link }));
+IconButton.displayName = "IconButton";
 export {
   IconButton as I
 };
-//# sourceMappingURL=IconButton-B1r838wY.js.map
+//# sourceMappingURL=IconButton-qQljwBB2.js.map

package/dist/next/IconButton-qQljwBB2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-qQljwBB2.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    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    ariaLabel,\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 && !title;\r\n  if (process.env.NODE_ENV === \"development\" && needsLabel) {\r\n    console.warn(\r\n      \"IconButtonBase: provide `ariaLabel` or `title` for icon-only buttons.\"\r\n    );\r\n  }\r\n  const label = ariaLabel || title || \"Icon button\";\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        (disabled || loading) && classMap.disabled,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  const sharedAria = {\r\n    \"aria-label\": label,\r\n    \"aria-busy\": loading || undefined,\r\n    title,\r\n    \"data-testid\": testId,\r\n  } as const;\r\n\r\n  const iconContent = (\r\n    <span\r\n      className={classMap.buttonLabel}\r\n      aria-live=\"polite\"\r\n      aria-atomic=\"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  const renderAsLink = !!href;\r\n  const inert = disabled || loading;\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 ? (e: React.MouseEvent) => e.preventDefault() : onClick,\r\n      onKeyDown,\r\n      \"aria-disabled\": inert || undefined,\r\n      tabIndex: inert ? -1 : tabIndex,\r\n      ...sharedAria,\r\n      ...rest,\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=\"_blank\"\r\n          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={disabled || loading}\r\n      className={classNames}\r\n      onClick={disabled ? (e) => e.preventDefault() : onClick}\r\n      onKeyDown={onKeyDown}\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      tabIndex={tabIndex}\r\n      {...sharedAria}\r\n      {...rest}\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--X_Bqn4g.cjs");
+const IconButton = require("./IconButton-VSz8qAIg.cjs");
 module.exports = IconButton.IconButton;
 //# sourceMappingURL=IconButton.cjs.js.map

package/dist/next/IconButton.js

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

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

@@ -23,6 +23,7 @@ function safeSanitize(html) {
       return doc.body.innerHTML;
     }
   } catch {
+    return "";
   }
   return html.replace(/<\/?(script|iframe|object|embed|meta|link)[^>]*>/gi, "").replace(/\son[a-z]+="[^"]*"/gi, "").replace(/\s(href|src)\s*=\s*"(?:\s*javascript:[^"]*)"/gi, "");
 }
@@ -88,17 +89,17 @@ const BaseMarkdownRenderer = ({
   );
 };
 BaseMarkdownRenderer.displayName = "BaseMarkdownRenderer";
-const wrapper = "_wrapper_z1g91_68";
-const roundNone = "_roundNone_z1g91_125";
-const roundSmall = "_roundSmall_z1g91_129";
-const roundMedium = "_roundMedium_z1g91_133";
-const roundLarge = "_roundLarge_z1g91_137";
-const roundFull = "_roundFull_z1g91_141";
-const shadowNone = "_shadowNone_z1g91_145";
-const shadowLight = "_shadowLight_z1g91_149";
-const shadowMedium = "_shadowMedium_z1g91_153";
-const shadowStrong = "_shadowStrong_z1g91_157";
-const shadowIntense = "_shadowIntense_z1g91_161";
+const wrapper = "_wrapper_dszks_85";
+const roundNone = "_roundNone_dszks_258";
+const roundSmall = "_roundSmall_dszks_262";
+const roundMedium = "_roundMedium_dszks_266";
+const roundLarge = "_roundLarge_dszks_270";
+const roundFull = "_roundFull_dszks_274";
+const shadowNone = "_shadowNone_dszks_278";
+const shadowLight = "_shadowLight_dszks_282";
+const shadowMedium = "_shadowMedium_dszks_286";
+const shadowStrong = "_shadowStrong_dszks_290";
+const shadowIntense = "_shadowIntense_dszks_294";
 const styles = {
   wrapper,
   roundNone,
@@ -116,4 +117,4 @@ const MarkdownRenderer = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseMarkdownRenderer, { ...props, classMap: styles });
 };
 exports.MarkdownRenderer = MarkdownRenderer;
-//# sourceMappingURL=MarkdownRenderer-ByOcqHm_.cjs.map
+//# sourceMappingURL=MarkdownRenderer-BrVUEjkX.cjs.map

package/dist/next/MarkdownRenderer-BrVUEjkX.cjs.map

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

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

@@ -22,6 +22,7 @@ function safeSanitize(html) {
       return doc.body.innerHTML;
     }
   } catch {
+    return "";
   }
   return html.replace(/<\/?(script|iframe|object|embed|meta|link)[^>]*>/gi, "").replace(/\son[a-z]+="[^"]*"/gi, "").replace(/\s(href|src)\s*=\s*"(?:\s*javascript:[^"]*)"/gi, "");
 }
@@ -87,17 +88,17 @@ const BaseMarkdownRenderer = ({
   );
 };
 BaseMarkdownRenderer.displayName = "BaseMarkdownRenderer";
-const wrapper = "_wrapper_z1g91_68";
-const roundNone = "_roundNone_z1g91_125";
-const roundSmall = "_roundSmall_z1g91_129";
-const roundMedium = "_roundMedium_z1g91_133";
-const roundLarge = "_roundLarge_z1g91_137";
-const roundFull = "_roundFull_z1g91_141";
-const shadowNone = "_shadowNone_z1g91_145";
-const shadowLight = "_shadowLight_z1g91_149";
-const shadowMedium = "_shadowMedium_z1g91_153";
-const shadowStrong = "_shadowStrong_z1g91_157";
-const shadowIntense = "_shadowIntense_z1g91_161";
+const wrapper = "_wrapper_dszks_85";
+const roundNone = "_roundNone_dszks_258";
+const roundSmall = "_roundSmall_dszks_262";
+const roundMedium = "_roundMedium_dszks_266";
+const roundLarge = "_roundLarge_dszks_270";
+const roundFull = "_roundFull_dszks_274";
+const shadowNone = "_shadowNone_dszks_278";
+const shadowLight = "_shadowLight_dszks_282";
+const shadowMedium = "_shadowMedium_dszks_286";
+const shadowStrong = "_shadowStrong_dszks_290";
+const shadowIntense = "_shadowIntense_dszks_294";
 const styles = {
   wrapper,
   roundNone,
@@ -117,4 +118,4 @@ const MarkdownRenderer = (props) => {
 export {
   MarkdownRenderer as M
 };
-//# sourceMappingURL=MarkdownRenderer-r0prlhyN.js.map
+//# sourceMappingURL=MarkdownRenderer-CTF0Vhf5.js.map

package/dist/next/MarkdownRenderer-CTF0Vhf5.js.map

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

package/dist/next/MarkdownRenderer.cjs.js

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

package/dist/next/MarkdownRenderer.js

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

package/dist/next/MessagePopUp.cjs.js

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

package/dist/next/MessagePopUp.js

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

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

@@ -6,8 +6,8 @@ const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-sIKQmn_c.cjs");
-const IconButton = require("./IconButton--X_Bqn4g.cjs");
+const Button = require("./Button-5qNmDKPi.cjs");
+const IconButton = require("./IconButton-VSz8qAIg.cjs");
 const BaseMessagePopup = ({
   message: message2,
   onClose,
@@ -176,23 +176,25 @@ const BaseMessagePopup = ({
   );
 };
 BaseMessagePopup.displayName = "BaseMessagePopup";
-const wrapper = "_wrapper_fukos_68";
-const content = "_content_fukos_82";
-const close = "_close_fukos_91";
-const message = "_message_fukos_98";
-const actions = "_actions_fukos_105";
-const roundNone = "_roundNone_fukos_112";
-const roundSmall = "_roundSmall_fukos_116";
-const roundMedium = "_roundMedium_fukos_120";
-const roundLarge = "_roundLarge_fukos_124";
-const roundFull = "_roundFull_fukos_128";
-const shadowNone = "_shadowNone_fukos_132";
-const shadowLight = "_shadowLight_fukos_136";
-const shadowMedium = "_shadowMedium_fukos_140";
-const shadowStrong = "_shadowStrong_fukos_144";
-const shadowIntense = "_shadowIntense_fukos_148";
+const wrapper = "_wrapper_wd4z5_85";
+const isHidden = "_isHidden_wd4z5_98";
+const content = "_content_wd4z5_103";
+const close = "_close_wd4z5_136";
+const message = "_message_wd4z5_153";
+const actions = "_actions_wd4z5_170";
+const roundNone = "_roundNone_wd4z5_187";
+const roundSmall = "_roundSmall_wd4z5_191";
+const roundMedium = "_roundMedium_wd4z5_195";
+const roundLarge = "_roundLarge_wd4z5_199";
+const roundFull = "_roundFull_wd4z5_203";
+const shadowNone = "_shadowNone_wd4z5_207";
+const shadowLight = "_shadowLight_wd4z5_211";
+const shadowMedium = "_shadowMedium_wd4z5_215";
+const shadowStrong = "_shadowStrong_wd4z5_219";
+const shadowIntense = "_shadowIntense_wd4z5_223";
 const styles = {
   wrapper,
+  isHidden,
   content,
   close,
   message,
@@ -220,4 +222,4 @@ const MessagePopUp = (props) => {
   );
 };
 exports.MessagePopUp = MessagePopUp;
-//# sourceMappingURL=MessagePopup-BL7842Cu.cjs.map
+//# sourceMappingURL=MessagePopup-DB8VBIft.cjs.map

package/dist/next/MessagePopup-DB8VBIft.cjs.map

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

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

@@ -5,8 +5,8 @@ import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-import { B as Button } from "./Button-DN8rTQSp.js";
-import { I as IconButton } from "./IconButton-B1r838wY.js";
+import { B as Button } from "./Button-BF5Wp81D.js";
+import { I as IconButton } from "./IconButton-qQljwBB2.js";
 const BaseMessagePopup = ({
   message: message2,
   onClose,
@@ -175,23 +175,25 @@ const BaseMessagePopup = ({
   );
 };
 BaseMessagePopup.displayName = "BaseMessagePopup";
-const wrapper = "_wrapper_fukos_68";
-const content = "_content_fukos_82";
-const close = "_close_fukos_91";
-const message = "_message_fukos_98";
-const actions = "_actions_fukos_105";
-const roundNone = "_roundNone_fukos_112";
-const roundSmall = "_roundSmall_fukos_116";
-const roundMedium = "_roundMedium_fukos_120";
-const roundLarge = "_roundLarge_fukos_124";
-const roundFull = "_roundFull_fukos_128";
-const shadowNone = "_shadowNone_fukos_132";
-const shadowLight = "_shadowLight_fukos_136";
-const shadowMedium = "_shadowMedium_fukos_140";
-const shadowStrong = "_shadowStrong_fukos_144";
-const shadowIntense = "_shadowIntense_fukos_148";
+const wrapper = "_wrapper_wd4z5_85";
+const isHidden = "_isHidden_wd4z5_98";
+const content = "_content_wd4z5_103";
+const close = "_close_wd4z5_136";
+const message = "_message_wd4z5_153";
+const actions = "_actions_wd4z5_170";
+const roundNone = "_roundNone_wd4z5_187";
+const roundSmall = "_roundSmall_wd4z5_191";
+const roundMedium = "_roundMedium_wd4z5_195";
+const roundLarge = "_roundLarge_wd4z5_199";
+const roundFull = "_roundFull_wd4z5_203";
+const shadowNone = "_shadowNone_wd4z5_207";
+const shadowLight = "_shadowLight_wd4z5_211";
+const shadowMedium = "_shadowMedium_wd4z5_215";
+const shadowStrong = "_shadowStrong_wd4z5_219";
+const shadowIntense = "_shadowIntense_wd4z5_223";
 const styles = {
   wrapper,
+  isHidden,
   content,
   close,
   message,
@@ -221,4 +223,4 @@ const MessagePopUp = (props) => {
 export {
   MessagePopUp as M
 };
-//# sourceMappingURL=MessagePopup-Bjgods-d.js.map
+//# sourceMappingURL=MessagePopup-DCN-w-NA.js.map