boreal-ui 0.0.72 → 0.0.74

package/dist/core/Modal-gYZyAmkB.cjs

@@ -1,224 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const ReactDOM = require("react-dom");
-const CloseIcon = require("./CloseIcon-DSnN6ggf.cjs");
-const classNames = require("./classNames-BcWMx052.cjs");
-const capitalize = require("./capitalize-DoV-nOmN.cjs");
-const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-const IconButton = require("./IconButton-B7DYdUHH.cjs");
-const BaseModal = ({
-  className = "",
-  children,
-  title = "Modal Dialog",
-  header,
-  footer,
-  rounding = borealStyleConfig.getDefaultRounding(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  open,
-  onClose,
-  "data-testid": testId = "modal",
-  IconButton: IconButton2,
-  classMap,
-  portalId = "widget-portal"
-}) => {
-  const [isVisible, setIsVisible] = React.useState(false);
-  const [portalElement, setPortalElement] = React.useState(null);
-  const [isRendered, setIsRendered] = React.useState(false);
-  const isControlled = typeof open === "boolean";
-  const shouldBeOpen = isControlled ? open : true;
-  const overlayRef = React.useRef(null);
-  const dialogRef = React.useRef(null);
-  const closeBtnRef = React.useRef(null);
-  const openerRef = React.useRef(null);
-  const focusablesRef = React.useRef([]);
-  const uid = React.useId();
-  const labelId = `${uid}-label`;
-  const handleClose = React.useCallback(() => {
-    setIsVisible(false);
-    window.setTimeout(() => onClose(), 200);
-  }, [onClose]);
-  React.useEffect(() => {
-    if (!isRendered) return;
-    openerRef.current = document.activeElement ?? null;
-    let portal = document.getElementById(portalId);
-    if (!portal) {
-      portal = document.createElement("div");
-      portal.id = portalId;
-      document.body.appendChild(portal);
-    }
-    setPortalElement(portal);
-    document.body.classList.add("noScroll");
-    const siblings = Array.from(document.body.children);
-    const hidden = [];
-    siblings.forEach((el) => {
-      if (el !== portal && !el.hasAttribute("aria-hidden")) {
-        el.setAttribute("aria-hidden", "true");
-        hidden.push(el);
-      }
-    });
-    const handleEsc = (e) => {
-      if (e.key === "Escape") handleClose();
-    };
-    document.addEventListener("keydown", handleEsc);
-    return () => {
-      var _a, _b;
-      document.body.classList.remove("noScroll");
-      document.removeEventListener("keydown", handleEsc);
-      hidden.forEach((el) => el.removeAttribute("aria-hidden"));
-      (_b = (_a = openerRef.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
-      setPortalElement(null);
-    };
-  }, [isRendered, portalId, handleClose]);
-  React.useEffect(() => {
-    if (!isRendered) return;
-    requestAnimationFrame(() => {
-      var _a, _b;
-      setIsVisible(true);
-      if (dialogRef.current) {
-        focusablesRef.current = Array.from(
-          dialogRef.current.querySelectorAll(
-            'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-          )
-        ).filter((el) => !el.hasAttribute("disabled") && el.tabIndex !== -1);
-      }
-      (_b = (_a = focusablesRef.current[0] ?? closeBtnRef.current ?? dialogRef.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
-    });
-  }, [isRendered]);
-  React.useEffect(() => {
-    if (shouldBeOpen) {
-      setIsRendered(true);
-    } else if (isControlled) {
-      setIsVisible(false);
-      const t = window.setTimeout(() => setIsRendered(false), 200);
-      return () => window.clearTimeout(t);
-    } else {
-      setIsRendered(false);
-    }
-  }, [shouldBeOpen, isControlled]);
-  const handleKeyDown = (e) => {
-    if (e.key !== "Tab") return;
-    const list = focusablesRef.current;
-    if (!list.length) return;
-    const first = list[0];
-    const last = list[list.length - 1];
-    if (e.shiftKey && document.activeElement === first) {
-      e.preventDefault();
-      last.focus();
-    } else if (!e.shiftKey && document.activeElement === last) {
-      e.preventDefault();
-      first.focus();
-    }
-  };
-  if (!isRendered || !portalElement) return null;
-  const contentClassName = classNames.combineClassNames(
-    classMap.content,
-    className,
-    shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
-    rounding && classMap[`round${capitalize.capitalize(rounding)}`]
-  );
-  const hasHeader = Boolean(header) || Boolean(title);
-  const hasFooter = Boolean(footer);
-  return ReactDOM.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: overlayRef,
-        className: classNames.combineClassNames(
-          classMap.overlay,
-          isVisible ? classMap.visible : classMap.hidden
-        ),
-        onClick: handleClose,
-        role: "presentation",
-        "data-testid": testId,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref: dialogRef,
-            className: contentClassName,
-            onClick: (e) => e.stopPropagation(),
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": labelId,
-            tabIndex: -1,
-            onKeyDown: handleKeyDown,
-            "data-testid": `${testId}-content`,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { id: labelId, className: classMap.srOnly ?? "sr_only", children: "Modal Dialog" }),
-              hasHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.header, "data-testid": `${testId}-header`, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.headerContent, children: header ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.title, children: title }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  IconButton2,
-                  {
-                    ref: closeBtnRef,
-                    className: classMap.closeButton,
-                    state: "error",
-                    size: "small",
-                    icon: CloseIcon.CloseIcon,
-                    ariaLabel: "Close modal",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      handleClose();
-                    },
-                    title: "Close",
-                    "data-testid": `${testId}-close`,
-                    type: "button"
-                  }
-                )
-              ] }),
-              !hasHeader && /* @__PURE__ */ jsxRuntime.jsx(
-                IconButton2,
-                {
-                  ref: closeBtnRef,
-                  className: classMap.closeButtonFloating ?? classMap.closeButton,
-                  state: "error",
-                  size: "small",
-                  icon: CloseIcon.CloseIcon,
-                  ariaLabel: "Close modal",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    handleClose();
-                  },
-                  title: "Close",
-                  "data-testid": `${testId}-close`,
-                  type: "button"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.body, "data-testid": `${testId}-body`, children }),
-              hasFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.footer, "data-testid": `${testId}-footer`, children: footer })
-            ]
-          }
-        )
-      }
-    ),
-    portalElement
-  );
-};
-BaseModal.displayName = "BaseModal";
-const classes = {
-  overlay: "modal_overlay",
-  visible: "modal_visible",
-  hidden: "modal_hidden",
-  header: "modal_header",
-  headerContent: "modal_header_content",
-  title: "modal_title",
-  body: "modal_body",
-  footer: "modal_footer",
-  content: "modal_content",
-  closeButton: "modal_close_button",
-  shadowNone: "modal_shadow-None",
-  shadowLight: "modal_shadow-Light",
-  shadowMedium: "modal_shadow-Medium",
-  shadowStrong: "modal_shadow-Strong",
-  shadowIntense: "modal_shadow-Intense",
-  roundNone: "modal_round-None",
-  roundSmall: "modal_round-Small",
-  roundMedium: "modal_round-Medium",
-  roundLarge: "modal_round-Large"
-};
-const Modal = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseModal, { ...props, IconButton: IconButton.IconButton, classMap: classes });
-};
-Modal.displayName = "Modal";
-exports.Modal = Modal;
-//# sourceMappingURL=Modal-gYZyAmkB.cjs.map

