boreal-ui 0.0.1

package/dist/core/FormGroup-DS2tW-lC.js

@@ -0,0 +1,137 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+const BaseFormGroup = ({
+  label,
+  description,
+  error,
+  children,
+  id,
+  required = false,
+  className = "",
+  layout = "vertical",
+  hideLabel = false,
+  spacing = "xs",
+  controller,
+  "data-testid": testId = "form-group",
+  classMap
+}) => {
+  const labelId = id ? `${id}-label` : void 0;
+  const descriptionId = description ? `${id}-description` : void 0;
+  const errorId = error ? `${id}-error` : void 0;
+  const describedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
+  const childrenArray = React.Children.toArray(children);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: combineClassNames(
+        classMap.wrapper,
+        classMap[layout],
+        classMap[spacing],
+        error && classMap.error,
+        className
+      ),
+      role: "group",
+      "aria-labelledby": labelId,
+      "aria-describedby": describedBy,
+      "data-testid": testId,
+      children: [
+        label && /* @__PURE__ */ jsxs(
+          "label",
+          {
+            id: labelId,
+            className: combineClassNames(classMap.label, hideLabel && "sr_only"),
+            "data-testid": `${testId}-label`,
+            children: [
+              label,
+              required && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: classMap.required,
+                  "aria-hidden": "true",
+                  "data-testid": `${testId}-required`,
+                  children: "*"
+                }
+              )
+            ]
+          }
+        ),
+        childrenArray.map((child, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: classMap.inputWrapper,
+            "data-testid": `${testId}-wrapper-${index}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: classMap.inputField,
+                  "data-testid": `${testId}-input-field-${index}`,
+                  children: child
+                }
+              ),
+              controller && index === 0 && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: classMap.controller,
+                  "data-testid": `${testId}-controller`,
+                  children: controller
+                }
+              )
+            ]
+          },
+          index
+        )),
+        description && !error && /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: descriptionId,
+            className: `${classMap.description}`,
+            "data-testid": `${testId}-description`,
+            children: description
+          }
+        ),
+        error && /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: errorId,
+            className: classMap.errorMessage,
+            role: "alert",
+            "data-testid": `${testId}-error`,
+            children: error
+          }
+        )
+      ]
+    }
+  );
+};
+const classes = {
+  wrapper: "form_group",
+  label: "form_group_label",
+  required: "form_group_required",
+  inputWrapper: "form_group_input_wrapper",
+  inputField: "form_group_input_field",
+  controller: "form_group_controller",
+  description: "form_group_description",
+  errorMessage: "form_group_error_message",
+  vertical: "form_group_vertical",
+  horizontal: "form_group_horizontal",
+  primary: "form_group_primary",
+  secondary: "form_group_secondary",
+  error: "form_group_error",
+  success: "form_group_success",
+  warning: "form_group_warning",
+  clear: "form_group_clear",
+  xs: "form_group_xs",
+  small: "form_group_small",
+  medium: "form_group_medium",
+  large: "form_group_large",
+  xl: "form_group_xl"
+};
+const FormGroup = (props) => {
+  return /* @__PURE__ */ jsx(BaseFormGroup, { ...props, classMap: classes });
+};
+export {
+  FormGroup as F
+};
+//# sourceMappingURL=FormGroup-DS2tW-lC.js.map

package/dist/core/FormGroup-DS2tW-lC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup-DS2tW-lC.js","sources":["../../src/components/FormGroup/FormGroupBase.tsx","../../src/components/FormGroup/core/FormGroup.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { FormGroupProps } from \"./FormGroup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\n\r\nexport interface BaseFormGroupProps extends FormGroupProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseFormGroup: React.FC<BaseFormGroupProps> = ({\r\n  label,\r\n  description,\r\n  error,\r\n  children,\r\n  id,\r\n  required = false,\r\n  className = \"\",\r\n  layout = \"vertical\",\r\n  hideLabel = false,\r\n  spacing = \"xs\",\r\n  controller,\r\n  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const labelId = id ? `${id}-label` : undefined;\r\n  const descriptionId = description ? `${id}-description` : undefined;\r\n  const errorId = error ? `${id}-error` : undefined;\r\n\r\n  const describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[layout],\r\n        classMap[spacing],\r\n        error && classMap.error,\r\n        className\r\n      )}\r\n      role=\"group\"\r\n      aria-labelledby={labelId}\r\n      aria-describedby={describedBy}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && (\r\n            <span\r\n              className={classMap.required}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-required`}\r\n            >\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      {childrenArray.map((child, index) => (\r\n        <div\r\n          key={index}\r\n          className={classMap.inputWrapper}\r\n          data-testid={`${testId}-wrapper-${index}`}\r\n        >\r\n          <div\r\n            className={classMap.inputField}\r\n            data-testid={`${testId}-input-field-${index}`}\r\n          >\r\n            {child}\r\n          </div>\r\n\r\n          {controller && index === 0 && (\r\n            <div\r\n              className={classMap.controller}\r\n              data-testid={`${testId}-controller`}\r\n            >\r\n              {controller}\r\n            </div>\r\n          )}\r\n        </div>\r\n      ))}\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={`${classMap.description}`}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={errorId}\r\n          className={classMap.errorMessage}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseFormGroup;\r\n","import React from \"react\";\r\nimport BaseFormGroup from \"../FormGroupBase\";\r\nimport \"./FormGroup.scss\";\r\nimport { FormGroupProps } from \"../FormGroup.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"form_group\",\r\n  label: \"form_group_label\",\r\n  required: \"form_group_required\",\r\n  inputWrapper: \"form_group_input_wrapper\",\r\n  inputField: \"form_group_input_field\",\r\n  controller: \"form_group_controller\",\r\n  description: \"form_group_description\",\r\n  errorMessage: \"form_group_error_message\",\r\n  vertical: \"form_group_vertical\",\r\n  horizontal: \"form_group_horizontal\",\r\n  primary: \"form_group_primary\",\r\n  secondary: \"form_group_secondary\",\r\n  error: \"form_group_error\",\r\n  success: \"form_group_success\",\r\n  warning: \"form_group_warning\",\r\n  clear: \"form_group_clear\",\r\n  xs: \"form_group_xs\",\r\n  small: \"form_group_small\",\r\n  medium: \"form_group_medium\",\r\n  large: \"form_group_large\",\r\n  xl: \"form_group_xl\",\r\n};\r\n\r\nconst FormGroup: React.FC<FormGroupProps> = (props) => {\r\n  return <BaseFormGroup {...props} classMap={classes} />;\r\n};\r\n\r\nexport default FormGroup;\r\n"],"names":[],"mappings":"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"}

