boreal-ui 0.0.22 → 0.0.24

package/dist/core/{NavBar-C8zI9Lvt.cjs → NavBar-Dier3-3b.cjs}

@@ -40,7 +40,7 @@ const BaseNavBar = ({
           "Nav item className:",
           classNames.combineClassNames(classMap.item, isActive && classMap.active)
         );
-        return /* @__PURE__ */ jsxRuntime.jsxs(
+        return /* @__PURE__ */ jsxRuntime.jsx(
           LinkWrapper,
           {
             href: item.path,
@@ -51,18 +51,25 @@ const BaseNavBar = ({
             ),
             testId: `${testId}-nav-item-${item.label.toLowerCase()}`,
             "aria-current": isActive ? "page" : void 0,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: classMap.icon,
-                  "aria-hidden": "true",
-                  "data-testid": `${testId}-nav-icon-${item.label.toLowerCase()}`,
-                  children: item.icon
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: classMap.label, children: item.label })
-            ]
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                className: classMap.linkContent,
+                style: { display: "flex", alignItems: "center" },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: classMap.icon,
+                      "aria-hidden": "true",
+                      "data-testid": `${testId}-nav-icon-${item.label.toLowerCase()}`,
+                      children: item.icon
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classMap.label, children: item.label })
+                ]
+              }
+            )
           },
           `${item.label}-${index}`
         );
@@ -76,6 +83,7 @@ const classes = {
   "item--active": "nav_active",
   icon: "nav_icon_container",
   label: "nav_label",
+  linkContent: "nav_link_container",
   primary: "nav_primary",
   secondary: "nav_secondary",
   tertiary: "nav_tertiary",
@@ -117,4 +125,4 @@ const NavBar = (props) => {
   );
 };
 exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-C8zI9Lvt.cjs.map
+//# sourceMappingURL=NavBar-Dier3-3b.cjs.map

package/dist/core/NavBar-Dier3-3b.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-Dier3-3b.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/core/NavBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { NavBarProps } from \"./NavBar.types\";\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\n\r\nexport interface BaseNavBarProps extends NavBarProps {\r\n  currentPath: string;\r\n  LinkWrapper: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n    className: string;\r\n    isActive: boolean;\r\n    testId: string;\r\n    \"aria-current\"?: \"page\";\r\n  }) => JSX.Element;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\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]\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      role=\"navigation\"\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      {items.map((item, index) => {\r\n        const isActive = currentPath === item.path;\r\n\r\n        console.log(\r\n          \"Nav item className:\",\r\n          combineClassNames(classMap.item, isActive && classMap.active)\r\n        );\r\n\r\n        return (\r\n          <LinkWrapper\r\n            key={`${item.label}-${index}`}\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            testId={`${testId}-nav-item-${item.label.toLowerCase()}`}\r\n            aria-current={isActive ? \"page\" : undefined}\r\n          >\r\n            <span\r\n              className={classMap.linkContent}\r\n              style={{ display: \"flex\", alignItems: \"center\" }}\r\n            >\r\n              <span\r\n                className={classMap.icon}\r\n                aria-hidden=\"true\"\r\n                data-testid={`${testId}-nav-icon-${item.label.toLowerCase()}`}\r\n              >\r\n                {item.icon}\r\n              </span>\r\n              <span className={classMap.label}>{item.label}</span>\r\n            </span>\r\n          </LinkWrapper>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport default BaseNavBar;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport \"./NavBar.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst classes = {\r\n  container: \"nav\",\r\n  item: \"nav_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 NavBar: React.FC<NavBarProps> = (props) => {\r\n  const [pathname, setPathname] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    setPathname(window.location.pathname);\r\n  }, []);\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={pathname}\r\n      LinkWrapper={({ href, children, className, isActive, testId }) => (\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\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","jsxs","useState","useEffect"],"mappings":"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"}

package/dist/core/{NavBar-CNoWBQIV.js → NavBar-UpeebUNC.js}

@@ -39,7 +39,7 @@ const BaseNavBar = ({
           "Nav item className:",
           combineClassNames(classMap.item, isActive && classMap.active)
         );
-        return /* @__PURE__ */ jsxs(
+        return /* @__PURE__ */ jsx(
           LinkWrapper,
           {
             href: item.path,
@@ -50,18 +50,25 @@ const BaseNavBar = ({
             ),
             testId: `${testId}-nav-item-${item.label.toLowerCase()}`,
             "aria-current": isActive ? "page" : void 0,
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: classMap.icon,
-                  "aria-hidden": "true",
-                  "data-testid": `${testId}-nav-icon-${item.label.toLowerCase()}`,
-                  children: item.icon
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: classMap.label, children: item.label })
-            ]
+            children: /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: classMap.linkContent,
+                style: { display: "flex", alignItems: "center" },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: classMap.icon,
+                      "aria-hidden": "true",
+                      "data-testid": `${testId}-nav-icon-${item.label.toLowerCase()}`,
+                      children: item.icon
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: classMap.label, children: item.label })
+                ]
+              }
+            )
           },
           `${item.label}-${index}`
         );