package/dist/core/Modal-gYZyAmkB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-gYZyAmkB.cjs","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/core/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n  useCallback,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  title = \"Modal Dialog\",\r\n  header,\r\n  footer,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  open,\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [isRendered, setIsRendered] = useState(false);\r\n\r\n  const isControlled = typeof open === \"boolean\";\r\n  const shouldBeOpen = isControlled ? open : true;\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const labelId = `${uid}-label`;\r\n\r\n  const handleClose = useCallback(() => {\r\n    setIsVisible(false);\r\n    window.setTimeout(() => onClose(), 200);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n      setPortalElement(null);\r\n    };\r\n  }, [isRendered, portalId, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n          ),\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isRendered]);\r\n\r\n  useEffect(() => {\r\n    if (shouldBeOpen) {\r\n      setIsRendered(true);\r\n    } else if (isControlled) {\r\n      setIsVisible(false);\r\n      const t = window.setTimeout(() => setIsRendered(false), 200);\r\n      return () => window.clearTimeout(t);\r\n    } else {\r\n      setIsRendered(false);\r\n    }\r\n  }, [shouldBeOpen, isControlled]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isRendered || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n  );\r\n\r\n  const hasHeader = Boolean(header) || Boolean(title);\r\n  const hasFooter = Boolean(footer);\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden,\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={labelId}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        <h2 id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Modal Dialog\r\n        </h2>\r\n        {hasHeader && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <div className={classMap.headerContent}>\r\n              {header ?? <div className={classMap.title}>{title}</div>}\r\n            </div>\r\n\r\n            <IconButton\r\n              ref={closeBtnRef}\r\n              className={classMap.closeButton}\r\n              state=\"error\"\r\n              size=\"small\"\r\n              icon={CloseIcon}\r\n              ariaLabel=\"Close modal\"\r\n              onClick={(e: React.MouseEvent) => {\r\n                e.stopPropagation();\r\n                handleClose();\r\n              }}\r\n              title=\"Close\"\r\n              data-testid={`${testId}-close`}\r\n              type=\"button\"\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {!hasHeader && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.closeButtonFloating ?? classMap.closeButton}\r\n            state=\"error\"\r\n            size=\"small\"\r\n            icon={CloseIcon}\r\n            ariaLabel=\"Close modal\"\r\n            onClick={(e: React.MouseEvent) => {\r\n              e.stopPropagation();\r\n              handleClose();\r\n            }}\r\n            title=\"Close\"\r\n            data-testid={`${testId}-close`}\r\n            type=\"button\"\r\n          />\r\n        )}\r\n\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          {children}\r\n        </div>\r\n\r\n        {hasFooter && (\r\n          <div className={classMap.footer} data-testid={`${testId}-footer`}>\r\n            {footer}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>,\r\n    portalElement,\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","import React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport \"./Modal.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst classes = {\r\n  overlay: \"modal_overlay\",\r\n  visible: \"modal_visible\",\r\n  hidden: \"modal_hidden\",\r\n  header: \"modal_header\",\r\n  headerContent: \"modal_header_content\",\r\n  title: \"modal_title\",\r\n  body: \"modal_body\",\r\n  footer: \"modal_footer\",\r\n  content: \"modal_content\",\r\n  closeButton: \"modal_close_button\",\r\n\r\n  shadowNone: \"modal_shadow-None\",\r\n  shadowLight: \"modal_shadow-Light\",\r\n  shadowMedium: \"modal_shadow-Medium\",\r\n  shadowStrong: \"modal_shadow-Strong\",\r\n  shadowIntense: \"modal_shadow-Intense\",\r\n\r\n  roundNone: \"modal_round-None\",\r\n  roundSmall: \"modal_round-Small\",\r\n  roundMedium: \"modal_round-Medium\",\r\n  roundLarge: \"modal_round-Large\",\r\n};\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={classes} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useCallback","useEffect","combineClassNames","capitalize","jsx","jsxs","CloseIcon"],"mappings":"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"}

