boreal-ui 0.0.1

package/dist/next/IconButton-mY_E1gsn.cjs

@@ -0,0 +1,185 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const link = require("./link-B8xgzNiC.cjs");
+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 styles = {
+  iconButton,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  disabled,
+  loader,
+  spin,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_1lfoc_1",
+  "slide-up": "_slide-up_1lfoc_1",
+  "spin-3d": "_spin-3d_1lfoc_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"
+};
+const IconButtonBase = React.forwardRef(
+  ({
+    icon: Icon,
+    theme = borealStyleConfig.getDefaultTheme(),
+    state = "",
+    href,
+    isExternal = false,
+    onClick,
+    onKeyDown,
+    className = "",
+    disabled: disabled2 = false,
+    ariaLabel,
+    title,
+    outline: outline2 = false,
+    rounding = borealStyleConfig.getDefaultRounding(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    size = borealStyleConfig.getDefaultSize(),
+    loading = false,
+    type = "button",
+    classMap,
+    LinkComponent = "a",
+    "data-testid": testId,
+    tabIndex,
+    ...rest
+  }, ref) => {
+    const label = ariaLabel || title || "Icon button";
+    const classNames$1 = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.iconButton,
+        classMap[theme],
+        classMap[state],
+        size && classMap[size],
+        shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+        outline2 && classMap.outline,
+        disabled2 && classMap.disabled,
+        className
+      ),
+      [theme, size, outline2, disabled2, className]
+    );
+    const sharedAria = {
+      "aria-label": label,
+      "aria-disabled": disabled2 || void 0,
+      "aria-busy": loading || void 0,
+      title,
+      tabIndex: typeof tabIndex === "number" ? tabIndex : disabled2 ? -1 : 0,
+      "data-testid": testId
+    };
+    const iconContent = /* @__PURE__ */ require$$2.jsx("span", { className: classMap.buttonLabel, children: loading ? /* @__PURE__ */ require$$2.jsx("div", { className: classMap.loader, "aria-hidden": "true" }) : /* @__PURE__ */ require$$2.jsx(Icon, { "data-testid": "icon-button-icon", "aria-hidden": "true" }) });
+    if (href && !disabled2 && isExternal) {
+      return /* @__PURE__ */ require$$2.jsx(
+        "a",
+        {
+          href,
+          role: "button",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: classNames$1,
+          ref,
+          ...sharedAria,
+          ...rest,
+          children: iconContent
+        }
+      );
+    }
+    if (href && !disabled2 && !isExternal) {
+      return /* @__PURE__ */ require$$2.jsx(
+        LinkComponent,
+        {
+          href,
+          role: "button",
+          className: classNames$1,
+          ref,
+          ...sharedAria,
+          ...rest,
+          children: iconContent
+        }
+      );
+    }
+    return /* @__PURE__ */ require$$2.jsx(
+      "button",
+      {
+        type,
+        disabled: disabled2,
+        className: classNames$1,
+        onClick: (e) => {
+          if (!disabled2) onClick == null ? void 0 : onClick(e);
+        },
+        onKeyDown: (e) => {
+          if (!disabled2 && (e.key === "Enter" || e.key === " ")) {
+            e.preventDefault();
+            onClick == null ? void 0 : onClick(
+              new MouseEvent("click", {
+                bubbles: true
+              })
+            );
+          }
+          onKeyDown == null ? void 0 : onKeyDown(e);
+        },
+        ref,
+        ...sharedAria,
+        ...rest,
+        children: iconContent
+      }
+    );
+  }
+);
+IconButtonBase.displayName = "IconButtonBase";
+const IconButton = (props) => /* @__PURE__ */ require$$2.jsx(IconButtonBase, { ...props, classMap: styles, LinkComponent: link.Link });
+exports.IconButton = IconButton;
+//# sourceMappingURL=IconButton-mY_E1gsn.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-mY_E1gsn.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.cjs.js

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

package/dist/next/IconButton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/next/IconButton.js

@@ -0,0 +1,5 @@
+import { I } from "./IconButton-EbX_9a0k.js";
+export {
+  I as default
+};
+//# sourceMappingURL=IconButton.js.map

package/dist/next/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/next/MarkdownRenderer-B-WThNR7.cjs