@@ -75,6 +82,7 @@ const classes = {
   "item--active": "nav_active",
   icon: "nav_icon_container",
   label: "nav_label",
+  linkContent: "nav_link_container",
   primary: "nav_primary",
   secondary: "nav_secondary",
   tertiary: "nav_tertiary",
@@ -118,4 +126,4 @@ const NavBar = (props) => {
 export {
   NavBar as N
 };
-//# sourceMappingURL=NavBar-CNoWBQIV.js.map
+//# sourceMappingURL=NavBar-UpeebUNC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-UpeebUNC.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/core/NavBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { NavBarProps } from \"./NavBar.types\";\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\n\r\nexport interface BaseNavBarProps extends NavBarProps {\r\n  currentPath: string;\r\n  LinkWrapper: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n    className: string;\r\n    isActive: boolean;\r\n    testId: string;\r\n    \"aria-current\"?: \"page\";\r\n  }) => JSX.Element;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\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]\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      role=\"navigation\"\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      {items.map((item, index) => {\r\n        const isActive = currentPath === item.path;\r\n\r\n        console.log(\r\n          \"Nav item className:\",\r\n          combineClassNames(classMap.item, isActive && classMap.active)\r\n        );\r\n\r\n        return (\r\n          <LinkWrapper\r\n            key={`${item.label}-${index}`}\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            testId={`${testId}-nav-item-${item.label.toLowerCase()}`}\r\n            aria-current={isActive ? \"page\" : undefined}\r\n          >\r\n            <span\r\n              className={classMap.linkContent}\r\n              style={{ display: \"flex\", alignItems: \"center\" }}\r\n            >\r\n              <span\r\n                className={classMap.icon}\r\n                aria-hidden=\"true\"\r\n                data-testid={`${testId}-nav-icon-${item.label.toLowerCase()}`}\r\n              >\r\n                {item.icon}\r\n              </span>\r\n              <span className={classMap.label}>{item.label}</span>\r\n            </span>\r\n          </LinkWrapper>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport default BaseNavBar;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport \"./NavBar.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst classes = {\r\n  container: \"nav\",\r\n  item: \"nav_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 NavBar: React.FC<NavBarProps> = (props) => {\r\n  const [pathname, setPathname] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    setPathname(window.location.pathname);\r\n  }, []);\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={pathname}\r\n      LinkWrapper={({ href, children, className, isActive, testId }) => (\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\nexport default NavBar;\r\n"],"names":[],"mappings":"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"}

package/dist/core/NavBar.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const NavBar = require("./NavBar-C8zI9Lvt.cjs");
+const NavBar = require("./NavBar-Dier3-3b.cjs");
 module.exports = NavBar.NavBar;
 //# sourceMappingURL=NavBar.cjs.js.map

package/dist/core/NavBar.js

@@ -1,4 +1,4 @@
-import { N } from "./NavBar-CNoWBQIV.js";
+import { N } from "./NavBar-UpeebUNC.js";
 export {
   N as default
 };

package/dist/core/index.cjs.js

@@ -36,7 +36,7 @@ const Spinner = require("./Spinner-BTmQ7ZN9.cjs");
 const Tooltip = require("./Tooltip-5SfsTZvz.cjs");
 const MessagePopUp = require("./MessagePopUp-BUS6ICem.cjs");
 const PopOver = require("./PopOver-BdZXa2hs.cjs");
-const NavBar = require("./NavBar-C8zI9Lvt.cjs");
+const NavBar = require("./NavBar-Dier3-3b.cjs");
 const Breadcrumbs = require("./Breadcrumbs-xmUgcTXF.cjs");
 const Tabs = require("./Tabs-DptKFvPK.cjs");
 const Stepper = require("./Stepper-BkmPckKd.cjs");

package/dist/core/index.js

@@ -35,7 +35,7 @@ import { S as S5 } from "./Spinner-DGF0pR7I.js";
 import { T as T5 } from "./Tooltip-XfsZnGgV.js";
 import { M as M2 } from "./MessagePopUp-CC7r9RHN.js";
 import { P as P2 } from "./PopOver-C6AnRNop.js";
-import { N } from "./NavBar-CNoWBQIV.js";
+import { N } from "./NavBar-UpeebUNC.js";
 import { B as B3 } from "./Breadcrumbs-DhioJUB9.js";
 import { T as T6 } from "./Tabs-gpyaJFUs.js";
 import { S as S6 } from "./Stepper-PjUFCUBG.js";

package/dist/core/style.css

@@ -19040,6 +19040,10 @@ a:hover {
     padding: 5px;
   }
 }
+.nav_link_container {
+  display: flex;
+  flex-direction: column;
+}
 .nav_icon_container {
   display: flex;
   align-items: center;

package/dist/next/{Footer-Ch1HX1aI.js → Footer-ASthmMUM.js}

@@ -247,7 +247,7 @@ const Footer = (props) => {
       IconButton,
       ImageComponent: Image,
       ThemeSelect: UserThemeSettings,
-      LinkWrapper: ({ href, children }) => /* @__PURE__ */ jsx(Link, { href, passHref: true, legacyBehavior: true, children: /* @__PURE__ */ jsx("a", { children }) }),
+      LinkWrapper: ({ href, children }) => /* @__PURE__ */ jsx(Link, { href, children }),
       classMap: styles
     }
   );
@@ -256,4 +256,4 @@ export {
   Footer as F,
   UserThemeSettings as U
 };
-//# sourceMappingURL=Footer-Ch1HX1aI.js.map
+//# sourceMappingURL=Footer-ASthmMUM.js.map

package/dist/next/{Footer-Ch1HX1aI.js.map → Footer-ASthmMUM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Footer-Ch1HX1aI.js","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useContext } from \"react\";\r\nimport { getAllColorSchemes } from \"../../../../styles/colorSchemeRegistry\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport { RoundingType, ShadowType, StateType, ThemeType } from \"@/types/types\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\n\r\ninterface ThemeSelectProps {\r\n  theme?: ThemeType;\r\n  shadow?: ShadowType;\r\n  rounding?: RoundingType;\r\n  \"data-testid\"?: string;\r\n  state?: StateType;\r\n}\r\n\r\nconst UserThemeSettings: React.FC<ThemeSelectProps> = ({\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  \"data-testid\": testId = \"theme-select\",\r\n}) => {\r\n  const themeContext = useContext(ThemeContext);\r\n\r\n  if (!themeContext) {\r\n    throw new Error(\r\n      \"ThemeContext is undefined. Make sure to wrap this component with ThemeProvider.\"\r\n    );\r\n  }\r\n\r\n  const { selectedScheme, setSelectedScheme } = themeContext;\r\n  const allSchemes = getAllColorSchemes();\r\n\r\n  const options = allSchemes.map((scheme, index) => ({\r\n    value: index.toString(),\r\n    label: scheme.name,\r\n  }));\r\n\r\n  return (\r\n    <div className={`control-container`}>\r\n      <Select\r\n        theme={theme}\r\n        state={state}\r\n        shadow={shadow}\r\n        rounding={rounding}\r\n        options={options}\r\n        data-testid={`${testId}-select`}\r\n        value={selectedScheme.toString()}\r\n        onChange={(value: string | number) =>\r\n          setSelectedScheme(parseInt(value as string, 10))\r\n        }\r\n        ariaLabel=\"Select Theme\"\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UserThemeSettings;\r\n","import React, { JSX, useMemo } from \"react\";\r\nimport { FooterProps } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nexport interface BaseFooterProps extends FooterProps {\r\n  IconButton: React.ComponentType<any>;\r\n  ThemeSelect: React.ComponentType<any>;\r\n  ImageComponent?: React.ElementType;\r\n  classMap: Record<string, string>;\r\n  LinkWrapper?: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n  }) => JSX.Element;\r\n}\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n  copyright,\r\n  links = [],\r\n  logo,\r\n  socialLinks = [],\r\n  showThemeSelect = false,\r\n  IconButton,\r\n  ImageComponent = \"img\",\r\n  ThemeSelect,\r\n  classMap,\r\n  LinkWrapper = ({ href, children }) => <a href={href}>{children}</a>,\r\n}) => {\r\n  const footerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.footer,\r\n        classMap[theme],\r\n        classMap[`shadow${capitalize(shadow)}`],\r\n        classMap[`round${capitalize(rounding)}`],\r\n        classMap[`attachment${capitalize(attachment)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, className]\r\n  );\r\n  return (\r\n    <footer\r\n      className={footerClass}\r\n      role=\"contentinfo\"\r\n      aria-label=\"Footer\"\r\n      data-testid={testId}\r\n    >\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {logo &&\r\n          (typeof logo === \"string\" ||\r\n            (typeof logo === \"object\" && \"src\" in logo)) ? (\r\n            <ImageComponent\r\n              className={classMap.logo}\r\n              aria-label=\"Logo\"\r\n              role=\"img\"\r\n              data-testid={`${testId}-logo`}\r\n              loading=\"lazy\"\r\n              src={logo}\r\n              alt=\"Logo\"\r\n              height={20}\r\n              width={20}\r\n            />\r\n          ) : (\r\n            <span\r\n              className={classMap.logo}\r\n              aria-label=\"Logo\"\r\n              role=\"img\"\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {logo}\r\n            </span>\r\n          )}\r\n\r\n          {copyright && (\r\n            <div className={classMap.left} data-testid={`${testId}-copyright`}>\r\n              <p>{copyright}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {links.length > 0 && (\r\n          <nav\r\n            className={classMap.links}\r\n            aria-label=\"Footer site links\"\r\n            data-testid={`${testId}-nav`}\r\n          >\r\n            <ul role=\"list\">\r\n              {links.map((link, i) => (\r\n                <li key={i}>\r\n                  <LinkWrapper\r\n                    href={link.href}\r\n                    children={\r\n                      <span\r\n                        className={classMap.link}\r\n                        data-testid={`${testId}-link-${link.label.toLowerCase().replace(/\\s+/g, \"-\")}`}\r\n                      >\r\n                        {link.label}\r\n                      </span>\r\n                    }\r\n                  />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n\r\n        {showThemeSelect && (\r\n          <div\r\n            className={classMap.themeToggle}\r\n            data-testid={`${testId}-theme-select`}\r\n            aria-label=\"Theme selector container\"\r\n          >\r\n            <ThemeSelect theme={\"clear\"} shadow={\"none\"} />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <div\r\n            className={classMap.social}\r\n            aria-label=\"Social media\"\r\n            role=\"navigation\"\r\n            data-testid={`${testId}-social`}\r\n          >\r\n            {socialLinks.map((social, index) => (\r\n              <IconButton\r\n                key={index}\r\n                icon={social.icon}\r\n                href={social.href}\r\n                isExternal\r\n                shadow=\"none\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                ariaLabel={social.title}\r\n                title={social.title}\r\n                theme=\"clear\"\r\n                data-testid={`${testId}-social-${social.title\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\")}`}\r\n              />\r\n            ))}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ImageComponent={Image}\r\n      ThemeSelect={ThemeSelect}\r\n      LinkWrapper={({ href, children }) => (\r\n        <Link href={href} passHref legacyBehavior>\r\n          <a>{children}</a>\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"names":["links","logo","IconButton","social","ThemeSelect"],"mappings":"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"}
+{"version":3,"file":"Footer-ASthmMUM.js","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useContext } from \"react\";\r\nimport { getAllColorSchemes } from \"../../../../styles/colorSchemeRegistry\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport { RoundingType, ShadowType, StateType, ThemeType } from \"@/types/types\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\n\r\ninterface ThemeSelectProps {\r\n  theme?: ThemeType;\r\n  shadow?: ShadowType;\r\n  rounding?: RoundingType;\r\n  \"data-testid\"?: string;\r\n  state?: StateType;\r\n}\r\n\r\nconst UserThemeSettings: React.FC<ThemeSelectProps> = ({\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  \"data-testid\": testId = \"theme-select\",\r\n}) => {\r\n  const themeContext = useContext(ThemeContext);\r\n\r\n  if (!themeContext) {\r\n    throw new Error(\r\n      \"ThemeContext is undefined. Make sure to wrap this component with ThemeProvider.\"\r\n    );\r\n  }\r\n\r\n  const { selectedScheme, setSelectedScheme } = themeContext;\r\n  const allSchemes = getAllColorSchemes();\r\n\r\n  const options = allSchemes.map((scheme, index) => ({\r\n    value: index.toString(),\r\n    label: scheme.name,\r\n  }));\r\n\r\n  return (\r\n    <div className={`control-container`}>\r\n      <Select\r\n        theme={theme}\r\n        state={state}\r\n        shadow={shadow}\r\n        rounding={rounding}\r\n        options={options}\r\n        data-testid={`${testId}-select`}\r\n        value={selectedScheme.toString()}\r\n        onChange={(value: string | number) =>\r\n          setSelectedScheme(parseInt(value as string, 10))\r\n        }\r\n        ariaLabel=\"Select Theme\"\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UserThemeSettings;\r\n","import React, { JSX, useMemo } from \"react\";\r\nimport { FooterProps } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nexport interface BaseFooterProps extends FooterProps {\r\n  IconButton: React.ComponentType<any>;\r\n  ThemeSelect: React.ComponentType<any>;\r\n  ImageComponent?: React.ElementType;\r\n  classMap: Record<string, string>;\r\n  LinkWrapper?: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n  }) => JSX.Element;\r\n}\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n  copyright,\r\n  links = [],\r\n  logo,\r\n  socialLinks = [],\r\n  showThemeSelect = false,\r\n  IconButton,\r\n  ImageComponent = \"img\",\r\n  ThemeSelect,\r\n  classMap,\r\n  LinkWrapper = ({ href, children }) => <a href={href}>{children}</a>,\r\n}) => {\r\n  const footerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.footer,\r\n        classMap[theme],\r\n        classMap[`shadow${capitalize(shadow)}`],\r\n        classMap[`round${capitalize(rounding)}`],\r\n        classMap[`attachment${capitalize(attachment)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, className]\r\n  );\r\n  return (\r\n    <footer\r\n      className={footerClass}\r\n      role=\"contentinfo\"\r\n      aria-label=\"Footer\"\r\n      data-testid={testId}\r\n    >\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {logo &&\r\n          (typeof logo === \"string\" ||\r\n            (typeof logo === \"object\" && \"src\" in logo)) ? (\r\n            <ImageComponent\r\n              className={classMap.logo}\r\n              aria-label=\"Logo\"\r\n              role=\"img\"\r\n              data-testid={`${testId}-logo`}\r\n              loading=\"lazy\"\r\n              src={logo}\r\n              alt=\"Logo\"\r\n              height={20}\r\n              width={20}\r\n            />\r\n          ) : (\r\n            <span\r\n              className={classMap.logo}\r\n              aria-label=\"Logo\"\r\n              role=\"img\"\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {logo}\r\n            </span>\r\n          )}\r\n\r\n          {copyright && (\r\n            <div className={classMap.left} data-testid={`${testId}-copyright`}>\r\n              <p>{copyright}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {links.length > 0 && (\r\n          <nav\r\n            className={classMap.links}\r\n            aria-label=\"Footer site links\"\r\n            data-testid={`${testId}-nav`}\r\n          >\r\n            <ul role=\"list\">\r\n              {links.map((link, i) => (\r\n                <li key={i}>\r\n                  <LinkWrapper\r\n                    href={link.href}\r\n                    children={\r\n                      <span\r\n                        className={classMap.link}\r\n                        data-testid={`${testId}-link-${link.label.toLowerCase().replace(/\\s+/g, \"-\")}`}\r\n                      >\r\n                        {link.label}\r\n                      </span>\r\n                    }\r\n                  />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n\r\n        {showThemeSelect && (\r\n          <div\r\n            className={classMap.themeToggle}\r\n            data-testid={`${testId}-theme-select`}\r\n            aria-label=\"Theme selector container\"\r\n          >\r\n            <ThemeSelect theme={\"clear\"} shadow={\"none\"} />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <div\r\n            className={classMap.social}\r\n            aria-label=\"Social media\"\r\n            role=\"navigation\"\r\n            data-testid={`${testId}-social`}\r\n          >\r\n            {socialLinks.map((social, index) => (\r\n              <IconButton\r\n                key={index}\r\n                icon={social.icon}\r\n                href={social.href}\r\n                isExternal\r\n                shadow=\"none\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                ariaLabel={social.title}\r\n                title={social.title}\r\n                theme=\"clear\"\r\n                data-testid={`${testId}-social-${social.title\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\")}`}\r\n              />\r\n            ))}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ImageComponent={Image}\r\n      ThemeSelect={ThemeSelect}\r\n      LinkWrapper={({ href, children }) => <Link href={href}>{children}</Link>}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"names":["links","logo","IconButton","social","ThemeSelect"],"mappings":"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"}

package/dist/next/{Footer-Uoh8g5Y0.cjs → Footer-nuEg78W2.cjs}

@@ -248,11 +248,11 @@ const Footer = (props) => {
       IconButton: IconButton.IconButton,
       ImageComponent: image.Image,
       ThemeSelect: UserThemeSettings,
-      LinkWrapper: ({ href, children }) => /* @__PURE__ */ require$$2.jsx(link.Link, { href, passHref: true, legacyBehavior: true, children: /* @__PURE__ */ require$$2.jsx("a", { children }) }),
+      LinkWrapper: ({ href, children }) => /* @__PURE__ */ require$$2.jsx(link.Link, { href, children }),
       classMap: styles
     }
   );
 };
 exports.Footer = Footer;
 exports.UserThemeSettings = UserThemeSettings;