package/dist/core/NavBar-D8IkIqs9.js

@@ -1,134 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo, useState, useEffect } from "react";
-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 } from "./boreal-style-config-DsaRlxmw.js";
-const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9]/g, "");
-const BaseNavBar = ({
-  items,
-  LinkWrapper,
-  classMap,
-  isItemActive,
-  theme = getDefaultTheme(),
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  className = "",
-  "data-testid": testId = "nav-bar"
-}) => {
-  const wrapperClass = useMemo(
-    () => combineClassNames(classMap.container, classMap[theme], className),
-    [classMap, theme, className]
-  );
-  const itemClass = useMemo(
-    () => combineClassNames(
-      classMap.item,
-      shadow && classMap[`shadow${capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize(rounding)}`]
-    ),
-    [classMap, shadow, rounding]
-  );
-  return /* @__PURE__ */ jsx(
-    "nav",
-    {
-      "aria-label": "Main navigation",
-      className: wrapperClass,
-      "data-testid": `${testId}-nav-bar`,
-      children: /* @__PURE__ */ jsx("ul", { className: classMap.list, children: items.map((item) => {
-        const isActive = (isItemActive == null ? void 0 : isItemActive(item)) ?? false;
-        const slug = slugify(item.label || item.path);
-        return /* @__PURE__ */ jsx("li", { className: classMap.listItem, children: /* @__PURE__ */ jsx(
-          LinkWrapper,
-          {
-            href: item.path,
-            isActive,
-            className: combineClassNames(
-              itemClass,
-              isActive && classMap.item_active
-            ),
-            "data-testid": `${testId}-nav-item-${slug}`,
-            "aria-current": isActive ? "page" : void 0,
-            children: /* @__PURE__ */ jsxs("span", { className: classMap.linkContent, children: [
-              item.icon && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: classMap.icon,
-                  "aria-hidden": "true",
-                  "data-testid": `${testId}-nav-icon-${slug}`,
-                  children: item.icon
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: classMap.label, children: item.label })
-            ] })
-          }
-        ) }, `${item.path}-${slug}`);
-      }) })
-    }
-  );
-};
-BaseNavBar.displayName = "BaseNavBar";
-const classes = {
-  container: "nav",
-  item: "nav_item",
-  list: "nav_list",
-  listItem: "nav_list_item",
-  item_active: "nav_active",
-  icon: "nav_icon_container",
-  label: "nav_label",
-  linkContent: "nav_link_container",
-  primary: "nav_primary",
-  secondary: "nav_secondary",
-  tertiary: "nav_tertiary",
-  quaternary: "nav_quaternary",
-  clear: "nav_clear",
-  shadowNone: "nav_shadow-None",
-  shadowLight: "nav_shadow-Light",
-  shadowMedium: "nav_shadow-Medium",
-  shadowStrong: "nav_shadow-Strong",
-  shadowIntense: "nav_shadow-Intense",
-  roundNone: "nav_round-None",
-  roundSmall: "nav_round-Small",
-  roundMedium: "nav_round-Medium",
-  roundLarge: "nav_round-Large",
-  roundFull: "nav_round-Full"
-};
-const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
-const NavBar = ({
-  isItemActive: consumerIsItemActive,
-  ...props
-}) => {
-  const [pathname, setPathname] = useState("/");
-  useEffect(() => {
-    setPathname(window.location.pathname || "/");
-  }, []);
-  const defaultIsItemActive = (item) => normalizePath(item.path) === normalizePath(pathname);
-  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;
-  return /* @__PURE__ */ jsx(
-    BaseNavBar,
-    {
-      ...props,
-      isItemActive: resolvedIsItemActive,
-      LinkWrapper: ({
-        href,
-        children,
-        className,
-        isActive,
-        "data-testid": testId
-      }) => /* @__PURE__ */ jsx(
-        "a",
-        {
-          href,
-          className,
-          "aria-current": isActive ? "page" : void 0,
-          "data-testid": testId,
-          children
-        }
-      ),
-      classMap: classes
-    }
-  );
-};
-NavBar.displayName = "NavBar";
-export {
-  NavBar as N
-};
-//# sourceMappingURL=NavBar-D8IkIqs9.js.map

