quirk-ui 0.1.186 → 0.1.187

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/NavLink-D2hjbFew.js +175 -0
  2. package/dist/NavLink-DoqEgx8g.cjs +1 -0
  3. package/dist/NavLink.css +1 -1
  4. package/dist/NavLink.css.d.ts +89 -88
  5. package/dist/core/components/NavBar/NavBar.test.cjs +1 -1
  6. package/dist/core/components/NavBar/NavBar.test.mjs +10 -16
  7. package/dist/core/components/NavBar/NavLink.cjs +1 -1
  8. package/dist/core/components/NavBar/NavLink.mjs +1 -1
  9. package/dist/core/components/NavBar/index.cjs +3 -3
  10. package/dist/core/components/NavBar/index.mjs +275 -316
  11. package/package.json +1 -1
  12. package/dist/NavLink-D7gEjWa8.cjs +0 -1
  13. package/dist/NavLink-DNPAPStQ.js +0 -176
package/dist/NavLink-D2hjbFew.js ADDED
@@ -0,0 +1,175 @@
1
+ import { jsxs as a, jsx as _ } from "react/jsx-runtime";
2
+ import { useRef as k, useEffect as I } from "react";
3
+ import { E as f } from "./external-link-BOPobeQJ.js";
4
+ import { C } from "./chevron-down-DSUzBz9F.js";
5
+ import './NavLink.css';const y = "_navbar_2dcc5_1", w = "_sticky_2dcc5_15", T = "_left_2dcc5_30", L = "_container_2dcc5_31", S = "_logo_2dcc5_40", M = "_center_2dcc5_46", N = "_utility_2dcc5_52", W = "_nav_2dcc5_1", D = "_hidden_2dcc5_62", $ = "_visible_2dcc5_69", x = "_right_2dcc5_88", B = "_title_2dcc5_99", E = "_linkWrapper_2dcc5_105", F = "_parent_2dcc5_105", j = "_linkItem_2dcc5_112", z = "_link_2dcc5_105", q = "_search_2dcc5_118", A = "_locale_2dcc5_119", G = "_themeToggle_2dcc5_120", H = "_sublinkToggle_2dcc5_121", J = "_standard_2dcc5_172", K = "_triangle_2dcc5_187", O = "_twoColumn_2dcc5_216", Q = "_mobileButtons_2dcc5_225", R = "_menuToggle_2dcc5_303", U = "_navInner_2dcc5_350", V = "_grid_2dcc5_362", X = "_searchModal_2dcc5_385", Y = "_localeModal_2dcc5_386", Z = "_separator_2dcc5_406", P = "_newTabIcon_2dcc5_448", cc = "_sublinksDescription_2dcc5_461", ec = "_linkContent_2dcc5_464", nc = "_open_2dcc5_477", oc = "_sublinks_2dcc5_461", tc = "_show_2dcc5_550", _c = "_primaryColumn_2dcc5_599", lc = "_secondaryColumn_2dcc5_608", sc = "_spotlightColumn_2dcc5_612", ic = "_sublinksInner_2dcc5_616", rc = "_sublinksColumn_2dcc5_636", dc = "_chevron_2dcc5_684", ac = "_chevronOpen_2dcc5_692", mc = "_menubar_2dcc5_716", uc = "_toolbar_2dcc5_720", bc = "_utilityDefault_2dcc5_749", gc = "_parentItem_2dcc5_868", pc = "_advanced_2dcc5_979", vc = "_subtitle_2dcc5_988", hc = "_withSpotlight_2dcc5_1030", kc = "_withoutSpotlight_2dcc5_1034", Ic = "_transparent_2dcc5_1072", fc = "_utilityScrolled_2dcc5_1189", Cc = "_searchWrapper_2dcc5_1222", yc = "_mobileMenu_2dcc5_1229", wc = "_mobilePanel_2dcc5_1238", Tc = "_mobileBack_2dcc5_1248", Lc = "_mobileItem_2dcc5_1273", Sc = "_slideIn_2dcc5_1278", Mc = "_slideInBack_2dcc5_1282", Nc = "_mobileTrigger_2dcc5_1286", Wc = "_mobileLink_2dcc5_1305", Dc = "_mobileItemLabel_2dcc5_1321", $c = "_mobileItemSubtitle_2dcc5_1328", xc = "_mobileChevron_2dcc5_1334", Bc = "_mobileDivider_2dcc5_1339", Ec = "_fadeInFromLeft_2dcc5_1353", Fc = "_spotlight_2dcc5_612", jc = "_imageWrapper_2dcc5_1366", zc = "_content_2dcc5_1388", qc = "_description_2dcc5_1403", Ac = "_actions_2dcc5_1407", c = {
6
+ navbar: y,
7
+ sticky: w,
8
+ left: T,
9
+ container: L,
10
+ logo: S,
11
+ center: M,
12
+ utility: N,
13
+ nav: W,
14
+ hidden: D,
15
+ visible: $,
16
+ right: x,
17
+ title: B,
18
+ linkWrapper: E,
19
+ parent: F,
20
+ linkItem: j,
21
+ link: z,
22
+ search: q,
23
+ locale: A,
24
+ themeToggle: G,
25
+ sublinkToggle: H,
26
+ standard: J,
27
+ triangle: K,
28
+ twoColumn: O,
29
+ mobileButtons: Q,
30
+ menuToggle: R,
31
+ navInner: U,
32
+ grid: V,
33
+ searchModal: X,
34
+ localeModal: Y,
35
+ separator: Z,
36
+ newTabIcon: P,
37
+ sublinksDescription: cc,
38
+ linkContent: ec,
39
+ open: nc,
40
+ sublinks: oc,
41
+ show: tc,
42
+ primaryColumn: _c,
43
+ secondaryColumn: lc,
44
+ spotlightColumn: sc,
45
+ sublinksInner: ic,
46
+ sublinksColumn: rc,
47
+ chevron: dc,
48
+ chevronOpen: ac,
49
+ menubar: mc,
50
+ toolbar: uc,
51
+ utilityDefault: bc,
52
+ parentItem: gc,
53
+ default: "_default_2dcc5_904",
54
+ advanced: pc,
55
+ subtitle: vc,
56
+ withSpotlight: hc,
57
+ withoutSpotlight: kc,
58
+ transparent: Ic,
59
+ utilityScrolled: fc,
60
+ searchWrapper: Cc,
61
+ mobileMenu: yc,
62
+ mobilePanel: wc,
63
+ mobileBack: Tc,
64
+ mobileItem: Lc,
65
+ slideIn: Sc,
66
+ slideInBack: Mc,
67
+ mobileTrigger: Nc,
68
+ mobileLink: Wc,
69
+ mobileItemLabel: Dc,
70
+ mobileItemSubtitle: $c,
71
+ mobileChevron: xc,
72
+ mobileDivider: Bc,
73
+ fadeInFromLeft: Ec,
74
+ spotlight: Fc,
75
+ imageWrapper: jc,
76
+ content: zc,
77
+ description: qc,
78
+ actions: Ac
79
+ };
80
+ function Oc({
81
+ link: e,
82
+ path: n,
83
+ parentPath: i,
84
+ openPath: s,
85
+ togglePath: p,
86
+ updateTriangleIndicator: m,
87
+ setOpenPath: o,
88
+ renderLinks: v,
89
+ buttonRefs: r
90
+ }) {
91
+ var b;
92
+ const d = s === n || (s == null ? void 0 : s.startsWith(n + "/")), h = s === n, t = !!((b = e.sublinks) != null && b.length), l = !i, u = k(null);
93
+ return I(() => (r.current.set(n, u.current), () => {
94
+ r.current.delete(n);
95
+ }), [n, r]), /* @__PURE__ */ a(
96
+ "div",
97
+ {
98
+ role: "menuitem",
99
+ className: `${c.linkWrapper} ${l ? c.parent : ""}`,
100
+ onMouseLeave: l && t ? () => o(null) : void 0,
101
+ children: [
102
+ /* @__PURE__ */ _(
103
+ "div",
104
+ {
105
+ className: `${c.linkItem} ${l ? c.parentItem : ""}`,
106
+ children: e.href && !t ? /* @__PURE__ */ a(
107
+ "a",
108
+ {
109
+ href: e.href,
110
+ className: c.link,
111
+ target: e.isExternal ? "_blank" : "_self",
112
+ rel: e.isExternal ? "noopener noreferrer" : void 0,
113
+ onClick: () => {
114
+ var g;
115
+ o(null), (g = e.onClick) == null || g.call(e);
116
+ },
117
+ onMouseEnter: () => {
118
+ l ? (m(n), o(n)) : o(i);
119
+ },
120
+ children: [
121
+ e.label,
122
+ e.isExternal && /* @__PURE__ */ _(
123
+ f,
124
+ {
125
+ className: c.newTabIcon,
126
+ size: 16,
127
+ "aria-hidden": "true"
128
+ }
129
+ )
130
+ ]
131
+ }
132
+ ) : /* @__PURE__ */ a(
133
+ "button",
134
+ {
135
+ ref: u,
136
+ "aria-haspopup": t ? !0 : void 0,
137
+ "aria-expanded": t ? h : void 0,
138
+ "data-toplevel": l ? "true" : void 0,
139
+ className: `${c.sublinkToggle} ${d ? c.open : ""} ${d ? c.chevronOpen : ""}`,
140
+ onClick: () => p(n),
141
+ onMouseEnter: () => {
142
+ l ? (m(n), o(n)) : o(t ? n : i);
143
+ },
144
+ children: [
145
+ e.label,
146
+ t && /* @__PURE__ */ _(
147
+ C,
148
+ {
149
+ size: 18,
150
+ className: c.chevron,
151
+ "aria-hidden": "true"
152
+ }
153
+ )
154
+ ]
155
+ }
156
+ )
157
+ }
158
+ ),
159
+ t && /* @__PURE__ */ _(
160
+ "div",
161
+ {
162
+ className: `${c.sublinks} ${d ? c.show : ""}`,
163
+ role: "menu",
164
+ "aria-label": `${e.label} submenu`,
165
+ children: /* @__PURE__ */ _("div", { children: /* @__PURE__ */ _("div", { className: c.sublinksInner, children: /* @__PURE__ */ _("div", { className: c.sublinksColumn, children: v(e.sublinks, n) }) }) })
166
+ }
167
+ )
168
+ ]
169
+ }
170
+ );
171
+ }
172
+ export {
173
+ Oc as N,
174
+ c as s
175
+ };
package/dist/NavLink-DoqEgx8g.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";require('./NavLink.css');const o=require("react/jsx-runtime"),g=require("react"),k=require("./external-link-DDShu-48.cjs"),I=require("./chevron-down-DfK1XBl3.cjs"),f="_navbar_2dcc5_1",C="_sticky_2dcc5_15",y="_left_2dcc5_30",w="_container_2dcc5_31",x="_logo_2dcc5_40",T="_center_2dcc5_46",L="_utility_2dcc5_52",S="_nav_2dcc5_1",M="_hidden_2dcc5_62",$="_visible_2dcc5_69",D="_right_2dcc5_88",N="_title_2dcc5_99",W="_linkWrapper_2dcc5_105",j="_parent_2dcc5_105",B="_linkItem_2dcc5_112",E="_link_2dcc5_105",q="_search_2dcc5_118",F="_locale_2dcc5_119",z="_themeToggle_2dcc5_120",R="_sublinkToggle_2dcc5_121",A="_standard_2dcc5_172",G="_triangle_2dcc5_187",H="_twoColumn_2dcc5_216",J="_mobileButtons_2dcc5_225",K="_menuToggle_2dcc5_303",O="_navInner_2dcc5_350",Q="_grid_2dcc5_362",U="_searchModal_2dcc5_385",V="_localeModal_2dcc5_386",X="_separator_2dcc5_406",Y="_newTabIcon_2dcc5_448",Z="_sublinksDescription_2dcc5_461",P="_linkContent_2dcc5_464",cc="_open_2dcc5_477",ec="_sublinks_2dcc5_461",nc="_show_2dcc5_550",oc="_primaryColumn_2dcc5_599",tc="_secondaryColumn_2dcc5_608",sc="_spotlightColumn_2dcc5_612",lc="_sublinksInner_2dcc5_616",_c="_sublinksColumn_2dcc5_636",ic="_chevron_2dcc5_684",rc="_chevronOpen_2dcc5_692",dc="_menubar_2dcc5_716",ac="_toolbar_2dcc5_720",uc="_utilityDefault_2dcc5_749",mc="_parentItem_2dcc5_868",bc="_advanced_2dcc5_979",gc="_subtitle_2dcc5_988",vc="_withSpotlight_2dcc5_1030",pc="_withoutSpotlight_2dcc5_1034",hc="_transparent_2dcc5_1072",kc="_utilityScrolled_2dcc5_1189",Ic="_searchWrapper_2dcc5_1222",fc="_mobileMenu_2dcc5_1229",Cc="_mobilePanel_2dcc5_1238",yc="_mobileBack_2dcc5_1248",wc="_mobileItem_2dcc5_1273",xc="_slideIn_2dcc5_1278",Tc="_slideInBack_2dcc5_1282",Lc="_mobileTrigger_2dcc5_1286",Sc="_mobileLink_2dcc5_1305",Mc="_mobileItemLabel_2dcc5_1321",$c="_mobileItemSubtitle_2dcc5_1328",Dc="_mobileChevron_2dcc5_1334",Nc="_mobileDivider_2dcc5_1339",Wc="_fadeInFromLeft_2dcc5_1353",jc="_spotlight_2dcc5_612",Bc="_imageWrapper_2dcc5_1366",Ec="_content_2dcc5_1388",qc="_description_2dcc5_1403",Fc="_actions_2dcc5_1407",c={navbar:f,sticky:C,left:y,container:w,logo:x,center:T,utility:L,nav:S,hidden:M,visible:$,right:D,title:N,linkWrapper:W,parent:j,linkItem:B,link:E,search:q,locale:F,themeToggle:z,sublinkToggle:R,standard:A,triangle:G,twoColumn:H,mobileButtons:J,menuToggle:K,navInner:O,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:P,open:cc,sublinks:ec,show:nc,primaryColumn:oc,secondaryColumn:tc,spotlightColumn:sc,sublinksInner:lc,sublinksColumn:_c,chevron:ic,chevronOpen:rc,menubar:dc,toolbar:ac,utilityDefault:uc,parentItem:mc,default:"_default_2dcc5_904",advanced:bc,subtitle:gc,withSpotlight:vc,withoutSpotlight:pc,transparent:hc,utilityScrolled:kc,searchWrapper:Ic,mobileMenu:fc,mobilePanel:Cc,mobileBack:yc,mobileItem:wc,slideIn:xc,slideInBack:Tc,mobileTrigger:Lc,mobileLink:Sc,mobileItemLabel:Mc,mobileItemSubtitle:$c,mobileChevron:Dc,mobileDivider:Nc,fadeInFromLeft:Wc,spotlight:jc,imageWrapper:Bc,content:Ec,description:qc,actions:Fc};function zc({link:e,path:n,parentPath:i,openPath:_,togglePath:v,updateTriangleIndicator:a,setOpenPath:t,renderLinks:p,buttonRefs:r}){var m;const d=_===n||(_==null?void 0:_.startsWith(n+"/")),h=_===n,s=!!((m=e.sublinks)!=null&&m.length),l=!i,u=g.useRef(null);return g.useEffect(()=>(r.current.set(n,u.current),()=>{r.current.delete(n)}),[n,r]),o.jsxs("div",{role:"menuitem",className:`${c.linkWrapper} ${l?c.parent:""}`,onMouseLeave:l&&s?()=>t(null):void 0,children:[o.jsx("div",{className:`${c.linkItem} ${l?c.parentItem:""}`,children:e.href&&!s?o.jsxs("a",{href:e.href,className:c.link,target:e.isExternal?"_blank":"_self",rel:e.isExternal?"noopener noreferrer":void 0,onClick:()=>{var b;t(null),(b=e.onClick)==null||b.call(e)},onMouseEnter:()=>{l?(a(n),t(n)):t(i)},children:[e.label,e.isExternal&&o.jsx(k.ExternalLink,{className:c.newTabIcon,size:16,"aria-hidden":"true"})]}):o.jsxs("button",{ref:u,"aria-haspopup":s?!0:void 0,"aria-expanded":s?h:void 0,"data-toplevel":l?"true":void 0,className:`${c.sublinkToggle} ${d?c.open:""} ${d?c.chevronOpen:""}`,onClick:()=>v(n),onMouseEnter:()=>{l?(a(n),t(n)):t(s?n:i)},children:[e.label,s&&o.jsx(I.ChevronDown,{size:18,className:c.chevron,"aria-hidden":"true"})]})}),s&&o.jsx("div",{className:`${c.sublinks} ${d?c.show:""}`,role:"menu","aria-label":`${e.label} submenu`,children:o.jsx("div",{children:o.jsx("div",{className:c.sublinksInner,children:o.jsx("div",{className:c.sublinksColumn,children:p(e.sublinks,n)})})})})]})}exports.NavLink=zc;exports.styles=c;
package/dist/NavLink.css CHANGED
@@ -1 +1 @@
1
- ._navbar_s003q_1{position:relative;z-index:1000}._sticky_s003q_15{position:fixed;top:var(--announcement-height, 0px);left:0;right:0;z-index:1000;width:100%}._left_s003q_30 ._container_s003q_31{grid-template-columns:auto 1fr auto}@media (max-width: 767px){._left_s003q_30 ._container_s003q_31{grid-template-columns:1fr max-content max-content max-content}._left_s003q_30 ._logo_s003q_40{flex:1}}._center_s003q_46 ._container_s003q_31{grid-template-columns:1fr auto 1fr}._center_s003q_46 ._utility_s003q_52{justify-self:end}._center_s003q_46 ._nav_s003q_1{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_s003q_46 ._nav_s003q_1._hidden_s003q_62{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_s003q_46 ._nav_s003q_1._visible_s003q_69{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_s003q_46 ._container_s003q_31{grid-template-columns:1fr max-content max-content max-content}._center_s003q_46 ._logo_s003q_40{flex:1}}._right_s003q_88 ._container_s003q_31{grid-template-columns:1fr auto auto}@media (max-width: 767px){._right_s003q_88 ._container_s003q_31{grid-template-columns:1fr max-content max-content max-content}._right_s003q_88 ._logo_s003q_40,._right_s003q_88 ._title_s003q_99{flex:1}}._linkWrapper_s003q_105._parent_s003q_105{overflow:visible;position:relative}@media (min-width: 768px){._linkWrapper_s003q_105._parent_s003q_105:first-of-type>._linkItem_s003q_112{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);overflow:hidden}._linkWrapper_s003q_105._parent_s003q_105:first-of-type>._linkItem_s003q_112 ._link_s003q_105,._linkWrapper_s003q_105._parent_s003q_105:first-of-type>._linkItem_s003q_112 ._search_s003q_118,._linkWrapper_s003q_105._parent_s003q_105:first-of-type>._linkItem_s003q_112 ._locale_s003q_119,._linkWrapper_s003q_105._parent_s003q_105:first-of-type>._linkItem_s003q_112._themeToggle_s003q_120 button,._linkWrapper_s003q_105._parent_s003q_105:first-of-type>._linkItem_s003q_112 ._sublinkToggle_s003q_121{margin-left:var(--spacing-sm)}}@media (min-width: 768px){._linkWrapper_s003q_105._parent_s003q_105:last-of-type>._linkItem_s003q_112{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);overflow:hidden}._linkWrapper_s003q_105._parent_s003q_105:last-of-type>._linkItem_s003q_112 ._link_s003q_105,._linkWrapper_s003q_105._parent_s003q_105:last-of-type>._linkItem_s003q_112 ._search_s003q_118,._linkWrapper_s003q_105._parent_s003q_105:last-of-type>._linkItem_s003q_112 ._locale_s003q_119,._linkWrapper_s003q_105._parent_s003q_105:last-of-type>._linkItem_s003q_112._themeToggle_s003q_120 button,._linkWrapper_s003q_105._parent_s003q_105:last-of-type>._linkItem_s003q_112 ._sublinkToggle_s003q_121{margin-right:var(--spacing-sm)}}._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._sublinkToggle_s003q_121,._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._link_s003q_105{height:40px}@media (min-width: 768px){._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._link_s003q_105,._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._search_s003q_118,._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._locale_s003q_119,._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112._themeToggle_s003q_120 button,._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._sublinkToggle_s003q_121{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._link_s003q_105:hover,._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._search_s003q_118:hover,._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._locale_s003q_119:hover,._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112._themeToggle_s003q_120 button:hover,._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._sublinkToggle_s003q_121:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_s003q_172{left:0;background-color:var(--color-background)}._standard_s003q_172 ._linkWrapper_s003q_105{position:relative}._standard_s003q_172 ._linkWrapper_s003q_105:not(._parent_s003q_105){position:relative;overflow:visible}._standard_s003q_172 ._triangle_s003q_187{display:none}._container_s003q_31{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;min-height:50px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);position:relative}@media (max-width: 767px){._container_s003q_31{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_s003q_31._twoColumn_s003q_216{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}@media (max-width: 767px){._container_s003q_31._twoColumn_s003q_216{display:flex}}._mobileButtons_s003q_225{display:none}@media (max-width: 767px){._mobileButtons_s003q_225{display:flex;align-items:center;gap:var(--spacing-lg);grid-area:fifth}._mobileButtons_s003q_225 ._linkWrapper_s003q_105{padding:0}}._mobileButtons_s003q_225 ._search_s003q_118{padding:0;width:unset}._title_s003q_99{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);z-index:1005}._logo_s003q_40{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_s003q_40 a{display:flex;align-items:center;justify-content:flex-start}._logo_s003q_40 img{height:auto;width:auto}@media (max-width: 767px){._logo_s003q_40 img{max-width:120px}}._search_s003q_118,._locale_s003q_119,._themeToggle_s003q_120 button{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px}._search_s003q_118 svg,._locale_s003q_119 svg,._themeToggle_s003q_120 button svg{position:relative;z-index:5}._menuToggle_s003q_303{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_s003q_303 svg{position:relative;z-index:5}._utilityMobile_s003q_321{display:none;grid-area:third;justify-content:flex-end}._utility_s003q_52{grid-area:third;display:flex;justify-content:flex-end}._utility_s003q_52 a{font-size:var(--font-size-sm)}._nav_s003q_1{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease;padding:var(--spacing-md)}@media (max-width: 767px){._nav_s003q_1{height:100vh}}._navInner_s003q_350{position:relative}@media (max-width: 767px){._navInner_s003q_350{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}}._grid_s003q_362{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_s003q_362{display:flex;flex-direction:column}._grid_s003q_362 ._linkWrapper_s003q_105{padding:var(--spacing-sm) 0}}._linkItem_s003q_112{display:flex;align-items:center;box-sizing:border-box}.modalContentContainer:has(._searchModal_s003q_385),.modalContentContainer:has(._localeModal_s003q_386){align-self:flex-start;top:2rem}._searchModal_s003q_385,._localeModal_s003q_386{padding:0!important;max-height:80dvh;overflow:hidden}._searchModal_s003q_385 .modalClose,._localeModal_s003q_386 .modalClose{display:none}._searchModal_s003q_385 .modalContent,._localeModal_s003q_386 .modalContent{margin-top:0}._separator_s003q_406{display:flex;align-items:center;justify-content:center;height:1px;width:100%;max-width:300px;background:var(--color-border)}@media (min-width: 768px){._separator_s003q_406{display:flex;align-items:center;justify-content:center;width:unset;height:45%;border-left:1px solid var(--color-border)}}._navTitle_s003q_425,._sublinkToggle_s003q_121,._search_s003q_118,._locale_s003q_119,._themeToggle_s003q_120 button,._link_s003q_105{text-decoration:none;color:var(--color-secondary-100);background-color:transparent;border:none;padding:var(--spacing-sm);transition:color .3s ease-in-out;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_s003q_425 ._newTabIcon_s003q_448,._sublinkToggle_s003q_121 ._newTabIcon_s003q_448,._search_s003q_118 ._newTabIcon_s003q_448,._locale_s003q_119 ._newTabIcon_s003q_448,._themeToggle_s003q_120 button ._newTabIcon_s003q_448,._link_s003q_105 ._newTabIcon_s003q_448{color:var(--color-secondary-75);transition:color .3s ease-in-out}._search_s003q_118,._locale_s003q_119,._themeToggle_s003q_120 button{justify-content:center}@media (min-width: 768px){._navTitle_s003q_425,._sublinksDescription_s003q_461,._link_s003q_105,._sublinkToggle_s003q_121,._link_s003q_105 ._linkContent_s003q_464,._sublinkToggle_s003q_121 ._linkContent_s003q_464{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_s003q_105:hover,._link_s003q_105._open_s003q_477,._search_s003q_118:hover,._sublinkToggle_s003q_121:hover,._sublinkToggle_s003q_121._open_s003q_477,._link_s003q_105:hover ._newTabIcon_s003q_448,._link_s003q_105._open_s003q_477 ._newTabIcon_s003q_448,._search_s003q_118:hover ._newTabIcon_s003q_448,._sublinkToggle_s003q_121:hover ._newTabIcon_s003q_448,._sublinkToggle_s003q_121._open_s003q_477 ._newTabIcon_s003q_448{color:var(--color-primary-100)}@media (max-width: 767px){._link_s003q_105:hover,._link_s003q_105._open_s003q_477,._search_s003q_118:hover,._sublinkToggle_s003q_121:hover,._sublinkToggle_s003q_121._open_s003q_477{color:var(--color-secondary-100)}._link_s003q_105:hover ._newTabIcon_s003q_448,._link_s003q_105._open_s003q_477 ._newTabIcon_s003q_448,._search_s003q_118:hover ._newTabIcon_s003q_448,._sublinkToggle_s003q_121:hover ._newTabIcon_s003q_448,._sublinkToggle_s003q_121._open_s003q_477 ._newTabIcon_s003q_448{color:var(--color-secondary-100)}}._navItem_s003q_496:hover{color:var(--color-primary-100)}._sublinkToggle_s003q_121,._back_s003q_501{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_s003q_121:hover,._sublinkToggle_s003q_121._open_s003q_477,._back_s003q_501:hover,._back_s003q_501._open_s003q_477{color:var(--color-primary-100)}._sublinks_s003q_461{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_s003q_461._show_s003q_550{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_s003q_461._show_s003q_550 ._navTitle_s003q_425,._sublinks_s003q_461._show_s003q_550 ._sublinksDescription_s003q_461,._sublinks_s003q_461._show_s003q_550 ._link_s003q_105,._sublinks_s003q_461._show_s003q_550 ._sublinkToggle_s003q_121,._sublinks_s003q_461._show_s003q_550 ._link_s003q_105 ._linkContent_s003q_464,._sublinks_s003q_461._show_s003q_550 ._sublinkToggle_s003q_121 ._linkContent_s003q_464{opacity:1;visibility:visible}._triangle_s003q_187{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);transform:translate(-50%);z-index:10;pointer-events:none;transition:top .3s ease-in-out,left .3s ease-in-out,visbility .3s ease-in-out,opacity .3s ease-in-out}._triangle_s003q_187._show_s003q_550{top:calc(100% + .3rem);opacity:1;visibility:visible}._triangle_s003q_187 polygon{stroke:var(--color-border);stroke-width:1px}._primaryColumn_s003q_599{border-right:1px solid var(--color-border)}._primaryColumn_s003q_599 ._sublinkToggle_s003q_121:hover,._primaryColumn_s003q_599 ._sublinkToggle_s003q_121._open_s003q_477{color:var(--color-primary-100)}._secondaryColumn_s003q_608{background-color:var(--color-secondary-10)}._spotlightColumn_s003q_612{background-color:var(--color-secondary-75)}._sublinksInner_s003q_616{background-color:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:visible}@media (max-width: 767px){._sublinksInner_s003q_616{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset;border:unset}}._sublinksColumn_s003q_636{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_s003q_636{padding:0}}._nestedParent_s003q_646{position:relative;overflow:visible}@media (min-width: 768px){._linkWrapper_s003q_105:not(._parent_s003q_105)>._sublinks_s003q_461{position:absolute;top:0;left:100%;margin-left:-1px;width:max-content;min-width:160px}}._inlineChildren_s003q_665{display:flex;flex-direction:column;padding-left:var(--spacing-md);border-left:2px solid var(--color-border);margin:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-sm);animation:_fadeIn_s003q_1320 .15s ease-out}._inlineChildren_s003q_665 a{padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-secondary-75)}._inlineChildren_s003q_665 a:hover{color:var(--color-primary-100)}._chevron_s003q_684{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_s003q_121._chevronOpen_s003q_692>._chevron_s003q_684{transform:rotate(180deg)}._sublinkToggle_s003q_121:not([data-toplevel])._chevronOpen_s003q_692>._chevron_s003q_684{transform:rotate(-90deg)}._chevronRight_s003q_705{margin-left:auto;flex-shrink:0;color:var(--color-secondary-50);transition:transform .2s ease}._sublinkToggle_s003q_121._chevronOpen_s003q_692>._chevronRight_s003q_705{transform:rotate(90deg)}._menubar_s003q_716{display:contents}._toolbar_s003q_720{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;width:100%}._toolbar_s003q_720 ._linkWrapper_s003q_105._parent_s003q_105{border:none;flex:1}@media (min-width: 768px){._toolbar_s003q_720{gap:0;padding:0}}@media (max-width: 767px){._logo_s003q_40{flex:1}._menuToggle_s003q_303,._search_s003q_118{display:flex;align-items:center;justify-content:center}._utility_s003q_52 a:not(._utility_s003q_52 a:first-of-type){display:none}._utilityMobile_s003q_321{display:block;transform:translateY(100px);position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;z-index:1001;transition:transform .3s ease-in-out;padding:1rem;background:linear-gradient(to bottom,#fff0 2%,#ffffff4d 7%,#ffffff80 60%,#fffc)}._utilityMobile_s003q_321._open_s003q_477{transform:translateY(0)}._nav_s003q_1{position:fixed;top:50px;left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:0;z-index:1000;overflow-y:auto;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out}._nav_s003q_1._open_s003q_477{transform:translate(0);opacity:1;pointer-events:auto}._linkWrapper_s003q_105{flex-direction:column;width:100%;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_s003q_105._parent_s003q_105{border-bottom:1px solid var(--color-border)}._linkWrapper_s003q_105._parent_s003q_105:last-of-type{border:none}._parentItem_s003q_828 a,._parentItem_s003q_828 button{font-weight:var(--font-weight-semibold)}._linkItem_s003q_112{width:100%}._chevron_s003q_684{display:none}._sublinks_s003q_461{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_s003q_121{cursor:pointer;pointer-events:none;color:var(--color-secondary-75)}}._default_s003q_864 ._container_s003q_31{padding:var(--spacing-md)}@media (max-width: 767px){._default_s003q_864 ._container_s003q_31{padding:var(--spacing-sm) var(--spacing-md)}}._default_s003q_864 ._sublinks_s003q_461{position:absolute;right:0;width:max-content}@media (max-width: 767px){._default_s003q_864 ._sublinks_s003q_461{position:relative;justify-content:center;align-items:center;width:100%}}._default_s003q_864 ._linkItem_s003q_112{justify-content:flex-end}@media (max-width: 767px){._default_s003q_864 ._linkItem_s003q_112{justify-content:center;align-items:center}}._default_s003q_864 ._sublinksInner_s003q_616{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_s003q_864 ._sublinksInner_s003q_616{justify-content:center;align-items:center}}._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._sublinkToggle_s003q_121,._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._link_s003q_105{height:40px;width:100%}@media (min-width: 768px){._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._link_s003q_105,._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._search_s003q_118,._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._locale_s003q_119,._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112._themeToggle_s003q_120 button,._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._sublinkToggle_s003q_121{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-secondary-100)}._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._link_s003q_105:hover,._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._search_s003q_118:hover,._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._locale_s003q_119:hover,._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112._themeToggle_s003q_120 button:hover,._default_s003q_864 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._sublinkToggle_s003q_121:hover{color:var(--color-primary-100);background-color:transparent}}._advanced_s003q_939 ._linkContent_s003q_464{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-sm)}._advanced_s003q_939 ._subtitle_s003q_948{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_s003q_939 ._sublinksDescription_s003q_461,._advanced_s003q_939 ._sublinksDescription_s003q_461 div p{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_s003q_939 ._sublinks_s003q_461{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_s003q_939 ._sublinks_s003q_461{position:relative;justify-content:center;align-items:center}}._advanced_s003q_939 ._linkItem_s003q_112{justify-content:flex-start}._advanced_s003q_939 ._sublinksInner_s003q_616{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_s003q_939 ._sublinksInner_s003q_616._withSpotlight_s003q_990{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_s003q_939 ._sublinksInner_s003q_616._withoutSpotlight_s003q_994{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_s003q_939 ._sublinksInner_s003q_616{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_s003q_939 ._sublinkToggle_s003q_121{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_s003q_939 ._sublinkToggle_s003q_121:hover,._advanced_s003q_939 ._sublinkToggle_s003q_121._open_s003q_477{color:var(--color-primary-100)}._advanced_s003q_939 ._back_s003q_501{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_s003q_939 ._back_s003q_501:hover{color:var(--color-primary-100)}._transparent_s003q_1032{background-color:transparent}._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._sublinkToggle_s003q_121,._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._link_s003q_105{height:40px}@media (min-width: 768px){._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._link_s003q_105,._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._search_s003q_118,._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._locale_s003q_119,._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112._themeToggle_s003q_120 button,._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._sublinkToggle_s003q_121{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-navigation-transparent-links)}._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._link_s003q_105:hover,._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._search_s003q_118:hover,._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._locale_s003q_119:hover,._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112._themeToggle_s003q_120 button:hover,._transparent_s003q_1032 ._linkWrapper_s003q_105._parent_s003q_105>._linkItem_s003q_112 ._sublinkToggle_s003q_121:hover{color:var(--color-navigation-transparent-linksHover);background-color:transparent}}@media (max-width: 767px){._transparent_s003q_1032:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(var(--color-backgroundRgb),.5);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}}._transparent_s003q_1032 ._nav_s003q_1{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:rgba(var(--color-backgroundRgb),.3);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_s003q_1032 ._nav_s003q_1{padding:var(--nav-height) 0 0;background:rgba(var(--color-backgroundRgb),.95);border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_s003q_1032 ._nav_s003q_1:before{border-radius:0}}@media (max-width: 767px){._transparent_s003q_1032 ._utility_s003q_52 a,._transparent_s003q_1032 ._utility_s003q_52 button{-webkit-backdrop-filter:unset;backdrop-filter:unset}._transparent_s003q_1032 ._utility_s003q_52 a>span,._transparent_s003q_1032 ._utility_s003q_52 button>span{background-color:transparent;padding:0}._transparent_s003q_1032 ._utility_s003q_52 a:hover>span,._transparent_s003q_1032 ._utility_s003q_52 button:hover>span{background-color:transparent;padding:0;color:var(--color-primary-100)}}@media (max-width: 767px){._transparent_s003q_1032 ._menuToggle_s003q_303,._transparent_s003q_1032 ._search_s003q_118{width:unset}}._utilityDefault_s003q_1149{height:32px}._utilityDefault_s003q_1149>span{padding:var(--spacing-xs) var(--spacing-sm)!important}._utilityScrolled_s003q_1156{height:32px;-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent;transition:background-color .2s ease}._utilityScrolled_s003q_1156>span{padding:var(--spacing-xs) var(--spacing-sm)!important;background-color:#ffffffbf;color:var(--color-primar-100);width:100%;transition:background-color .2s ease}._utilityScrolled_s003q_1156:hover{background-color:transparent}._utilityScrolled_s003q_1156:hover>span{background-color:var(--color-button-primary-base-hover-bg);color:var(--color-button-blurred-base-text)}._groupDivider_s003q_1181{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}@media (max-width: 767px){._searchWrapper_s003q_1189{grid-area:fourth;width:auto}}._mobileMenu_s003q_1196{display:flex;flex-direction:column;width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) * 3.5)}._mobilePanel_s003q_1205{display:flex;flex-direction:column;width:100%;animation:_slideInFromRight_s003q_1 .22s ease-out both;padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) * 3.5)}._mobileBack_s003q_1215{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) 0 var(--spacing-sm);margin-bottom:var(--spacing-xs);width:100%;text-align:left}._mobileBack_s003q_1215 span{flex:1}._mobileBack_s003q_1215:hover{color:var(--color-primary-100)}._mobileItem_s003q_1240{width:100%;opacity:0}._slideIn_s003q_1245{animation:_slideInFromRight_s003q_1 .22s ease-out forwards}._slideInBack_s003q_1249{animation:_slideInFromLeft_s003q_1 .22s ease-out forwards}._mobileTrigger_s003q_1253{display:flex;align-items:center;width:100%;padding:var(--spacing-md) 0;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-md);text-align:left;gap:var(--spacing-sm)}._mobileTrigger_s003q_1253:hover{color:var(--color-primary-100)}._mobileLink_s003q_1272{display:flex;align-items:center;width:100%;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-md);gap:var(--spacing-sm)}._mobileLink_s003q_1272:hover{color:var(--color-primary-100)}._mobileItemLabel_s003q_1288{flex:1;display:flex;flex-direction:column;gap:2px}._mobileItemSubtitle_s003q_1295{font-size:var(--font-size-sm);color:var(--color-secondary-50);font-weight:var(--font-weight-normal)}._mobileChevron_s003q_1301{flex-shrink:0;color:var(--color-secondary-50)}._mobileDivider_s003q_1306{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-sm) 0}._mobileMenuSlide_s003q_1313{display:flex;flex-direction:column}._mobileMenuItem_s003q_1317{opacity:0}._fadeInFromLeft_s003q_1320{animation:_slideInFromLeft_s003q_1 .22s ease-out forwards}._fadeInFromRight_s003q_1323{animation:_slideInFromRight_s003q_1 .22s ease-out forwards}._spotlight_s003q_612{display:flex;flex-direction:column;gap:var(--spacing-md)}._spotlight_s003q_612 ._imageWrapper_s003q_1333{width:100%;height:150px;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._spotlight_s003q_612 ._imageWrapper_s003q_1333 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._spotlight_s003q_612 ._image_s003q_1333{width:100%;height:auto;object-fit:cover}._spotlight_s003q_612 ._content_s003q_1355{display:flex;flex-direction:column;gap:var(--spacing-sm);color:#fff}._spotlight_s003q_612 ._title_s003q_99{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);color:#fff}._spotlight_s003q_612 ._description_s003q_1370{color:#fff}._spotlight_s003q_612 ._actions_s003q_1374{display:flex;flex-direction:column;align-items:flex-start}@keyframes _slideInFromRight_s003q_1{0%{transform:translate(32px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideInFromLeft_s003q_1{0%{transform:translate(-32px);opacity:0}to{transform:translate(0);opacity:1}}
1
+ ._navbar_2dcc5_1{position:relative;z-index:1000}._sticky_2dcc5_15{position:fixed;top:var(--announcement-height, 0px);left:0;right:0;z-index:1000;width:100%}._left_2dcc5_30 ._container_2dcc5_31{grid-template-columns:auto 1fr auto}@media (max-width: 767px){._left_2dcc5_30 ._container_2dcc5_31{grid-template-columns:1fr max-content max-content max-content}._left_2dcc5_30 ._logo_2dcc5_40{flex:1}}._center_2dcc5_46 ._container_2dcc5_31{grid-template-columns:1fr auto 1fr}._center_2dcc5_46 ._utility_2dcc5_52{justify-self:end}._center_2dcc5_46 ._nav_2dcc5_1{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_2dcc5_46 ._nav_2dcc5_1._hidden_2dcc5_62{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_2dcc5_46 ._nav_2dcc5_1._visible_2dcc5_69{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_2dcc5_46 ._container_2dcc5_31{grid-template-columns:1fr max-content max-content max-content}._center_2dcc5_46 ._logo_2dcc5_40{flex:1}}._right_2dcc5_88 ._container_2dcc5_31{grid-template-columns:1fr auto auto}@media (max-width: 767px){._right_2dcc5_88 ._container_2dcc5_31{grid-template-columns:1fr max-content max-content max-content}._right_2dcc5_88 ._logo_2dcc5_40,._right_2dcc5_88 ._title_2dcc5_99{flex:1}}._linkWrapper_2dcc5_105._parent_2dcc5_105{overflow:visible;position:relative}@media (min-width: 768px){._linkWrapper_2dcc5_105._parent_2dcc5_105:first-of-type>._linkItem_2dcc5_112{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);overflow:hidden}._linkWrapper_2dcc5_105._parent_2dcc5_105:first-of-type>._linkItem_2dcc5_112 ._link_2dcc5_105,._linkWrapper_2dcc5_105._parent_2dcc5_105:first-of-type>._linkItem_2dcc5_112 ._search_2dcc5_118,._linkWrapper_2dcc5_105._parent_2dcc5_105:first-of-type>._linkItem_2dcc5_112 ._locale_2dcc5_119,._linkWrapper_2dcc5_105._parent_2dcc5_105:first-of-type>._linkItem_2dcc5_112._themeToggle_2dcc5_120 button,._linkWrapper_2dcc5_105._parent_2dcc5_105:first-of-type>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121{margin-left:var(--spacing-sm)}}@media (min-width: 768px){._linkWrapper_2dcc5_105._parent_2dcc5_105:last-of-type>._linkItem_2dcc5_112{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);overflow:hidden}._linkWrapper_2dcc5_105._parent_2dcc5_105:last-of-type>._linkItem_2dcc5_112 ._link_2dcc5_105,._linkWrapper_2dcc5_105._parent_2dcc5_105:last-of-type>._linkItem_2dcc5_112 ._search_2dcc5_118,._linkWrapper_2dcc5_105._parent_2dcc5_105:last-of-type>._linkItem_2dcc5_112 ._locale_2dcc5_119,._linkWrapper_2dcc5_105._parent_2dcc5_105:last-of-type>._linkItem_2dcc5_112._themeToggle_2dcc5_120 button,._linkWrapper_2dcc5_105._parent_2dcc5_105:last-of-type>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121{margin-right:var(--spacing-sm)}}._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121,._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._link_2dcc5_105{height:40px}@media (min-width: 768px){._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._link_2dcc5_105,._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._search_2dcc5_118,._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._locale_2dcc5_119,._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112._themeToggle_2dcc5_120 button,._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._link_2dcc5_105:hover,._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._search_2dcc5_118:hover,._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._locale_2dcc5_119:hover,._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112._themeToggle_2dcc5_120 button:hover,._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_2dcc5_172{left:0;background-color:var(--color-background)}._standard_2dcc5_172 ._linkWrapper_2dcc5_105{position:relative}._standard_2dcc5_172 ._linkWrapper_2dcc5_105:not(._parent_2dcc5_105){position:relative;overflow:visible}._standard_2dcc5_172 ._triangle_2dcc5_187{display:none}._container_2dcc5_31{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;min-height:50px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);position:relative}@media (max-width: 767px){._container_2dcc5_31{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_2dcc5_31._twoColumn_2dcc5_216{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}@media (max-width: 767px){._container_2dcc5_31._twoColumn_2dcc5_216{display:flex}}._mobileButtons_2dcc5_225{display:none}@media (max-width: 767px){._mobileButtons_2dcc5_225{display:flex;align-items:center;gap:var(--spacing-lg);grid-area:fifth}._mobileButtons_2dcc5_225 ._linkWrapper_2dcc5_105{padding:0}}._mobileButtons_2dcc5_225 ._search_2dcc5_118{padding:0;width:unset}._title_2dcc5_99{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);z-index:1005}._logo_2dcc5_40{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_2dcc5_40 a{display:flex;align-items:center;justify-content:flex-start}._logo_2dcc5_40 img{height:auto;width:auto}@media (max-width: 767px){._logo_2dcc5_40 img{max-width:120px}}._search_2dcc5_118,._locale_2dcc5_119,._themeToggle_2dcc5_120 button{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px}._search_2dcc5_118 svg,._locale_2dcc5_119 svg,._themeToggle_2dcc5_120 button svg{position:relative;z-index:5}._menuToggle_2dcc5_303{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_2dcc5_303 svg{position:relative;z-index:5}._utilityMobile_2dcc5_321{display:none;grid-area:third;justify-content:flex-end}._utility_2dcc5_52{grid-area:third;display:flex;justify-content:flex-end}._utility_2dcc5_52 a{font-size:var(--font-size-sm)}._nav_2dcc5_1{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_2dcc5_1{height:100vh;padding:var(--spacing-md)}}._navInner_2dcc5_350{position:relative}@media (max-width: 767px){._navInner_2dcc5_350{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}}._grid_2dcc5_362{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_2dcc5_362{display:flex;flex-direction:column}._grid_2dcc5_362 ._linkWrapper_2dcc5_105{padding:var(--spacing-sm) 0}}._linkItem_2dcc5_112{display:flex;align-items:center;box-sizing:border-box}.modalContentContainer:has(._searchModal_2dcc5_385),.modalContentContainer:has(._localeModal_2dcc5_386){align-self:flex-start;top:2rem}._searchModal_2dcc5_385,._localeModal_2dcc5_386{padding:0!important;max-height:80dvh;overflow:hidden}._searchModal_2dcc5_385 .modalClose,._localeModal_2dcc5_386 .modalClose{display:none}._searchModal_2dcc5_385 .modalContent,._localeModal_2dcc5_386 .modalContent{margin-top:0}._separator_2dcc5_406{display:flex;align-items:center;justify-content:center;height:1px;width:100%;max-width:300px;background:var(--color-border)}@media (min-width: 768px){._separator_2dcc5_406{display:flex;align-items:center;justify-content:center;width:unset;height:45%;border-left:1px solid var(--color-border)}}._navTitle_2dcc5_425,._sublinkToggle_2dcc5_121,._search_2dcc5_118,._locale_2dcc5_119,._themeToggle_2dcc5_120 button,._link_2dcc5_105{text-decoration:none;color:var(--color-secondary-100);background-color:transparent;border:none;padding:var(--spacing-sm);transition:color .3s ease-in-out;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_2dcc5_425 ._newTabIcon_2dcc5_448,._sublinkToggle_2dcc5_121 ._newTabIcon_2dcc5_448,._search_2dcc5_118 ._newTabIcon_2dcc5_448,._locale_2dcc5_119 ._newTabIcon_2dcc5_448,._themeToggle_2dcc5_120 button ._newTabIcon_2dcc5_448,._link_2dcc5_105 ._newTabIcon_2dcc5_448{color:var(--color-secondary-75);transition:color .3s ease-in-out}._search_2dcc5_118,._locale_2dcc5_119,._themeToggle_2dcc5_120 button{justify-content:center}@media (min-width: 768px){._navTitle_2dcc5_425,._sublinksDescription_2dcc5_461,._link_2dcc5_105,._sublinkToggle_2dcc5_121,._link_2dcc5_105 ._linkContent_2dcc5_464,._sublinkToggle_2dcc5_121 ._linkContent_2dcc5_464{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_2dcc5_105:hover,._link_2dcc5_105._open_2dcc5_477,._search_2dcc5_118:hover,._sublinkToggle_2dcc5_121:hover,._sublinkToggle_2dcc5_121._open_2dcc5_477,._link_2dcc5_105:hover ._newTabIcon_2dcc5_448,._link_2dcc5_105._open_2dcc5_477 ._newTabIcon_2dcc5_448,._search_2dcc5_118:hover ._newTabIcon_2dcc5_448,._sublinkToggle_2dcc5_121:hover ._newTabIcon_2dcc5_448,._sublinkToggle_2dcc5_121._open_2dcc5_477 ._newTabIcon_2dcc5_448{color:var(--color-primary-100)}@media (max-width: 767px){._link_2dcc5_105:hover,._link_2dcc5_105._open_2dcc5_477,._search_2dcc5_118:hover,._sublinkToggle_2dcc5_121:hover,._sublinkToggle_2dcc5_121._open_2dcc5_477{color:var(--color-secondary-100)}._link_2dcc5_105:hover ._newTabIcon_2dcc5_448,._link_2dcc5_105._open_2dcc5_477 ._newTabIcon_2dcc5_448,._search_2dcc5_118:hover ._newTabIcon_2dcc5_448,._sublinkToggle_2dcc5_121:hover ._newTabIcon_2dcc5_448,._sublinkToggle_2dcc5_121._open_2dcc5_477 ._newTabIcon_2dcc5_448{color:var(--color-secondary-100)}}._navItem_2dcc5_496:hover{color:var(--color-primary-100)}._sublinkToggle_2dcc5_121,._back_2dcc5_501{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_2dcc5_121:hover,._sublinkToggle_2dcc5_121._open_2dcc5_477,._back_2dcc5_501:hover,._back_2dcc5_501._open_2dcc5_477{color:var(--color-primary-100)}._sublinks_2dcc5_461{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_2dcc5_461._show_2dcc5_550{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_2dcc5_461._show_2dcc5_550 ._navTitle_2dcc5_425,._sublinks_2dcc5_461._show_2dcc5_550 ._sublinksDescription_2dcc5_461,._sublinks_2dcc5_461._show_2dcc5_550 ._link_2dcc5_105,._sublinks_2dcc5_461._show_2dcc5_550 ._sublinkToggle_2dcc5_121,._sublinks_2dcc5_461._show_2dcc5_550 ._link_2dcc5_105 ._linkContent_2dcc5_464,._sublinks_2dcc5_461._show_2dcc5_550 ._sublinkToggle_2dcc5_121 ._linkContent_2dcc5_464{opacity:1;visibility:visible}._triangle_2dcc5_187{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);transform:translate(-50%);z-index:10;pointer-events:none;transition:top .3s ease-in-out,left .3s ease-in-out,visbility .3s ease-in-out,opacity .3s ease-in-out}._triangle_2dcc5_187._show_2dcc5_550{top:calc(100% + .3rem);opacity:1;visibility:visible}._triangle_2dcc5_187 polygon{stroke:var(--color-border);stroke-width:1px}._primaryColumn_2dcc5_599{border-right:1px solid var(--color-border)}._primaryColumn_2dcc5_599 ._sublinkToggle_2dcc5_121:hover,._primaryColumn_2dcc5_599 ._sublinkToggle_2dcc5_121._open_2dcc5_477{color:var(--color-primary-100)}._secondaryColumn_2dcc5_608{background-color:var(--color-secondary-10)}._spotlightColumn_2dcc5_612{background-color:var(--color-secondary-75)}._sublinksInner_2dcc5_616{background-color:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:visible}@media (max-width: 767px){._sublinksInner_2dcc5_616{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset;border:unset}}._sublinksColumn_2dcc5_636{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_2dcc5_636{padding:0}}._nestedParent_2dcc5_646{position:relative;overflow:visible}@media (min-width: 768px){._linkWrapper_2dcc5_105:not(._parent_2dcc5_105)>._sublinks_2dcc5_461{position:absolute;top:0;left:100%;margin-left:-1px;width:max-content;min-width:160px}}._inlineChildren_2dcc5_665{display:flex;flex-direction:column;padding-left:var(--spacing-md);border-left:2px solid var(--color-border);margin:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-sm);animation:_fadeIn_2dcc5_1353 .15s ease-out}._inlineChildren_2dcc5_665 a{padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-secondary-75)}._inlineChildren_2dcc5_665 a:hover{color:var(--color-primary-100)}._chevron_2dcc5_684{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_2dcc5_121._chevronOpen_2dcc5_692>._chevron_2dcc5_684{transform:rotate(180deg)}._sublinkToggle_2dcc5_121:not([data-toplevel])._chevronOpen_2dcc5_692>._chevron_2dcc5_684{transform:rotate(-90deg)}._chevronRight_2dcc5_705{margin-left:auto;flex-shrink:0;color:var(--color-secondary-50);transition:transform .2s ease}._sublinkToggle_2dcc5_121._chevronOpen_2dcc5_692>._chevronRight_2dcc5_705{transform:rotate(90deg)}._menubar_2dcc5_716{display:contents}._toolbar_2dcc5_720{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;width:100%}._toolbar_2dcc5_720 ._linkWrapper_2dcc5_105._parent_2dcc5_105{border:none;flex:1}@media (min-width: 768px){._toolbar_2dcc5_720{gap:0;padding:0}}@media (max-width: 767px){._logo_2dcc5_40{flex:1}._menuToggle_2dcc5_303,._search_2dcc5_118{display:flex;align-items:center;justify-content:center}._utilityDefault_2dcc5_749{height:32px}._utilityDefault_2dcc5_749>span{padding:var(--spacing-xs) var(--spacing-sm)!important}._utility_2dcc5_52{transform:translateY(100px);transition:transform .3s ease-in-out,background .6s ease-in-out;position:fixed;bottom:0;z-index:1000;width:100%;right:0;left:0;padding:1rem;background:linear-gradient(to bottom,#fff0,#ffffff1a)}._utility_2dcc5_52>div{flex-direction:row;flex-wrap:nowrap}._utility_2dcc5_52>div a,._utility_2dcc5_52>div button{flex:.5}._utility_2dcc5_52._open_2dcc5_477{transform:translateY(0);background:linear-gradient(to bottom,#ffffff1a,#ffffff80,#ffffffb3 60%,#ffffffe6)}._utilityMobile_2dcc5_321{display:block;transform:translateY(100px);position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;z-index:1001;transition:transform .3s ease-in-out;padding:1rem;background:linear-gradient(to bottom,#fff0 2%,#ffffff4d 7%,#ffffff80 60%,#fffc)}._utilityMobile_2dcc5_321._open_2dcc5_477{transform:translateY(0)}._nav_2dcc5_1{position:fixed;top:50px;left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:0;z-index:1000;overflow-y:auto;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out}._nav_2dcc5_1._open_2dcc5_477{transform:translate(0);opacity:1;pointer-events:auto}._linkWrapper_2dcc5_105{flex-direction:column;width:100%;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_2dcc5_105._parent_2dcc5_105{border-bottom:1px solid var(--color-border)}._linkWrapper_2dcc5_105._parent_2dcc5_105:last-of-type{border:none}._parentItem_2dcc5_868 a,._parentItem_2dcc5_868 button{font-weight:var(--font-weight-semibold)}._linkItem_2dcc5_112{width:100%}._chevron_2dcc5_684{display:none}._sublinks_2dcc5_461{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_2dcc5_121{cursor:pointer;pointer-events:none;color:var(--color-secondary-75)}}._default_2dcc5_904 ._container_2dcc5_31{padding:var(--spacing-md) var(--spacing-lg)}@media (max-width: 767px){._default_2dcc5_904 ._container_2dcc5_31{padding:var(--spacing-sm) var(--spacing-md)}}._default_2dcc5_904 ._sublinks_2dcc5_461{position:absolute;right:0;width:max-content}@media (max-width: 767px){._default_2dcc5_904 ._sublinks_2dcc5_461{position:relative;justify-content:center;align-items:center;width:100%}}._default_2dcc5_904 ._linkItem_2dcc5_112{justify-content:flex-end}@media (max-width: 767px){._default_2dcc5_904 ._linkItem_2dcc5_112{justify-content:center;align-items:center}}._default_2dcc5_904 ._sublinksInner_2dcc5_616{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_2dcc5_904 ._sublinksInner_2dcc5_616{justify-content:center;align-items:center}}._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121,._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._link_2dcc5_105{height:40px;width:100%}@media (min-width: 768px){._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._link_2dcc5_105,._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._search_2dcc5_118,._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._locale_2dcc5_119,._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112._themeToggle_2dcc5_120 button,._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-secondary-100)}._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._link_2dcc5_105:hover,._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._search_2dcc5_118:hover,._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._locale_2dcc5_119:hover,._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112._themeToggle_2dcc5_120 button:hover,._default_2dcc5_904 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121:hover{color:var(--color-primary-100);background-color:transparent}}._advanced_2dcc5_979 ._linkContent_2dcc5_464{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-sm)}._advanced_2dcc5_979 ._subtitle_2dcc5_988{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_2dcc5_979 ._sublinksDescription_2dcc5_461,._advanced_2dcc5_979 ._sublinksDescription_2dcc5_461 div p{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_2dcc5_979 ._sublinks_2dcc5_461{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_2dcc5_979 ._sublinks_2dcc5_461{position:relative;justify-content:center;align-items:center}}._advanced_2dcc5_979 ._linkItem_2dcc5_112{justify-content:flex-start}._advanced_2dcc5_979 ._sublinksInner_2dcc5_616{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_2dcc5_979 ._sublinksInner_2dcc5_616._withSpotlight_2dcc5_1030{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_2dcc5_979 ._sublinksInner_2dcc5_616._withoutSpotlight_2dcc5_1034{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_2dcc5_979 ._sublinksInner_2dcc5_616{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_2dcc5_979 ._sublinkToggle_2dcc5_121{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_2dcc5_979 ._sublinkToggle_2dcc5_121:hover,._advanced_2dcc5_979 ._sublinkToggle_2dcc5_121._open_2dcc5_477{color:var(--color-primary-100)}._advanced_2dcc5_979 ._back_2dcc5_501{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_2dcc5_979 ._back_2dcc5_501:hover{color:var(--color-primary-100)}._transparent_2dcc5_1072{background-color:transparent}._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121,._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._link_2dcc5_105{height:40px}@media (min-width: 768px){._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._link_2dcc5_105,._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._search_2dcc5_118,._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._locale_2dcc5_119,._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112._themeToggle_2dcc5_120 button,._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-navigation-transparent-links)}._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._link_2dcc5_105:hover,._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._search_2dcc5_118:hover,._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._locale_2dcc5_119:hover,._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112._themeToggle_2dcc5_120 button:hover,._transparent_2dcc5_1072 ._linkWrapper_2dcc5_105._parent_2dcc5_105>._linkItem_2dcc5_112 ._sublinkToggle_2dcc5_121:hover{color:var(--color-navigation-transparent-linksHover);background-color:transparent}}@media (max-width: 767px){._transparent_2dcc5_1072:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(var(--color-backgroundRgb),.5);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}}._transparent_2dcc5_1072 ._nav_2dcc5_1{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:rgba(var(--color-backgroundRgb),.3);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_2dcc5_1072 ._nav_2dcc5_1{padding:var(--nav-height) 0 0;background:rgba(var(--color-backgroundRgb),.95);border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_2dcc5_1072 ._nav_2dcc5_1:before{border-radius:0}}@media (max-width: 767px){._transparent_2dcc5_1072 ._utility_2dcc5_52 a,._transparent_2dcc5_1072 ._utility_2dcc5_52 button{-webkit-backdrop-filter:unset;backdrop-filter:unset}._transparent_2dcc5_1072 ._utility_2dcc5_52 a>span,._transparent_2dcc5_1072 ._utility_2dcc5_52 button>span{background-color:transparent;padding:0}._transparent_2dcc5_1072 ._utility_2dcc5_52 a:hover>span,._transparent_2dcc5_1072 ._utility_2dcc5_52 button:hover>span{background-color:transparent;padding:0;color:var(--color-primary-100)}}@media (max-width: 767px){._transparent_2dcc5_1072 ._menuToggle_2dcc5_303,._transparent_2dcc5_1072 ._search_2dcc5_118{width:unset}}._utilityScrolled_2dcc5_1189{height:32px;-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent;transition:background-color .2s ease}._utilityScrolled_2dcc5_1189>span{padding:var(--spacing-xs) var(--spacing-sm)!important;background-color:#ffffffbf;color:var(--color-primar-100);width:100%;transition:background-color .2s ease}._utilityScrolled_2dcc5_1189:hover{background-color:transparent}._utilityScrolled_2dcc5_1189:hover>span{background-color:var(--color-button-primary-base-hover-bg);color:var(--color-button-blurred-base-text)}._groupDivider_2dcc5_1214{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}@media (max-width: 767px){._searchWrapper_2dcc5_1222{grid-area:fourth;width:auto}}._mobileMenu_2dcc5_1229{display:flex;flex-direction:column;width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) * 3.5)}._mobilePanel_2dcc5_1238{display:flex;flex-direction:column;width:100%;animation:_slideInFromRight_2dcc5_1 .22s ease-out both;padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) * 3.5)}._mobileBack_2dcc5_1248{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) 0 var(--spacing-sm);margin-bottom:var(--spacing-xs);width:100%;text-align:left}._mobileBack_2dcc5_1248 span{flex:1}._mobileBack_2dcc5_1248:hover{color:var(--color-primary-100)}._mobileItem_2dcc5_1273{width:100%;opacity:0}._slideIn_2dcc5_1278{animation:_slideInFromRight_2dcc5_1 .22s ease-out forwards}._slideInBack_2dcc5_1282{animation:_slideInFromLeft_2dcc5_1 .22s ease-out forwards}._mobileTrigger_2dcc5_1286{display:flex;align-items:center;width:100%;padding:var(--spacing-md) 0;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-md);text-align:left;gap:var(--spacing-sm)}._mobileTrigger_2dcc5_1286:hover{color:var(--color-primary-100)}._mobileLink_2dcc5_1305{display:flex;align-items:center;width:100%;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-md);gap:var(--spacing-sm)}._mobileLink_2dcc5_1305:hover{color:var(--color-primary-100)}._mobileItemLabel_2dcc5_1321{flex:1;display:flex;flex-direction:column;gap:2px}._mobileItemSubtitle_2dcc5_1328{font-size:var(--font-size-sm);color:var(--color-secondary-50);font-weight:var(--font-weight-normal)}._mobileChevron_2dcc5_1334{flex-shrink:0;color:var(--color-secondary-50)}._mobileDivider_2dcc5_1339{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-sm) 0}._mobileMenuSlide_2dcc5_1346{display:flex;flex-direction:column}._mobileMenuItem_2dcc5_1350{opacity:0}._fadeInFromLeft_2dcc5_1353{animation:_slideInFromLeft_2dcc5_1 .22s ease-out forwards}._fadeInFromRight_2dcc5_1356{animation:_slideInFromRight_2dcc5_1 .22s ease-out forwards}._spotlight_2dcc5_612{display:flex;flex-direction:column;gap:var(--spacing-md)}._spotlight_2dcc5_612 ._imageWrapper_2dcc5_1366{width:100%;height:150px;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._spotlight_2dcc5_612 ._imageWrapper_2dcc5_1366 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._spotlight_2dcc5_612 ._image_2dcc5_1366{width:100%;height:auto;object-fit:cover}._spotlight_2dcc5_612 ._content_2dcc5_1388{display:flex;flex-direction:column;gap:var(--spacing-sm);color:#fff}._spotlight_2dcc5_612 ._title_2dcc5_99{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);color:#fff}._spotlight_2dcc5_612 ._description_2dcc5_1403{color:#fff}._spotlight_2dcc5_612 ._actions_2dcc5_1407{display:flex;flex-direction:column;align-items:flex-start}@keyframes _slideInFromRight_2dcc5_1{0%{transform:translate(32px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideInFromLeft_2dcc5_1{0%{transform:translate(-32px);opacity:0}to{transform:translate(0);opacity:1}}.utilityGroup{flex-direction:row!important}
package/dist/NavLink.css.d.ts CHANGED
@@ -1,95 +1,96 @@
1
1
  declare const styles: {
2
- readonly "_actions_s003q_1374": string;
3
- readonly "_advanced_s003q_939": string;
4
- readonly "_back_s003q_501": string;
5
- readonly "_center_s003q_46": string;
6
- readonly "_chevronOpen_s003q_692": string;
7
- readonly "_chevronRight_s003q_705": string;
8
- readonly "_chevron_s003q_684": string;
9
- readonly "_container_s003q_31": string;
10
- readonly "_content_s003q_1355": string;
11
- readonly "_default_s003q_864": string;
12
- readonly "_description_s003q_1370": string;
13
- readonly "_fadeInFromLeft_s003q_1320": string;
14
- readonly "_fadeInFromRight_s003q_1323": string;
15
- readonly "_fadeIn_s003q_1320": string;
16
- readonly "_grid_s003q_362": string;
17
- readonly "_groupDivider_s003q_1181": string;
18
- readonly "_hidden_s003q_62": string;
19
- readonly "_imageWrapper_s003q_1333": string;
20
- readonly "_image_s003q_1333": string;
21
- readonly "_inlineChildren_s003q_665": string;
22
- readonly "_left_s003q_30": string;
23
- readonly "_linkContent_s003q_464": string;
24
- readonly "_linkItem_s003q_112": string;
25
- readonly "_linkWrapper_s003q_105": string;
26
- readonly "_link_s003q_105": string;
27
- readonly "_localeModal_s003q_386": string;
28
- readonly "_locale_s003q_119": string;
29
- readonly "_logo_s003q_40": string;
30
- readonly "_menuToggle_s003q_303": string;
31
- readonly "_menubar_s003q_716": string;
32
- readonly "_mobileBack_s003q_1215": string;
33
- readonly "_mobileButtons_s003q_225": string;
34
- readonly "_mobileChevron_s003q_1301": string;
35
- readonly "_mobileDivider_s003q_1306": string;
36
- readonly "_mobileItemLabel_s003q_1288": string;
37
- readonly "_mobileItemSubtitle_s003q_1295": string;
38
- readonly "_mobileItem_s003q_1240": string;
39
- readonly "_mobileLink_s003q_1272": string;
40
- readonly "_mobileMenuItem_s003q_1317": string;
41
- readonly "_mobileMenuSlide_s003q_1313": string;
42
- readonly "_mobileMenu_s003q_1196": string;
43
- readonly "_mobilePanel_s003q_1205": string;
44
- readonly "_mobileTrigger_s003q_1253": string;
45
- readonly "_navInner_s003q_350": string;
46
- readonly "_navItem_s003q_496": string;
47
- readonly "_navTitle_s003q_425": string;
48
- readonly "_nav_s003q_1": string;
49
- readonly "_navbar_s003q_1": string;
50
- readonly "_nestedParent_s003q_646": string;
51
- readonly "_newTabIcon_s003q_448": string;
52
- readonly "_open_s003q_477": string;
53
- readonly "_parentItem_s003q_828": string;
54
- readonly "_parent_s003q_105": string;
55
- readonly "_primaryColumn_s003q_599": string;
56
- readonly "_right_s003q_88": string;
57
- readonly "_searchModal_s003q_385": string;
58
- readonly "_searchWrapper_s003q_1189": string;
59
- readonly "_search_s003q_118": string;
60
- readonly "_secondaryColumn_s003q_608": string;
61
- readonly "_separator_s003q_406": string;
62
- readonly "_show_s003q_550": string;
63
- readonly "_slideInBack_s003q_1249": string;
64
- readonly "_slideInFromLeft_s003q_1": string;
65
- readonly "_slideInFromRight_s003q_1": string;
66
- readonly "_slideIn_s003q_1245": string;
67
- readonly "_spotlightColumn_s003q_612": string;
68
- readonly "_spotlight_s003q_612": string;
69
- readonly "_standard_s003q_172": string;
70
- readonly "_sticky_s003q_15": string;
71
- readonly "_sublinkToggle_s003q_121": string;
72
- readonly "_sublinksColumn_s003q_636": string;
73
- readonly "_sublinksDescription_s003q_461": string;
74
- readonly "_sublinksInner_s003q_616": string;
75
- readonly "_sublinks_s003q_461": string;
76
- readonly "_subtitle_s003q_948": string;
77
- readonly "_themeToggle_s003q_120": string;
78
- readonly "_title_s003q_99": string;
79
- readonly "_toolbar_s003q_720": string;
80
- readonly "_transparent_s003q_1032": string;
81
- readonly "_triangle_s003q_187": string;
82
- readonly "_twoColumn_s003q_216": string;
83
- readonly "_utilityDefault_s003q_1149": string;
84
- readonly "_utilityMobile_s003q_321": string;
85
- readonly "_utilityScrolled_s003q_1156": string;
86
- readonly "_utility_s003q_52": string;
87
- readonly "_visible_s003q_69": string;
88
- readonly "_withSpotlight_s003q_990": string;
89
- readonly "_withoutSpotlight_s003q_994": string;
2
+ readonly "_actions_2dcc5_1407": string;
3
+ readonly "_advanced_2dcc5_979": string;
4
+ readonly "_back_2dcc5_501": string;
5
+ readonly "_center_2dcc5_46": string;
6
+ readonly "_chevronOpen_2dcc5_692": string;
7
+ readonly "_chevronRight_2dcc5_705": string;
8
+ readonly "_chevron_2dcc5_684": string;
9
+ readonly "_container_2dcc5_31": string;
10
+ readonly "_content_2dcc5_1388": string;
11
+ readonly "_default_2dcc5_904": string;
12
+ readonly "_description_2dcc5_1403": string;
13
+ readonly "_fadeInFromLeft_2dcc5_1353": string;
14
+ readonly "_fadeInFromRight_2dcc5_1356": string;
15
+ readonly "_fadeIn_2dcc5_1353": string;
16
+ readonly "_grid_2dcc5_362": string;
17
+ readonly "_groupDivider_2dcc5_1214": string;
18
+ readonly "_hidden_2dcc5_62": string;
19
+ readonly "_imageWrapper_2dcc5_1366": string;
20
+ readonly "_image_2dcc5_1366": string;
21
+ readonly "_inlineChildren_2dcc5_665": string;
22
+ readonly "_left_2dcc5_30": string;
23
+ readonly "_linkContent_2dcc5_464": string;
24
+ readonly "_linkItem_2dcc5_112": string;
25
+ readonly "_linkWrapper_2dcc5_105": string;
26
+ readonly "_link_2dcc5_105": string;
27
+ readonly "_localeModal_2dcc5_386": string;
28
+ readonly "_locale_2dcc5_119": string;
29
+ readonly "_logo_2dcc5_40": string;
30
+ readonly "_menuToggle_2dcc5_303": string;
31
+ readonly "_menubar_2dcc5_716": string;
32
+ readonly "_mobileBack_2dcc5_1248": string;
33
+ readonly "_mobileButtons_2dcc5_225": string;
34
+ readonly "_mobileChevron_2dcc5_1334": string;
35
+ readonly "_mobileDivider_2dcc5_1339": string;
36
+ readonly "_mobileItemLabel_2dcc5_1321": string;
37
+ readonly "_mobileItemSubtitle_2dcc5_1328": string;
38
+ readonly "_mobileItem_2dcc5_1273": string;
39
+ readonly "_mobileLink_2dcc5_1305": string;
40
+ readonly "_mobileMenuItem_2dcc5_1350": string;
41
+ readonly "_mobileMenuSlide_2dcc5_1346": string;
42
+ readonly "_mobileMenu_2dcc5_1229": string;
43
+ readonly "_mobilePanel_2dcc5_1238": string;
44
+ readonly "_mobileTrigger_2dcc5_1286": string;
45
+ readonly "_navInner_2dcc5_350": string;
46
+ readonly "_navItem_2dcc5_496": string;
47
+ readonly "_navTitle_2dcc5_425": string;
48
+ readonly "_nav_2dcc5_1": string;
49
+ readonly "_navbar_2dcc5_1": string;
50
+ readonly "_nestedParent_2dcc5_646": string;
51
+ readonly "_newTabIcon_2dcc5_448": string;
52
+ readonly "_open_2dcc5_477": string;
53
+ readonly "_parentItem_2dcc5_868": string;
54
+ readonly "_parent_2dcc5_105": string;
55
+ readonly "_primaryColumn_2dcc5_599": string;
56
+ readonly "_right_2dcc5_88": string;
57
+ readonly "_searchModal_2dcc5_385": string;
58
+ readonly "_searchWrapper_2dcc5_1222": string;
59
+ readonly "_search_2dcc5_118": string;
60
+ readonly "_secondaryColumn_2dcc5_608": string;
61
+ readonly "_separator_2dcc5_406": string;
62
+ readonly "_show_2dcc5_550": string;
63
+ readonly "_slideInBack_2dcc5_1282": string;
64
+ readonly "_slideInFromLeft_2dcc5_1": string;
65
+ readonly "_slideInFromRight_2dcc5_1": string;
66
+ readonly "_slideIn_2dcc5_1278": string;
67
+ readonly "_spotlightColumn_2dcc5_612": string;
68
+ readonly "_spotlight_2dcc5_612": string;
69
+ readonly "_standard_2dcc5_172": string;
70
+ readonly "_sticky_2dcc5_15": string;
71
+ readonly "_sublinkToggle_2dcc5_121": string;
72
+ readonly "_sublinksColumn_2dcc5_636": string;
73
+ readonly "_sublinksDescription_2dcc5_461": string;
74
+ readonly "_sublinksInner_2dcc5_616": string;
75
+ readonly "_sublinks_2dcc5_461": string;
76
+ readonly "_subtitle_2dcc5_988": string;
77
+ readonly "_themeToggle_2dcc5_120": string;
78
+ readonly "_title_2dcc5_99": string;
79
+ readonly "_toolbar_2dcc5_720": string;
80
+ readonly "_transparent_2dcc5_1072": string;
81
+ readonly "_triangle_2dcc5_187": string;
82
+ readonly "_twoColumn_2dcc5_216": string;
83
+ readonly "_utilityDefault_2dcc5_749": string;
84
+ readonly "_utilityMobile_2dcc5_321": string;
85
+ readonly "_utilityScrolled_2dcc5_1189": string;
86
+ readonly "_utility_2dcc5_52": string;
87
+ readonly "_visible_2dcc5_69": string;
88
+ readonly "_withSpotlight_2dcc5_1030": string;
89
+ readonly "_withoutSpotlight_2dcc5_1034": string;
90
90
  readonly "modalClose": string;
91
91
  readonly "modalContent": string;
92
92
  readonly "modalContentContainer": string;
93
+ readonly "utilityGroup": string;
93
94
  };
94
95
  export = styles;
95
96
 
package/dist/core/components/NavBar/NavBar.test.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";const t=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),a=require("./index.cjs");require("../../../index-CW_Ehh1q.cjs");e.vi.mock("../../utils/NoScroll/noScroll",()=>({lockScroll:e.vi.fn(),unlockScroll:e.vi.fn()}));const d=e.vi.fn();e.vi.mock("../../../core/context/ModalContext",()=>({useModal:()=>({open:d})}));e.vi.mock("../Modal",()=>({Modal:({trigger:n,content:r})=>t.jsxs("div",{"data-testid":"modal-wrapper",children:[n,r]})}));const s=()=>{Object.defineProperty(window,"innerWidth",{writable:!0,configurable:!0,value:1024}),window.dispatchEvent(new Event("resize"))},u=()=>{Object.defineProperty(window,"innerWidth",{writable:!0,configurable:!0,value:375}),window.dispatchEvent(new Event("resize"))},o=[{_key:"home",label:"Home",href:"/"},{_key:"about",label:"About",href:"/about"},{_key:"ext",label:"External",href:"https://example.com",isExternal:!0}],c=[{_key:"products",label:"Products",sublinks:[{_key:"p1",label:"Widget",href:"/widget"},{_key:"p2",label:"Gadget",href:"/gadget"}]}],i=[{_key:"g1",title:"Solutions",primaryItems:[{_key:"s1",label:"Enterprise",href:"/enterprise",sublinks:[{_key:"e1",label:"SSO",href:"/sso"},{_key:"e2",label:"Security",href:"/security"}]},{_key:"s2",label:"Startup",href:"/startup"}],secondaryItems:[{_key:"r1",label:"Case Studies",href:"/case-studies"}]}],b=[{_key:"login",label:"Log in",ariaLabel:"Log in",href:"/login",variant:"secondary"},{_key:"signup",label:"Sign up",ariaLabel:"Sign up",href:"/signup",variant:"primary"}];e.describe("Navbar",()=>{e.describe("Rendering",()=>{e.it("renders the header element",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).toBeInTheDocument()}),e.it("renders logo when provided",()=>{e.render(t.jsx(a.Navbar,{logo:t.jsx("img",{"data-testid":"logo",src:"/logo.svg",alt:"Logo"})})),e.globalExpect(e.screen.getByTestId("logo")).toBeInTheDocument()}),e.it("renders title when no logo provided",()=>{e.render(t.jsx(a.Navbar,{title:"My Site"})),e.globalExpect(e.screen.getByText("My Site")).toBeInTheDocument()}),e.it("renders nothing in logo slot when neither logo nor title given",()=>{const{container:n}=e.render(t.jsx(a.Navbar,{}));e.globalExpect(n.querySelector(".logo")).not.toBeInTheDocument(),e.globalExpect(n.querySelector(".title")).not.toBeInTheDocument()}),e.it("renders navigation landmark",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("navigation",{name:"Primary navigation"})).toBeInTheDocument()})}),e.describe("Flat navigation items",()=>{e.it("renders all flat nav links",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByText("Home")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("About")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("External")).toBeInTheDocument()}),e.it("renders correct hrefs",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByText("Home")).toHaveAttribute("href","/"),e.globalExpect(e.screen.getByText("About")).toHaveAttribute("href","/about")}),e.it("renders external links with target=_blank",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByText("External")).toHaveAttribute("target","_blank")}),e.it("renders external links with rel=noopener noreferrer",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByText("External")).toHaveAttribute("rel","noopener noreferrer")}),e.it("renders internal links with target=_self",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByText("Home")).toHaveAttribute("target","_self")})}),e.describe("Items with sublinks (default navigationType)",()=>{e.it("renders parent item as button when no href",()=>{e.render(t.jsx(a.Navbar,{items:c})),e.globalExpect(e.screen.getByRole("button",{name:/products/i})).toBeInTheDocument()}),e.it("toggle button has aria-haspopup=true",()=>{e.render(t.jsx(a.Navbar,{items:c})),e.globalExpect(e.screen.getByRole("button",{name:/products/i})).toHaveAttribute("aria-haspopup","true")}),e.it("toggle button starts with aria-expanded=false",()=>{e.render(t.jsx(a.Navbar,{items:c})),e.globalExpect(e.screen.getByRole("button",{name:/products/i})).toHaveAttribute("aria-expanded","false")}),e.it("sublink dropdown has role=menu and aria-label",()=>{const{container:n}=e.render(t.jsx(a.Navbar,{items:c}));e.globalExpect(n.querySelector("[role='menu'][aria-label='Products submenu']")).toBeInTheDocument()}),e.it("clicking toggle button opens dropdown (aria-expanded=true)",()=>{e.render(t.jsx(a.Navbar,{items:c}));const n=e.screen.getByRole("button",{name:/products/i});e.fireEvent.click(n),e.globalExpect(n).toHaveAttribute("aria-expanded","true")}),e.it("clicking toggle button twice closes dropdown (aria-expanded=false)",()=>{e.render(t.jsx(a.Navbar,{items:c}));const n=e.screen.getByRole("button",{name:/products/i});e.fireEvent.click(n),e.fireEvent.click(n),e.globalExpect(n).toHaveAttribute("aria-expanded","false")}),e.it("sublinks are rendered inside the dropdown",()=>{e.render(t.jsx(a.Navbar,{items:c})),e.globalExpect(e.screen.getByText("Widget")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Gadget")).toBeInTheDocument()}),e.it("sublinks have correct hrefs",()=>{e.render(t.jsx(a.Navbar,{items:c})),e.globalExpect(e.screen.getByText("Widget")).toHaveAttribute("href","/widget"),e.globalExpect(e.screen.getByText("Gadget")).toHaveAttribute("href","/gadget")})}),e.describe("onClick callback",()=>{e.it("calls onClick when a flat link is clicked",()=>{const n=e.vi.fn(),r=[{_key:"click",label:"Click me",href:"#",onClick:n}];e.render(t.jsx(a.Navbar,{items:r})),e.fireEvent.click(e.screen.getByText("Click me")),e.globalExpect(n).toHaveBeenCalledOnce()})}),e.describe("Variant",()=>{e.it("applies standard variant class by default",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("standard")}),e.it("applies transparent variant class",()=>{e.render(t.jsx(a.Navbar,{variant:"transparent"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("transparent")})}),e.describe("Alignment",()=>{e.it("applies right alignment class by default",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("right")}),e.it("applies left alignment class",()=>{e.render(t.jsx(a.Navbar,{alignment:"left"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("left")}),e.it("applies center alignment class",()=>{e.render(t.jsx(a.Navbar,{alignment:"center"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("center")})}),e.describe("Sticky",()=>{e.it("does not apply sticky class by default",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).not.toHaveClass("sticky")}),e.it("applies sticky class when isSticky=true",()=>{e.render(t.jsx(a.Navbar,{isSticky:!0})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("sticky")})}),e.describe("Navigation type",()=>{e.it("applies default class when no groups",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("default")}),e.it("applies advanced class when groups provided",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("advanced")})}),e.describe("Utility items",()=>{e.it("renders both desktop and mobile utility navs",()=>{e.render(t.jsx(a.Navbar,{utilityItems:b}));const n=e.screen.getAllByRole("navigation",{name:"Utility navigation"});e.globalExpect(n).toHaveLength(2)}),e.it("renders all utility button labels",()=>{e.render(t.jsx(a.Navbar,{utilityItems:b})),e.globalExpect(e.screen.getAllByText("Log in").length).toBeGreaterThan(0),e.globalExpect(e.screen.getAllByText("Sign up").length).toBeGreaterThan(0)}),e.it("renders link utility items as anchors with correct href",()=>{e.render(t.jsx(a.Navbar,{utilityItems:b}));const n=e.screen.getAllByRole("link",{name:"Sign up"});e.globalExpect(n.length).toBeGreaterThan(0),n.forEach(r=>e.globalExpect(r).toHaveAttribute("href","/signup"))}),e.it("does not render utility nav when no items",()=>{e.render(t.jsx(a.Navbar,{utilityItems:[]})),e.globalExpect(e.screen.queryByRole("navigation",{name:"Utility navigation"})).not.toBeInTheDocument()}),e.it("does not crash when only one utility item provided",()=>{const n=[{_key:"cta",label:"Sign up",ariaLabel:"Sign up",href:"/signup"}];e.globalExpect(()=>e.render(t.jsx(a.Navbar,{utilityItems:n}))).not.toThrow()}),e.it("renders modal utility item as a button (not an anchor)",()=>{const n=[{_key:"contact",label:"Contact Us",ariaLabel:"Contact Us",variant:"primary",modalPayload:{formReference:{_id:"form-contact",heading:{title:[{_type:"block",_key:"cua",children:[{_type:"span",_key:"cub",text:"Contact Us",marks:[]}],markDefs:[],style:"normal"}]}}}}];e.render(t.jsx(a.Navbar,{utilityItems:n}));const r=e.screen.getAllByRole("button",{name:"Contact Us"});e.globalExpect(r.length).toBeGreaterThan(0),r.forEach(l=>e.globalExpect(l.tagName).toBe("BUTTON"))}),e.it("calls useModal open with correct payload when modal utility item is clicked",()=>{d.mockClear();const n={formReference:{_id:"form-1",heading:{title:[{_type:"block",_key:"coa",children:[{_type:"span",_key:"cob",text:"Contact",marks:[]}],markDefs:[],style:"normal"}]}}},r=[{_key:"contact",label:"Contact Us",ariaLabel:"Contact Us",variant:"primary",modalPayload:n}];e.render(t.jsx(a.Navbar,{utilityItems:r}));const l=e.screen.getAllByRole("button",{name:"Contact Us"});e.fireEvent.click(l[0]),e.globalExpect(d).toHaveBeenCalledWith(n)}),e.it("renders mixed link and modal utility items correctly",()=>{const n=[{_key:"login",label:"Log in",ariaLabel:"Log in",href:"/login",variant:"secondary"},{_key:"contact",label:"Contact Us",ariaLabel:"Contact Us",variant:"primary",modalPayload:{formReference:{_id:"form-contact-2",heading:{title:[{_type:"block",_key:"coa",children:[{_type:"span",_key:"cob",text:"Contact",marks:[]}],markDefs:[],style:"normal"}]}}}}];e.render(t.jsx(a.Navbar,{utilityItems:n}));const r=e.screen.getAllByRole("link",{name:"Log in"});e.globalExpect(r.length).toBeGreaterThan(0);const l=e.screen.getAllByRole("button",{name:"Contact Us"});e.globalExpect(l.length).toBeGreaterThan(0)})}),e.describe("Mobile menu toggle",()=>{e.it("renders toggle button",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("button",{name:/open menu/i})).toBeInTheDocument()}),e.it("toggle starts closed (aria-expanded=false)",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("button",{name:/open menu/i})).toHaveAttribute("aria-expanded","false")}),e.it("opens menu on click",()=>{e.render(t.jsx(a.Navbar,{items:o}));const n=e.screen.getByRole("button",{name:/open menu/i});e.fireEvent.click(n),e.globalExpect(n).toHaveAttribute("aria-expanded","true")}),e.it("closes menu on second click",()=>{e.render(t.jsx(a.Navbar,{items:o}));const n=e.screen.getByRole("button",{name:/open menu/i});e.fireEvent.click(n),e.fireEvent.click(n),e.globalExpect(n).toHaveAttribute("aria-expanded","false")}),e.it("toggle has aria-controls pointing to main-menu",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("button",{name:/open menu/i})).toHaveAttribute("aria-controls","main-menu")}),e.it("aria-label changes to 'Close menu' when menu is open",()=>{e.render(t.jsx(a.Navbar,{items:o}));const n=e.screen.getByRole("button",{name:/open menu/i});e.fireEvent.click(n),e.globalExpect(e.screen.getByRole("button",{name:/close menu/i})).toBeInTheDocument()})}),e.describe("Search button",()=>{e.it("does not render search button when showSearch=false",()=>{e.render(t.jsx(a.Navbar,{showSearch:!1})),e.globalExpect(e.screen.queryByRole("button",{name:/search/i})).not.toBeInTheDocument()}),e.it("renders search button in mobile bar when showSearch=true and on mobile",()=>{u(),e.render(t.jsx(a.Navbar,{showSearch:!0,items:o})),e.globalExpect(e.screen.getByRole("button",{name:/search/i})).toBeInTheDocument()}),e.it("renders search button in nav when showSearch=true and on desktop",()=>{s(),e.render(t.jsx(a.Navbar,{showSearch:!0,items:o})),e.globalExpect(e.screen.getByRole("button",{name:/search/i})).toBeInTheDocument()})}),e.describe("Custom styling",()=>{e.it("applies custom className",()=>{e.render(t.jsx(a.Navbar,{className:"my-navbar"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("my-navbar")}),e.it("preserves base navbar class alongside custom className",()=>{e.render(t.jsx(a.Navbar,{className:"my-navbar"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("navbar")}),e.it("applies inline style",()=>{e.render(t.jsx(a.Navbar,{style:{borderBottom:"2px solid red"}}));const n=e.screen.getByRole("banner");e.globalExpect(n.style.borderBottom).toBe("2px solid red")})}),e.describe("Accessibility",()=>{e.it("header has banner landmark role",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).toBeInTheDocument()}),e.it("header has aria-label='Site header'",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).toHaveAttribute("aria-label","Site header")}),e.it("primary nav has id=main-menu",()=>{const{container:n}=e.render(t.jsx(a.Navbar,{items:o}));e.globalExpect(n.querySelector("#main-menu")).toBeInTheDocument()}),e.it("primary nav has aria-label='Primary navigation'",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("navigation",{name:"Primary navigation"})).toBeInTheDocument()}),e.it("decorative icons are aria-hidden",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(document.querySelectorAll("[aria-hidden='true']").length).toBeGreaterThan(0)}),e.it("external link icons are aria-hidden",()=>{e.render(t.jsx(a.Navbar,{items:o}));const r=e.screen.getByText("External").querySelector("[aria-hidden='true']");e.globalExpect(r).toBeInTheDocument()})}),e.describe("Props forwarding",()=>{e.it("forwards data attributes to header",()=>{e.render(t.jsx(a.Navbar,{"data-testid":"my-navbar"})),e.globalExpect(e.screen.getByTestId("my-navbar")).toBeInTheDocument()})}),e.describe("Advanced navigation (groups)",()=>{e.beforeEach(()=>{s()}),e.it("renders group titles",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByText("Solutions")).toBeInTheDocument()}),e.it("group toggle button has aria-haspopup=true",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByRole("button",{name:/solutions/i})).toHaveAttribute("aria-haspopup","true")}),e.it("group toggle starts with aria-expanded=false",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByRole("button",{name:/solutions/i})).toHaveAttribute("aria-expanded","false")}),e.it("group submenu has role=menu and aria-label",()=>{const{container:n}=e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"}));e.globalExpect(n.querySelector("[aria-label='Solutions submenu']")).toBeInTheDocument()}),e.it("mouseenter on group wrapper opens the mega-menu (aria-expanded=true)",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"}));const n=e.screen.getByRole("button",{name:/solutions/i});e.fireEvent.mouseEnter(n.closest(".linkWrapper")),e.globalExpect(n).toHaveAttribute("aria-expanded","true")}),e.it("renders primary items inside the mega-menu",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByText("Enterprise")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Startup")).toBeInTheDocument()}),e.it("primary items with href are rendered as links",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"}));const n=e.screen.getByText("Enterprise").closest("a");e.globalExpect(n).not.toBeNull(),e.globalExpect(n.tagName).toBe("A"),e.globalExpect(n).toHaveAttribute("href","/enterprise")}),e.it("renders secondary items",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByText("Case Studies")).toBeInTheDocument()}),e.it("hovering a primary item with sublinks reveals column 2 children",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.fireEvent.mouseEnter(e.screen.getByText("Enterprise").closest("a")),e.globalExpect(e.screen.getByText("SSO")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Security")).toBeInTheDocument()}),e.it("column 2 disappears after hovering a primary item without sublinks",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.fireEvent.mouseEnter(e.screen.getByText("Enterprise").closest("a")),e.globalExpect(e.screen.getByText("SSO")).toBeInTheDocument(),e.fireEvent.mouseEnter(e.screen.getByText("Startup").closest("a")),e.globalExpect(e.screen.queryByText("SSO")).not.toBeInTheDocument()}),e.it("mouseleave on submenu panel closes the mega-menu",()=>{const{container:n}=e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),r=e.screen.getByRole("button",{name:/solutions/i}),l=r.closest(".linkWrapper"),g=n.querySelector("[aria-label='Solutions submenu']");e.fireEvent.mouseEnter(l),e.globalExpect(r).toHaveAttribute("aria-expanded","true"),e.fireEvent.mouseLeave(g),e.globalExpect(r).toHaveAttribute("aria-expanded","false")}),e.it("primary item click calls onClick and closes dropdown",()=>{const n=e.vi.fn(),r=[{_key:"g1",title:"Menu",primaryItems:[{_key:"item1",label:"Clickable",href:"/dest",onClick:n}]}];e.render(t.jsx(a.Navbar,{groups:r,navigationType:"advanced"})),e.fireEvent.click(e.screen.getByText("Clickable").closest("a")),e.globalExpect(n).toHaveBeenCalledOnce()})}),e.describe("Spotlight card",()=>{const r=[{_key:"spot",title:"Spotlight Group",primaryItems:[{_key:"p1",label:"Item One",href:"/one"}],spotlight:{title:"New Feature",description:"Check it out",callToAction:{label:"Learn more",ariaLabel:"Learn more about new feature",variant:"primary",linkOptions:{linkType:"internal",internalUrl:{slug:{current:"new-feature"}}}}}}];e.it("renders the spotlight CTA button",()=>{s(),e.render(t.jsx(a.Navbar,{groups:r,navigationType:"advanced"})),e.globalExpect(e.screen.getByRole("link",{name:/learn more/i})).toBeInTheDocument()}),e.it("spotlight CTA resolves internal href correctly",()=>{s(),e.render(t.jsx(a.Navbar,{groups:r,navigationType:"advanced"})),e.globalExpect(e.screen.getByRole("link",{name:/learn more/i})).toHaveAttribute("href","/new-feature")}),e.it("spotlight CTA resolves external href correctly",()=>{s();const g=[{_key:"g",title:"Ext Group",primaryItems:[{_key:"p1",label:"Item",href:"/item"}],spotlight:{callToAction:{label:"Visit",ariaLabel:"Visit external site",linkOptions:{linkType:"external",externalUrl:"https://example.com"}}}}];e.render(t.jsx(a.Navbar,{groups:g,navigationType:"advanced"}));const p=e.screen.getByRole("link",{name:/visit/i});e.globalExpect(p).toHaveAttribute("href","https://example.com"),e.globalExpect(p).toHaveAttribute("target","_blank")}),e.it("renders spotlight image when provided",()=>{s();const l=[{_key:"g",title:"Img Group",primaryItems:[{_key:"p1",label:"Item",href:"/item"}],spotlight:{callToAction:{label:"Go",linkOptions:{linkType:"internal",internalUrl:{slug:{current:"go"}}}},image:{asset:{_id:"1",url:"/img.jpg",altText:"Demo image",title:"Demo",description:"Demo desc"},imageUrls:{small:"/s.jpg",medium:"/m.jpg",large:"/l.jpg"}}}}];e.render(t.jsx(a.Navbar,{groups:l,navigationType:"advanced"}));const g=e.screen.getByAltText("Demo image");e.globalExpect(g).toBeInTheDocument(),e.globalExpect(g).toHaveAttribute("src","/m.jpg")}),e.it("renders nothing when callToAction is absent",()=>{s();const l=[{_key:"g",title:"No CTA",primaryItems:[{_key:"p1",label:"Item",href:"/item"}],spotlight:{title:"Title only"}}];e.globalExpect(()=>e.render(t.jsx(a.Navbar,{groups:l,navigationType:"advanced"}))).not.toThrow()})}),e.describe("renderText prop",()=>{e.it("calls renderText for spotlight title when provided",()=>{s();const n=e.vi.fn(l=>typeof l=="string"?t.jsx("span",{children:l}):null),r=[{_key:"g",title:"Group",primaryItems:[{_key:"p1",label:"Item",href:"/item"}],spotlight:{title:"Spotlight Title",callToAction:{label:"Go",linkOptions:{linkType:"internal",internalUrl:{slug:{current:"go"}}}}}}];e.render(t.jsx(a.Navbar,{groups:r,navigationType:"advanced",renderText:n})),e.globalExpect(n).toHaveBeenCalledWith("Spotlight Title",e.globalExpect.any(String))})})});
1
+ "use strict";const t=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),a=require("./index.cjs");require("../../../index-CW_Ehh1q.cjs");e.vi.mock("../../utils/NoScroll/noScroll",()=>({lockScroll:e.vi.fn(),unlockScroll:e.vi.fn()}));const b=e.vi.fn();e.vi.mock("../../../core/context/ModalContext",()=>({useModal:()=>({open:b})}));e.vi.mock("../Modal",()=>({Modal:({trigger:n,content:r})=>t.jsxs("div",{"data-testid":"modal-wrapper",children:[n,r]})}));const s=()=>{Object.defineProperty(window,"innerWidth",{writable:!0,configurable:!0,value:1024}),window.dispatchEvent(new Event("resize"))},u=()=>{Object.defineProperty(window,"innerWidth",{writable:!0,configurable:!0,value:375}),window.dispatchEvent(new Event("resize"))},o=[{_key:"home",label:"Home",href:"/"},{_key:"about",label:"About",href:"/about"},{_key:"ext",label:"External",href:"https://example.com",isExternal:!0}],c=[{_key:"products",label:"Products",sublinks:[{_key:"p1",label:"Widget",href:"/widget"},{_key:"p2",label:"Gadget",href:"/gadget"}]}],i=[{_key:"g1",title:"Solutions",primaryItems:[{_key:"s1",label:"Enterprise",href:"/enterprise",sublinks:[{_key:"e1",label:"SSO",href:"/sso"},{_key:"e2",label:"Security",href:"/security"}]},{_key:"s2",label:"Startup",href:"/startup"}],secondaryItems:[{_key:"r1",label:"Case Studies",href:"/case-studies"}]}],p=[{_key:"login",label:"Log in",ariaLabel:"Log in",href:"/login",variant:"secondary"},{_key:"signup",label:"Sign up",ariaLabel:"Sign up",href:"/signup",variant:"primary"}];e.describe("Navbar",()=>{e.describe("Rendering",()=>{e.it("renders the header element",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).toBeInTheDocument()}),e.it("renders logo when provided",()=>{e.render(t.jsx(a.Navbar,{logo:t.jsx("img",{"data-testid":"logo",src:"/logo.svg",alt:"Logo"})})),e.globalExpect(e.screen.getByTestId("logo")).toBeInTheDocument()}),e.it("renders title when no logo provided",()=>{e.render(t.jsx(a.Navbar,{title:"My Site"})),e.globalExpect(e.screen.getByText("My Site")).toBeInTheDocument()}),e.it("renders nothing in logo slot when neither logo nor title given",()=>{const{container:n}=e.render(t.jsx(a.Navbar,{}));e.globalExpect(n.querySelector(".logo")).not.toBeInTheDocument(),e.globalExpect(n.querySelector(".title")).not.toBeInTheDocument()}),e.it("renders navigation landmark",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("navigation",{name:"Primary navigation"})).toBeInTheDocument()})}),e.describe("Flat navigation items",()=>{e.it("renders all flat nav links",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByText("Home")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("About")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("External")).toBeInTheDocument()}),e.it("renders correct hrefs",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByText("Home")).toHaveAttribute("href","/"),e.globalExpect(e.screen.getByText("About")).toHaveAttribute("href","/about")}),e.it("renders external links with target=_blank",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByText("External")).toHaveAttribute("target","_blank")}),e.it("renders external links with rel=noopener noreferrer",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByText("External")).toHaveAttribute("rel","noopener noreferrer")}),e.it("renders internal links with target=_self",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByText("Home")).toHaveAttribute("target","_self")})}),e.describe("Items with sublinks (default navigationType)",()=>{e.it("renders parent item as button when no href",()=>{e.render(t.jsx(a.Navbar,{items:c})),e.globalExpect(e.screen.getByRole("button",{name:/products/i})).toBeInTheDocument()}),e.it("toggle button has aria-haspopup=true",()=>{e.render(t.jsx(a.Navbar,{items:c})),e.globalExpect(e.screen.getByRole("button",{name:/products/i})).toHaveAttribute("aria-haspopup","true")}),e.it("toggle button starts with aria-expanded=false",()=>{e.render(t.jsx(a.Navbar,{items:c})),e.globalExpect(e.screen.getByRole("button",{name:/products/i})).toHaveAttribute("aria-expanded","false")}),e.it("sublink dropdown has role=menu and aria-label",()=>{const{container:n}=e.render(t.jsx(a.Navbar,{items:c}));e.globalExpect(n.querySelector("[role='menu'][aria-label='Products submenu']")).toBeInTheDocument()}),e.it("clicking toggle button opens dropdown (aria-expanded=true)",()=>{e.render(t.jsx(a.Navbar,{items:c}));const n=e.screen.getByRole("button",{name:/products/i});e.fireEvent.click(n),e.globalExpect(n).toHaveAttribute("aria-expanded","true")}),e.it("clicking toggle button twice closes dropdown (aria-expanded=false)",()=>{e.render(t.jsx(a.Navbar,{items:c}));const n=e.screen.getByRole("button",{name:/products/i});e.fireEvent.click(n),e.fireEvent.click(n),e.globalExpect(n).toHaveAttribute("aria-expanded","false")}),e.it("sublinks are rendered inside the dropdown",()=>{e.render(t.jsx(a.Navbar,{items:c})),e.globalExpect(e.screen.getByText("Widget")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Gadget")).toBeInTheDocument()}),e.it("sublinks have correct hrefs",()=>{e.render(t.jsx(a.Navbar,{items:c})),e.globalExpect(e.screen.getByText("Widget")).toHaveAttribute("href","/widget"),e.globalExpect(e.screen.getByText("Gadget")).toHaveAttribute("href","/gadget")})}),e.describe("onClick callback",()=>{e.it("calls onClick when a flat link is clicked",()=>{const n=e.vi.fn(),r=[{_key:"click",label:"Click me",href:"#",onClick:n}];e.render(t.jsx(a.Navbar,{items:r})),e.fireEvent.click(e.screen.getByText("Click me")),e.globalExpect(n).toHaveBeenCalledOnce()})}),e.describe("Variant",()=>{e.it("applies standard variant class by default",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("standard")}),e.it("applies transparent variant class",()=>{e.render(t.jsx(a.Navbar,{variant:"transparent"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("transparent")})}),e.describe("Alignment",()=>{e.it("applies right alignment class by default",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("right")}),e.it("applies left alignment class",()=>{e.render(t.jsx(a.Navbar,{alignment:"left"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("left")}),e.it("applies center alignment class",()=>{e.render(t.jsx(a.Navbar,{alignment:"center"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("center")})}),e.describe("Sticky",()=>{e.it("does not apply sticky class by default",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).not.toHaveClass("sticky")}),e.it("applies sticky class when isSticky=true",()=>{e.render(t.jsx(a.Navbar,{isSticky:!0})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("sticky")})}),e.describe("Navigation type",()=>{e.it("applies default class when no groups",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("default")}),e.it("applies advanced class when groups provided",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("advanced")})}),e.describe("Utility items",()=>{e.it("renders all utility button labels",()=>{e.render(t.jsx(a.Navbar,{utilityItems:p})),e.globalExpect(e.screen.getAllByText("Log in").length).toBeGreaterThan(0),e.globalExpect(e.screen.getAllByText("Sign up").length).toBeGreaterThan(0)}),e.it("renders link utility items as anchors with correct href",()=>{e.render(t.jsx(a.Navbar,{utilityItems:p}));const n=e.screen.getAllByRole("link",{name:"Sign up"});e.globalExpect(n.length).toBeGreaterThan(0),n.forEach(r=>e.globalExpect(r).toHaveAttribute("href","/signup"))}),e.it("does not render utility nav when no items",()=>{e.render(t.jsx(a.Navbar,{utilityItems:[]})),e.globalExpect(e.screen.queryByRole("navigation",{name:"Utility navigation"})).not.toBeInTheDocument()}),e.it("does not crash when only one utility item provided",()=>{const n=[{_key:"cta",label:"Sign up",ariaLabel:"Sign up",href:"/signup"}];e.globalExpect(()=>e.render(t.jsx(a.Navbar,{utilityItems:n}))).not.toThrow()}),e.it("renders modal utility item as a button (not an anchor)",()=>{const n=[{_key:"contact",label:"Contact Us",ariaLabel:"Contact Us",variant:"primary",modalPayload:{formReference:{_id:"form-contact",heading:{title:[{_type:"block",_key:"cua",children:[{_type:"span",_key:"cub",text:"Contact Us",marks:[]}],markDefs:[],style:"normal"}]}}}}];e.render(t.jsx(a.Navbar,{utilityItems:n}));const r=e.screen.getAllByRole("button",{name:"Contact Us"});e.globalExpect(r.length).toBeGreaterThan(0),r.forEach(l=>e.globalExpect(l.tagName).toBe("BUTTON"))}),e.it("calls useModal open with correct payload when modal utility item is clicked",()=>{b.mockClear();const n={formReference:{_id:"form-1",heading:{title:[{_type:"block",_key:"coa",children:[{_type:"span",_key:"cob",text:"Contact",marks:[]}],markDefs:[],style:"normal"}]}}},r=[{_key:"contact",label:"Contact Us",ariaLabel:"Contact Us",variant:"primary",modalPayload:n}];e.render(t.jsx(a.Navbar,{utilityItems:r}));const l=e.screen.getAllByRole("button",{name:"Contact Us"});e.fireEvent.click(l[0]),e.globalExpect(b).toHaveBeenCalledWith(n)}),e.it("renders mixed link and modal utility items correctly",()=>{const n=[{_key:"login",label:"Log in",ariaLabel:"Log in",href:"/login",variant:"secondary"},{_key:"contact",label:"Contact Us",ariaLabel:"Contact Us",variant:"primary",modalPayload:{formReference:{_id:"form-contact-2",heading:{title:[{_type:"block",_key:"coa",children:[{_type:"span",_key:"cob",text:"Contact",marks:[]}],markDefs:[],style:"normal"}]}}}}];e.render(t.jsx(a.Navbar,{utilityItems:n}));const r=e.screen.getAllByRole("link",{name:"Log in"});e.globalExpect(r.length).toBeGreaterThan(0);const l=e.screen.getAllByRole("button",{name:"Contact Us"});e.globalExpect(l.length).toBeGreaterThan(0)})}),e.describe("Mobile menu toggle",()=>{e.it("renders toggle button",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("button",{name:/open menu/i})).toBeInTheDocument()}),e.it("toggle starts closed (aria-expanded=false)",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("button",{name:/open menu/i})).toHaveAttribute("aria-expanded","false")}),e.it("opens menu on click",()=>{e.render(t.jsx(a.Navbar,{items:o}));const n=e.screen.getByRole("button",{name:/open menu/i});e.fireEvent.click(n),e.globalExpect(n).toHaveAttribute("aria-expanded","true")}),e.it("closes menu on second click",()=>{e.render(t.jsx(a.Navbar,{items:o}));const n=e.screen.getByRole("button",{name:/open menu/i});e.fireEvent.click(n),e.fireEvent.click(n),e.globalExpect(n).toHaveAttribute("aria-expanded","false")}),e.it("toggle has aria-controls pointing to main-menu",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("button",{name:/open menu/i})).toHaveAttribute("aria-controls","main-menu")}),e.it("aria-label changes to 'Close menu' when menu is open",()=>{e.render(t.jsx(a.Navbar,{items:o}));const n=e.screen.getByRole("button",{name:/open menu/i});e.fireEvent.click(n),e.globalExpect(e.screen.getByRole("button",{name:/close menu/i})).toBeInTheDocument()})}),e.describe("Search button",()=>{e.it("does not render search button when showSearch=false",()=>{e.render(t.jsx(a.Navbar,{showSearch:!1})),e.globalExpect(e.screen.queryByRole("button",{name:/search/i})).not.toBeInTheDocument()}),e.it("renders search button in mobile bar when showSearch=true and on mobile",()=>{u(),e.render(t.jsx(a.Navbar,{showSearch:!0,items:o})),e.globalExpect(e.screen.getByRole("button",{name:/search/i})).toBeInTheDocument()}),e.it("renders search button in nav when showSearch=true and on desktop",()=>{s(),e.render(t.jsx(a.Navbar,{showSearch:!0,items:o})),e.globalExpect(e.screen.getByRole("button",{name:/search/i})).toBeInTheDocument()})}),e.describe("Custom styling",()=>{e.it("applies custom className",()=>{e.render(t.jsx(a.Navbar,{className:"my-navbar"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("my-navbar")}),e.it("preserves base navbar class alongside custom className",()=>{e.render(t.jsx(a.Navbar,{className:"my-navbar"})),e.globalExpect(e.screen.getByRole("banner")).toHaveClass("navbar")}),e.it("applies inline style",()=>{e.render(t.jsx(a.Navbar,{style:{borderBottom:"2px solid red"}}));const n=e.screen.getByRole("banner");e.globalExpect(n.style.borderBottom).toBe("2px solid red")})}),e.describe("Accessibility",()=>{e.it("header has banner landmark role",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).toBeInTheDocument()}),e.it("header has aria-label='Site header'",()=>{e.render(t.jsx(a.Navbar,{})),e.globalExpect(e.screen.getByRole("banner")).toHaveAttribute("aria-label","Site header")}),e.it("primary nav has id=main-menu",()=>{const{container:n}=e.render(t.jsx(a.Navbar,{items:o}));e.globalExpect(n.querySelector("#main-menu")).toBeInTheDocument()}),e.it("primary nav has aria-label='Primary navigation'",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(e.screen.getByRole("navigation",{name:"Primary navigation"})).toBeInTheDocument()}),e.it("decorative icons are aria-hidden",()=>{e.render(t.jsx(a.Navbar,{items:o})),e.globalExpect(document.querySelectorAll("[aria-hidden='true']").length).toBeGreaterThan(0)}),e.it("external link icons are aria-hidden",()=>{e.render(t.jsx(a.Navbar,{items:o}));const r=e.screen.getByText("External").querySelector("[aria-hidden='true']");e.globalExpect(r).toBeInTheDocument()})}),e.describe("Props forwarding",()=>{e.it("forwards data attributes to header",()=>{e.render(t.jsx(a.Navbar,{"data-testid":"my-navbar"})),e.globalExpect(e.screen.getByTestId("my-navbar")).toBeInTheDocument()})}),e.describe("Advanced navigation (groups)",()=>{e.beforeEach(()=>{s()}),e.it("renders group titles",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByText("Solutions")).toBeInTheDocument()}),e.it("group toggle button has aria-haspopup=true",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByRole("button",{name:/solutions/i})).toHaveAttribute("aria-haspopup","true")}),e.it("group toggle starts with aria-expanded=false",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByRole("button",{name:/solutions/i})).toHaveAttribute("aria-expanded","false")}),e.it("group submenu has role=menu and aria-label",()=>{const{container:n}=e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"}));e.globalExpect(n.querySelector("[aria-label='Solutions submenu']")).toBeInTheDocument()}),e.it("mouseenter on group wrapper opens the mega-menu (aria-expanded=true)",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"}));const n=e.screen.getByRole("button",{name:/solutions/i});e.fireEvent.mouseEnter(n.closest(".linkWrapper")),e.globalExpect(n).toHaveAttribute("aria-expanded","true")}),e.it("renders primary items inside the mega-menu",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByText("Enterprise")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Startup")).toBeInTheDocument()}),e.it("primary items with href are rendered as links",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"}));const n=e.screen.getByText("Enterprise").closest("a");e.globalExpect(n).not.toBeNull(),e.globalExpect(n.tagName).toBe("A"),e.globalExpect(n).toHaveAttribute("href","/enterprise")}),e.it("renders secondary items",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.globalExpect(e.screen.getByText("Case Studies")).toBeInTheDocument()}),e.it("hovering a primary item with sublinks reveals column 2 children",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.fireEvent.mouseEnter(e.screen.getByText("Enterprise").closest("a")),e.globalExpect(e.screen.getByText("SSO")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Security")).toBeInTheDocument()}),e.it("column 2 disappears after hovering a primary item without sublinks",()=>{e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),e.fireEvent.mouseEnter(e.screen.getByText("Enterprise").closest("a")),e.globalExpect(e.screen.getByText("SSO")).toBeInTheDocument(),e.fireEvent.mouseEnter(e.screen.getByText("Startup").closest("a")),e.globalExpect(e.screen.queryByText("SSO")).not.toBeInTheDocument()}),e.it("mouseleave on submenu panel closes the mega-menu",()=>{const{container:n}=e.render(t.jsx(a.Navbar,{groups:i,navigationType:"advanced"})),r=e.screen.getByRole("button",{name:/solutions/i}),l=r.closest(".linkWrapper"),g=n.querySelector("[aria-label='Solutions submenu']");e.fireEvent.mouseEnter(l),e.globalExpect(r).toHaveAttribute("aria-expanded","true"),e.fireEvent.mouseLeave(g),e.globalExpect(r).toHaveAttribute("aria-expanded","false")}),e.it("primary item click calls onClick and closes dropdown",()=>{const n=e.vi.fn(),r=[{_key:"g1",title:"Menu",primaryItems:[{_key:"item1",label:"Clickable",href:"/dest",onClick:n}]}];e.render(t.jsx(a.Navbar,{groups:r,navigationType:"advanced"})),e.fireEvent.click(e.screen.getByText("Clickable").closest("a")),e.globalExpect(n).toHaveBeenCalledOnce()})}),e.describe("Spotlight card",()=>{const r=[{_key:"spot",title:"Spotlight Group",primaryItems:[{_key:"p1",label:"Item One",href:"/one"}],spotlight:{title:"New Feature",description:"Check it out",callToAction:{label:"Learn more",ariaLabel:"Learn more about new feature",variant:"primary",linkOptions:{linkType:"internal",internalUrl:{slug:{current:"new-feature"}}}}}}];e.it("renders the spotlight CTA button",()=>{s(),e.render(t.jsx(a.Navbar,{groups:r,navigationType:"advanced"})),e.globalExpect(e.screen.getByRole("link",{name:/learn more/i})).toBeInTheDocument()}),e.it("spotlight CTA resolves internal href correctly",()=>{s(),e.render(t.jsx(a.Navbar,{groups:r,navigationType:"advanced"})),e.globalExpect(e.screen.getByRole("link",{name:/learn more/i})).toHaveAttribute("href","/new-feature")}),e.it("spotlight CTA resolves external href correctly",()=>{s();const g=[{_key:"g",title:"Ext Group",primaryItems:[{_key:"p1",label:"Item",href:"/item"}],spotlight:{callToAction:{label:"Visit",ariaLabel:"Visit external site",linkOptions:{linkType:"external",externalUrl:"https://example.com"}}}}];e.render(t.jsx(a.Navbar,{groups:g,navigationType:"advanced"}));const d=e.screen.getByRole("link",{name:/visit/i});e.globalExpect(d).toHaveAttribute("href","https://example.com"),e.globalExpect(d).toHaveAttribute("target","_blank")}),e.it("renders spotlight image when provided",()=>{s();const l=[{_key:"g",title:"Img Group",primaryItems:[{_key:"p1",label:"Item",href:"/item"}],spotlight:{callToAction:{label:"Go",linkOptions:{linkType:"internal",internalUrl:{slug:{current:"go"}}}},image:{asset:{_id:"1",url:"/img.jpg",altText:"Demo image",title:"Demo",description:"Demo desc"},imageUrls:{small:"/s.jpg",medium:"/m.jpg",large:"/l.jpg"}}}}];e.render(t.jsx(a.Navbar,{groups:l,navigationType:"advanced"}));const g=e.screen.getByAltText("Demo image");e.globalExpect(g).toBeInTheDocument(),e.globalExpect(g).toHaveAttribute("src","/m.jpg")}),e.it("renders nothing when callToAction is absent",()=>{s();const l=[{_key:"g",title:"No CTA",primaryItems:[{_key:"p1",label:"Item",href:"/item"}],spotlight:{title:"Title only"}}];e.globalExpect(()=>e.render(t.jsx(a.Navbar,{groups:l,navigationType:"advanced"}))).not.toThrow()})}),e.describe("renderText prop",()=>{e.it("calls renderText for spotlight title when provided",()=>{s();const n=e.vi.fn(l=>typeof l=="string"?t.jsx("span",{children:l}):null),r=[{_key:"g",title:"Group",primaryItems:[{_key:"p1",label:"Item",href:"/item"}],spotlight:{title:"Spotlight Title",callToAction:{label:"Go",linkOptions:{linkType:"internal",internalUrl:{slug:{current:"go"}}}}}}];e.render(t.jsx(a.Navbar,{groups:r,navigationType:"advanced",renderText:n})),e.globalExpect(n).toHaveBeenCalledWith("Spotlight Title",e.globalExpect.any(String))})})});