-//# sourceMappingURL=Footer-Uoh8g5Y0.cjs.map
+//# sourceMappingURL=Footer-nuEg78W2.cjs.map

package/dist/next/{Footer-Uoh8g5Y0.cjs.map → Footer-nuEg78W2.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Footer-Uoh8g5Y0.cjs","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useContext } from \"react\";\r\nimport { getAllColorSchemes } from \"../../../../styles/colorSchemeRegistry\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport { RoundingType, ShadowType, StateType, ThemeType } from \"@/types/types\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\n\r\ninterface ThemeSelectProps {\r\n  theme?: ThemeType;\r\n  shadow?: ShadowType;\r\n  rounding?: RoundingType;\r\n  \"data-testid\"?: string;\r\n  state?: StateType;\r\n}\r\n\r\nconst UserThemeSettings: React.FC<ThemeSelectProps> = ({\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  \"data-testid\": testId = \"theme-select\",\r\n}) => {\r\n  const themeContext = useContext(ThemeContext);\r\n\r\n  if (!themeContext) {\r\n    throw new Error(\r\n      \"ThemeContext is undefined. Make sure to wrap this component with ThemeProvider.\"\r\n    );\r\n  }\r\n\r\n  const { selectedScheme, setSelectedScheme } = themeContext;\r\n  const allSchemes = getAllColorSchemes();\r\n\r\n  const options = allSchemes.map((scheme, index) => ({\r\n    value: index.toString(),\r\n    label: scheme.name,\r\n  }));\r\n\r\n  return (\r\n    <div className={`control-container`}>\r\n      <Select\r\n        theme={theme}\r\n        state={state}\r\n        shadow={shadow}\r\n        rounding={rounding}\r\n        options={options}\r\n        data-testid={`${testId}-select`}\r\n        value={selectedScheme.toString()}\r\n        onChange={(value: string | number) =>\r\n          setSelectedScheme(parseInt(value as string, 10))\r\n        }\r\n        ariaLabel=\"Select Theme\"\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UserThemeSettings;\r\n","import React, { JSX, useMemo } from \"react\";\r\nimport { FooterProps } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nexport interface BaseFooterProps extends FooterProps {\r\n  IconButton: React.ComponentType<any>;\r\n  ThemeSelect: React.ComponentType<any>;\r\n  ImageComponent?: React.ElementType;\r\n  classMap: Record<string, string>;\r\n  LinkWrapper?: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n  }) => JSX.Element;\r\n}\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n  copyright,\r\n  links = [],\r\n  logo,\r\n  socialLinks = [],\r\n  showThemeSelect = false,\r\n  IconButton,\r\n  ImageComponent = \"img\",\r\n  ThemeSelect,\r\n  classMap,\r\n  LinkWrapper = ({ href, children }) => <a href={href}>{children}</a>,\r\n}) => {\r\n  const footerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.footer,\r\n        classMap[theme],\r\n        classMap[`shadow${capitalize(shadow)}`],\r\n        classMap[`round${capitalize(rounding)}`],\r\n        classMap[`attachment${capitalize(attachment)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, className]\r\n  );\r\n  return (\r\n    <footer\r\n      className={footerClass}\r\n      role=\"contentinfo\"\r\n      aria-label=\"Footer\"\r\n      data-testid={testId}\r\n    >\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {logo &&\r\n          (typeof logo === \"string\" ||\r\n            (typeof logo === \"object\" && \"src\" in logo)) ? (\r\n            <ImageComponent\r\n              className={classMap.logo}\r\n              aria-label=\"Logo\"\r\n              role=\"img\"\r\n              data-testid={`${testId}-logo`}\r\n              loading=\"lazy\"\r\n              src={logo}\r\n              alt=\"Logo\"\r\n              height={20}\r\n              width={20}\r\n            />\r\n          ) : (\r\n            <span\r\n              className={classMap.logo}\r\n              aria-label=\"Logo\"\r\n              role=\"img\"\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {logo}\r\n            </span>\r\n          )}\r\n\r\n          {copyright && (\r\n            <div className={classMap.left} data-testid={`${testId}-copyright`}>\r\n              <p>{copyright}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {links.length > 0 && (\r\n          <nav\r\n            className={classMap.links}\r\n            aria-label=\"Footer site links\"\r\n            data-testid={`${testId}-nav`}\r\n          >\r\n            <ul role=\"list\">\r\n              {links.map((link, i) => (\r\n                <li key={i}>\r\n                  <LinkWrapper\r\n                    href={link.href}\r\n                    children={\r\n                      <span\r\n                        className={classMap.link}\r\n                        data-testid={`${testId}-link-${link.label.toLowerCase().replace(/\\s+/g, \"-\")}`}\r\n                      >\r\n                        {link.label}\r\n                      </span>\r\n                    }\r\n                  />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n\r\n        {showThemeSelect && (\r\n          <div\r\n            className={classMap.themeToggle}\r\n            data-testid={`${testId}-theme-select`}\r\n            aria-label=\"Theme selector container\"\r\n          >\r\n            <ThemeSelect theme={\"clear\"} shadow={\"none\"} />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <div\r\n            className={classMap.social}\r\n            aria-label=\"Social media\"\r\n            role=\"navigation\"\r\n            data-testid={`${testId}-social`}\r\n          >\r\n            {socialLinks.map((social, index) => (\r\n              <IconButton\r\n                key={index}\r\n                icon={social.icon}\r\n                href={social.href}\r\n                isExternal\r\n                shadow=\"none\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                ariaLabel={social.title}\r\n                title={social.title}\r\n                theme=\"clear\"\r\n                data-testid={`${testId}-social-${social.title\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\")}`}\r\n              />\r\n            ))}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ImageComponent={Image}\r\n      ThemeSelect={ThemeSelect}\r\n      LinkWrapper={({ href, children }) => (\r\n        <Link href={href} passHref legacyBehavior>\r\n          <a>{children}</a>\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"names":["getDefaultTheme","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","getAllColorSchemes","jsx","Select","links","logo","IconButton","useMemo","combineClassNames","capitalize","jsxs","link","social","Image","ThemeSelect","Link"],"mappings":"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"}
+{"version":3,"file":"Footer-nuEg78W2.cjs","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useContext } from \"react\";\r\nimport { getAllColorSchemes } from \"../../../../styles/colorSchemeRegistry\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport { RoundingType, ShadowType, StateType, ThemeType } from \"@/types/types\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\n\r\ninterface ThemeSelectProps {\r\n  theme?: ThemeType;\r\n  shadow?: ShadowType;\r\n  rounding?: RoundingType;\r\n  \"data-testid\"?: string;\r\n  state?: StateType;\r\n}\r\n\r\nconst UserThemeSettings: React.FC<ThemeSelectProps> = ({\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  \"data-testid\": testId = \"theme-select\",\r\n}) => {\r\n  const themeContext = useContext(ThemeContext);\r\n\r\n  if (!themeContext) {\r\n    throw new Error(\r\n      \"ThemeContext is undefined. Make sure to wrap this component with ThemeProvider.\"\r\n    );\r\n  }\r\n\r\n  const { selectedScheme, setSelectedScheme } = themeContext;\r\n  const allSchemes = getAllColorSchemes();\r\n\r\n  const options = allSchemes.map((scheme, index) => ({\r\n    value: index.toString(),\r\n    label: scheme.name,\r\n  }));\r\n\r\n  return (\r\n    <div className={`control-container`}>\r\n      <Select\r\n        theme={theme}\r\n        state={state}\r\n        shadow={shadow}\r\n        rounding={rounding}\r\n        options={options}\r\n        data-testid={`${testId}-select`}\r\n        value={selectedScheme.toString()}\r\n        onChange={(value: string | number) =>\r\n          setSelectedScheme(parseInt(value as string, 10))\r\n        }\r\n        ariaLabel=\"Select Theme\"\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UserThemeSettings;\r\n","import React, { JSX, useMemo } from \"react\";\r\nimport { FooterProps } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nexport interface BaseFooterProps extends FooterProps {\r\n  IconButton: React.ComponentType<any>;\r\n  ThemeSelect: React.ComponentType<any>;\r\n  ImageComponent?: React.ElementType;\r\n  classMap: Record<string, string>;\r\n  LinkWrapper?: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n  }) => JSX.Element;\r\n}\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n  copyright,\r\n  links = [],\r\n  logo,\r\n  socialLinks = [],\r\n  showThemeSelect = false,\r\n  IconButton,\r\n  ImageComponent = \"img\",\r\n  ThemeSelect,\r\n  classMap,\r\n  LinkWrapper = ({ href, children }) => <a href={href}>{children}</a>,\r\n}) => {\r\n  const footerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.footer,\r\n        classMap[theme],\r\n        classMap[`shadow${capitalize(shadow)}`],\r\n        classMap[`round${capitalize(rounding)}`],\r\n        classMap[`attachment${capitalize(attachment)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, className]\r\n  );\r\n  return (\r\n    <footer\r\n      className={footerClass}\r\n      role=\"contentinfo\"\r\n      aria-label=\"Footer\"\r\n      data-testid={testId}\r\n    >\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {logo &&\r\n          (typeof logo === \"string\" ||\r\n            (typeof logo === \"object\" && \"src\" in logo)) ? (\r\n            <ImageComponent\r\n              className={classMap.logo}\r\n              aria-label=\"Logo\"\r\n              role=\"img\"\r\n              data-testid={`${testId}-logo`}\r\n              loading=\"lazy\"\r\n              src={logo}\r\n              alt=\"Logo\"\r\n              height={20}\r\n              width={20}\r\n            />\r\n          ) : (\r\n            <span\r\n              className={classMap.logo}\r\n              aria-label=\"Logo\"\r\n              role=\"img\"\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {logo}\r\n            </span>\r\n          )}\r\n\r\n          {copyright && (\r\n            <div className={classMap.left} data-testid={`${testId}-copyright`}>\r\n              <p>{copyright}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {links.length > 0 && (\r\n          <nav\r\n            className={classMap.links}\r\n            aria-label=\"Footer site links\"\r\n            data-testid={`${testId}-nav`}\r\n          >\r\n            <ul role=\"list\">\r\n              {links.map((link, i) => (\r\n                <li key={i}>\r\n                  <LinkWrapper\r\n                    href={link.href}\r\n                    children={\r\n                      <span\r\n                        className={classMap.link}\r\n                        data-testid={`${testId}-link-${link.label.toLowerCase().replace(/\\s+/g, \"-\")}`}\r\n                      >\r\n                        {link.label}\r\n                      </span>\r\n                    }\r\n                  />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n\r\n        {showThemeSelect && (\r\n          <div\r\n            className={classMap.themeToggle}\r\n            data-testid={`${testId}-theme-select`}\r\n            aria-label=\"Theme selector container\"\r\n          >\r\n            <ThemeSelect theme={\"clear\"} shadow={\"none\"} />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <div\r\n            className={classMap.social}\r\n            aria-label=\"Social media\"\r\n            role=\"navigation\"\r\n            data-testid={`${testId}-social`}\r\n          >\r\n            {socialLinks.map((social, index) => (\r\n              <IconButton\r\n                key={index}\r\n                icon={social.icon}\r\n                href={social.href}\r\n                isExternal\r\n                shadow=\"none\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                ariaLabel={social.title}\r\n                title={social.title}\r\n                theme=\"clear\"\r\n                data-testid={`${testId}-social-${social.title\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\")}`}\r\n              />\r\n            ))}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ImageComponent={Image}\r\n      ThemeSelect={ThemeSelect}\r\n      LinkWrapper={({ href, children }) => <Link href={href}>{children}</Link>}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"names":["getDefaultTheme","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","getAllColorSchemes","jsx","Select","links","logo","IconButton","useMemo","combineClassNames","capitalize","jsxs","link","social","Image","ThemeSelect","Link"],"mappings":"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"}

package/dist/next/Footer.cjs.js

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

package/dist/next/Footer.js

@@ -1,4 +1,4 @@
-import { F } from "./Footer-Ch1HX1aI.js";
+import { F } from "./Footer-ASthmMUM.js";
 export {
   F as default
 };

package/dist/next/{NavBar-BL5qICdc.js → NavBar-CKo-nom2.js}

@@ -41,7 +41,7 @@ const BaseNavBar = ({
           "Nav item className:",
           combineClassNames(classMap.item, isActive && classMap.active)
         );
-        return /* @__PURE__ */ jsxs(
+        return /* @__PURE__ */ jsx(
           LinkWrapper,
           {
             href: item2.path,
@@ -52,18 +52,25 @@ const BaseNavBar = ({
             ),
             testId: `${testId}-nav-item-${item2.label.toLowerCase()}`,
             "aria-current": isActive ? "page" : void 0,
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: classMap.icon,
-                  "aria-hidden": "true",
-                  "data-testid": `${testId}-nav-icon-${item2.label.toLowerCase()}`,
-                  children: item2.icon
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: classMap.label, children: item2.label })
-            ]
+            children: /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: classMap.linkContent,
+                style: { display: "flex", alignItems: "center" },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: classMap.icon,
+                      "aria-hidden": "true",
+                      "data-testid": `${testId}-nav-icon-${item2.label.toLowerCase()}`,
+                      children: item2.icon
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: classMap.label, children: item2.label })
+                ]
+              }
+            )
           },
           `${item2.label}-${index}`
         );