package/dist/core/NavBar-D8IkIqs9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavBar-D8IkIqs9.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/core/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport \"./NavBar.scss\";\r\nimport { NavBarProps, NavItem } from \"../NavBar.types\";\r\n\r\nconst classes = {\r\n  container: \"nav\",\r\n  item: \"nav_item\",\r\n  list: \"nav_list\",\r\n  listItem: \"nav_list_item\",\r\n  item_active: \"nav_active\",\r\n  icon: \"nav_icon_container\",\r\n  label: \"nav_label\",\r\n  linkContent: \"nav_link_container\",\r\n\r\n  primary: \"nav_primary\",\r\n  secondary: \"nav_secondary\",\r\n  tertiary: \"nav_tertiary\",\r\n  quaternary: \"nav_quaternary\",\r\n  clear: \"nav_clear\",\r\n\r\n  shadowNone: \"nav_shadow-None\",\r\n  shadowLight: \"nav_shadow-Light\",\r\n  shadowMedium: \"nav_shadow-Medium\",\r\n  shadowStrong: \"nav_shadow-Strong\",\r\n  shadowIntense: \"nav_shadow-Intense\",\r\n\r\n  roundNone: \"nav_round-None\",\r\n  roundSmall: \"nav_round-Small\",\r\n  roundMedium: \"nav_round-Medium\",\r\n  roundLarge: \"nav_round-Large\",\r\n  roundFull: \"nav_round-Full\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps> = ({\r\n  isItemActive: consumerIsItemActive,\r\n  ...props\r\n}) => {\r\n  const [pathname, setPathname] = useState(\"/\");\r\n\r\n  useEffect(() => {\r\n    setPathname(window.location.pathname || \"/\");\r\n  }, []);\r\n\r\n  const defaultIsItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(pathname);\r\n\r\n  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={resolvedIsItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <a\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </a>\r\n      )}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\n\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":[],"mappings":"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"}

package/dist/core/NavBar-Dn1gUrAi.cjs

