boreal-ui 0.0.72 → 0.0.74

package/dist/next/IconButton-BWw3WPaS.js

@@ -0,0 +1,218 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import { L as Link } from "./link-4NcriBFB.js";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
+const iconButton = "_iconButton_8p4wj_85";
+const roundNone = "_roundNone_8p4wj_129";
+const roundSmall = "_roundSmall_8p4wj_133";
+const roundMedium = "_roundMedium_8p4wj_137";
+const roundLarge = "_roundLarge_8p4wj_141";
+const roundFull = "_roundFull_8p4wj_145";
+const shadowNone = "_shadowNone_8p4wj_149";
+const shadowLight = "_shadowLight_8p4wj_153";
+const shadowMedium = "_shadowMedium_8p4wj_157";
+const shadowStrong = "_shadowStrong_8p4wj_161";
+const shadowIntense = "_shadowIntense_8p4wj_165";
+const clear = "_clear_8p4wj_169";
+const primary = "_primary_8p4wj_173";
+const outline = "_outline_8p4wj_184";
+const secondary = "_secondary_8p4wj_199";
+const tertiary = "_tertiary_8p4wj_225";
+const quaternary = "_quaternary_8p4wj_251";
+const success = "_success_8p4wj_303";
+const error = "_error_8p4wj_329";
+const warning = "_warning_8p4wj_355";
+const xs = "_xs_8p4wj_381";
+const small = "_small_8p4wj_410";
+const medium = "_medium_8p4wj_439";
+const large = "_large_8p4wj_468";
+const xl = "_xl_8p4wj_497";
+const disabled = "_disabled_8p4wj_526";
+const loader = "_loader_8p4wj_534";
+const spin = "_spin_8p4wj_1";
+const styles = {
+  iconButton,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  clear,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  disabled,
+  loader,
+  spin
+};
+const IconButtonBase = forwardRef(function IconButtonBase2({
+  id,
+  icon: Icon,
+  theme = getDefaultTheme(),
+  state = "",
+  href,
+  isExternal = false,
+  onClick,
+  onKeyDown,
+  className = "",
+  iconClassName = "",
+  disabled: disabled2 = false,
+  rel,
+  target,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  "aria-describedby": ariaDescribedby,
+  "aria-errormessage": ariaErrormessage,
+  "aria-invalid": ariaInvalid,
+  "aria-haspopup": ariaHaspopup,
+  "aria-expanded": ariaExpanded,
+  "aria-controls": ariaControls,
+  "aria-pressed": ariaPressed,
+  "aria-selected": ariaSelected,
+  "aria-checked": ariaChecked,
+  "aria-current": ariaCurrent,
+  "aria-busy": ariaBusy,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  role,
+  title,
+  outline: outline2 = false,
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  size = getDefaultSize(),
+  loading = false,
+  type = "button",
+  classMap,
+  LinkComponent = "a",
+  "data-testid": testId = "icon-button",
+  tabIndex,
+  ...rest
+}, ref) {
+  const needsLabel = !ariaLabel && !ariaLabelledby && !title;
+  if (process.env.NODE_ENV === "development" && needsLabel) {
+    console.warn(
+      "IconButtonBase: provide `aria-label`, `aria-labelledby`, or `title` for icon-only buttons."
+    );
+  }
+  const resolvedLabel = ariaLabel || (!ariaLabelledby ? title : void 0) || void 0;
+  const resolvedBusy = loading || ariaBusy || void 0;
+  const inert = disabled2 || loading;
+  const renderAsLink = !!href;
+  const classNames = useMemo(
+    () => combineClassNames(
+      classMap.iconButton,
+      classMap[theme],
+      classMap[state],
+      size && classMap[size],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      outline2 && classMap.outline,
+      inert && classMap.disabled,
+      className
+    ),
+    [classMap, theme, state, size, shadow, rounding, outline2, inert, className]
+  );
+  const sharedAccessibilityProps = {
+    id,
+    role,
+    title,
+    "data-testid": testId,
+    "aria-label": resolvedLabel,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
+    "aria-errormessage": ariaErrormessage,
+    "aria-invalid": ariaInvalid,
+    "aria-haspopup": ariaHaspopup,
+    "aria-expanded": ariaExpanded,
+    "aria-controls": ariaControls,
+    "aria-pressed": ariaPressed,
+    "aria-selected": ariaSelected,
+    "aria-checked": ariaChecked,
+    "aria-current": ariaCurrent,
+    "aria-busy": resolvedBusy
+  };
+  const iconContent = /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: classMap.buttonLabel,
+      "aria-live": ariaLive ?? "polite",
+      "aria-atomic": ariaAtomic ?? true,
+      children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: classMap.loader, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "sr_only", children: "Loading" })
+      ] }) : Icon ? /* @__PURE__ */ jsx(
+        Icon,
+        {
+          "data-testid": "icon-button-icon",
+          "aria-hidden": true,
+          focusable: false,
+          className: iconClassName
+        }
+      ) : null
+    }
+  );
+  if (renderAsLink) {
+    const linkProps = {
+      className: combineClassNames(classNames, classMap.link),
+      ref,
+      onClick: inert ? (e) => e.preventDefault() : onClick,
+      onKeyDown,
+      "aria-disabled": inert || void 0,
+      ...sharedAccessibilityProps,
+      ...rest,
+      tabIndex: inert ? -1 : tabIndex
+    };
+    if (isExternal) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          ...linkProps,
+          href: inert ? void 0 : href,
+          target: target ?? "_blank",
+          rel: rel ?? "noopener noreferrer",
+          children: iconContent
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(LinkComponent, { ...linkProps, href: inert ? void 0 : href, children: iconContent });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type,
+      disabled: inert,
+      className: classNames,
+      onClick: inert ? (e) => e.preventDefault() : onClick,
+      onKeyDown,
+      ref,
+      ...sharedAccessibilityProps,
+      ...rest,
+      tabIndex,
+      children: iconContent
+    }
+  );
+});
+IconButtonBase.displayName = "IconButtonBase";
+const IconButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconButtonBase, { ref, ...props, classMap: styles, LinkComponent: Link }));
+IconButton.displayName = "IconButton";
+export {
+  IconButton as I
+};
+//# sourceMappingURL=IconButton-BWw3WPaS.js.map

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

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

