boreal-ui 0.0.22 → 0.0.24

package/dist/next/{NavBar-Dj4sWT26.cjs → NavBar-CO4v6_28.cjs}

@@ -42,7 +42,7 @@ const BaseNavBar = ({
           "Nav item className:",
           classNames.combineClassNames(classMap.item, isActive && classMap.active)
         );
-        return /* @__PURE__ */ require$$2.jsxs(
+        return /* @__PURE__ */ require$$2.jsx(
           LinkWrapper,
           {
             href: item2.path,
@@ -53,18 +53,25 @@ const BaseNavBar = ({
             ),
             testId: `${testId}-nav-item-${item2.label.toLowerCase()}`,
             "aria-current": isActive ? "page" : void 0,
-            children: [
-              /* @__PURE__ */ require$$2.jsx(
-                "div",
-                {
-                  className: classMap.icon,
-                  "aria-hidden": "true",
-                  "data-testid": `${testId}-nav-icon-${item2.label.toLowerCase()}`,
-                  children: item2.icon
-                }
-              ),
-              /* @__PURE__ */ require$$2.jsx("span", { className: classMap.label, children: item2.label })
-            ]
+            children: /* @__PURE__ */ require$$2.jsxs(
+              "span",
+              {
+                className: classMap.linkContent,
+                style: { display: "flex", alignItems: "center" },
+                children: [
+                  /* @__PURE__ */ require$$2.jsx(
+                    "span",
+                    {
+                      className: classMap.icon,
+                      "aria-hidden": "true",
+                      "data-testid": `${testId}-nav-icon-${item2.label.toLowerCase()}`,
+                      children: item2.icon
+                    }
+                  ),
+                  /* @__PURE__ */ require$$2.jsx("span", { className: classMap.label, children: item2.label })
+                ]
+              }
+            )
           },
           `${item2.label}-${index}`
         );
@@ -72,32 +79,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,
@@ -107,11 +115,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,
@@ -124,15 +133,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,
@@ -152,7 +161,6 @@ const NavBar = ({
           className,
           "aria-current": isActive ? "page" : void 0,
           "data-testid": testId,
-          legacyBehavior: true,
           children
         }
       ),
@@ -161,4 +169,4 @@ const NavBar = ({
   );
 };
 exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-Dj4sWT26.cjs.map
+//# sourceMappingURL=NavBar-CO4v6_28.cjs.map

package/dist/next/NavBar-CO4v6_28.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-CO4v6_28.cjs","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":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs","usePathname","Link"],"mappings":";;;;;;;;AAuBA,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MAAMC,WAAAA,kBAAkB,SAAS,WAAW,SAAS,KAAK,GAAG,SAAS;AAAA,IACtE,CAAC,UAAU,KAAK;AAAA,EAAA;AAGlB,QAAM,YAAYD,MAAAA;AAAAA,IAChB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA,MAAM,IAAI,CAACC,OAAM,UAAU;AAC1B,cAAM,WAAW,gBAAgBA,MAAK;AAEtC,gBAAQ;AAAA,UACN;AAAA,UACAH,WAAAA,kBAAkB,SAAS,MAAM,YAAY,SAAS,MAAM;AAAA,QAAA;AAG9D,eACEE,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAMC,MAAK;AAAA,YACX;AAAA,YACA,WAAWH,WAAAA;AAAAA,cACT;AAAA,cACA,YAAY,SAAS,cAAc;AAAA,YAAA;AAAA,YAErC,QAAQ,GAAG,MAAM,aAAaG,MAAK,MAAM,aAAa;AAAA,YACtD,gBAAc,WAAW,SAAS;AAAA,YAElC,UAAAC,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,SAAS;AAAA,gBACpB,OAAO,EAAE,SAAS,QAAQ,YAAY,SAAA;AAAA,gBAEtC,UAAA;AAAA,kBAAAF,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,SAAS;AAAA,sBACpB,eAAY;AAAA,sBACZ,eAAa,GAAG,MAAM,aAAaC,MAAK,MAAM,aAAa;AAAA,sBAE1D,UAAAA,MAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,iDAEP,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,WAAWE,WAAAA,WAAAA,YAAA;AACjB,QAAM,eAAe,YAAY;AAEjC,SACEH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,gBAAgB;AAAA,MAC7B,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,UAAU,aACnDA,2BAAAA;AAAAA,QAACI,KAAAA;AAAAA,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;;"}

package/dist/next/NavBar.cjs.js

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

package/dist/next/NavBar.js

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

package/dist/next/index.cjs.js

@@ -10,7 +10,7 @@ const STT = require("./STT-B8QYAxU7.cjs");
 const TextInput = require("./TextInput--th5kygP.cjs");
 const TextArea = require("./TextArea-OVtBBpaP.cjs");
 const Select = require("./Select-BVxDV81c.cjs");
-const Footer = require("./Footer-Uoh8g5Y0.cjs");
+const Footer = require("./Footer-nuEg78W2.cjs");
 const FileUpload = require("./FileUpload-DoMMMgwj.cjs");
 const TagInput = require("./TagInput-BwoUWtRR.cjs");
 const RadioButton = require("./RadioButton-BvqTDvI8.cjs");
@@ -35,7 +35,7 @@ const Spinner = require("./Spinner-Duq63bbK.cjs");
 const Tooltip = require("./Tooltip-CIR-uUPY.cjs");
 const MessagePopUp = require("./MessagePopUp-CRXKWJcY.cjs");
 const PopOver = require("./PopOver-D2x2a4Jw.cjs");
-const NavBar = require("./NavBar-Dj4sWT26.cjs");
+const NavBar = require("./NavBar-CO4v6_28.cjs");
 const Breadcrumbs = require("./Breadcrumbs-CEHoh3s2.cjs");
 const Tabs = require("./Tabs-CEFKDLm1.cjs");
 const Stepper = require("./Stepper-JSC7kNUK.cjs");

package/dist/next/index.js

@@ -9,8 +9,8 @@ import { S } from "./STT-B89YQxDF.js";
 import { T as T2 } from "./TextInput-DXXcGZtq.js";
 import { T as T3 } from "./TextArea-BDYg--3P.js";
 import { S as S2 } from "./Select-DXO2nK78.js";
-import { F as Footer } from "./Footer-Ch1HX1aI.js";
-import { U } from "./Footer-Ch1HX1aI.js";
+import { F as Footer } from "./Footer-ASthmMUM.js";
+import { U } from "./Footer-ASthmMUM.js";
 import { F } from "./FileUpload-BGK2Pg4X.js";
 import { T as T4 } from "./TagInput-DjHDSsny.js";
 import { R } from "./RadioButton-CffrjQlz.js";
@@ -35,7 +35,7 @@ import { S as S5 } from "./Spinner-N0I3bKh8.js";
 import { T as T5 } from "./Tooltip-BLzis3b9.js";
 import { M as M2 } from "./MessagePopUp-r4RzD_hc.js";
 import { P as P2 } from "./PopOver-CAUFP1-Y.js";
-import { N } from "./NavBar-BL5qICdc.js";
+import { N } from "./NavBar-CKo-nom2.js";
 import { B as B3 } from "./Breadcrumbs-LfCnghHj.js";
 import { T as T6 } from "./Tabs-Dk0OQfLb.js";
 import { S as S6 } from "./Stepper-DPIt2hlL.js";

package/dist/next/style.css

@@ -16050,7 +16050,7 @@ a:hover {
 * 9. skeleton-loading
 *    - Creates a sweeping shimmer effect for skeleton loaders.
 */
-@keyframes _fade-in_3sq1u_1 {
+@keyframes _fade-in_ilff1_1 {
   from {
     opacity: 0;
   }
@@ -16058,7 +16058,7 @@ a:hover {
     opacity: 1;
   }
 }
-@keyframes _slide-up_3sq1u_1 {
+@keyframes _slide-up_ilff1_1 {
   from {
     transform: translateY(100%);
     opacity: 0;
@@ -16068,7 +16068,7 @@ a:hover {
     opacity: 1;
   }
 }
-@keyframes _spin-3d_3sq1u_1 {
+@keyframes _spin-3d_ilff1_1 {
   0% {
     transform: rotateX(0deg) rotateY(0deg);
   }
@@ -16076,7 +16076,7 @@ a:hover {
     transform: rotateX(360deg) rotateY(360deg);
   }
 }
-@keyframes _spin_3sq1u_1 {
+@keyframes _spin_ilff1_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -16084,7 +16084,7 @@ a:hover {
     transform: rotate(360deg);
   }
 }
-@keyframes _pulse_3sq1u_1 {
+@keyframes _pulse_ilff1_1 {
   0% {
     transform: scale(1);
   }
@@ -16095,7 +16095,7 @@ a:hover {
     transform: scale(1);
   }
 }
-@keyframes _fade-in-up_3sq1u_1 {
+@keyframes _fade-in-up_ilff1_1 {
   from {
     opacity: 0;
     transform: translateY(-5px);
@@ -16105,7 +16105,7 @@ a:hover {
     transform: translateY(0);
   }
 }
-@keyframes _progress-grow_3sq1u_1 {
+@keyframes _progress-grow_ilff1_1 {
   from {
     width: 0;
   }
@@ -16113,7 +16113,7 @@ a:hover {
     width: 100%;
   }
 }
-@keyframes _indeterminate-move_3sq1u_1 {
+@keyframes _indeterminate-move_ilff1_1 {
   0% {
     transform: translateX(-100%);
   }
@@ -16124,7 +16124,7 @@ a:hover {
     transform: translateX(100%);
   }
 }
-@keyframes _skeleton-loading_3sq1u_1 {
+@keyframes _skeleton-loading_ilff1_1 {
   0% {
     left: -100%;
   }
@@ -16366,16 +16366,16 @@ a:hover {
   text-decoration: underline;
 }
 
-._noScroll_3sq1u_91 {
+._noScroll_ilff1_91 {
   overflow: hidden;
 }
 
-._errorMessage_3sq1u_92 {
+._errorMessage_ilff1_92 {
   color: #f83838;
   font-size: 14px;
 }
 
-._loadingContainer_3sq1u_93 {
+._loadingContainer_ilff1_93 {
   min-height: 100vh;
   display: flex;
   justify-content: center;
@@ -16412,16 +16412,16 @@ a:hover {
   background-color: var(--primary-color-hover);
 }
 
-._hideScrollbar_3sq1u_85 {
+._hideScrollbar_ilff1_85 {
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
 
-._hideScrollbar_3sq1u_85::-webkit-scrollbar {
+._hideScrollbar_ilff1_85::-webkit-scrollbar {
   display: none;
 }
 
-._sr_only_3sq1u_94 {
+._sr_only_ilff1_94 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -16443,7 +16443,7 @@ a:hover {
   border: 0;
 }
 
-._container_3sq1u_539 {
+._container_ilff1_539 {
   position: fixed;
   top: 10px;
   left: 10px;
@@ -16455,14 +16455,14 @@ a:hover {
   transition: 0.3s ease-in-out;
   z-index: 1001;
 }
-._container_3sq1u_539 a {
+._container_ilff1_539 a {
   text-decoration: none;
 }
-._container_3sq1u_539 a:hover {
+._container_ilff1_539 a:hover {
   text-decoration: none;
 }
 @media (width <= 1250px) {
-  ._container_3sq1u_539 {
+  ._container_ilff1_539 {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
@@ -16470,67 +16470,67 @@ a:hover {
     justify-content: center;
   }
 }
-._container_3sq1u_539._primary_3sq1u_566 ._item_3sq1u_566 {
+._container_ilff1_539._primary_ilff1_566 ._item_ilff1_566 {
   background-color: var(--primary-color);
 }
-._container_3sq1u_539._primary_3sq1u_566 ._item_3sq1u_566:hover {
+._container_ilff1_539._primary_ilff1_566 ._item_ilff1_566:hover {
   background-color: var(--primary-color-hover);
   transform: scale(1.1);
 }
-._container_3sq1u_539._primary_3sq1u_566 ._item--active_3sq1u_573 {
+._container_ilff1_539._primary_ilff1_566 ._item--active_ilff1_573 {
   background-color: var(--primary-color-light);
   color: var(--secondary-color-darker);
   font-weight: bold;
 }
-._container_3sq1u_539._secondary_3sq1u_578 ._item_3sq1u_566 {
+._container_ilff1_539._secondary_ilff1_578 ._item_ilff1_566 {
   background-color: var(--secondary-color);
 }
-._container_3sq1u_539._secondary_3sq1u_578 ._item_3sq1u_566:hover {
+._container_ilff1_539._secondary_ilff1_578 ._item_ilff1_566:hover {
   background-color: var(--secondary-color-hover);
   transform: scale(1.1);
 }
-._container_3sq1u_539._secondary_3sq1u_578 ._item--active_3sq1u_573 {
+._container_ilff1_539._secondary_ilff1_578 ._item--active_ilff1_573 {
   background-color: var(--secondary-color-light);
   color: var(--secondary-color-darker);
   font-weight: bold;
 }
-._container_3sq1u_539._tertiary_3sq1u_590 ._item_3sq1u_566 {
+._container_ilff1_539._tertiary_ilff1_590 ._item_ilff1_566 {
   background-color: var(--tertiary-color);
 }
-._container_3sq1u_539._tertiary_3sq1u_590 ._item_3sq1u_566:hover {
+._container_ilff1_539._tertiary_ilff1_590 ._item_ilff1_566:hover {
   background-color: var(--tertiary-color-hover);
   transform: scale(1.1);
 }
-._container_3sq1u_539._tertiary_3sq1u_590 ._item--active_3sq1u_573 {
+._container_ilff1_539._tertiary_ilff1_590 ._item--active_ilff1_573 {
   background-color: var(--tertiary-color-light);
   color: var(--secondary-color-darker);
   font-weight: bold;
 }
-._container_3sq1u_539._quaternary_3sq1u_602 ._item_3sq1u_566 {
+._container_ilff1_539._quaternary_ilff1_602 ._item_ilff1_566 {
   background-color: var(--quaternary-color);
 }
-._container_3sq1u_539._quaternary_3sq1u_602 ._item_3sq1u_566:hover {
+._container_ilff1_539._quaternary_ilff1_602 ._item_ilff1_566:hover {
   background-color: var(--quaternary-color-hover);
   transform: scale(1.1);
 }
-._container_3sq1u_539._quaternary_3sq1u_602 ._item--active_3sq1u_573 {
+._container_ilff1_539._quaternary_ilff1_602 ._item--active_ilff1_573 {
   background-color: var(--quaternary-color-light);
   color: var(--secondary-color-darker);
   font-weight: bold;
 }
-._container_3sq1u_539._clear_3sq1u_614 ._item_3sq1u_566 {
+._container_ilff1_539._clear_ilff1_614 ._item_ilff1_566 {
   background-color: transparent;
 }
-._container_3sq1u_539._clear_3sq1u_614 ._item_3sq1u_566:hover {
+._container_ilff1_539._clear_ilff1_614 ._item_ilff1_566:hover {
   background-color: rgba(0, 0, 0, 0.2);
   transform: scale(1.1);
 }
-._container_3sq1u_539._clear_3sq1u_614 ._item--active_3sq1u_573 {
+._container_ilff1_539._clear_ilff1_614 ._item--active_ilff1_573 {
   background-color: rgba(0, 0, 0, 0.4);
   color: var(--secondary-color-darker);
   font-weight: bold;
 }
-._container_3sq1u_539 ._item_3sq1u_566 {
+._container_ilff1_539 ._item_ilff1_566 {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -16544,72 +16544,76 @@ a:hover {
   transition: 0.3s ease-in-out;
 }
 @media (width <= 800px) {
-  ._container_3sq1u_539 ._item_3sq1u_566 {
+  ._container_ilff1_539 ._item_ilff1_566 {
     width: 35px;
     height: 35px;
     padding: 5px;
   }
 }
-._container_3sq1u_539 ._icon_3sq1u_646 {
+._container_ilff1_539 ._linkContent_ilff1_646 {
+  display: flex;
+  flex-direction: column;
+}
+._container_ilff1_539 ._linkContent_ilff1_646 ._icon_ilff1_650 {
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.5s ease-in-out;
 }
-._container_3sq1u_539 ._icon_3sq1u_646 svg {
+._container_ilff1_539 ._linkContent_ilff1_646 ._icon_ilff1_650 svg {
   width: 0.9em;
   height: 0.9em;
   object-fit: contain;
 }
-._container_3sq1u_539 ._label_3sq1u_657 {
+._container_ilff1_539 ._linkContent_ilff1_646 ._label_ilff1_661 {
   font-size: 14px;
   margin-top: 5px;
   display: none;
   transition: opacity 0.5s ease-in-out;
 }
 @media (width >= 800px) {
-  ._container_3sq1u_539 ._label_3sq1u_657 {
+  ._container_ilff1_539 ._linkContent_ilff1_646 ._label_ilff1_661 {
     display: block;
   }
 }
 
-._roundNone_3sq1u_669 {
+._roundNone_ilff1_673 {
   border-radius: var(--border-radius-none);
 }
 
-._roundSmall_3sq1u_673 {
+._roundSmall_ilff1_677 {
   border-radius: var(--border-radius-sm);
 }
 
-._roundMedium_3sq1u_677 {
+._roundMedium_ilff1_681 {
   border-radius: var(--border-radius-md);
 }
 
-._roundLarge_3sq1u_681 {
+._roundLarge_ilff1_685 {
   border-radius: var(--border-radius-lg);
 }
 
-._roundFull_3sq1u_685 {
+._roundFull_ilff1_689 {
   border-radius: var(--border-radius-full);
 }
 
-._shadowNone_3sq1u_689 {
+._shadowNone_ilff1_693 {
   box-shadow: var(--box-shadow-none);
 }
 
-._shadowLight_3sq1u_693 {
+._shadowLight_ilff1_697 {
   box-shadow: var(--box-shadow-light);
 }
 
-._shadowMedium_3sq1u_697 {
+._shadowMedium_ilff1_701 {
   box-shadow: var(--box-shadow-medium);
 }
 
-._shadowStrong_3sq1u_701 {
+._shadowStrong_ilff1_705 {
   box-shadow: var(--box-shadow-heavy);
 }
 
-._shadowIntense_3sq1u_705 {
+._shadowIntense_ilff1_709 {
   box-shadow: var(--box-shadow-intense);
 }
 /**