@@ -0,0 +1,89 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const marked = require("marked");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+function sanitizeWithDOMParser(html) {
+  const doc = new DOMParser().parseFromString(html, "text/html");
+  doc.querySelectorAll("script").forEach((el) => el.remove());
+  return doc.body.innerHTML;
+}
+const BaseMarkdownRenderer = ({
+  content,
+  className = "",
+  language = "en",
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  "data-testid": testId = "markdown-renderer",
+  classMap
+}) => {
+  const html = React.useMemo(() => {
+    const trimmed = content.trim();
+    if (!trimmed) return "";
+    const raw = marked.marked.parse(trimmed, { async: false });
+    return sanitizeWithDOMParser(raw);
+  }, [content]);
+  const wrapperClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.wrapper,
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      className
+    ),
+    [classMap, rounding, shadow, className]
+  );
+  if (!html) {
+    return /* @__PURE__ */ require$$2.jsx(
+      "div",
+      {
+        className: classMap.empty,
+        "data-testid": testId,
+        role: "region",
+        "aria-label": "No markdown content",
+        children: /* @__PURE__ */ require$$2.jsx("p", { children: "No content available." })
+      }
+    );
+  }
+  return /* @__PURE__ */ require$$2.jsx(
+    "div",
+    {
+      className: wrapperClass,
+      "data-testid": testId,
+      role: "region",
+      "aria-label": "Markdown content",
+      lang: language,
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+};
+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 styles = {
+  wrapper,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
+const MarkdownRenderer = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(BaseMarkdownRenderer, { ...props, classMap: styles });
+};
+exports.MarkdownRenderer = MarkdownRenderer;
+//# sourceMappingURL=MarkdownRenderer-B-WThNR7.cjs.map

package/dist/next/MarkdownRenderer-B-WThNR7.cjs.map

@@ -0,0 +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;AACzD,MAAA,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,mBAAmB;AAAA,EAC9B,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACE,QAAA,OAAOC,MAAAA,QAAQ,MAAM;AACnB,UAAA,UAAU,QAAQ,KAAK;AACzB,QAAA,CAAC,QAAgB,QAAA;AACrB,UAAM,MAAMC,OAAAA,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO;AAClD,WAAO,sBAAsB,GAAG;AAAA,EAAA,GAC/B,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAeD,MAAA;AAAA,IACnB,MACEE,WAAA;AAAA,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,IACF;AAAA,IACF,CAAC,UAAU,UAAU,QAAQ,SAAS;AAAA,EACxC;AAEA,MAAI,CAAC,MAAM;AAEP,WAAAC,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa;AAAA,QACb,MAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAAA,2BAAAA,IAAC,OAAE,UAAqB,wBAAA,CAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAAA;AAKF,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,MAAM;AAAA,MACN,yBAAyB,EAAE,QAAQ,KAAK;AAAA,IAAA;AAAA,EAC1C;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;AChEM,MAAA,mBAAoD,CAAC,UAAU;AACnE,SAAQA,2BAAAA,IAAA,sBAAA,EAAsB,GAAG,OAAO,UAAU,QAAQ;AAC5D;;"}

package/dist/next/MarkdownRenderer-CxJOetSp.js

@@ -0,0 +1,90 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { marked } from "marked";
+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";
+function sanitizeWithDOMParser(html) {
+  const doc = new DOMParser().parseFromString(html, "text/html");
+  doc.querySelectorAll("script").forEach((el) => el.remove());
+  return doc.body.innerHTML;
+}
+const BaseMarkdownRenderer = ({
+  content,
+  className = "",
+  language = "en",
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  "data-testid": testId = "markdown-renderer",
+  classMap
+}) => {
+  const html = useMemo(() => {
+    const trimmed = content.trim();
+    if (!trimmed) return "";
+    const raw = marked.parse(trimmed, { async: false });
+    return sanitizeWithDOMParser(raw);
+  }, [content]);
+  const wrapperClass = useMemo(
+    () => combineClassNames(
+      classMap.wrapper,
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      className
+    ),
+    [classMap, rounding, shadow, className]
+  );
+  if (!html) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classMap.empty,
+        "data-testid": testId,
+        role: "region",
+        "aria-label": "No markdown content",
+        children: /* @__PURE__ */ jsx("p", { children: "No content available." })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: wrapperClass,
+      "data-testid": testId,
+      role: "region",
+      "aria-label": "Markdown content",
+      lang: language,
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+};
+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 styles = {
+  wrapper,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
+const MarkdownRenderer = (props) => {
+  return /* @__PURE__ */ jsx(BaseMarkdownRenderer, { ...props, classMap: styles });
+};
+export {
+  MarkdownRenderer as M
+};
+//# sourceMappingURL=MarkdownRenderer-CxJOetSp.js.map

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

@@ -0,0 +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;AACzD,MAAA,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,mBAAmB;AAAA,EAC9B,SAAS,iBAAiB;AAAA,EAC1B,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACE,QAAA,OAAO,QAAQ,MAAM;AACnB,UAAA,UAAU,QAAQ,KAAK;AACzB,QAAA,CAAC,QAAgB,QAAA;AACrB,UAAM,MAAM,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO;AAClD,WAAO,sBAAsB,GAAG;AAAA,EAAA,GAC/B,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,IACF;AAAA,IACF,CAAC,UAAU,UAAU,QAAQ,SAAS;AAAA,EACxC;AAEA,MAAI,CAAC,MAAM;AAEP,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa;AAAA,QACb,MAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAA,oBAAC,OAAE,UAAqB,wBAAA,CAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAAA;AAKF,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,MAAM;AAAA,MACN,yBAAyB,EAAE,QAAQ,KAAK;AAAA,IAAA;AAAA,EAC1C;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;AChEM,MAAA,mBAAoD,CAAC,UAAU;AACnE,SAAQ,oBAAA,sBAAA,EAAsB,GAAG,OAAO,UAAU,QAAQ;AAC5D;"}

package/dist/next/MarkdownRenderer.cjs.js

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

package/dist/next/MarkdownRenderer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/next/MarkdownRenderer.js

@@ -0,0 +1,5 @@
+import { M } from "./MarkdownRenderer-CxJOetSp.js";
+export {
+  M as default
+};
+//# sourceMappingURL=MarkdownRenderer.js.map

package/dist/next/MarkdownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/next/MessagePopUp.cjs.js

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

package/dist/next/MessagePopUp.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagePopUp.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/next/MessagePopUp.js

@@ -0,0 +1,5 @@
+import { M } from "./MessagePopup-BL_Tp51e.js";
+export {
+  M as default
+};
+//# sourceMappingURL=MessagePopUp.js.map

package/dist/next/MessagePopUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagePopUp.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/next/MessagePopup-BL_Tp51e.js

@@ -0,0 +1,202 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useId, useEffect } from "react";
+import ReactDOM from "react-dom";
+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-BpVwB1WA.js";
+import { I as IconButton } from "./IconButton-EbX_9a0k.js";
+const BaseMessagePopup = ({
+  message: message2,
+  onClose,
+  onConfirm,
+  onCancel,
+  controlsRounding = getDefaultRounding(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  className = "",
+  "data-testid": testId = "message-popup",
+  Button: Button2,
+  IconButton: IconButton2,
+  classMap
+}) => {
+  const [isMounted, setIsMounted] = useState(false);
+  const [portalElement, setPortalElement] = useState(null);
+  const dialogRef = useRef(null);
+  const firstButtonRef = useRef(null);
+  const messageId = useId();
+  useEffect(() => {
+    setIsMounted(true);
+    let portal = document.getElementById("popup-portal");
+    if (!portal) {
+      portal = document.createElement("div");
+      portal.id = "popup-portal";
+      document.body.appendChild(portal);
+    }
+    setPortalElement(portal);
+    document.body.classList.add("no-scroll");
+    const handleEscape = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.body.classList.remove("no-scroll");
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [onClose]);
+  useEffect(() => {
+    setTimeout(() => {
+      var _a;
+      (_a = firstButtonRef.current) == null ? void 0 : _a.focus();
+    }, 10);
+  }, [isMounted]);
+  const handleKeyDown = (e) => {
+    var _a;
+    if (e.key !== "Tab") return;
+    const focusableEls = (_a = dialogRef.current) == null ? void 0 : _a.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (!focusableEls || focusableEls.length === 0) return;
+    const first = focusableEls[0];
+    const last = focusableEls[focusableEls.length - 1];
+    if (e.shiftKey && document.activeElement === first) {
+      e.preventDefault();
+      last.focus();
+    } else if (!e.shiftKey && document.activeElement === last) {
+      e.preventDefault();
+      first.focus();
+    }
+  };
+  if (!isMounted || !portalElement) return null;
+  const wrapperClass = combineClassNames(
+    classMap.wrapper,
+    shadow && classMap[`shadow${capitalize(shadow)}`],
+    rounding && classMap[`round${capitalize(rounding)}`],
+    className
+  );
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: wrapperClass,
+        onClick: onClose,
+        role: "presentation",
+        "data-testid": testId,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: classMap.content,
+            onClick: (e) => e.stopPropagation(),
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": messageId,
+            tabIndex: -1,
+            ref: dialogRef,
+            onKeyDown: handleKeyDown,
+            "data-testid": `${testId}-dialog`,
+            children: [
+              /* @__PURE__ */ jsx(
+                IconButton2,
+                {
+                  className: classMap.close,
+                  onClick: onClose,
+                  "aria-label": "Close popup",
+                  icon: CloseIcon,
+                  state: "error",
+                  size: "small",
+                  "data-testid": `${testId}-close`
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  id: messageId,
+                  className: classMap.message,
+                  "data-testid": `${testId}-message`,
+                  children: message2
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: classMap.actions, "data-testid": `${testId}-actions`, children: [
+                onConfirm && /* @__PURE__ */ jsx(
+                  Button2,
+                  {
+                    className: classMap.confirm,
+                    state: "success",
+                    onClick: onConfirm,
+                    ref: firstButtonRef,
+                    rounding: controlsRounding,
+                    type: "button",
+                    "data-testid": `${testId}-confirm`,
+                    children: confirmText
+                  }
+                ),
+                onCancel && /* @__PURE__ */ jsx(
+                  Button2,
+                  {
+                    className: classMap.cancel,
+                    state: "warning",
+                    onClick: onCancel,
+                    type: "button",
+                    "data-testid": `${testId}-cancel`,
+                    children: cancelText
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    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 styles = {
+  wrapper,
+  content,
+  close,
+  message,
+  actions,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
+const MessagePopup = (props) => {
+  return /* @__PURE__ */ jsx(
+    BaseMessagePopup,
+    {
+      ...props,
+      Button,
+      IconButton,
+      classMap: styles
+    }
+  );
+};
+export {
+  MessagePopup as M
+};
+//# sourceMappingURL=MessagePopup-BL_Tp51e.js.map