@@ -1,133 +0,0 @@
-"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-C1UIwOFN.cjs");
-const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9]/g, "");
-const BaseNavBar = ({
-  items,
-  LinkWrapper,
-  classMap,
-  isItemActive,
-  theme = borealStyleConfig.getDefaultTheme(),
-  rounding = borealStyleConfig.getDefaultRounding(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  className = "",
-  "data-testid": testId = "nav-bar"
-}) => {
-  const wrapperClass = React.useMemo(
-    () => classNames.combineClassNames(classMap.container, classMap[theme], className),
-    [classMap, theme, className]
-  );
-  const itemClass = React.useMemo(
-    () => classNames.combineClassNames(
-      classMap.item,
-      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
-    ),
-    [classMap, shadow, rounding]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "nav",
-    {
-      "aria-label": "Main navigation",
-      className: wrapperClass,
-      "data-testid": `${testId}-nav-bar`,
-      children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classMap.list, children: items.map((item) => {
-        const isActive = (isItemActive == null ? void 0 : isItemActive(item)) ?? false;
-        const slug = slugify(item.label || item.path);
-        return /* @__PURE__ */ jsxRuntime.jsx("li", { className: classMap.listItem, children: /* @__PURE__ */ jsxRuntime.jsx(
-          LinkWrapper,
-          {
-            href: item.path,
-            isActive,
-            className: classNames.combineClassNames(
-              itemClass,
-              isActive && classMap.item_active
-            ),
-            "data-testid": `${testId}-nav-item-${slug}`,
-            "aria-current": isActive ? "page" : void 0,
-            children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classMap.linkContent, children: [
-              item.icon && /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: classMap.icon,
-                  "aria-hidden": "true",
-                  "data-testid": `${testId}-nav-icon-${slug}`,
-                  children: item.icon
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: classMap.label, children: item.label })
-            ] })
-          }
-        ) }, `${item.path}-${slug}`);
-      }) })
-    }
-  );
-};
-BaseNavBar.displayName = "BaseNavBar";
-const classes = {
-  container: "nav",
-  item: "nav_item",
-  list: "nav_list",
-  listItem: "nav_list_item",
-  item_active: "nav_active",
-  icon: "nav_icon_container",
-  label: "nav_label",
-  linkContent: "nav_link_container",
-  primary: "nav_primary",
-  secondary: "nav_secondary",
-  tertiary: "nav_tertiary",
-  quaternary: "nav_quaternary",
-  clear: "nav_clear",
-  shadowNone: "nav_shadow-None",
-  shadowLight: "nav_shadow-Light",
-  shadowMedium: "nav_shadow-Medium",
-  shadowStrong: "nav_shadow-Strong",
-  shadowIntense: "nav_shadow-Intense",
-  roundNone: "nav_round-None",
-  roundSmall: "nav_round-Small",
-  roundMedium: "nav_round-Medium",
-  roundLarge: "nav_round-Large",
-  roundFull: "nav_round-Full"
-};
-const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
-const NavBar = ({
-  isItemActive: consumerIsItemActive,
-  ...props
-}) => {
-  const [pathname, setPathname] = React.useState("/");
-  React.useEffect(() => {
-    setPathname(window.location.pathname || "/");
-  }, []);
-  const defaultIsItemActive = (item) => normalizePath(item.path) === normalizePath(pathname);
-  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseNavBar,
-    {
-      ...props,
-      isItemActive: resolvedIsItemActive,
-      LinkWrapper: ({
-        href,
-        children,
-        className,
-        isActive,
-        "data-testid": testId
-      }) => /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          href,
-          className,
-          "aria-current": isActive ? "page" : void 0,
-          "data-testid": testId,
-          children
-        }
-      ),
-      classMap: classes
-    }
-  );
-};
-NavBar.displayName = "NavBar";
-exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-Dn1gUrAi.cjs.map

