boreal-ui 0.0.76 → 0.0.78

package/dist/next/{NavBar-d-Hx7gkg.cjs → NavBar-Cd6FlBPY.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./NavBar.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
@@ -94,41 +94,31 @@ const BaseNavBar = ({
   );
 };
 BaseNavBar.displayName = "BaseNavBar";
-const noScroll = "_noScroll_1fbci_109";
-const errorMessage = "_errorMessage_1fbci_110";
-const loadingContainer = "_loadingContainer_1fbci_111";
-const hideScrollbar = "_hideScrollbar_1fbci_103";
-const sr_only = "_sr_only_1fbci_112";
-const container = "_container_1fbci_637";
-const primary = "_primary_1fbci_674";
-const item = "_item_1fbci_674";
-const item_active = "_item_active_1fbci_688";
-const secondary = "_secondary_1fbci_695";
-const tertiary = "_tertiary_1fbci_716";
-const quaternary = "_quaternary_1fbci_737";
-const clear = "_clear_1fbci_758";
-const list = "_list_1fbci_779";
-const linkContent = "_linkContent_1fbci_827";
-const icon = "_icon_1fbci_832";
-const label = "_label_1fbci_853";
-const roundNone = "_roundNone_1fbci_869";
-const roundSmall = "_roundSmall_1fbci_873";
-const roundMedium = "_roundMedium_1fbci_877";
-const roundLarge = "_roundLarge_1fbci_881";
-const roundFull = "_roundFull_1fbci_885";
-const shadowNone = "_shadowNone_1fbci_889";
-const shadowLight = "_shadowLight_1fbci_893";
-const shadowMedium = "_shadowMedium_1fbci_897";
-const shadowStrong = "_shadowStrong_1fbci_901";
-const shadowIntense = "_shadowIntense_1fbci_905";
-const spin = "_spin_1fbci_1";
-const pulse = "_pulse_1fbci_1";
+const container = "_container_rp518_204";
+const primary = "_primary_rp518_241";
+const item = "_item_rp518_241";
+const item_active = "_item_active_rp518_255";
+const secondary = "_secondary_rp518_262";
+const tertiary = "_tertiary_rp518_283";
+const quaternary = "_quaternary_rp518_304";
+const clear = "_clear_rp518_325";
+const list = "_list_rp518_346";
+const linkContent = "_linkContent_rp518_394";
+const icon = "_icon_rp518_399";
+const label = "_label_rp518_420";
+const roundNone = "_roundNone_rp518_436";
+const roundSmall = "_roundSmall_rp518_440";
+const roundMedium = "_roundMedium_rp518_444";
+const roundLarge = "_roundLarge_rp518_448";
+const roundFull = "_roundFull_rp518_452";
+const shadowNone = "_shadowNone_rp518_456";
+const shadowLight = "_shadowLight_rp518_460";
+const shadowMedium = "_shadowMedium_rp518_464";
+const shadowStrong = "_shadowStrong_rp518_468";
+const shadowIntense = "_shadowIntense_rp518_472";
+const spin = "_spin_rp518_1";
+const pulse = "_pulse_rp518_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   container,
   primary,
   item,
@@ -151,15 +141,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_1fbci_1",
-  "slide-up": "_slide-up_1fbci_1",
-  "spin-3d": "_spin-3d_1fbci_1",
+  "fade-in": "_fade-in_rp518_1",
+  "slide-up": "_slide-up_rp518_1",
+  "spin-3d": "_spin-3d_rp518_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1fbci_1",
-  "progress-grow": "_progress-grow_1fbci_1",
-  "indeterminate-move": "_indeterminate-move_1fbci_1",
-  "skeleton-loading": "_skeleton-loading_1fbci_1"
+  "fade-in-up": "_fade-in-up_rp518_1",
+  "progress-grow": "_progress-grow_rp518_1",
+  "indeterminate-move": "_indeterminate-move_rp518_1",
+  "skeleton-loading": "_skeleton-loading_rp518_1"
 };
 const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
 const NavBar = ({
@@ -198,4 +188,4 @@ const NavBar = ({
 };
 NavBar.displayName = "NavBar";
 exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-d-Hx7gkg.cjs.map
+//# sourceMappingURL=NavBar-Cd6FlBPY.cjs.map

package/dist/next/{NavBar-d-Hx7gkg.cjs.map → NavBar-Cd6FlBPY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NavBar-d-Hx7gkg.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n  \"aria-label\": ariaLabel = \"Main navigation\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"list-aria-label\": listAriaLabel = \"Main navigation items\",\r\n  getItemAriaLabel,\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul\r\n        className={classMap.list}\r\n        aria-label={listAriaLabel}\r\n        data-testid={`${testId}-nav-list`}\r\n      >\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n          const itemAriaLabel = getItemAriaLabel?.(item) ?? item.label;\r\n\r\n          return (\r\n            <li\r\n              key={`${item.path}-${slug}`}\r\n              className={classMap.listItem}\r\n              data-testid={`${testId}-nav-list-item-${slug}`}\r\n            >\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n                aria-label={itemAriaLabel}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"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, NavItem } from \"../NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  isItemActive: consumerIsItemActive,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname ?? \"/\";\r\n\r\n  const defaultIsItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(resolvedPath);\r\n\r\n  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={resolvedIsItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <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\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs","usePathname","Link"],"mappings":"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"}
+{"version":3,"file":"NavBar-Cd6FlBPY.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n  \"aria-label\": ariaLabel = \"Main navigation\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"list-aria-label\": listAriaLabel = \"Main navigation items\",\r\n  getItemAriaLabel,\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul\r\n        className={classMap.list}\r\n        aria-label={listAriaLabel}\r\n        data-testid={`${testId}-nav-list`}\r\n      >\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n          const itemAriaLabel = getItemAriaLabel?.(item) ?? item.label;\r\n\r\n          return (\r\n            <li\r\n              key={`${item.path}-${slug}`}\r\n              className={classMap.listItem}\r\n              data-testid={`${testId}-nav-list-item-${slug}`}\r\n            >\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n                aria-label={itemAriaLabel}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"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, NavItem } from \"../NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  isItemActive: consumerIsItemActive,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname ?? \"/\";\r\n\r\n  const defaultIsItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(resolvedPath);\r\n\r\n  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={resolvedIsItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <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\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs","usePathname","Link"],"mappings":"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"}