@@ -71,32 +78,33 @@ const BaseNavBar = ({
     }
   );
 };
-const noScroll = "_noScroll_3sq1u_91";
-const errorMessage = "_errorMessage_3sq1u_92";
-const loadingContainer = "_loadingContainer_3sq1u_93";
-const hideScrollbar = "_hideScrollbar_3sq1u_85";
-const sr_only = "_sr_only_3sq1u_94";
-const container = "_container_3sq1u_539";
-const primary = "_primary_3sq1u_566";
-const item = "_item_3sq1u_566";
-const secondary = "_secondary_3sq1u_578";
-const tertiary = "_tertiary_3sq1u_590";
-const quaternary = "_quaternary_3sq1u_602";
-const clear = "_clear_3sq1u_614";
-const icon = "_icon_3sq1u_646";
-const label = "_label_3sq1u_657";
-const roundNone = "_roundNone_3sq1u_669";
-const roundSmall = "_roundSmall_3sq1u_673";
-const roundMedium = "_roundMedium_3sq1u_677";
-const roundLarge = "_roundLarge_3sq1u_681";
-const roundFull = "_roundFull_3sq1u_685";
-const shadowNone = "_shadowNone_3sq1u_689";
-const shadowLight = "_shadowLight_3sq1u_693";
-const shadowMedium = "_shadowMedium_3sq1u_697";
-const shadowStrong = "_shadowStrong_3sq1u_701";
-const shadowIntense = "_shadowIntense_3sq1u_705";
-const spin = "_spin_3sq1u_1";
-const pulse = "_pulse_3sq1u_1";
+const noScroll = "_noScroll_ilff1_91";
+const errorMessage = "_errorMessage_ilff1_92";
+const loadingContainer = "_loadingContainer_ilff1_93";
+const hideScrollbar = "_hideScrollbar_ilff1_85";
+const sr_only = "_sr_only_ilff1_94";
+const container = "_container_ilff1_539";
+const primary = "_primary_ilff1_566";
+const item = "_item_ilff1_566";
+const secondary = "_secondary_ilff1_578";
+const tertiary = "_tertiary_ilff1_590";
+const quaternary = "_quaternary_ilff1_602";
+const clear = "_clear_ilff1_614";
+const linkContent = "_linkContent_ilff1_646";
+const icon = "_icon_ilff1_650";
+const label = "_label_ilff1_661";
+const roundNone = "_roundNone_ilff1_673";
+const roundSmall = "_roundSmall_ilff1_677";
+const roundMedium = "_roundMedium_ilff1_681";
+const roundLarge = "_roundLarge_ilff1_685";
+const roundFull = "_roundFull_ilff1_689";
+const shadowNone = "_shadowNone_ilff1_693";
+const shadowLight = "_shadowLight_ilff1_697";
+const shadowMedium = "_shadowMedium_ilff1_701";
+const shadowStrong = "_shadowStrong_ilff1_705";
+const shadowIntense = "_shadowIntense_ilff1_709";
+const spin = "_spin_ilff1_1";
+const pulse = "_pulse_ilff1_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -106,11 +114,12 @@ const styles = {
   container,
   primary,
   item,