package/dist/next/IconButton.cjs.js

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

package/dist/next/IconButton.js

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

package/dist/next/MarkdownRenderer-CGnuIkVY.js

@@ -0,0 +1,143 @@
+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-DsaRlxmw.js";
+function safeSanitize(html) {
+  try {
+    if (typeof window !== "undefined" && "DOMParser" in window) {
+      const doc = new DOMParser().parseFromString(html, "text/html");
+      doc.querySelectorAll("script, iframe, object, embed, link, meta").forEach((el) => el.remove());
+      doc.body.querySelectorAll("*").forEach((el) => {
+        [...el.attributes].forEach((attr) => {
+          const name = attr.name.toLowerCase();
+          const val = attr.value;
+          if (name.startsWith("on")) el.removeAttribute(attr.name);
+          if ((name === "href" || name === "src") && /^\s*javascript:/i.test(val)) {
+            el.removeAttribute(attr.name);
+          }
+        });
+      });
+      return doc.body.innerHTML;
+    }
+  } catch {
+    return "";
+  }
+  return html.replace(/<\/?(script|iframe|object|embed|meta|link)[^>]*>/gi, "").replace(/\son[a-z]+="[^"]*"/gi, "").replace(/\s(href|src)\s*=\s*"(?:\s*javascript:[^"]*)"/gi, "");
+}
+const escapeHtml = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+const BaseMarkdownRenderer = ({
+  content,
+  className = "",
+  language = "en",
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  role = "region",
+  tabIndex,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "data-testid": testId = "markdown-renderer",
+  classMap,
+  sanitizeHtml
+}) => {
+  const renderer = useMemo(() => {
+    const r = new marked.Renderer();
+    r.link = ({ href, title, text }) => {
+      const url = href ?? "#";
+      const isExternal = /^https?:\/\//i.test(url);
+      const t = title ? ` title="${escapeHtml(title)}"` : "";
+      const target = isExternal ? ` target="_blank"` : "";
+      const rel = isExternal ? ` rel="noopener noreferrer"` : "";
+      return `<a href="${escapeHtml(url)}"${t}${target}${rel}>${text}</a>`;
+    };
+    r.image = ({ href, title, text }) => {
+      const url = href ?? "";
+      const t = title ? ` title="${escapeHtml(title)}"` : "";
+      const alt = escapeHtml(text || "");
+      return `<img src="${escapeHtml(url)}"${t} alt="${alt}" loading="lazy" decoding="async" />`;
+    };
+    return r;
+  }, []);
+  const html = useMemo(() => {
+    const trimmed = (content ?? "").trim();
+    if (!trimmed) return "";
+    const raw = marked.parse(trimmed, {
+      async: false,
+      renderer
+    });
+    const sanitize = sanitizeHtml ?? safeSanitize;
+    return sanitize(raw);
+  }, [content, renderer, sanitizeHtml]);
+  const wrapperClass = useMemo(
+    () => combineClassNames(
+      classMap.wrapper,
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      className
+    ),
+    [classMap, rounding, shadow, className]
+  );
+  const accessibilityProps = {
+    role,
+    lang: language,
+    tabIndex,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
+  };
+  if (!html) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classMap.empty,
+        "data-testid": testId,
+        ...accessibilityProps,
+        children: /* @__PURE__ */ jsx("p", { children: "No content available." })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: wrapperClass,
+      "data-testid": testId,
+      ...accessibilityProps,
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+};
+BaseMarkdownRenderer.displayName = "BaseMarkdownRenderer";
+const wrapper = "_wrapper_se0ly_85";
+const roundNone = "_roundNone_se0ly_299";
+const roundSmall = "_roundSmall_se0ly_303";
+const roundMedium = "_roundMedium_se0ly_307";
+const roundLarge = "_roundLarge_se0ly_311";
+const roundFull = "_roundFull_se0ly_315";
+const shadowNone = "_shadowNone_se0ly_319";
+const shadowLight = "_shadowLight_se0ly_323";
+const shadowMedium = "_shadowMedium_se0ly_327";
+const shadowStrong = "_shadowStrong_se0ly_331";
+const shadowIntense = "_shadowIntense_se0ly_335";
+const styles = {
+  wrapper,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
+const MarkdownRenderer = (props) => {
+  return /* @__PURE__ */ jsx(BaseMarkdownRenderer, { ...props, classMap: styles });
+};
+MarkdownRenderer.displayName = "MarkdownRenderer";
+export {
+  MarkdownRenderer as M
+};
+//# sourceMappingURL=MarkdownRenderer-CGnuIkVY.js.map

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

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

package/dist/next/MarkdownRenderer-CO_rlPOB.cjs

@@ -0,0 +1,142 @@
+"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-C1UIwOFN.cjs");
+function safeSanitize(html) {
+  try {
+    if (typeof window !== "undefined" && "DOMParser" in window) {
+      const doc = new DOMParser().parseFromString(html, "text/html");
+      doc.querySelectorAll("script, iframe, object, embed, link, meta").forEach((el) => el.remove());
+      doc.body.querySelectorAll("*").forEach((el) => {
+        [...el.attributes].forEach((attr) => {
+          const name = attr.name.toLowerCase();
+          const val = attr.value;
+          if (name.startsWith("on")) el.removeAttribute(attr.name);
+          if ((name === "href" || name === "src") && /^\s*javascript:/i.test(val)) {
+            el.removeAttribute(attr.name);
+          }
+        });
+      });
+      return doc.body.innerHTML;
+    }
+  } catch {
+    return "";
+  }
+  return html.replace(/<\/?(script|iframe|object|embed|meta|link)[^>]*>/gi, "").replace(/\son[a-z]+="[^"]*"/gi, "").replace(/\s(href|src)\s*=\s*"(?:\s*javascript:[^"]*)"/gi, "");
+}
+const escapeHtml = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+const BaseMarkdownRenderer = ({
+  content,
+  className = "",
+  language = "en",
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  role = "region",
+  tabIndex,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "data-testid": testId = "markdown-renderer",
+  classMap,
+  sanitizeHtml
+}) => {
+  const renderer = React.useMemo(() => {
+    const r = new marked.marked.Renderer();
+    r.link = ({ href, title, text }) => {
+      const url = href ?? "#";
+      const isExternal = /^https?:\/\//i.test(url);
+      const t = title ? ` title="${escapeHtml(title)}"` : "";
+      const target = isExternal ? ` target="_blank"` : "";
+      const rel = isExternal ? ` rel="noopener noreferrer"` : "";
+      return `<a href="${escapeHtml(url)}"${t}${target}${rel}>${text}</a>`;
+    };
+    r.image = ({ href, title, text }) => {
+      const url = href ?? "";
+      const t = title ? ` title="${escapeHtml(title)}"` : "";
+      const alt = escapeHtml(text || "");
+      return `<img src="${escapeHtml(url)}"${t} alt="${alt}" loading="lazy" decoding="async" />`;
+    };
+    return r;
+  }, []);
+  const html = React.useMemo(() => {
+    const trimmed = (content ?? "").trim();
+    if (!trimmed) return "";
+    const raw = marked.marked.parse(trimmed, {
+      async: false,
+      renderer
+    });
+    const sanitize = sanitizeHtml ?? safeSanitize;
+    return sanitize(raw);
+  }, [content, renderer, sanitizeHtml]);
+  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]
+  );
+  const accessibilityProps = {
+    role,
+    lang: language,
+    tabIndex,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
+  };
+  if (!html) {
+    return /* @__PURE__ */ require$$2.jsx(
+      "div",
+      {
+        className: classMap.empty,
+        "data-testid": testId,
+        ...accessibilityProps,
+        children: /* @__PURE__ */ require$$2.jsx("p", { children: "No content available." })
+      }
+    );
+  }
+  return /* @__PURE__ */ require$$2.jsx(
+    "div",
+    {
+      className: wrapperClass,
+      "data-testid": testId,
+      ...accessibilityProps,
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+};
+BaseMarkdownRenderer.displayName = "BaseMarkdownRenderer";
+const wrapper = "_wrapper_se0ly_85";
+const roundNone = "_roundNone_se0ly_299";
+const roundSmall = "_roundSmall_se0ly_303";
+const roundMedium = "_roundMedium_se0ly_307";
+const roundLarge = "_roundLarge_se0ly_311";
+const roundFull = "_roundFull_se0ly_315";
+const shadowNone = "_shadowNone_se0ly_319";
+const shadowLight = "_shadowLight_se0ly_323";
+const shadowMedium = "_shadowMedium_se0ly_327";
+const shadowStrong = "_shadowStrong_se0ly_331";
+const shadowIntense = "_shadowIntense_se0ly_335";
+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 });
+};
+MarkdownRenderer.displayName = "MarkdownRenderer";
+exports.MarkdownRenderer = MarkdownRenderer;
+//# sourceMappingURL=MarkdownRenderer-CO_rlPOB.cjs.map

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

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

package/dist/next/MarkdownRenderer.cjs.js

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

package/dist/next/MarkdownRenderer.js

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