boreal-ui 0.0.21 → 0.0.22

package/dist/next/{IconButton-CNzF48hu.cjs → IconButton-1BW390eT.cjs}

@@ -5,35 +5,35 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const iconButton = "_iconButton_1lfoc_187";
-const primary = "_primary_1lfoc_214";
-const outline = "_outline_1lfoc_221";
-const secondary = "_secondary_1lfoc_231";
-const tertiary = "_tertiary_1lfoc_248";
-const quaternary = "_quaternary_1lfoc_265";
-const clear = "_clear_1lfoc_282";
-const success = "_success_1lfoc_299";
-const error = "_error_1lfoc_316";
-const warning = "_warning_1lfoc_333";
-const xs = "_xs_1lfoc_350";
-const small = "_small_1lfoc_359";
-const medium = "_medium_1lfoc_368";
-const large = "_large_1lfoc_377";
-const xl = "_xl_1lfoc_386";
-const disabled = "_disabled_1lfoc_395";
-const loader = "_loader_1lfoc_403";
-const spin = "_spin_1lfoc_1";
-const roundNone = "_roundNone_1lfoc_412";
-const roundSmall = "_roundSmall_1lfoc_416";
-const roundMedium = "_roundMedium_1lfoc_420";
-const roundLarge = "_roundLarge_1lfoc_424";
-const roundFull = "_roundFull_1lfoc_428";
-const shadowNone = "_shadowNone_1lfoc_432";
-const shadowLight = "_shadowLight_1lfoc_436";
-const shadowMedium = "_shadowMedium_1lfoc_440";
-const shadowStrong = "_shadowStrong_1lfoc_444";
-const shadowIntense = "_shadowIntense_1lfoc_448";
-const pulse = "_pulse_1lfoc_1";
+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 styles = {
   iconButton,
   primary,
@@ -63,14 +63,14 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_1lfoc_1",
-  "slide-up": "_slide-up_1lfoc_1",
-  "spin-3d": "_spin-3d_1lfoc_1",
+  "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_1lfoc_1",
-  "progress-grow": "_progress-grow_1lfoc_1",
-  "indeterminate-move": "_indeterminate-move_1lfoc_1",
-  "skeleton-loading": "_skeleton-loading_1lfoc_1"
+  "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"
 };
 const IconButtonBase = React.forwardRef(
   ({
@@ -182,4 +182,4 @@ const IconButtonBase = React.forwardRef(
 IconButtonBase.displayName = "IconButtonBase";
 const IconButton = (props) => /* @__PURE__ */ require$$2.jsx(IconButtonBase, { ...props, classMap: styles, LinkComponent: link.Link });
 exports.IconButton = IconButton;
-//# sourceMappingURL=IconButton-CNzF48hu.cjs.map
+//# sourceMappingURL=IconButton-1BW390eT.cjs.map

package/dist/next/{IconButton-CNzF48hu.cjs.map → IconButton-1BW390eT.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton-CNzF48hu.cjs","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonProps } 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\nexport interface IconButtonBaseProps extends IconButtonProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(\r\n  (\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      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,\r\n      tabIndex,\r\n      ...rest\r\n    },\r\n    ref\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 && classMap.disabled,\r\n          className\r\n        ),\r\n      [theme, size, outline, disabled, className]\r\n    );\r\n\r\n    const sharedAria = {\r\n      \"aria-label\": label,\r\n      \"aria-disabled\": disabled || undefined,\r\n      \"aria-busy\": loading || undefined,\r\n      title,\r\n      tabIndex: typeof tabIndex === \"number\" ? tabIndex : disabled ? -1 : 0,\r\n      \"data-testid\": testId,\r\n    };\r\n\r\n    const iconContent = (\r\n      <span className={classMap.buttonLabel}>\r\n        {loading ? (\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n        ) : (\r\n          <Icon data-testid=\"icon-button-icon\" aria-hidden=\"true\" />\r\n        )}\r\n      </span>\r\n    );\r\n\r\n    if (href && !disabled && isExternal) {\r\n      return (\r\n        <a\r\n          href={href}\r\n          role=\"button\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          className={classNames}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedAria}\r\n          {...rest}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    if (href && !disabled && !isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          href={href}\r\n          role=\"button\"\r\n          className={classNames}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedAria}\r\n          {...rest}\r\n        >\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}\r\n        className={classNames}\r\n        onClick={(e) => {\r\n          if (!disabled) onClick?.(e);\r\n        }}\r\n        onKeyDown={(e) => {\r\n          if (!disabled && (e.key === \"Enter\" || e.key === \" \")) {\r\n            e.preventDefault();\r\n            onClick?.(\r\n              new MouseEvent(\"click\", {\r\n                bubbles: true,\r\n              }) as unknown as React.MouseEvent<HTMLElement>\r\n            );\r\n          }\r\n          onKeyDown?.(e);\r\n        }}\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        {...sharedAria}\r\n        {...rest}\r\n      >\r\n        {iconContent}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\n\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton: React.FC<IconButtonProps> = (props) => (\r\n  <IconButtonBase {...props} classMap={styles} LinkComponent={Link} />\r\n);\r\n\r\nexport default IconButton;\r\n"],"names":["forwardRef","getDefaultTheme","disabled","outline","getDefaultRounding","getDefaultShadow","getDefaultSize","classNames","useMemo","combineClassNames","capitalize","jsx","Link"],"mappings":"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"}
+{"version":3,"file":"IconButton-1BW390eT.cjs","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonProps } 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\nexport interface IconButtonBaseProps extends IconButtonProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(\r\n  (\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      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,\r\n      tabIndex,\r\n      ...rest\r\n    },\r\n    ref\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 && classMap.disabled,\r\n          className\r\n        ),\r\n      [theme, size, outline, disabled, className]\r\n    );\r\n\r\n    const sharedAria = {\r\n      \"aria-label\": label,\r\n      \"aria-disabled\": disabled || undefined,\r\n      \"aria-busy\": loading || undefined,\r\n      title,\r\n      tabIndex: typeof tabIndex === \"number\" ? tabIndex : disabled ? -1 : 0,\r\n      \"data-testid\": testId,\r\n    };\r\n\r\n    const iconContent = (\r\n      <span className={classMap.buttonLabel}>\r\n        {loading ? (\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n        ) : (\r\n          <Icon data-testid=\"icon-button-icon\" aria-hidden=\"true\" />\r\n        )}\r\n      </span>\r\n    );\r\n\r\n    if (href && !disabled && isExternal) {\r\n      return (\r\n        <a\r\n          href={href}\r\n          role=\"button\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          className={classNames}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedAria}\r\n          {...rest}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    if (href && !disabled && !isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          href={href}\r\n          role=\"button\"\r\n          className={classNames}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedAria}\r\n          {...rest}\r\n        >\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}\r\n        className={classNames}\r\n        onClick={(e) => {\r\n          if (!disabled) onClick?.(e);\r\n        }}\r\n        onKeyDown={(e) => {\r\n          if (!disabled && (e.key === \"Enter\" || e.key === \" \")) {\r\n            e.preventDefault();\r\n            onClick?.(\r\n              new MouseEvent(\"click\", {\r\n                bubbles: true,\r\n              }) as unknown as React.MouseEvent<HTMLElement>\r\n            );\r\n          }\r\n          onKeyDown?.(e);\r\n        }}\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        {...sharedAria}\r\n        {...rest}\r\n      >\r\n        {iconContent}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\n\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton: React.FC<IconButtonProps> = (props) => (\r\n  <IconButtonBase {...props} classMap={styles} LinkComponent={Link} />\r\n);\r\n\r\nexport default IconButton;\r\n"],"names":["forwardRef","getDefaultTheme","disabled","outline","getDefaultRounding","getDefaultShadow","getDefaultSize","classNames","useMemo","combineClassNames","capitalize","jsx","Link"],"mappings":"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"}

package/dist/next/{IconButton-DFrFh0kg.js → IconButton-DxGzuz13.js}

@@ -4,35 +4,35 @@ import { forwardRef, useMemo } from "react";
 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_1lfoc_187";
-const primary = "_primary_1lfoc_214";
-const outline = "_outline_1lfoc_221";
-const secondary = "_secondary_1lfoc_231";
-const tertiary = "_tertiary_1lfoc_248";
-const quaternary = "_quaternary_1lfoc_265";
-const clear = "_clear_1lfoc_282";
-const success = "_success_1lfoc_299";
-const error = "_error_1lfoc_316";
-const warning = "_warning_1lfoc_333";
-const xs = "_xs_1lfoc_350";
-const small = "_small_1lfoc_359";
-const medium = "_medium_1lfoc_368";
-const large = "_large_1lfoc_377";
-const xl = "_xl_1lfoc_386";
-const disabled = "_disabled_1lfoc_395";
-const loader = "_loader_1lfoc_403";
-const spin = "_spin_1lfoc_1";
-const roundNone = "_roundNone_1lfoc_412";
-const roundSmall = "_roundSmall_1lfoc_416";
-const roundMedium = "_roundMedium_1lfoc_420";
-const roundLarge = "_roundLarge_1lfoc_424";
-const roundFull = "_roundFull_1lfoc_428";
-const shadowNone = "_shadowNone_1lfoc_432";
-const shadowLight = "_shadowLight_1lfoc_436";
-const shadowMedium = "_shadowMedium_1lfoc_440";
-const shadowStrong = "_shadowStrong_1lfoc_444";
-const shadowIntense = "_shadowIntense_1lfoc_448";
-const pulse = "_pulse_1lfoc_1";
+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 styles = {
   iconButton,
   primary,
@@ -62,14 +62,14 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_1lfoc_1",
-  "slide-up": "_slide-up_1lfoc_1",
-  "spin-3d": "_spin-3d_1lfoc_1",
+  "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_1lfoc_1",
-  "progress-grow": "_progress-grow_1lfoc_1",
-  "indeterminate-move": "_indeterminate-move_1lfoc_1",
-  "skeleton-loading": "_skeleton-loading_1lfoc_1"
+  "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"
 };
 const IconButtonBase = forwardRef(
   ({
@@ -183,4 +183,4 @@ const IconButton = (props) => /* @__PURE__ */ jsx(IconButtonBase, { ...props, cl
 export {
   IconButton as I
 };
-//# sourceMappingURL=IconButton-DFrFh0kg.js.map
+//# sourceMappingURL=IconButton-DxGzuz13.js.map

package/dist/next/{IconButton-DFrFh0kg.js.map → IconButton-DxGzuz13.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton-DFrFh0kg.js","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonProps } 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\nexport interface IconButtonBaseProps extends IconButtonProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(\r\n  (\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      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,\r\n      tabIndex,\r\n      ...rest\r\n    },\r\n    ref\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 && classMap.disabled,\r\n          className\r\n        ),\r\n      [theme, size, outline, disabled, className]\r\n    );\r\n\r\n    const sharedAria = {\r\n      \"aria-label\": label,\r\n      \"aria-disabled\": disabled || undefined,\r\n      \"aria-busy\": loading || undefined,\r\n      title,\r\n      tabIndex: typeof tabIndex === \"number\" ? tabIndex : disabled ? -1 : 0,\r\n      \"data-testid\": testId,\r\n    };\r\n\r\n    const iconContent = (\r\n      <span className={classMap.buttonLabel}>\r\n        {loading ? (\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n        ) : (\r\n          <Icon data-testid=\"icon-button-icon\" aria-hidden=\"true\" />\r\n        )}\r\n      </span>\r\n    );\r\n\r\n    if (href && !disabled && isExternal) {\r\n      return (\r\n        <a\r\n          href={href}\r\n          role=\"button\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          className={classNames}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedAria}\r\n          {...rest}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    if (href && !disabled && !isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          href={href}\r\n          role=\"button\"\r\n          className={classNames}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedAria}\r\n          {...rest}\r\n        >\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}\r\n        className={classNames}\r\n        onClick={(e) => {\r\n          if (!disabled) onClick?.(e);\r\n        }}\r\n        onKeyDown={(e) => {\r\n          if (!disabled && (e.key === \"Enter\" || e.key === \" \")) {\r\n            e.preventDefault();\r\n            onClick?.(\r\n              new MouseEvent(\"click\", {\r\n                bubbles: true,\r\n              }) as unknown as React.MouseEvent<HTMLElement>\r\n            );\r\n          }\r\n          onKeyDown?.(e);\r\n        }}\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        {...sharedAria}\r\n        {...rest}\r\n      >\r\n        {iconContent}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\n\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton: React.FC<IconButtonProps> = (props) => (\r\n  <IconButtonBase {...props} classMap={styles} LinkComponent={Link} />\r\n);\r\n\r\nexport default IconButton;\r\n"],"names":["disabled","outline"],"mappings":"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"}
+{"version":3,"file":"IconButton-DxGzuz13.js","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonProps } 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\nexport interface IconButtonBaseProps extends IconButtonProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(\r\n  (\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      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,\r\n      tabIndex,\r\n      ...rest\r\n    },\r\n    ref\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 && classMap.disabled,\r\n          className\r\n        ),\r\n      [theme, size, outline, disabled, className]\r\n    );\r\n\r\n    const sharedAria = {\r\n      \"aria-label\": label,\r\n      \"aria-disabled\": disabled || undefined,\r\n      \"aria-busy\": loading || undefined,\r\n      title,\r\n      tabIndex: typeof tabIndex === \"number\" ? tabIndex : disabled ? -1 : 0,\r\n      \"data-testid\": testId,\r\n    };\r\n\r\n    const iconContent = (\r\n      <span className={classMap.buttonLabel}>\r\n        {loading ? (\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n        ) : (\r\n          <Icon data-testid=\"icon-button-icon\" aria-hidden=\"true\" />\r\n        )}\r\n      </span>\r\n    );\r\n\r\n    if (href && !disabled && isExternal) {\r\n      return (\r\n        <a\r\n          href={href}\r\n          role=\"button\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          className={classNames}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedAria}\r\n          {...rest}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    if (href && !disabled && !isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          href={href}\r\n          role=\"button\"\r\n          className={classNames}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedAria}\r\n          {...rest}\r\n        >\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}\r\n        className={classNames}\r\n        onClick={(e) => {\r\n          if (!disabled) onClick?.(e);\r\n        }}\r\n        onKeyDown={(e) => {\r\n          if (!disabled && (e.key === \"Enter\" || e.key === \" \")) {\r\n            e.preventDefault();\r\n            onClick?.(\r\n              new MouseEvent(\"click\", {\r\n                bubbles: true,\r\n              }) as unknown as React.MouseEvent<HTMLElement>\r\n            );\r\n          }\r\n          onKeyDown?.(e);\r\n        }}\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        {...sharedAria}\r\n        {...rest}\r\n      >\r\n        {iconContent}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\n\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton: React.FC<IconButtonProps> = (props) => (\r\n  <IconButtonBase {...props} classMap={styles} LinkComponent={Link} />\r\n);\r\n\r\nexport default IconButton;\r\n"],"names":["disabled","outline"],"mappings":"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"}

package/dist/next/IconButton.cjs.js

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

package/dist/next/IconButton.js

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

package/dist/next/{MarkdownRenderer-B-WThNR7.cjs → MarkdownRenderer-DnhK5V1k.cjs}

@@ -58,17 +58,17 @@ const BaseMarkdownRenderer = ({
     }
   );
 };
-const wrapper = "_wrapper_jbmpp_68";
-const roundNone = "_roundNone_jbmpp_125";
-const roundSmall = "_roundSmall_jbmpp_129";
-const roundMedium = "_roundMedium_jbmpp_133";
-const roundLarge = "_roundLarge_jbmpp_137";
-const roundFull = "_roundFull_jbmpp_141";
-const shadowNone = "_shadowNone_jbmpp_145";
-const shadowLight = "_shadowLight_jbmpp_149";
-const shadowMedium = "_shadowMedium_jbmpp_153";
-const shadowStrong = "_shadowStrong_jbmpp_157";
-const shadowIntense = "_shadowIntense_jbmpp_161";
+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 styles = {
   wrapper,
   roundNone,
@@ -86,4 +86,4 @@ const MarkdownRenderer = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseMarkdownRenderer, { ...props, classMap: styles });
 };
 exports.MarkdownRenderer = MarkdownRenderer;
-//# sourceMappingURL=MarkdownRenderer-B-WThNR7.cjs.map
+//# sourceMappingURL=MarkdownRenderer-DnhK5V1k.cjs.map

package/dist/next/{MarkdownRenderer-B-WThNR7.cjs.map → MarkdownRenderer-DnhK5V1k.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer-B-WThNR7.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 { MarkdownRendererProps } 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\nexport interface BaseMarkdownRendererProps extends MarkdownRendererProps {\r\n  classMap: Record<string, string>;\r\n  language?: string;\r\n}\r\n\r\nfunction sanitizeWithDOMParser(html: string): string {\r\n  const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n  doc.querySelectorAll(\"script\").forEach((el) => el.remove());\r\n  return doc.body.innerHTML;\r\n}\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}) => {\r\n  const html = useMemo(() => {\r\n    const trimmed = content.trim();\r\n    if (!trimmed) return \"\";\r\n    const raw = marked.parse(trimmed, { async: false }) as string;\r\n    return sanitizeWithDOMParser(raw);\r\n  }, [content]);\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\r\n        className={classMap.empty}\r\n        data-testid={testId}\r\n        role=\"region\"\r\n        aria-label=\"No markdown content\"\r\n      >\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      role=\"region\"\r\n      aria-label=\"Markdown content\"\r\n      lang={language}\r\n      dangerouslySetInnerHTML={{ __html: html }}\r\n    />\r\n  );\r\n};\r\n\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":";;;;;;;AAeA,SAAS,sBAAsB,MAAsB;AACnD,QAAM,MAAM,IAAI,UAAA,EAAY,gBAAgB,MAAM,WAAW;AAC7D,MAAI,iBAAiB,QAAQ,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ;AAC1D,SAAO,IAAI,KAAK;AAClB;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,OAAOC,MAAAA,QAAQ,MAAM;AACzB,UAAM,UAAU,QAAQ,KAAA;AACxB,QAAI,CAAC,QAAS,QAAO;AACrB,UAAM,MAAMC,OAAAA,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO;AAClD,WAAO,sBAAsB,GAAG;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAeD,MAAAA;AAAAA,IACnB,MACEE,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,QAAQ,SAAS;AAAA,EAAA;AAGxC,MAAI,CAAC,MAAM;AACT,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa;AAAA,QACb,MAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAAA,2BAAAA,IAAC,OAAE,UAAA,wBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9B;AAEA,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,MAAM;AAAA,MACN,yBAAyB,EAAE,QAAQ,KAAA;AAAA,IAAK;AAAA,EAAA;AAG9C;;;;;;;;;;;;;;;;;;;;;;;;;AChEA,MAAM,mBAAoD,CAAC,UAAU;AACnE,SAAOA,2BAAAA,IAAC,sBAAA,EAAsB,GAAG,OAAO,UAAU,QAAQ;AAC5D;;"}
+{"version":3,"file":"MarkdownRenderer-DnhK5V1k.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 { MarkdownRendererProps } 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\nexport interface BaseMarkdownRendererProps extends MarkdownRendererProps {\r\n  classMap: Record<string, string>;\r\n  language?: string;\r\n}\r\n\r\nfunction sanitizeWithDOMParser(html: string): string {\r\n  const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n  doc.querySelectorAll(\"script\").forEach((el) => el.remove());\r\n  return doc.body.innerHTML;\r\n}\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}) => {\r\n  const html = useMemo(() => {\r\n    const trimmed = content.trim();\r\n    if (!trimmed) return \"\";\r\n    const raw = marked.parse(trimmed, { async: false }) as string;\r\n    return sanitizeWithDOMParser(raw);\r\n  }, [content]);\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\r\n        className={classMap.empty}\r\n        data-testid={testId}\r\n        role=\"region\"\r\n        aria-label=\"No markdown content\"\r\n      >\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      role=\"region\"\r\n      aria-label=\"Markdown content\"\r\n      lang={language}\r\n      dangerouslySetInnerHTML={{ __html: html }}\r\n    />\r\n  );\r\n};\r\n\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":";;;;;;;AAeA,SAAS,sBAAsB,MAAsB;AACnD,QAAM,MAAM,IAAI,UAAA,EAAY,gBAAgB,MAAM,WAAW;AAC7D,MAAI,iBAAiB,QAAQ,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ;AAC1D,SAAO,IAAI,KAAK;AAClB;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,OAAOC,MAAAA,QAAQ,MAAM;AACzB,UAAM,UAAU,QAAQ,KAAA;AACxB,QAAI,CAAC,QAAS,QAAO;AACrB,UAAM,MAAMC,OAAAA,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO;AAClD,WAAO,sBAAsB,GAAG;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAeD,MAAAA;AAAAA,IACnB,MACEE,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,QAAQ,SAAS;AAAA,EAAA;AAGxC,MAAI,CAAC,MAAM;AACT,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa;AAAA,QACb,MAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAAA,2BAAAA,IAAC,OAAE,UAAA,wBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9B;AAEA,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,MAAM;AAAA,MACN,yBAAyB,EAAE,QAAQ,KAAA;AAAA,IAAK;AAAA,EAAA;AAG9C;;;;;;;;;;;;;;;;;;;;;;;;;AChEA,MAAM,mBAAoD,CAAC,UAAU;AACnE,SAAOA,2BAAAA,IAAC,sBAAA,EAAsB,GAAG,OAAO,UAAU,QAAQ;AAC5D;;"}

package/dist/next/{MarkdownRenderer-CxJOetSp.js → MarkdownRenderer-xAxEjENn.js}

@@ -57,17 +57,17 @@ const BaseMarkdownRenderer = ({
     }
   );
 };
-const wrapper = "_wrapper_jbmpp_68";
-const roundNone = "_roundNone_jbmpp_125";
-const roundSmall = "_roundSmall_jbmpp_129";
-const roundMedium = "_roundMedium_jbmpp_133";
-const roundLarge = "_roundLarge_jbmpp_137";
-const roundFull = "_roundFull_jbmpp_141";
-const shadowNone = "_shadowNone_jbmpp_145";
-const shadowLight = "_shadowLight_jbmpp_149";
-const shadowMedium = "_shadowMedium_jbmpp_153";
-const shadowStrong = "_shadowStrong_jbmpp_157";
-const shadowIntense = "_shadowIntense_jbmpp_161";
+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 styles = {
   wrapper,
   roundNone,
@@ -87,4 +87,4 @@ const MarkdownRenderer = (props) => {
 export {
   MarkdownRenderer as M
 };
-//# sourceMappingURL=MarkdownRenderer-CxJOetSp.js.map
+//# sourceMappingURL=MarkdownRenderer-xAxEjENn.js.map

package/dist/next/{MarkdownRenderer-CxJOetSp.js.map → MarkdownRenderer-xAxEjENn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer-CxJOetSp.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 { MarkdownRendererProps } 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\nexport interface BaseMarkdownRendererProps extends MarkdownRendererProps {\r\n  classMap: Record<string, string>;\r\n  language?: string;\r\n}\r\n\r\nfunction sanitizeWithDOMParser(html: string): string {\r\n  const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n  doc.querySelectorAll(\"script\").forEach((el) => el.remove());\r\n  return doc.body.innerHTML;\r\n}\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}) => {\r\n  const html = useMemo(() => {\r\n    const trimmed = content.trim();\r\n    if (!trimmed) return \"\";\r\n    const raw = marked.parse(trimmed, { async: false }) as string;\r\n    return sanitizeWithDOMParser(raw);\r\n  }, [content]);\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\r\n        className={classMap.empty}\r\n        data-testid={testId}\r\n        role=\"region\"\r\n        aria-label=\"No markdown content\"\r\n      >\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      role=\"region\"\r\n      aria-label=\"Markdown content\"\r\n      lang={language}\r\n      dangerouslySetInnerHTML={{ __html: html }}\r\n    />\r\n  );\r\n};\r\n\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":";;;;;;AAeA,SAAS,sBAAsB,MAAsB;AACnD,QAAM,MAAM,IAAI,UAAA,EAAY,gBAAgB,MAAM,WAAW;AAC7D,MAAI,iBAAiB,QAAQ,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ;AAC1D,SAAO,IAAI,KAAK;AAClB;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,OAAO,QAAQ,MAAM;AACzB,UAAM,UAAU,QAAQ,KAAA;AACxB,QAAI,CAAC,QAAS,QAAO;AACrB,UAAM,MAAM,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO;AAClD,WAAO,sBAAsB,GAAG;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,QAAQ,SAAS;AAAA,EAAA;AAGxC,MAAI,CAAC,MAAM;AACT,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa;AAAA,QACb,MAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAA,oBAAC,OAAE,UAAA,wBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9B;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,MAAM;AAAA,MACN,yBAAyB,EAAE,QAAQ,KAAA;AAAA,IAAK;AAAA,EAAA;AAG9C;;;;;;;;;;;;;;;;;;;;;;;;;AChEA,MAAM,mBAAoD,CAAC,UAAU;AACnE,SAAO,oBAAC,sBAAA,EAAsB,GAAG,OAAO,UAAU,QAAQ;AAC5D;"}
+{"version":3,"file":"MarkdownRenderer-xAxEjENn.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 { MarkdownRendererProps } 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\nexport interface BaseMarkdownRendererProps extends MarkdownRendererProps {\r\n  classMap: Record<string, string>;\r\n  language?: string;\r\n}\r\n\r\nfunction sanitizeWithDOMParser(html: string): string {\r\n  const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n  doc.querySelectorAll(\"script\").forEach((el) => el.remove());\r\n  return doc.body.innerHTML;\r\n}\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}) => {\r\n  const html = useMemo(() => {\r\n    const trimmed = content.trim();\r\n    if (!trimmed) return \"\";\r\n    const raw = marked.parse(trimmed, { async: false }) as string;\r\n    return sanitizeWithDOMParser(raw);\r\n  }, [content]);\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\r\n        className={classMap.empty}\r\n        data-testid={testId}\r\n        role=\"region\"\r\n        aria-label=\"No markdown content\"\r\n      >\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      role=\"region\"\r\n      aria-label=\"Markdown content\"\r\n      lang={language}\r\n      dangerouslySetInnerHTML={{ __html: html }}\r\n    />\r\n  );\r\n};\r\n\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":";;;;;;AAeA,SAAS,sBAAsB,MAAsB;AACnD,QAAM,MAAM,IAAI,UAAA,EAAY,gBAAgB,MAAM,WAAW;AAC7D,MAAI,iBAAiB,QAAQ,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ;AAC1D,SAAO,IAAI,KAAK;AAClB;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,OAAO,QAAQ,MAAM;AACzB,UAAM,UAAU,QAAQ,KAAA;AACxB,QAAI,CAAC,QAAS,QAAO;AACrB,UAAM,MAAM,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO;AAClD,WAAO,sBAAsB,GAAG;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,QAAQ,SAAS;AAAA,EAAA;AAGxC,MAAI,CAAC,MAAM;AACT,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa;AAAA,QACb,MAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAA,oBAAC,OAAE,UAAA,wBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9B;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,MAAM;AAAA,MACN,yBAAyB,EAAE,QAAQ,KAAA;AAAA,IAAK;AAAA,EAAA;AAG9C;;;;;;;;;;;;;;;;;;;;;;;;;AChEA,MAAM,mBAAoD,CAAC,UAAU;AACnE,SAAO,oBAAC,sBAAA,EAAsB,GAAG,OAAO,UAAU,QAAQ;AAC5D;"}

package/dist/next/MarkdownRenderer.cjs.js

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

package/dist/next/MarkdownRenderer.js

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

package/dist/next/{MessagePopUp-BxFI8IpO.cjs → MessagePopUp-CRXKWJcY.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-WSFdkLsa.cjs");
-const IconButton = require("./IconButton-CNzF48hu.cjs");
+const Button = require("./Button-Cw9aGFLo.cjs");
+const IconButton = require("./IconButton-1BW390eT.cjs");
 const BaseMessagePopup = ({
   message: message2,
   onClose,
@@ -154,21 +154,21 @@ const BaseMessagePopup = ({
     portalElement
   );
 };
-const wrapper = "_wrapper_3lgva_68";
-const content = "_content_3lgva_82";
-const close = "_close_3lgva_91";
-const message = "_message_3lgva_98";
-const actions = "_actions_3lgva_105";
-const roundNone = "_roundNone_3lgva_112";
-const roundSmall = "_roundSmall_3lgva_116";
-const roundMedium = "_roundMedium_3lgva_120";
-const roundLarge = "_roundLarge_3lgva_124";
-const roundFull = "_roundFull_3lgva_128";
-const shadowNone = "_shadowNone_3lgva_132";
-const shadowLight = "_shadowLight_3lgva_136";
-const shadowMedium = "_shadowMedium_3lgva_140";
-const shadowStrong = "_shadowStrong_3lgva_144";
-const shadowIntense = "_shadowIntense_3lgva_148";
+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 styles = {
   wrapper,
   content,
@@ -198,4 +198,4 @@ const MessagePopUp = (props) => {
   );
 };
 exports.MessagePopUp = MessagePopUp;
-//# sourceMappingURL=MessagePopUp-BxFI8IpO.cjs.map
+//# sourceMappingURL=MessagePopUp-CRXKWJcY.cjs.map

package/dist/next/{MessagePopUp-BxFI8IpO.cjs.map → MessagePopUp-CRXKWJcY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MessagePopUp-BxFI8IpO.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 { MessagePopUpProps } 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\nexport interface BaseMessagePopupProps extends MessagePopUpProps {\r\n  Button: React.ComponentType<any>;\r\n  IconButton: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\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 messageId = useId();\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\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 handleEscape = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n    return () => {\r\n      document.body.classList.remove(\"no-scroll\");\r\n      document.removeEventListener(\"keydown\", handleEscape);\r\n    };\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    setTimeout(() => {\r\n      firstButtonRef.current?.focus();\r\n    }, 10);\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n\r\n    const focusableEls = dialogRef.current?.querySelectorAll<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n    );\r\n    if (!focusableEls || focusableEls.length === 0) return;\r\n\r\n    const first = focusableEls[0];\r\n    const last = focusableEls[focusableEls.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          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          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              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\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":";;;;;;;;;;AAuBA,MAAM,mBAAoD,CAAC;AAAA,EACzD,SAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmBC,kBAAAA,mBAAA;AAAA,EACnB,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAIA,MAAAA,SAA6B,IAAI;AAC3E,QAAM,YAAYC,MAAAA,OAAuB,IAAI;AAC7C,QAAM,iBAAiBA,MAAAA,OAA0B,IAAI;AACrD,QAAM,YAAYC,MAAAA,MAAA;AAElBC,QAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AACjB,QAAI,SAAS,SAAS,eAAe,cAAc;AACnD,QAAI,CAAC,QAAQ;AACX,eAAS,SAAS,cAAc,KAAK;AACrC,aAAO,KAAK;AACZ,eAAS,KAAK,YAAY,MAAM;AAAA,IAClC;AACA,qBAAiB,MAAM;AACvB,aAAS,KAAK,UAAU,IAAI,WAAW;AAEvC,UAAM,eAAe,CAAC,MAAgC;AACpD,UAAI,EAAE,QAAQ,SAAU,SAAA;AAAA,IAC1B;AAEA,aAAS,iBAAiB,WAAW,YAAY;AACjD,WAAO,MAAM;AACX,eAAS,KAAK,UAAU,OAAO,WAAW;AAC1C,eAAS,oBAAoB,WAAW,YAAY;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZA,QAAAA,UAAU,MAAM;AACd,eAAW,MAAM;;AACf,2BAAe,YAAf,mBAAwB;AAAA,IAC1B,GAAG,EAAE;AAAA,EACP,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,gBAAgB,CAAC,MAAqC;;AAC1D,QAAI,EAAE,QAAQ,MAAO;AAErB,UAAM,gBAAe,eAAU,YAAV,mBAAmB;AAAA,MACtC;AAAA;AAEF,QAAI,CAAC,gBAAgB,aAAa,WAAW,EAAG;AAEhD,UAAM,QAAQ,aAAa,CAAC;AAC5B,UAAM,OAAO,aAAa,aAAa,SAAS,CAAC;AAEjD,QAAI,EAAE,YAAY,SAAS,kBAAkB,OAAO;AAClD,QAAE,eAAA;AACF,WAAK,MAAA;AAAA,IACP,WAAW,CAAC,EAAE,YAAY,SAAS,kBAAkB,MAAM;AACzD,QAAE,eAAA;AACF,YAAM,MAAA;AAAA,IACR;AAAA,EACF;AAEA,MAAI,CAAC,aAAa,CAAC,cAAe,QAAO;AAEzC,QAAM,eAAeC,WAAAA;AAAAA,IACnB,SAAS;AAAA,IACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD;AAAA,EAAA;AAGF,SAAO,SAAS;AAAA,IACdC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAK;AAAA,QACL,eAAa;AAAA,QAEb,UAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,YAClB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,mBAAiB;AAAA,YACjB,UAAU;AAAA,YACV,KAAK;AAAA,YACL,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAEtB,UAAA;AAAA,cAAAD,2BAAAA;AAAAA,gBAACP;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,SAAS;AAAA,kBACT,cAAW;AAAA,kBACX,MAAMS,UAAAA;AAAAA,kBACN,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,eAAa,GAAG,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAExBF,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAAX;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEHY,2BAAAA,KAAC,SAAI,WAAW,SAAS,SAAS,eAAa,GAAG,MAAM,YACrD,UAAA;AAAA,gBAAA,aACCD,2BAAAA;AAAAA,kBAACR;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,OAAM;AAAA,oBACN,SAAS;AAAA,oBACT,KAAK;AAAA,oBACL,UAAU;AAAA,oBACV,MAAK;AAAA,oBACL,eAAa,GAAG,MAAM;AAAA,oBAErB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGJ,YACCQ,2BAAAA;AAAAA,kBAACR;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,OAAM;AAAA,oBACN,SAAS;AAAA,oBACT,MAAK;AAAA,oBACL,eAAa,GAAG,MAAM;AAAA,oBAErB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH,EAAA,CAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9JA,MAAM,eAA4C,CAAC,UAAU;AAC3D,SACEQ,2BAAAA;AAAAA,IAACG;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MAAA,QACJX,OAAAA;AAAAA,MAAA,YACAC,WAAAA;AAAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}
+{"version":3,"file":"MessagePopUp-CRXKWJcY.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 { MessagePopUpProps } 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\nexport interface BaseMessagePopupProps extends MessagePopUpProps {\r\n  Button: React.ComponentType<any>;\r\n  IconButton: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\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 messageId = useId();\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\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 handleEscape = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n    return () => {\r\n      document.body.classList.remove(\"no-scroll\");\r\n      document.removeEventListener(\"keydown\", handleEscape);\r\n    };\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    setTimeout(() => {\r\n      firstButtonRef.current?.focus();\r\n    }, 10);\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n\r\n    const focusableEls = dialogRef.current?.querySelectorAll<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n    );\r\n    if (!focusableEls || focusableEls.length === 0) return;\r\n\r\n    const first = focusableEls[0];\r\n    const last = focusableEls[focusableEls.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          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          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              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\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-DI7-Ggmn.js → MessagePopUp-r4RzD_hc.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-CbX-VlK_.js";
-import { I as IconButton } from "./IconButton-DFrFh0kg.js";
+import { B as Button } from "./Button-CDvdEOSq.js";
+import { I as IconButton } from "./IconButton-DxGzuz13.js";
 const BaseMessagePopup = ({
   message: message2,
   onClose,
@@ -153,21 +153,21 @@ const BaseMessagePopup = ({
     portalElement
   );
 };
-const wrapper = "_wrapper_3lgva_68";
-const content = "_content_3lgva_82";
-const close = "_close_3lgva_91";
-const message = "_message_3lgva_98";
-const actions = "_actions_3lgva_105";
-const roundNone = "_roundNone_3lgva_112";
-const roundSmall = "_roundSmall_3lgva_116";
-const roundMedium = "_roundMedium_3lgva_120";
-const roundLarge = "_roundLarge_3lgva_124";
-const roundFull = "_roundFull_3lgva_128";
-const shadowNone = "_shadowNone_3lgva_132";
-const shadowLight = "_shadowLight_3lgva_136";
-const shadowMedium = "_shadowMedium_3lgva_140";
-const shadowStrong = "_shadowStrong_3lgva_144";
-const shadowIntense = "_shadowIntense_3lgva_148";
+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 styles = {
   wrapper,
   content,
@@ -199,4 +199,4 @@ const MessagePopUp = (props) => {
 export {
   MessagePopUp as M
 };
-//# sourceMappingURL=MessagePopUp-DI7-Ggmn.js.map
+//# sourceMappingURL=MessagePopUp-r4RzD_hc.js.map