-  "item--active": "_item--active_3sq1u_573",
+  "item--active": "_item--active_ilff1_573",
   secondary,
   tertiary,
   quaternary,
   clear,
+  linkContent,
   icon,
   label,
   roundNone,
@@ -123,15 +132,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_3sq1u_1",
-  "slide-up": "_slide-up_3sq1u_1",
-  "spin-3d": "_spin-3d_3sq1u_1",
+  "fade-in": "_fade-in_ilff1_1",
+  "slide-up": "_slide-up_ilff1_1",
+  "spin-3d": "_spin-3d_ilff1_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_3sq1u_1",
-  "progress-grow": "_progress-grow_3sq1u_1",
-  "indeterminate-move": "_indeterminate-move_3sq1u_1",
-  "skeleton-loading": "_skeleton-loading_3sq1u_1"
+  "fade-in-up": "_fade-in-up_ilff1_1",
+  "progress-grow": "_progress-grow_ilff1_1",
+  "indeterminate-move": "_indeterminate-move_ilff1_1",
+  "skeleton-loading": "_skeleton-loading_ilff1_1"
 };
 const NavBar = ({
   mockPath,
@@ -151,7 +160,6 @@ const NavBar = ({
           className,
           "aria-current": isActive ? "page" : void 0,
           "data-testid": testId,
-          legacyBehavior: true,
           children
         }
       ),
@@ -162,4 +170,4 @@ const NavBar = ({
 export {
   NavBar as N
 };
-//# sourceMappingURL=NavBar-BL5qICdc.js.map
+//# sourceMappingURL=NavBar-CKo-nom2.js.map

package/dist/next/NavBar-CKo-nom2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-CKo-nom2.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { NavBarProps } from \"./NavBar.types\";\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\n\r\nexport interface BaseNavBarProps extends NavBarProps {\r\n  currentPath: string;\r\n  LinkWrapper: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n    className: string;\r\n    isActive: boolean;\r\n    testId: string;\r\n    \"aria-current\"?: \"page\";\r\n  }) => JSX.Element;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\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]\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      role=\"navigation\"\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      {items.map((item, index) => {\r\n        const isActive = currentPath === item.path;\r\n\r\n        console.log(\r\n          \"Nav item className:\",\r\n          combineClassNames(classMap.item, isActive && classMap.active)\r\n        );\r\n\r\n        return (\r\n          <LinkWrapper\r\n            key={`${item.label}-${index}`}\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            testId={`${testId}-nav-item-${item.label.toLowerCase()}`}\r\n            aria-current={isActive ? \"page\" : undefined}\r\n          >\r\n            <span\r\n              className={classMap.linkContent}\r\n              style={{ display: \"flex\", alignItems: \"center\" }}\r\n            >\r\n              <span\r\n                className={classMap.icon}\r\n                aria-hidden=\"true\"\r\n                data-testid={`${testId}-nav-icon-${item.label.toLowerCase()}`}\r\n              >\r\n                {item.icon}\r\n              </span>\r\n              <span className={classMap.label}>{item.label}</span>\r\n            </span>\r\n          </LinkWrapper>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({ href, children, className, isActive, testId }) => (\r\n        <Link\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        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default NavBar;\r\n"],"names":["item","usePathname"],"mappings":";;;;;;;AAuBA,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAe;AAAA,IACnB,MAAM,kBAAkB,SAAS,WAAW,SAAS,KAAK,GAAG,SAAS;AAAA,IACtE,CAAC,UAAU,KAAK;AAAA,EAAA;AAGlB,QAAM,YAAY;AAAA,IAChB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA,MAAM,IAAI,CAACA,OAAM,UAAU;AAC1B,cAAM,WAAW,gBAAgBA,MAAK;AAEtC,gBAAQ;AAAA,UACN;AAAA,UACA,kBAAkB,SAAS,MAAM,YAAY,SAAS,MAAM;AAAA,QAAA;AAG9D,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAMA,MAAK;AAAA,YACX;AAAA,YACA,WAAW;AAAA,cACT;AAAA,cACA,YAAY,SAAS,cAAc;AAAA,YAAA;AAAA,YAErC,QAAQ,GAAG,MAAM,aAAaA,MAAK,MAAM,aAAa;AAAA,YACtD,gBAAc,WAAW,SAAS;AAAA,YAElC,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,SAAS;AAAA,gBACpB,OAAO,EAAE,SAAS,QAAQ,YAAY,SAAA;AAAA,gBAEtC,UAAA;AAAA,kBAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,SAAS;AAAA,sBACpB,eAAY;AAAA,sBACZ,eAAa,GAAG,MAAM,aAAaA,MAAK,MAAM,aAAa;AAAA,sBAE1D,UAAAA,MAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,sCAEP,QAAA,EAAK,WAAW,SAAS,OAAQ,gBAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/C;AAAA,UAtBK,GAAGA,MAAK,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,MAyBjC,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrFA,MAAM,SAAwD,CAAC;AAAA,EAC7D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAWC,WAAAA,YAAA;AACjB,QAAM,eAAe,YAAY;AAEjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,gBAAgB;AAAA,MAC7B,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,UAAU,aACnD;AAAA,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;"}