package/dist/core/FormGroup.cjs.js

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

package/dist/core/FormGroup.cjs.js.map

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

package/dist/core/FormGroup.js

@@ -0,0 +1,5 @@
+import { F } from "./FormGroup-DS2tW-lC.js";
+export {
+  F as default
+};
+//# sourceMappingURL=FormGroup.js.map

package/dist/core/FormGroup.js.map

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

package/dist/core/IconButton-B6cAP2hY.js

@@ -0,0 +1,148 @@
+import { jsx } from "react/jsx-runtime";
+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 IconButtonBase = forwardRef(
+  ({
+    icon: Icon,
+    theme = getDefaultTheme(),
+    state = "",
+    href,
+    isExternal = false,
+    onClick,
+    onKeyDown,
+    className = "",
+    disabled = false,
+    ariaLabel,
+    title,
+    outline = false,
+    rounding = getDefaultRounding(),
+    shadow = getDefaultShadow(),
+    size = getDefaultSize(),
+    loading = false,
+    type = "button",
+    classMap,
+    LinkComponent = "a",
+    "data-testid": testId,
+    tabIndex,
+    ...rest
+  }, ref) => {
+    const label = ariaLabel || title || "Icon button";
+    const classNames = useMemo(
+      () => combineClassNames(
+        classMap.iconButton,
+        classMap[theme],
+        classMap[state],
+        size && classMap[size],
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`],
+        outline && classMap.outline,
+        disabled && classMap.disabled,
+        className
+      ),
+      [theme, size, outline, disabled, className]
+    );
+    const sharedAria = {
+      "aria-label": label,
+      "aria-disabled": disabled || void 0,
+      "aria-busy": loading || void 0,
+      title,
+      tabIndex: typeof tabIndex === "number" ? tabIndex : disabled ? -1 : 0,
+      "data-testid": testId
+    };
+    const iconContent = /* @__PURE__ */ jsx("span", { className: classMap.buttonLabel, children: loading ? /* @__PURE__ */ jsx("div", { className: classMap.loader, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Icon, { "data-testid": "icon-button-icon", "aria-hidden": "true" }) });
+    if (href && !disabled && isExternal) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          role: "button",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: classNames,
+          ref,
+          ...sharedAria,
+          ...rest,
+          children: iconContent
+        }
+      );
+    }
+    if (href && !disabled && !isExternal) {
+      return /* @__PURE__ */ jsx(
+        LinkComponent,
+        {
+          href,
+          role: "button",
+          className: classNames,
+          ref,
+          ...sharedAria,
+          ...rest,
+          children: iconContent
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type,
+        disabled,
+        className: classNames,
+        onClick: (e) => {
+          if (!disabled) onClick == null ? void 0 : onClick(e);
+        },
+        onKeyDown: (e) => {
+          if (!disabled && (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 classes = {
+  iconButton: "icon_button",
+  buttonLabel: "icon_button_button_label",
+  loader: "icon_button_loader",
+  disabled: "icon_button_disabled",
+  outline: "icon_button_outline",
+  primary: "icon_button_primary",
+  secondary: "icon_button_secondary",
+  tertiary: "icon_button_tertiary",
+  quaternary: "icon_button_quaternary",
+  success: "icon_button_success",
+  warning: "icon_button_warning",
+  error: "icon_button_error",
+  clear: "icon_button_clear",
+  xs: "icon_button_xs",
+  small: "icon_button_small",
+  medium: "icon_button_medium",
+  large: "icon_button_large",
+  xl: "icon_button_xl",
+  shadowNone: "icon_button_shadow-None",
+  shadowLight: "icon_button_shadow-Light",
+  shadowMedium: "icon_button_shadow-Medium",
+  shadowStrong: "icon_button_shadow-Strong",
+  shadowIntense: "icon_button_shadow-Intense",
+  roundNone: "icon_button_round-None",
+  roundSmall: "icon_button_round-Small",
+  roundMedium: "icon_button_round-Medium",
+  roundLarge: "icon_button_round-Large",
+  roundFull: "icon_button_round-Full"
+};
+const IconButton = (props) => /* @__PURE__ */ jsx(IconButtonBase, { ...props, classMap: classes });
+export {
+  IconButton as I
+};
+//# sourceMappingURL=IconButton-B6cAP2hY.js.map

package/dist/core/IconButton-B6cAP2hY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-B6cAP2hY.js","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/core/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","import React from \"react\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport \"./IconButton.scss\";\r\nimport { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst classes = {\r\n  iconButton: \"icon_button\",\r\n  buttonLabel: \"icon_button_button_label\",\r\n  loader: \"icon_button_loader\",\r\n\r\n  disabled: \"icon_button_disabled\",\r\n  outline: \"icon_button_outline\",\r\n\r\n  primary: \"icon_button_primary\",\r\n  secondary: \"icon_button_secondary\",\r\n  tertiary: \"icon_button_tertiary\",\r\n  quaternary: \"icon_button_quaternary\",\r\n\r\n  success: \"icon_button_success\",\r\n  warning: \"icon_button_warning\",\r\n  error: \"icon_button_error\",\r\n\r\n  clear: \"icon_button_clear\",\r\n\r\n  xs: \"icon_button_xs\",\r\n  small: \"icon_button_small\",\r\n  medium: \"icon_button_medium\",\r\n  large: \"icon_button_large\",\r\n  xl: \"icon_button_xl\",\r\n\r\n  shadowNone: \"icon_button_shadow-None\",\r\n  shadowLight: \"icon_button_shadow-Light\",\r\n  shadowMedium: \"icon_button_shadow-Medium\",\r\n  shadowStrong: \"icon_button_shadow-Strong\",\r\n  shadowIntense: \"icon_button_shadow-Intense\",\r\n\r\n  roundNone: \"icon_button_round-None\",\r\n  roundSmall: \"icon_button_round-Small\",\r\n  roundMedium: \"icon_button_round-Medium\",\r\n  roundLarge: \"icon_button_round-Large\",\r\n  roundFull: \"icon_button_round-Full\",\r\n};\r\n\r\nconst IconButton: React.FC<IconButtonProps> = (props) => (\r\n  <IconButtonBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default IconButton;\r\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,iBAAiB;AAAA,EAIrB,CACE;AAAA,IACE,MAAM;AAAA,IACN,QAAQ,gBAAgB;AAAA,IACxB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAW,mBAAmB;AAAA,IAC9B,SAAS,iBAAiB;AAAA,IAC1B,OAAO,eAAe;AAAA,IACtB,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,QAAQ,aAAa,SAAS;AAEpC,UAAM,aAAa;AAAA,MACjB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,QAAQ,SAAS,IAAI;AAAA,QACrB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD,WAAW,SAAS;AAAA,QACpB,YAAY,SAAS;AAAA,QACrB;AAAA,MACF;AAAA,MACF,CAAC,OAAO,MAAM,SAAS,UAAU,SAAS;AAAA,IAC5C;AAEA,UAAM,aAAa;AAAA,MACjB,cAAc;AAAA,MACd,iBAAiB,YAAY;AAAA,MAC7B,aAAa,WAAW;AAAA,MACxB;AAAA,MACA,UAAU,OAAO,aAAa,WAAW,WAAW,WAAW,KAAK;AAAA,MACpE,eAAe;AAAA,IACjB;AAEM,UAAA,kCACH,QAAK,EAAA,WAAW,SAAS,aACvB,UAAA,8BACE,OAAI,EAAA,WAAW,SAAS,QAAQ,eAAY,OAAO,CAAA,IAEpD,oBAAC,QAAK,eAAY,oBAAmB,eAAY,OAAA,CAAO,EAE5D,CAAA;AAGE,QAAA,QAAQ,CAAC,YAAY,YAAY;AAEjC,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAW;AAAA,UACX;AAAA,UACC,GAAG;AAAA,UACH,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAIJ,QAAI,QAAQ,CAAC,YAAY,CAAC,YAAY;AAElC,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,WAAW;AAAA,UACX;AAAA,UACC,GAAG;AAAA,UACH,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAKF,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,SAAS,CAAC,MAAM;AACV,cAAA,CAAC,SAAU,oCAAU;AAAA,QAC3B;AAAA,QACA,WAAW,CAAC,MAAM;AAChB,cAAI,CAAC,aAAa,EAAE,QAAQ,WAAW,EAAE,QAAQ,MAAM;AACrD,cAAE,eAAe;AACjB;AAAA,cACE,IAAI,WAAW,SAAS;AAAA,gBACtB,SAAS;AAAA,cACV,CAAA;AAAA;AAAA,UACH;AAEF,iDAAY;AAAA,QACd;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEA,eAAe,cAAc;AC5I7B,MAAM,UAAU;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EAER,UAAU;AAAA,EACV,SAAS;AAAA,EAET,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AACb;AAEM,MAAA,aAAwC,CAAC,UAC7C,oBAAC,kBAAgB,GAAG,OAAO,UAAU,QAAS,CAAA;"}

package/dist/core/IconButton-BxUXK-xn.cjs

@@ -0,0 +1,147 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+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 IconButtonBase = React.forwardRef(
+  ({
+    icon: Icon,
+    theme = borealStyleConfig.getDefaultTheme(),
+    state = "",
+    href,
+    isExternal = false,
+    onClick,
+    onKeyDown,
+    className = "",
+    disabled = false,
+    ariaLabel,
+    title,
+    outline = 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)}`],
+        outline && classMap.outline,
+        disabled && classMap.disabled,
+        className
+      ),
+      [theme, size, outline, disabled, className]
+    );
+    const sharedAria = {
+      "aria-label": label,
+      "aria-disabled": disabled || void 0,
+      "aria-busy": loading || void 0,
+      title,
+      tabIndex: typeof tabIndex === "number" ? tabIndex : disabled ? -1 : 0,
+      "data-testid": testId
+    };
+    const iconContent = /* @__PURE__ */ jsxRuntime.jsx("span", { className: classMap.buttonLabel, children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.loader, "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { "data-testid": "icon-button-icon", "aria-hidden": "true" }) });
+    if (href && !disabled && isExternal) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href,
+          role: "button",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: classNames$1,
+          ref,
+          ...sharedAria,
+          ...rest,
+          children: iconContent
+        }
+      );
+    }
+    if (href && !disabled && !isExternal) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        LinkComponent,
+        {
+          href,
+          role: "button",
+          className: classNames$1,
+          ref,
+          ...sharedAria,
+          ...rest,
+          children: iconContent
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type,
+        disabled,
+        className: classNames$1,
+        onClick: (e) => {
+          if (!disabled) onClick == null ? void 0 : onClick(e);
+        },
+        onKeyDown: (e) => {
+          if (!disabled && (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 classes = {
+  iconButton: "icon_button",
+  buttonLabel: "icon_button_button_label",
+  loader: "icon_button_loader",
+  disabled: "icon_button_disabled",
+  outline: "icon_button_outline",
+  primary: "icon_button_primary",
+  secondary: "icon_button_secondary",
+  tertiary: "icon_button_tertiary",
+  quaternary: "icon_button_quaternary",
+  success: "icon_button_success",
+  warning: "icon_button_warning",
+  error: "icon_button_error",
+  clear: "icon_button_clear",
+  xs: "icon_button_xs",
+  small: "icon_button_small",
+  medium: "icon_button_medium",
+  large: "icon_button_large",
+  xl: "icon_button_xl",
+  shadowNone: "icon_button_shadow-None",
+  shadowLight: "icon_button_shadow-Light",
+  shadowMedium: "icon_button_shadow-Medium",
+  shadowStrong: "icon_button_shadow-Strong",
+  shadowIntense: "icon_button_shadow-Intense",
+  roundNone: "icon_button_round-None",
+  roundSmall: "icon_button_round-Small",
+  roundMedium: "icon_button_round-Medium",
+  roundLarge: "icon_button_round-Large",
+  roundFull: "icon_button_round-Full"
+};
+const IconButton = (props) => /* @__PURE__ */ jsxRuntime.jsx(IconButtonBase, { ...props, classMap: classes });
+exports.IconButton = IconButton;
+//# sourceMappingURL=IconButton-BxUXK-xn.cjs.map

package/dist/core/IconButton-BxUXK-xn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-BxUXK-xn.cjs","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/core/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","import React from \"react\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport \"./IconButton.scss\";\r\nimport { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst classes = {\r\n  iconButton: \"icon_button\",\r\n  buttonLabel: \"icon_button_button_label\",\r\n  loader: \"icon_button_loader\",\r\n\r\n  disabled: \"icon_button_disabled\",\r\n  outline: \"icon_button_outline\",\r\n\r\n  primary: \"icon_button_primary\",\r\n  secondary: \"icon_button_secondary\",\r\n  tertiary: \"icon_button_tertiary\",\r\n  quaternary: \"icon_button_quaternary\",\r\n\r\n  success: \"icon_button_success\",\r\n  warning: \"icon_button_warning\",\r\n  error: \"icon_button_error\",\r\n\r\n  clear: \"icon_button_clear\",\r\n\r\n  xs: \"icon_button_xs\",\r\n  small: \"icon_button_small\",\r\n  medium: \"icon_button_medium\",\r\n  large: \"icon_button_large\",\r\n  xl: \"icon_button_xl\",\r\n\r\n  shadowNone: \"icon_button_shadow-None\",\r\n  shadowLight: \"icon_button_shadow-Light\",\r\n  shadowMedium: \"icon_button_shadow-Medium\",\r\n  shadowStrong: \"icon_button_shadow-Strong\",\r\n  shadowIntense: \"icon_button_shadow-Intense\",\r\n\r\n  roundNone: \"icon_button_round-None\",\r\n  roundSmall: \"icon_button_round-Small\",\r\n  roundMedium: \"icon_button_round-Medium\",\r\n  roundLarge: \"icon_button_round-Large\",\r\n  roundFull: \"icon_button_round-Full\",\r\n};\r\n\r\nconst IconButton: React.FC<IconButtonProps> = (props) => (\r\n  <IconButtonBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default IconButton;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","classNames","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAgBA,MAAM,iBAAiBA,MAAA;AAAA,EAIrB,CACE;AAAA,IACE,MAAM;AAAA,IACN,QAAQC,kBAAAA,gBAAgB;AAAA,IACxB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAWC,kBAAAA,mBAAmB;AAAA,IAC9B,SAASC,kBAAAA,iBAAiB;AAAA,IAC1B,OAAOC,kBAAAA,eAAe;AAAA,IACtB,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,QAAQ,aAAa,SAAS;AAEpC,UAAMC,eAAaC,MAAA;AAAA,MACjB,MACEC,WAAA;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,QAAQ,SAAS,IAAI;AAAA,QACrB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD,WAAW,SAAS;AAAA,QACpB,YAAY,SAAS;AAAA,QACrB;AAAA,MACF;AAAA,MACF,CAAC,OAAO,MAAM,SAAS,UAAU,SAAS;AAAA,IAC5C;AAEA,UAAM,aAAa;AAAA,MACjB,cAAc;AAAA,MACd,iBAAiB,YAAY;AAAA,MAC7B,aAAa,WAAW;AAAA,MACxB;AAAA,MACA,UAAU,OAAO,aAAa,WAAW,WAAW,WAAW,KAAK;AAAA,MACpE,eAAe;AAAA,IACjB;AAEM,UAAA,6CACH,QAAK,EAAA,WAAW,SAAS,aACvB,UAAA,yCACE,OAAI,EAAA,WAAW,SAAS,QAAQ,eAAY,OAAO,CAAA,IAEpDC,2BAAAA,IAAC,QAAK,eAAY,oBAAmB,eAAY,OAAA,CAAO,EAE5D,CAAA;AAGE,QAAA,QAAQ,CAAC,YAAY,YAAY;AAEjC,aAAAA,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAWJ;AAAAA,UACX;AAAA,UACC,GAAG;AAAA,UACH,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAIJ,QAAI,QAAQ,CAAC,YAAY,CAAC,YAAY;AAElC,aAAAI,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,WAAWJ;AAAAA,UACX;AAAA,UACC,GAAG;AAAA,UACH,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAKF,WAAAI,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAWJ;AAAAA,QACX,SAAS,CAAC,MAAM;AACV,cAAA,CAAC,SAAU,oCAAU;AAAA,QAC3B;AAAA,QACA,WAAW,CAAC,MAAM;AAChB,cAAI,CAAC,aAAa,EAAE,QAAQ,WAAW,EAAE,QAAQ,MAAM;AACrD,cAAE,eAAe;AACjB;AAAA,cACE,IAAI,WAAW,SAAS;AAAA,gBACtB,SAAS;AAAA,cACV,CAAA;AAAA;AAAA,UACH;AAEF,iDAAY;AAAA,QACd;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEA,eAAe,cAAc;AC5I7B,MAAM,UAAU;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EAER,UAAU;AAAA,EACV,SAAS;AAAA,EAET,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AACb;AAEM,MAAA,aAAwC,CAAC,UAC7CI,+BAAC,kBAAgB,GAAG,OAAO,UAAU,QAAS,CAAA;;"}

package/dist/core/IconButton.cjs.js

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

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

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

package/dist/core/IconButton.js

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

package/dist/core/IconButton.js.map

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

package/dist/core/MarkdownRenderer-CQVfqnxf.js

@@ -0,0 +1,79 @@
+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 classes = {
+  wrapper: "markdown",
+  loading: "markdown_loading",
+  shadowNone: "markdown_shadow-None",
+  shadowLight: "markdown_shadow-Light",
+  shadowMedium: "markdown_shadow-Medium",
+  shadowStrong: "markdown_shadow-Strong",
+  shadowIntense: "markdown_shadow-Intense",
+  roundNone: "markdown_round-None",
+  roundSmall: "markdown_round-Small",
+  roundMedium: "markdown_round-Medium",
+  roundLarge: "markdown_round-Large"
+};
+const MarkdownRenderer = (props) => {
+  return /* @__PURE__ */ jsx(BaseMarkdownRenderer, { ...props, classMap: classes });
+};
+export {
+  MarkdownRenderer as M
+};
+//# sourceMappingURL=MarkdownRenderer-CQVfqnxf.js.map

package/dist/core/MarkdownRenderer-CQVfqnxf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer-CQVfqnxf.js","sources":["../../src/components/MarkdownRenderer/MarkdownRendererBase.tsx","../../src/components/MarkdownRenderer/core/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","import React from \"react\";\r\nimport BaseMarkdownRenderer from \"../MarkdownRendererBase\";\r\nimport \"./MarkdownRenderer.scss\";\r\nimport { MarkdownRendererProps } from \"../MarkdownRenderer.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"markdown\",\r\n  loading: \"markdown_loading\",\r\n\r\n  shadowNone: \"markdown_shadow-None\",\r\n  shadowLight: \"markdown_shadow-Light\",\r\n  shadowMedium: \"markdown_shadow-Medium\",\r\n  shadowStrong: \"markdown_shadow-Strong\",\r\n  shadowIntense: \"markdown_shadow-Intense\",\r\n\r\n  roundNone: \"markdown_round-None\",\r\n  roundSmall: \"markdown_round-Small\",\r\n  roundMedium: \"markdown_round-Medium\",\r\n  roundLarge: \"markdown_round-Large\",\r\n};\r\n\r\nconst MarkdownRenderer: React.FC<MarkdownRendererProps> = (props) => {\r\n  return <BaseMarkdownRenderer {...props} classMap={classes} />;\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;AClEA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EAET,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEM,MAAA,mBAAoD,CAAC,UAAU;AACnE,SAAQ,oBAAA,sBAAA,EAAsB,GAAG,OAAO,UAAU,SAAS;AAC7D;"}