package/dist/core/NavBar-Dn1gUrAi.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavBar-Dn1gUrAi.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/core/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport \"./NavBar.scss\";\r\nimport { NavBarProps, NavItem } from \"../NavBar.types\";\r\n\r\nconst classes = {\r\n  container: \"nav\",\r\n  item: \"nav_item\",\r\n  list: \"nav_list\",\r\n  listItem: \"nav_list_item\",\r\n  item_active: \"nav_active\",\r\n  icon: \"nav_icon_container\",\r\n  label: \"nav_label\",\r\n  linkContent: \"nav_link_container\",\r\n\r\n  primary: \"nav_primary\",\r\n  secondary: \"nav_secondary\",\r\n  tertiary: \"nav_tertiary\",\r\n  quaternary: \"nav_quaternary\",\r\n  clear: \"nav_clear\",\r\n\r\n  shadowNone: \"nav_shadow-None\",\r\n  shadowLight: \"nav_shadow-Light\",\r\n  shadowMedium: \"nav_shadow-Medium\",\r\n  shadowStrong: \"nav_shadow-Strong\",\r\n  shadowIntense: \"nav_shadow-Intense\",\r\n\r\n  roundNone: \"nav_round-None\",\r\n  roundSmall: \"nav_round-Small\",\r\n  roundMedium: \"nav_round-Medium\",\r\n  roundLarge: \"nav_round-Large\",\r\n  roundFull: \"nav_round-Full\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps> = ({\r\n  isItemActive: consumerIsItemActive,\r\n  ...props\r\n}) => {\r\n  const [pathname, setPathname] = useState(\"/\");\r\n\r\n  useEffect(() => {\r\n    setPathname(window.location.pathname || \"/\");\r\n  }, []);\r\n\r\n  const defaultIsItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(pathname);\r\n\r\n  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={resolvedIsItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <a\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </a>\r\n      )}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\n\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","jsxs","useState","useEffect"],"mappings":";;;;;;AAUA,MAAM,UAAU,CAAC,MACf,EACG,cACA,KAAA,EACA,QAAQ,QAAQ,GAAG,EACnB,QAAQ,cAAc,EAAE;AAE7B,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MAAMC,WAAAA,kBAAkB,SAAS,WAAW,SAAS,KAAK,GAAG,SAAS;AAAA,IACtE,CAAC,UAAU,OAAO,SAAS;AAAA,EAAA;AAG7B,QAAM,YAAYD,MAAAA;AAAAA,IAChB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAa,GAAG,MAAM;AAAA,MAEtB,UAAAA,2BAAAA,IAAC,QAAG,WAAW,SAAS,MACrB,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,cAAM,YAAW,6CAAe,UAAS;AACzC,cAAM,OAAO,QAAQ,KAAK,SAAS,KAAK,IAAI;AAE5C,eACEA,2BAAAA,IAAC,MAAA,EAAgC,WAAW,SAAS,UACnD,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,KAAK;AAAA,YACX;AAAA,YACA,WAAWF,WAAAA;AAAAA,cACT;AAAA,cACA,YAAY,SAAS;AAAA,YAAA;AAAA,YAEvB,eAAa,GAAG,MAAM,aAAa,IAAI;AAAA,YACvC,gBAAc,WAAW,SAAS;AAAA,YAElC,UAAAG,2BAAAA,KAAC,QAAA,EAAK,WAAW,SAAS,aACvB,UAAA;AAAA,cAAA,KAAK,QACJD,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAY;AAAA,kBACZ,eAAa,GAAG,MAAM,aAAa,IAAI;AAAA,kBAEtC,UAAA,KAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,6CAGT,QAAA,EAAK,WAAW,SAAS,OAAQ,eAAK,MAAA,CAAM;AAAA,YAAA,EAAA,CAC/C;AAAA,UAAA;AAAA,QAAA,KAtBK,GAAG,KAAK,IAAI,IAAI,IAAI,EAwB7B;AAAA,MAEJ,CAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,WAAW,cAAc;AClFzB,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EAEb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EAEP,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;AAEA,MAAM,gBAAgB,CAAC,MACrB,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,EAAE,MAAM,GAAG,EAAE,IAAI;AAErD,MAAM,SAAgC,CAAC;AAAA,EACrC,cAAc;AAAA,EACd,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIE,MAAAA,SAAS,GAAG;AAE5CC,QAAAA,UAAU,MAAM;AACd,gBAAY,OAAO,SAAS,YAAY,GAAG;AAAA,EAC7C,GAAG,CAAA,CAAE;AAEL,QAAM,sBAAsB,CAAC,SAC3B,cAAc,KAAK,IAAI,MAAM,cAAc,QAAQ;AAErD,QAAM,uBAAuB,wBAAwB;AAErD,SACEH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,cAAc;AAAA,MACd,aAAa,CAAC;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,MAAA,MAEfA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,gBAAc,WAAW,SAAS;AAAA,UAClC,eAAa;AAAA,UAEZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,OAAO,cAAc;;"}