boreal-ui 0.0.10 → 0.0.12

package/dist/next/Sidebar-Rl3o8_ya.cjs

@@ -0,0 +1,284 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const link$1 = require("./link-hxAaLm0Q.cjs");
+const navigation = require("./navigation-m012syo9.cjs");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const CheveronDownIcon = require("./CheveronDownIcon-CyoOZUNY.cjs");
+const SidebarBase = ({
+  links,
+  classMap,
+  currentPath,
+  LinkComponent = "a",
+  theme = borealStyleConfig.getDefaultTheme(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  state = "",
+  showFooter = false,
+  footerLinks,
+  footerVersion: footerVersion2,
+  outline: outline2 = false,
+  className = "",
+  "data-testid": testId = "sidebar",
+  ariaLabel = "Sidebar navigation",
+  ...rest
+}) => {
+  const [openItems, setOpenItems] = React.useState({});
+  const toggleItem = (key) => {
+    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));
+  };
+  const submenuRefs = React.useRef({});
+  const setSubmenuRef = (key, el) => {
+    submenuRefs.current[key] = el;
+  };
+  const getSubmenuHeight = (key) => {
+    const el = submenuRefs.current[key];
+    return el ? `${el.scrollHeight}px` : "0px";
+  };
+  const containerClasses = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.wrapper,
+      className,
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      outline2 ? classMap.outline : ""
+    ),
+    [className, theme, state, outline2, rounding, shadow]
+  );
+  const renderLinks = (items, isChild = false) => /* @__PURE__ */ require$$2.jsx(
+    "ul",
+    {
+      className: classNames.combineClassNames(
+        classMap.list,
+        isChild ? classMap.childList : ""
+      ),
+      "data-testid": `${testId}-list`,
+      children: items.map(({ label, href, children, icon }) => {
+        const isActive = href && currentPath === href;
+        const isOpen = openItems[label] || false;
+        return /* @__PURE__ */ require$$2.jsx(
+          "li",
+          {
+            className: classMap.item,
+            "data-testid": `${testId}-listItems`,
+            children: children && children.length > 0 ? /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
+              /* @__PURE__ */ require$$2.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: classNames.combineClassNames(
+                    classMap.link,
+                    isOpen ? classMap.active : ""
+                  ),
+                  onClick: () => toggleItem(label),
+                  "aria-expanded": isOpen,
+                  "data-testid": `${testId}-exapndItemButton`,
+                  children: [
+                    icon && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, children: icon }),
+                    /* @__PURE__ */ require$$2.jsx("span", { "data-testid": `${testId}-exapndItemLabel`, children: label }),
+                    /* @__PURE__ */ require$$2.jsx(
+                      CheveronDownIcon.ChevronDownIcon,
+                      {
+                        className: classNames.combineClassNames(
+                          classMap.chevron,
+                          isOpen ? classMap.chevronOpen : ""
+                        ),
+                        "data-testid": `${testId}-exapndIcon`
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ require$$2.jsx(
+                "div",
+                {
+                  ref: (el) => setSubmenuRef(label, el),
+                  className: classNames.combineClassNames(
+                    classMap.submenu,
+                    isOpen ? classMap.submenuOpen : ""
+                  ),
+                  style: {
+                    maxHeight: isOpen ? getSubmenuHeight(label) : "0px"
+                  },
+                  "data-testid": `${testId}-subMenu`,
+                  children: renderLinks(children, true)
+                }
+              )
+            ] }) : href ? /* @__PURE__ */ require$$2.jsxs(
+              LinkComponent,
+              {
+                href,
+                className: classNames.combineClassNames(
+                  classMap.link,
+                  isChild ? classMap.childLink : "",
+                  isActive ? classMap.active : ""
+                ),
+                "aria-current": isActive ? "page" : void 0,
+                "data-testid": `${testId}-sidebarLink`,
+                children: [
+                  icon && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, children: icon }),
+                  label
+                ]
+              }
+            ) : /* @__PURE__ */ require$$2.jsxs(
+              "span",
+              {
+                className: classNames.combineClassNames(
+                  classMap.link,
+                  isChild ? classMap.childLink : ""
+                ),
+                "data-testid": `${testId}-sidebarLabel`,
+                children: [
+                  icon && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, children: icon }),
+                  label
+                ]
+              }
+            )
+          },
+          label
+        );
+      })
+    }
+  );
+  return /* @__PURE__ */ require$$2.jsxs(
+    "nav",
+    {
+      className: containerClasses,
+      "aria-label": ariaLabel,
+      ...rest,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ require$$2.jsx("nav", { className: classMap.nav, children: renderLinks(links) }),
+        showFooter && /* @__PURE__ */ require$$2.jsxs("footer", { className: classMap.footer, "data-testid": `${testId}-footer`, children: [
+          footerLinks == null ? void 0 : footerLinks.map(({ label, href }) => /* @__PURE__ */ require$$2.jsx(
+            LinkComponent,
+            {
+              href,
+              className: classMap.footerLink,
+              "data-testid": `${testId}-footerLink`,
+              children: label
+            },
+            label
+          )),
+          footerVersion2 && /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              className: classMap.footerVersion,
+              "data-testid": `${testId}-footerVersion`,
+              children: footerVersion2
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+SidebarBase.displayName = "SidebarBase";
+const noScroll = "_noScroll_y1c07_91";
+const errorMessage = "_errorMessage_y1c07_92";
+const loadingContainer = "_loadingContainer_y1c07_93";
+const hideScrollbar = "_hideScrollbar_y1c07_85";
+const sr_only = "_sr_only_y1c07_94";
+const wrapper = "_wrapper_y1c07_479";
+const roundNone = "_roundNone_y1c07_490";
+const roundSmall = "_roundSmall_y1c07_493";
+const roundMedium = "_roundMedium_y1c07_496";
+const roundLarge = "_roundLarge_y1c07_499";
+const roundFull = "_roundFull_y1c07_502";
+const shadowNone = "_shadowNone_y1c07_505";
+const shadowLight = "_shadowLight_y1c07_508";
+const shadowMedium = "_shadowMedium_y1c07_511";
+const shadowStrong = "_shadowStrong_y1c07_514";
+const shadowIntense = "_shadowIntense_y1c07_517";
+const primary = "_primary_y1c07_521";
+const active = "_active_y1c07_521";
+const outline = "_outline_y1c07_525";
+const clear = "_clear_y1c07_530";
+const secondary = "_secondary_y1c07_534";
+const tertiary = "_tertiary_y1c07_547";
+const quaternary = "_quaternary_y1c07_560";
+const success = "_success_y1c07_588";
+const error = "_error_y1c07_92";
+const warning = "_warning_y1c07_602";
+const nav = "_nav_y1c07_609";
+const list = "_list_y1c07_614";
+const link = "_link_y1c07_620";
+const childLink = "_childLink_y1c07_650";
+const chevron = "_chevron_y1c07_654";
+const chevronOpen = "_chevronOpen_y1c07_658";
+const submenu = "_submenu_y1c07_662";
+const childList = "_childList_y1c07_668";
+const footer = "_footer_y1c07_673";
+const footerLink = "_footerLink_y1c07_685";
+const footerVersion = "_footerVersion_y1c07_693";
+const spin = "_spin_y1c07_1";
+const pulse = "_pulse_y1c07_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  wrapper,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  primary,
+  active,
+  outline,
+  clear,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  nav,
+  list,
+  link,
+  childLink,
+  chevron,
+  chevronOpen,
+  submenu,
+  childList,
+  footer,
+  footerLink,
+  footerVersion,
+  "fade-in": "_fade-in_y1c07_1",
+  "slide-up": "_slide-up_y1c07_1",
+  "spin-3d": "_spin-3d_y1c07_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_y1c07_1",
+  "progress-grow": "_progress-grow_y1c07_1",
+  "indeterminate-move": "_indeterminate-move_y1c07_1",
+  "skeleton-loading": "_skeleton-loading_y1c07_1"
+};
+const Sidebar = ({ links, ...rest }) => {
+  const currentPath = navigation.navigation.usePathname();
+  const { classMap, currentPath: _ignored, ...safeRest } = rest;
+  return /* @__PURE__ */ require$$2.jsx(
+    SidebarBase,
+    {
+      links,
+      classMap: styles,
+      currentPath,
+      LinkComponent: link$1.Link,
+      ...safeRest
+    },
+    currentPath
+  );
+};
+exports.Sidebar = Sidebar;
+//# sourceMappingURL=Sidebar-Rl3o8_ya.cjs.map

package/dist/next/Sidebar-Rl3o8_ya.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar-Rl3o8_ya.cjs","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/next/Sidebar.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useEffect } from \"react\";\nimport { SidebarProps } from \"./Sidebar.types\";\nimport { combineClassNames } from \"@/utils/classNames\";\nimport {\n  getDefaultRounding,\n  getDefaultShadow,\n  getDefaultTheme,\n} from \"@/config/boreal-style-config\";\nimport { capitalize } from \"@/utils/capitalize\";\nimport { ChevronDownIcon } from \"@/Icons\";\n\nconst SidebarBase: React.FC<SidebarProps> = ({\n  links,\n  classMap,\n  currentPath,\n  LinkComponent = \"a\",\n  theme = getDefaultTheme(),\n  rounding = getDefaultRounding(),\n  shadow = getDefaultShadow(),\n  state = \"\",\n  showFooter = false,\n  footerLinks,\n  footerVersion,\n  outline = false,\n  className = \"\",\n  \"data-testid\": testId = \"sidebar\",\n  ariaLabel = \"Sidebar navigation\",\n  ...rest\n}) => {\n  const [openItems, setOpenItems] = useState<Record<string, boolean>>({});\n\n  const toggleItem = (key: string) => {\n    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\n  };\n\n  const submenuRefs = useRef<Record<string, HTMLDivElement | null>>({});\n\n  const setSubmenuRef = (key: string, el: HTMLDivElement | null) => {\n    submenuRefs.current[key] = el;\n  };\n\n  const getSubmenuHeight = (key: string) => {\n    const el = submenuRefs.current[key];\n    return el ? `${el.scrollHeight}px` : \"0px\";\n  };\n\n  const containerClasses = useMemo(\n    () =>\n      combineClassNames(\n        classMap.wrapper,\n        className,\n        classMap[theme],\n        classMap[state],\n        shadow && classMap[`shadow${capitalize(shadow)}`],\n        rounding && classMap[`round${capitalize(rounding)}`],\n        outline ? classMap.outline : \"\"\n      ),\n    [className, theme, state, outline, rounding, shadow]\n  );\n\n  const renderLinks = (items: typeof links, isChild = false) => (\n    <ul\n      className={combineClassNames(\n        classMap.list,\n        isChild ? classMap.childList : \"\"\n      )}\n      data-testid={`${testId}-list`}\n    >\n      {items.map(({ label, href, children, icon }) => {\n        const isActive = href && currentPath === href;\n        const isOpen = openItems[label] || false;\n\n        return (\n          <li\n            key={label}\n            className={classMap.item}\n            data-testid={`${testId}-listItems`}\n          >\n            {children && children.length > 0 ? (\n              <>\n                <button\n                  type=\"button\"\n                  className={combineClassNames(\n                    classMap.link,\n                    isOpen ? classMap.active : \"\"\n                  )}\n                  onClick={() => toggleItem(label)}\n                  aria-expanded={isOpen}\n                  data-testid={`${testId}-exapndItemButton`}\n                >\n                  {icon && <span className={classMap.icon}>{icon}</span>}\n                  <span data-testid={`${testId}-exapndItemLabel`}>{label}</span>\n                  <ChevronDownIcon\n                    className={combineClassNames(\n                      classMap.chevron,\n                      isOpen ? classMap.chevronOpen : \"\"\n                    )}\n                    data-testid={`${testId}-exapndIcon`}\n                  />\n                </button>\n                <div\n                  ref={(el) => setSubmenuRef(label, el)}\n                  className={combineClassNames(\n                    classMap.submenu,\n                    isOpen ? classMap.submenuOpen : \"\"\n                  )}\n                  style={{\n                    maxHeight: isOpen ? getSubmenuHeight(label) : \"0px\",\n                  }}\n                  data-testid={`${testId}-subMenu`}\n                >\n                  {renderLinks(children, true)}\n                </div>\n              </>\n            ) : href ? (\n              <LinkComponent\n                href={href}\n                className={combineClassNames(\n                  classMap.link,\n                  isChild ? classMap.childLink : \"\",\n                  isActive ? classMap.active : \"\"\n                )}\n                aria-current={isActive ? \"page\" : undefined}\n                data-testid={`${testId}-sidebarLink`}\n              >\n                {icon && <span className={classMap.icon}>{icon}</span>}\n                {label}\n              </LinkComponent>\n            ) : (\n              <span\n                className={combineClassNames(\n                  classMap.link,\n                  isChild ? classMap.childLink : \"\"\n                )}\n                data-testid={`${testId}-sidebarLabel`}\n              >\n                {icon && <span className={classMap.icon}>{icon}</span>}\n                {label}\n              </span>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  return (\n    <nav\n      className={containerClasses}\n      aria-label={ariaLabel}\n      {...rest}\n      data-testid={testId}\n    >\n      <nav className={classMap.nav}>{renderLinks(links)}</nav>\n      {showFooter && (\n        <footer className={classMap.footer} data-testid={`${testId}-footer`}>\n          {footerLinks?.map(({ label, href }) => (\n            <LinkComponent\n              key={label}\n              href={href}\n              className={classMap.footerLink}\n              data-testid={`${testId}-footerLink`}\n            >\n              {label}\n            </LinkComponent>\n          ))}\n\n          {footerVersion && (\n            <span\n              className={classMap.footerVersion}\n              data-testid={`${testId}-footerVersion`}\n            >\n              {footerVersion}\n            </span>\n          )}\n        </footer>\n      )}\n    </nav>\n  );\n};\n\nSidebarBase.displayName = \"SidebarBase\";\n\nexport default SidebarBase;\n","\"use client\";\n\nimport React from \"react\";\nimport Link from \"next/link\";\nimport { usePathname } from \"next/navigation\";\nimport SidebarBase from \"../SidebarBase\";\nimport styles from \"./Sidebar.module.scss\";\nimport { SidebarProps } from \"../Sidebar.types\";\n\nconst Sidebar: React.FC<SidebarProps> = ({ links, ...rest }) => {\n  const currentPath = usePathname();\n\n  const { classMap, currentPath: _ignored, ...safeRest } = rest;\n\n  return (\n    <SidebarBase\n      links={links}\n      classMap={styles}\n      currentPath={currentPath}\n      LinkComponent={Link}\n      key={currentPath}\n      {...safeRest}\n    />\n  );\n};\n\nexport default Sidebar;\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","footerVersion","outline","useState","useRef","useMemo","combineClassNames","capitalize","jsx","jsxs","Fragment","ChevronDownIcon","usePathname","Link"],"mappings":"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"}

package/dist/next/Sidebar.cjs.js

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

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

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

package/dist/next/Sidebar.js

@@ -0,0 +1,5 @@
+import { S } from "./Sidebar-DBmaTOMW.js";
+export {
+  S as default
+};
+//# sourceMappingURL=Sidebar.js.map

package/dist/next/Sidebar.js.map

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

package/dist/next/index.cjs.js

@@ -9,8 +9,8 @@ const IconButton = require("./IconButton-CNzF48hu.cjs");
 const STT = require("./STT-C0q3yqiJ.cjs");
 const TextInput = require("./TextInput-iQT-2lPj.cjs");
 const TextArea = require("./TextArea-BfVBd3wl.cjs");
-const Select = require("./Select-_f1aZuKO.cjs");
-const Footer = require("./Footer-D2veQTa-.cjs");
+const Select = require("./Select-Bln5-seQ.cjs");
+const Footer = require("./Footer-J0Tb7-n4.cjs");
 const FileUpload = require("./FileUpload-427ZyzCY.cjs");
 const Taginput = require("./Taginput-BcNgwFOj.cjs");
 const RadioButton = require("./RadioButton-cXdUfJD2.cjs");
@@ -35,7 +35,7 @@ const Spinner = require("./Spinner-Doh4Uft1.cjs");
 const Tooltip = require("./Tooltip-DHhLeygn.cjs");
 const MessagePopup = require("./MessagePopup-C-7N3vB0.cjs");
 const PopOver = require("./PopOver-CHs0s9rp.cjs");
-const NavBar = require("./NavBar-CZtNDAdX.cjs");
+const NavBar = require("./NavBar-JPkuek76.cjs");
 const Breadcrumbs = require("./Breadcrumbs-0cJD4s9s.cjs");
 const Tabs = require("./Tabs-DuZPFjen.cjs");
 const Stepper = require("./Stepper-D2UYDRwT.cjs");
@@ -51,6 +51,7 @@ const MetricBox = require("./MetricBox-Dtkrwrtw.cjs");
 const EmptyState = require("./EmptyState-DUZQ2Qmn.cjs");
 const CommandPalette = require("./CommandPalette-Dp2pT5ot.cjs");
 const NotificationCenter = require("./NotificationCenter-DmcHIkOp.cjs");
+const Sidebar = require("./Sidebar-Rl3o8_ya.cjs");
 const Card = require("./Card-BCYMEFyT.cjs");
 const Avatar = require("./Avatar-DjuHvrMV.cjs");
 const ChipGroupBase = React.forwardRef(
@@ -235,6 +236,7 @@ exports.MetricBox = MetricBox.MetricBox;
 exports.EmptyState = EmptyState.EmptyState;
 exports.CommandPalette = CommandPalette.CommandPalette;
 exports.NotificationCenter = NotificationCenter.NotificationCenter;
+exports.Sidebar = Sidebar.Sidebar;
 exports.Card = Card.Card;
 exports.Avatar = Avatar.Avatar;
 exports.ChipGroup = ChipGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/next/ChipGroup.tsx","../../src/components/Footer/next/ClientFooterWrapper.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useCallback,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n  ChipComponent: React.ElementType;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n  (\r\n    {\r\n      chips,\r\n      onRemove,\r\n      position = \"topCenter\",\r\n      size = \"medium\",\r\n      className = \"\",\r\n      ChipComponent,\r\n      classMap,\r\n    },\r\n    ref\r\n  ) => {\r\n    const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n    useEffect(() => {\r\n      const initialized = chips.map((chip) => ({\r\n        ...chip,\r\n        id: chip.id || uuidv4(),\r\n      }));\r\n      setVisibleChips(initialized);\r\n    }, [chips]);\r\n\r\n    const handleClose = useCallback(\r\n      (id: string) => {\r\n        setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n        onRemove?.(id);\r\n      },\r\n      [onRemove]\r\n    );\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      closeAllChips: () => {\r\n        visibleChips.forEach((chip) => handleClose(chip.id!));\r\n      },\r\n    }));\r\n\r\n    const containerClassName = [\r\n      classMap.container,\r\n      classMap[position],\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \");\r\n\r\n    return (\r\n      <div\r\n        className={containerClassName}\r\n        role=\"region\"\r\n        aria-label=\"Notifications\"\r\n        aria-live=\"polite\"\r\n        data-testid=\"chip-group\"\r\n      >\r\n        <ul role=\"list\" className={classMap.list}>\r\n          {visibleChips.map((chip, index) => {\r\n            const chipPosition = chip.position || position;\r\n            const chipPositionClass = classMap[chipPosition];\r\n\r\n            return (\r\n              <li key={chip.id} role=\"listitem\">\r\n                <ChipComponent\r\n                  id={chip.id}\r\n                  message={chip.message}\r\n                  icon={chip.icon}\r\n                  theme={chip.theme}\r\n                  state={chip.state}\r\n                  size={chip.size || size}\r\n                  rounding={chip.rounding}\r\n                  shadow={chip.shadow}\r\n                  visible={true}\r\n                  onClose={() => handleClose(chip.id!)}\r\n                  autoClose={chip.autoClose}\r\n                  duration={chip.duration}\r\n                  position={chipPosition}\r\n                  usePortal={false}\r\n                  stackIndex={index}\r\n                  className={combineClassNames(\r\n                    classMap.chip,\r\n                    chip.className,\r\n                    chipPositionClass\r\n                  )}\r\n                  data-testid={chip[\"data-testid\"]}\r\n                />\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport { Chip } from \"../../../../index.next\";\r\nimport styles from \"./ChipGroup.module.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n  (props, ref) => (\r\n    <ChipGroupBase\r\n      {...props}\r\n      ref={ref}\r\n      ChipComponent={Chip}\r\n      classMap={styles}\r\n    />\r\n  )\r\n);\r\n\r\nexport default ChipGroup;\r\n","/**\r\n * ---------------------------------------------------------------------\r\n * ClientFooterWrapper.tsx\r\n * ---------------------------------------------------------------------\r\n * A client-side wrapper for the `<Footer>` component to ensure\r\n * it renders only on the client (required when using dynamic content\r\n * or browser-specific APIs within the Footer).\r\n *\r\n * This is useful in Next.js when a server component cannot render\r\n * a client-only dependency.\r\n *\r\n * Props are directly passed through from `FooterProps`.\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ClientFooterWrapper\r\n *   copyright=\"© 2025 Davin Chiupka\"\r\n *   showThemeSelect\r\n * />\r\n * ```\r\n */\r\n\r\n\"use client\";\r\n\r\nimport Footer from \"./Footer\";\r\nimport type { FooterProps } from \"../Footer.types\";\r\n\r\nexport default function ClientFooterWrapper(props: FooterProps) {\r\n  return <Footer {...props} />;\r\n}\r\n"],"names":["forwardRef","useState","useEffect","chip","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip","Footer"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/next/ChipGroup.tsx","../../src/components/Footer/next/ClientFooterWrapper.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useCallback,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n  ChipComponent: React.ElementType;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n  (\r\n    {\r\n      chips,\r\n      onRemove,\r\n      position = \"topCenter\",\r\n      size = \"medium\",\r\n      className = \"\",\r\n      ChipComponent,\r\n      classMap,\r\n    },\r\n    ref\r\n  ) => {\r\n    const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n    useEffect(() => {\r\n      const initialized = chips.map((chip) => ({\r\n        ...chip,\r\n        id: chip.id || uuidv4(),\r\n      }));\r\n      setVisibleChips(initialized);\r\n    }, [chips]);\r\n\r\n    const handleClose = useCallback(\r\n      (id: string) => {\r\n        setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n        onRemove?.(id);\r\n      },\r\n      [onRemove]\r\n    );\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      closeAllChips: () => {\r\n        visibleChips.forEach((chip) => handleClose(chip.id!));\r\n      },\r\n    }));\r\n\r\n    const containerClassName = [\r\n      classMap.container,\r\n      classMap[position],\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \");\r\n\r\n    return (\r\n      <div\r\n        className={containerClassName}\r\n        role=\"region\"\r\n        aria-label=\"Notifications\"\r\n        aria-live=\"polite\"\r\n        data-testid=\"chip-group\"\r\n      >\r\n        <ul role=\"list\" className={classMap.list}>\r\n          {visibleChips.map((chip, index) => {\r\n            const chipPosition = chip.position || position;\r\n            const chipPositionClass = classMap[chipPosition];\r\n\r\n            return (\r\n              <li key={chip.id} role=\"listitem\">\r\n                <ChipComponent\r\n                  id={chip.id}\r\n                  message={chip.message}\r\n                  icon={chip.icon}\r\n                  theme={chip.theme}\r\n                  state={chip.state}\r\n                  size={chip.size || size}\r\n                  rounding={chip.rounding}\r\n                  shadow={chip.shadow}\r\n                  visible={true}\r\n                  onClose={() => handleClose(chip.id!)}\r\n                  autoClose={chip.autoClose}\r\n                  duration={chip.duration}\r\n                  position={chipPosition}\r\n                  usePortal={false}\r\n                  stackIndex={index}\r\n                  className={combineClassNames(\r\n                    classMap.chip,\r\n                    chip.className,\r\n                    chipPositionClass\r\n                  )}\r\n                  data-testid={chip[\"data-testid\"]}\r\n                />\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport { Chip } from \"../../../../index.next\";\r\nimport styles from \"./ChipGroup.module.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n  (props, ref) => (\r\n    <ChipGroupBase\r\n      {...props}\r\n      ref={ref}\r\n      ChipComponent={Chip}\r\n      classMap={styles}\r\n    />\r\n  )\r\n);\r\n\r\nexport default ChipGroup;\r\n","/**\r\n * ---------------------------------------------------------------------\r\n * ClientFooterWrapper.tsx\r\n * ---------------------------------------------------------------------\r\n * A client-side wrapper for the `<Footer>` component to ensure\r\n * it renders only on the client (required when using dynamic content\r\n * or browser-specific APIs within the Footer).\r\n *\r\n * This is useful in Next.js when a server component cannot render\r\n * a client-only dependency.\r\n *\r\n * Props are directly passed through from `FooterProps`.\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ClientFooterWrapper\r\n *   copyright=\"© 2025 Davin Chiupka\"\r\n *   showThemeSelect\r\n * />\r\n * ```\r\n */\r\n\r\n\"use client\";\r\n\r\nimport Footer from \"./Footer\";\r\nimport type { FooterProps } from \"../Footer.types\";\r\n\r\nexport default function ClientFooterWrapper(props: FooterProps) {\r\n  return <Footer {...props} />;\r\n}\r\n"],"names":["forwardRef","useState","useEffect","chip","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip","Footer"],"mappings":"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"}

package/dist/next/index.js

@@ -7,9 +7,9 @@ import { I } from "./IconButton-DFrFh0kg.js";
 import { S } from "./STT-Br81yPXp.js";
 import { T as T2 } from "./TextInput-DkNxrV4X.js";
 import { T as T3 } from "./TextArea-CwR4vrML.js";
-import { S as S2 } from "./Select-DwWTQcCU.js";
-import { F as Footer } from "./Footer-CQAWg2tl.js";
-import { U } from "./Footer-CQAWg2tl.js";
+import { S as S2 } from "./Select-CdWyrGrV.js";
+import { F as Footer } from "./Footer-bb_8EH_R.js";
+import { U } from "./Footer-bb_8EH_R.js";
 import { F } from "./FileUpload-DQhKhtgc.js";
 import { T as T4 } from "./Taginput-CdYMgcYY.js";
 import { R } from "./RadioButton-BKS65jm9.js";
@@ -34,7 +34,7 @@ import { S as S5 } from "./Spinner-BxvU43sx.js";
 import { T as T5 } from "./Tooltip-G3P0OyTP.js";
 import { M as M2 } from "./MessagePopup-ClfrvxKq.js";
 import { P as P2 } from "./PopOver-pllmYvp6.js";
-import { N } from "./NavBar-DzRWv8W0.js";
+import { N } from "./NavBar-CRbRBzGq.js";
 import { B as B3 } from "./Breadcrumbs-liNC5ZzY.js";
 import { T as T6 } from "./Tabs-CNU0A_YY.js";
 import { S as S6 } from "./Stepper-5FojeYPE.js";
@@ -50,6 +50,7 @@ import { M as M4 } from "./MetricBox-rxFYolH_.js";
 import { E } from "./EmptyState-CSEhZvTp.js";
 import { C as C4 } from "./CommandPalette-CEZwvLuu.js";
 import { N as N2 } from "./NotificationCenter-BCXpVjHd.js";
+import { S as S7 } from "./Sidebar-DBmaTOMW.js";
 import { C as C5 } from "./Card-DhdZiqdl.js";
 import { A as A2 } from "./Avatar-B0vflpuy.js";
 const ChipGroupBase = forwardRef(
@@ -221,6 +222,7 @@ export {
   R2 as Rating,
   S as ScrollToTop,
   S2 as Select,
+  S7 as Sidebar,
   S4 as Skeleton,
   S3 as Slider,
   S5 as Spinner,

package/dist/next/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/next/ChipGroup.tsx","../../src/components/Footer/next/ClientFooterWrapper.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useCallback,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n  ChipComponent: React.ElementType;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n  (\r\n    {\r\n      chips,\r\n      onRemove,\r\n      position = \"topCenter\",\r\n      size = \"medium\",\r\n      className = \"\",\r\n      ChipComponent,\r\n      classMap,\r\n    },\r\n    ref\r\n  ) => {\r\n    const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n    useEffect(() => {\r\n      const initialized = chips.map((chip) => ({\r\n        ...chip,\r\n        id: chip.id || uuidv4(),\r\n      }));\r\n      setVisibleChips(initialized);\r\n    }, [chips]);\r\n\r\n    const handleClose = useCallback(\r\n      (id: string) => {\r\n        setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n        onRemove?.(id);\r\n      },\r\n      [onRemove]\r\n    );\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      closeAllChips: () => {\r\n        visibleChips.forEach((chip) => handleClose(chip.id!));\r\n      },\r\n    }));\r\n\r\n    const containerClassName = [\r\n      classMap.container,\r\n      classMap[position],\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \");\r\n\r\n    return (\r\n      <div\r\n        className={containerClassName}\r\n        role=\"region\"\r\n        aria-label=\"Notifications\"\r\n        aria-live=\"polite\"\r\n        data-testid=\"chip-group\"\r\n      >\r\n        <ul role=\"list\" className={classMap.list}>\r\n          {visibleChips.map((chip, index) => {\r\n            const chipPosition = chip.position || position;\r\n            const chipPositionClass = classMap[chipPosition];\r\n\r\n            return (\r\n              <li key={chip.id} role=\"listitem\">\r\n                <ChipComponent\r\n                  id={chip.id}\r\n                  message={chip.message}\r\n                  icon={chip.icon}\r\n                  theme={chip.theme}\r\n                  state={chip.state}\r\n                  size={chip.size || size}\r\n                  rounding={chip.rounding}\r\n                  shadow={chip.shadow}\r\n                  visible={true}\r\n                  onClose={() => handleClose(chip.id!)}\r\n                  autoClose={chip.autoClose}\r\n                  duration={chip.duration}\r\n                  position={chipPosition}\r\n                  usePortal={false}\r\n                  stackIndex={index}\r\n                  className={combineClassNames(\r\n                    classMap.chip,\r\n                    chip.className,\r\n                    chipPositionClass\r\n                  )}\r\n                  data-testid={chip[\"data-testid\"]}\r\n                />\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport { Chip } from \"../../../../index.next\";\r\nimport styles from \"./ChipGroup.module.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n  (props, ref) => (\r\n    <ChipGroupBase\r\n      {...props}\r\n      ref={ref}\r\n      ChipComponent={Chip}\r\n      classMap={styles}\r\n    />\r\n  )\r\n);\r\n\r\nexport default ChipGroup;\r\n","/**\r\n * ---------------------------------------------------------------------\r\n * ClientFooterWrapper.tsx\r\n * ---------------------------------------------------------------------\r\n * A client-side wrapper for the `<Footer>` component to ensure\r\n * it renders only on the client (required when using dynamic content\r\n * or browser-specific APIs within the Footer).\r\n *\r\n * This is useful in Next.js when a server component cannot render\r\n * a client-only dependency.\r\n *\r\n * Props are directly passed through from `FooterProps`.\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ClientFooterWrapper\r\n *   copyright=\"© 2025 Davin Chiupka\"\r\n *   showThemeSelect\r\n * />\r\n * ```\r\n */\r\n\r\n\"use client\";\r\n\r\nimport Footer from \"./Footer\";\r\nimport type { FooterProps } from \"../Footer.types\";\r\n\r\nexport default function ClientFooterWrapper(props: FooterProps) {\r\n  return <Footer {...props} />;\r\n}\r\n"],"names":["chip","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EAAA,GAEF,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,CAAA,CAAE;AAEhE,cAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAACA,WAAU;AAAA,QACvC,GAAGA;AAAA,QACH,IAAIA,MAAK,MAAMC,GAAA;AAAA,MAAO,EACtB;AACF,sBAAgB,WAAW;AAAA,IAC7B,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,cAAc;AAAA,MAClB,CAAC,OAAe;AACd,wBAAgB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AACzD,6CAAW;AAAA,MACb;AAAA,MACA,CAAC,QAAQ;AAAA,IAAA;AAGX,wBAAoB,KAAK,OAAO;AAAA,MAC9B,eAAe,MAAM;AACnB,qBAAa,QAAQ,CAACD,UAAS,YAAYA,MAAK,EAAG,CAAC;AAAA,MACtD;AAAA,IAAA,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzB,SAAS;AAAA,MACT,SAAS,QAAQ;AAAA,MACjB;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,aAAU;AAAA,QACV,eAAY;AAAA,QAEZ,UAAA,oBAAC,MAAA,EAAG,MAAK,QAAO,WAAW,SAAS,MACjC,UAAA,aAAa,IAAI,CAACA,OAAM,UAAU;AACjC,gBAAM,eAAeA,MAAK,YAAY;AACtC,gBAAM,oBAAoB,SAAS,YAAY;AAE/C,iBACE,oBAAC,MAAA,EAAiB,MAAK,YACrB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIA,MAAK;AAAA,cACT,SAASA,MAAK;AAAA,cACd,MAAMA,MAAK;AAAA,cACX,OAAOA,MAAK;AAAA,cACZ,OAAOA,MAAK;AAAA,cACZ,MAAMA,MAAK,QAAQ;AAAA,cACnB,UAAUA,MAAK;AAAA,cACf,QAAQA,MAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAYA,MAAK,EAAG;AAAA,cACnC,WAAWA,MAAK;AAAA,cAChB,UAAUA,MAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAW;AAAA,gBACT,SAAS;AAAA,gBACTA,MAAK;AAAA,gBACL;AAAA,cAAA;AAAA,cAEF,eAAaA,MAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBOA,MAAK,EAwBd;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrG5B,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,OAAO,QACN;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;ACUA,SAAwB,oBAAoB,OAAoB;AAC9D,SAAO,oBAAC,QAAA,EAAQ,GAAG,MAAA,CAAO;AAC5B;"}
+{"version":3,"file":"index.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/next/ChipGroup.tsx","../../src/components/Footer/next/ClientFooterWrapper.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useCallback,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n  ChipComponent: React.ElementType;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n  (\r\n    {\r\n      chips,\r\n      onRemove,\r\n      position = \"topCenter\",\r\n      size = \"medium\",\r\n      className = \"\",\r\n      ChipComponent,\r\n      classMap,\r\n    },\r\n    ref\r\n  ) => {\r\n    const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n    useEffect(() => {\r\n      const initialized = chips.map((chip) => ({\r\n        ...chip,\r\n        id: chip.id || uuidv4(),\r\n      }));\r\n      setVisibleChips(initialized);\r\n    }, [chips]);\r\n\r\n    const handleClose = useCallback(\r\n      (id: string) => {\r\n        setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n        onRemove?.(id);\r\n      },\r\n      [onRemove]\r\n    );\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      closeAllChips: () => {\r\n        visibleChips.forEach((chip) => handleClose(chip.id!));\r\n      },\r\n    }));\r\n\r\n    const containerClassName = [\r\n      classMap.container,\r\n      classMap[position],\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \");\r\n\r\n    return (\r\n      <div\r\n        className={containerClassName}\r\n        role=\"region\"\r\n        aria-label=\"Notifications\"\r\n        aria-live=\"polite\"\r\n        data-testid=\"chip-group\"\r\n      >\r\n        <ul role=\"list\" className={classMap.list}>\r\n          {visibleChips.map((chip, index) => {\r\n            const chipPosition = chip.position || position;\r\n            const chipPositionClass = classMap[chipPosition];\r\n\r\n            return (\r\n              <li key={chip.id} role=\"listitem\">\r\n                <ChipComponent\r\n                  id={chip.id}\r\n                  message={chip.message}\r\n                  icon={chip.icon}\r\n                  theme={chip.theme}\r\n                  state={chip.state}\r\n                  size={chip.size || size}\r\n                  rounding={chip.rounding}\r\n                  shadow={chip.shadow}\r\n                  visible={true}\r\n                  onClose={() => handleClose(chip.id!)}\r\n                  autoClose={chip.autoClose}\r\n                  duration={chip.duration}\r\n                  position={chipPosition}\r\n                  usePortal={false}\r\n                  stackIndex={index}\r\n                  className={combineClassNames(\r\n                    classMap.chip,\r\n                    chip.className,\r\n                    chipPositionClass\r\n                  )}\r\n                  data-testid={chip[\"data-testid\"]}\r\n                />\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport { Chip } from \"../../../../index.next\";\r\nimport styles from \"./ChipGroup.module.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n  (props, ref) => (\r\n    <ChipGroupBase\r\n      {...props}\r\n      ref={ref}\r\n      ChipComponent={Chip}\r\n      classMap={styles}\r\n    />\r\n  )\r\n);\r\n\r\nexport default ChipGroup;\r\n","/**\r\n * ---------------------------------------------------------------------\r\n * ClientFooterWrapper.tsx\r\n * ---------------------------------------------------------------------\r\n * A client-side wrapper for the `<Footer>` component to ensure\r\n * it renders only on the client (required when using dynamic content\r\n * or browser-specific APIs within the Footer).\r\n *\r\n * This is useful in Next.js when a server component cannot render\r\n * a client-only dependency.\r\n *\r\n * Props are directly passed through from `FooterProps`.\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ClientFooterWrapper\r\n *   copyright=\"© 2025 Davin Chiupka\"\r\n *   showThemeSelect\r\n * />\r\n * ```\r\n */\r\n\r\n\"use client\";\r\n\r\nimport Footer from \"./Footer\";\r\nimport type { FooterProps } from \"../Footer.types\";\r\n\r\nexport default function ClientFooterWrapper(props: FooterProps) {\r\n  return <Footer {...props} />;\r\n}\r\n"],"names":["chip","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EAAA,GAEF,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,CAAA,CAAE;AAEhE,cAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAACA,WAAU;AAAA,QACvC,GAAGA;AAAA,QACH,IAAIA,MAAK,MAAMC,GAAA;AAAA,MAAO,EACtB;AACF,sBAAgB,WAAW;AAAA,IAC7B,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,cAAc;AAAA,MAClB,CAAC,OAAe;AACd,wBAAgB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AACzD,6CAAW;AAAA,MACb;AAAA,MACA,CAAC,QAAQ;AAAA,IAAA;AAGX,wBAAoB,KAAK,OAAO;AAAA,MAC9B,eAAe,MAAM;AACnB,qBAAa,QAAQ,CAACD,UAAS,YAAYA,MAAK,EAAG,CAAC;AAAA,MACtD;AAAA,IAAA,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzB,SAAS;AAAA,MACT,SAAS,QAAQ;AAAA,MACjB;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,aAAU;AAAA,QACV,eAAY;AAAA,QAEZ,UAAA,oBAAC,MAAA,EAAG,MAAK,QAAO,WAAW,SAAS,MACjC,UAAA,aAAa,IAAI,CAACA,OAAM,UAAU;AACjC,gBAAM,eAAeA,MAAK,YAAY;AACtC,gBAAM,oBAAoB,SAAS,YAAY;AAE/C,iBACE,oBAAC,MAAA,EAAiB,MAAK,YACrB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIA,MAAK;AAAA,cACT,SAASA,MAAK;AAAA,cACd,MAAMA,MAAK;AAAA,cACX,OAAOA,MAAK;AAAA,cACZ,OAAOA,MAAK;AAAA,cACZ,MAAMA,MAAK,QAAQ;AAAA,cACnB,UAAUA,MAAK;AAAA,cACf,QAAQA,MAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAYA,MAAK,EAAG;AAAA,cACnC,WAAWA,MAAK;AAAA,cAChB,UAAUA,MAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAW;AAAA,gBACT,SAAS;AAAA,gBACTA,MAAK;AAAA,gBACL;AAAA,cAAA;AAAA,cAEF,eAAaA,MAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBOA,MAAK,EAwBd;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrG5B,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,OAAO,QACN;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;ACUA,SAAwB,oBAAoB,OAAoB;AAC9D,SAAO,oBAAC,QAAA,EAAQ,GAAG,MAAA,CAAO;AAC5B;"}

package/dist/next/{NavBar-DzRWv8W0.js → navigation-DTwYCgCL.js}

@@ -1,74 +1,5 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React, { useMemo } 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-BILmxkZG.js";
-import { _ as _interop_require_default, a as _interop_require_wildcard, s as segment, L as Link } from "./link-Bik5xH00.js";
-const BaseNavBar = ({
-  items,
-  currentPath,
-  LinkWrapper,
-  classMap,
-  theme = getDefaultTheme(),
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  "data-testid": testId = "empty-state"
-}) => {
-  const wrapperClass = useMemo(
-    () => combineClassNames(classMap.container, classMap[theme]),
-    [classMap, theme]
-  );
-  const itemClass = useMemo(
-    () => combineClassNames(
-      classMap.item,
-      shadow && classMap[`shadow${capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize(rounding)}`]
-    ),
-    [classMap, shadow, rounding]
-  );
-  return /* @__PURE__ */ jsx(
-    "nav",
-    {
-      role: "navigation",
-      "aria-label": "Main navigation",
-      className: wrapperClass,
-      "data-testid": `${testId}-nav-bar`,
-      children: items.map((item2, index) => {
-        const isActive = currentPath === item2.path;
-        console.log(
-          "Nav item className:",
-          combineClassNames(classMap.item, isActive && classMap.active)
-        );
-        return /* @__PURE__ */ jsxs(
-          LinkWrapper,
-          {
-            href: item2.path,
-            isActive,
-            className: combineClassNames(
-              itemClass,
-              isActive && classMap["item--active"]
-            ),
-            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 })
-            ]
-          },
-          `${item2.label}-${index}`
-        );
-      })
-    }
-  );
-};
+import React from "react";
+import { _ as _interop_require_default, a as _interop_require_wildcard, s as segment } from "./link-Bik5xH00.js";
 var navigation$1 = { exports: {} };
 var appRouterContext_sharedRuntime = {};
 (function(exports) {
@@ -2054,94 +1985,7 @@ function requireBailoutToClientRendering() {
 })(navigation$1, navigation$1.exports);
 var navigationExports = navigation$1.exports;
 var navigation = navigationExports;
-const noScroll = "_noScroll_702gs_91";
-const errorMessage = "_errorMessage_702gs_92";
-const loadingContainer = "_loadingContainer_702gs_93";
-const hideScrollbar = "_hideScrollbar_702gs_85";
-const sr_only = "_sr_only_702gs_94";
-const container = "_container_702gs_479";
-const primary = "_primary_702gs_506";
-const item = "_item_702gs_506";
-const secondary = "_secondary_702gs_518";
-const tertiary = "_tertiary_702gs_530";
-const quaternary = "_quaternary_702gs_542";
-const clear = "_clear_702gs_554";
-const icon = "_icon_702gs_586";
-const label = "_label_702gs_597";
-const roundNone = "_roundNone_702gs_609";
-const roundSmall = "_roundSmall_702gs_613";
-const roundMedium = "_roundMedium_702gs_617";
-const roundLarge = "_roundLarge_702gs_621";
-const roundFull = "_roundFull_702gs_625";
-const shadowNone = "_shadowNone_702gs_629";
-const shadowLight = "_shadowLight_702gs_633";
-const shadowMedium = "_shadowMedium_702gs_637";
-const shadowStrong = "_shadowStrong_702gs_641";
-const shadowIntense = "_shadowIntense_702gs_645";
-const spin = "_spin_702gs_1";
-const pulse = "_pulse_702gs_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  container,
-  primary,
-  item,
-  "item--active": "_item--active_702gs_513",
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  icon,
-  label,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_702gs_1",
-  "slide-up": "_slide-up_702gs_1",
-  "spin-3d": "_spin-3d_702gs_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_702gs_1",
-  "progress-grow": "_progress-grow_702gs_1",
-  "indeterminate-move": "_indeterminate-move_702gs_1",
-  "skeleton-loading": "_skeleton-loading_702gs_1"
-};
-const NavBar = ({
-  mockPath,
-  ...props
-}) => {
-  const pathname = navigation.usePathname();
-  const resolvedPath = mockPath ?? pathname;
-  return /* @__PURE__ */ jsx(
-    BaseNavBar,
-    {
-      ...props,
-      currentPath: resolvedPath || "/",
-      LinkWrapper: ({ href, children, className, isActive, testId }) => /* @__PURE__ */ jsx(
-        Link,
-        {
-          href,
-          className,
-          "aria-current": isActive ? "page" : void 0,
-          "data-testid": testId,
-          children
-        }
-      ),
-      classMap: styles
-    }
-  );
-};
 export {
-  NavBar as N
+  navigation as n
 };
-//# sourceMappingURL=NavBar-DzRWv8W0.js.map
+//# sourceMappingURL=navigation-DTwYCgCL.js.map