package/dist/next/NavBar.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const NavBar = require("./NavBar-d-Hx7gkg.cjs");
+const NavBar = require("./NavBar-Cd6FlBPY.cjs");
 module.exports = NavBar.NavBar;
 //# sourceMappingURL=NavBar.cjs.js.map

package/dist/next/NavBar.css

@@ -0,0 +1,498 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+/**
+ * -----------------------------------------------------
+ * _animations.scss
+ * -----------------------------------------------------
+ * This file contains reusable keyframe animations
+ * used across the component library for transitions,
+ * loaders, and visual enhancements.
+ *
+ * List of Animations:
+ *
+ * 1. fade-in
+ *    - Smoothly fades in an element by transitioning opacity from 0 to 1.
+ *
+ * 2. slide-up
+ *    - Slides an element upward into view from below while fading in.
+ *
+ * 3. spin-3d
+ *    - Rotates an element in 3D space along both X and Y axes (360°).
+ *
+ * 4. spin
+ *    - Continuously rotates an element clockwise in 2D space.
+ *
+ * 5. pulse
+ *    - Gently scales an element up and down to create a pulsing effect.
+ *
+ * 6. fade-in-up
+ *    - Combines a fade-in with a slight upward motion (used for tooltips, popups).
+ *
+ * 7. progress-grow
+ *    - Expands the width of a progress bar from 0% to 100%.
+ *
+ * 8. indeterminate-move
+ *    - Moves an element from left to right in a loop, used in indeterminate loaders.
+ *
+ * 9. skeleton-loading
+ *    - Creates a sweeping shimmer effect for skeleton loaders.
+ */
+@keyframes _fade-in_rp518_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_rp518_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_rp518_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_rp518_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_rp518_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_rp518_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_rp518_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_rp518_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_rp518_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._container_rp518_204 {
+  position: fixed;
+  transform: translateX(-45%);
+  flex-direction: column;
+  justify-content: center;
+  top: 10px;
+  left: 10px;
+  gap: 10px;
+  background-color: transparent;
+  transition: var(--transition-default);
+  z-index: 1001;
+  font-family: var(--font-family-ui);
+}
+._container_rp518_204 a {
+  text-decoration: none;
+  color: inherit;
+}
+._container_rp518_204 a:hover {
+  text-decoration: none;
+}
+._container_rp518_204 a:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 6px;
+}
+@media (width <= 1023.98px) {
+  ._container_rp518_204 {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: var(--spacing-sm);
+  }
+}
+
+._primary_rp518_241 ._item_rp518_241 {
+  background-color: var(--primary-color);
+  color: var(--text-color-primary);
+  transition: var(--transition-default);
+}
+._primary_rp518_241 ._item_rp518_241:hover {
+  background-color: var(--primary-color-hover);
+  transform: scale(1.1);
+}
+@media (width <= 767.98px) {
+  ._primary_rp518_241 ._item_rp518_241:hover {
+    transform: scale(1.05);
+  }
+}
+._primary_rp518_241 ._item_active_rp518_255,
+._primary_rp518_241 ._item_rp518_241[aria-current=page] {
+  background-color: var(--primary-color-light);
+  color: var(--text-color-primary);
+  font-weight: var(--font-weight-label);
+}
+
+._secondary_rp518_262 ._item_rp518_241 {
+  background-color: var(--secondary-color);
+  color: var(--text-color-secondary);
+  transition: var(--transition-default);
+}
+._secondary_rp518_262 ._item_rp518_241:hover {
+  background-color: var(--secondary-color-hover);
+  transform: scale(1.1);
+}
+@media (width <= 767.98px) {
+  ._secondary_rp518_262 ._item_rp518_241:hover {
+    transform: scale(1.05);
+  }
+}
+._secondary_rp518_262 ._item_active_rp518_255,
+._secondary_rp518_262 ._item_rp518_241[aria-current=page] {
+  background-color: var(--secondary-color-light);
+  color: var(--text-color-secondary);
+  font-weight: var(--font-weight-label);
+}
+
+._tertiary_rp518_283 ._item_rp518_241 {
+  background-color: var(--tertiary-color);
+  color: var(--text-color-primary);
+  transition: var(--transition-default);
+}
+._tertiary_rp518_283 ._item_rp518_241:hover {
+  background-color: var(--tertiary-color-hover);
+  transform: scale(1.1);
+}
+@media (width <= 767.98px) {
+  ._tertiary_rp518_283 ._item_rp518_241:hover {
+    transform: scale(1.05);
+  }
+}
+._tertiary_rp518_283 ._item_active_rp518_255,
+._tertiary_rp518_283 ._item_rp518_241[aria-current=page] {
+  background-color: var(--tertiary-color-light);
+  color: var(--text-color-primary);
+  font-weight: var(--font-weight-label);
+}
+
+._quaternary_rp518_304 ._item_rp518_241 {
+  background-color: var(--quaternary-color);
+  color: var(--text-color-primary);
+  transition: var(--transition-default);
+}
+._quaternary_rp518_304 ._item_rp518_241:hover {
+  background-color: var(--quaternary-color-hover);
+  transform: scale(1.1);
+}
+@media (width <= 767.98px) {
+  ._quaternary_rp518_304 ._item_rp518_241:hover {
+    transform: scale(1.05);
+  }
+}
+._quaternary_rp518_304 ._item_active_rp518_255,
+._quaternary_rp518_304 ._item_rp518_241[aria-current=page] {
+  background-color: var(--quaternary-color-light);
+  color: var(--text-color-primary);
+  font-weight: var(--font-weight-label);
+}
+
+._clear_rp518_325 ._item_rp518_241 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  transition: var(--transition-default);
+}
+._clear_rp518_325 ._item_rp518_241:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+  transform: scale(1.1);
+}
+@media (width <= 767.98px) {
+  ._clear_rp518_325 ._item_rp518_241:hover {
+    transform: scale(1.05);
+  }
+}
+._clear_rp518_325 ._item_active_rp518_255,
+._clear_rp518_325 ._item_rp518_241[aria-current=page] {
+  background-color: rgba(0, 0, 0, 0.4);
+  color: var(--text-color-primary);
+  font-weight: var(--font-weight-label);
+}
+
+._list_rp518_346 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  top: 10px;
+  left: 10px;
+  gap: 1em;
+  list-style: none;
+}
+@media (width <= 1023.98px) {
+  ._list_rp518_346 {
+    position: absolute;
+    transform: translateX(-50%);
+    flex-direction: row;
+    justify-content: center;
+    padding: 0px;
+    gap: var(--spacing-sm);
+    top: 0;
+    left: 50%;
+  }
+}
+
+._item_rp518_241 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 80px;
+  height: 80px;
+  padding: 15px;
+  color: var(--text-color-primary);
+  text-decoration: none;
+  cursor: pointer;
+  transition: var(--transition-default);
+}
+._item_rp518_241:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 8px;
+}
+@media (width <= 767.98px) {
+  ._item_rp518_241 {
+    width: 35px;
+    height: 35px;
+    padding: 5px;
+  }
+}
+
+._linkContent_rp518_394 {
+  display: flex;
+  flex-direction: column;
+}
+
+._icon_rp518_399 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.5s ease-in-out;
+}
+._icon_rp518_399 svg {
+  width: 0.9em;
+  height: 0.9em;
+  object-fit: contain;
+}
+@media (width <= 767.98px) {
+  ._icon_rp518_399 {
+    transition: none;
+  }
+  ._icon_rp518_399 svg {
+    width: 1em;
+    height: 1em;
+  }
+}
+
+._label_rp518_420 {
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  margin-top: 5px;
+  display: none;
+  transition: opacity 0.5s ease-in-out;
+}
+@media (min-width: 768px) {
+  ._label_rp518_420 {
+    display: block;
+  }
+}
+
+._roundNone_rp518_436 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_rp518_440 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_rp518_444 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_rp518_448 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_rp518_452 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_rp518_456 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_rp518_460 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_rp518_464 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_rp518_468 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_rp518_472 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._container_rp518_204,
+  ._container_rp518_204 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (hover: none) {
+  ._item_rp518_241:hover {
+    transform: none;
+  }
+}
+@media (forced-colors: active) {
+  ._item_rp518_241 {
+    background: Canvas;
+    color: CanvasText;
+    border: 1px solid ButtonText;
+  }
+  ._item_rp518_241:focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+  }
+}

package/dist/next/NavBar.js

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