quirk-ui 0.0.281 → 0.0.283

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 (10) hide show
  1. package/dist/NavLink-CME9v-a0.js +135 -0
  2. package/dist/assets/NavLink.css +1 -1
  3. package/dist/assets/index15.css +1 -1
  4. package/dist/components/Grid/index.js +9 -9
  5. package/dist/components/NavBar/NavLink.js +1 -1
  6. package/dist/components/NavBar/index.js +157 -120
  7. package/dist/lib/components/NavBar/index.d.ts +3 -1
  8. package/dist/styles.css +2 -2
  9. package/package.json +1 -1
  10. package/dist/NavLink-B8oPvlqf.js +0 -133
package/dist/NavLink-CME9v-a0.js ADDED
@@ -0,0 +1,135 @@
1
+ import { jsxs as s, jsx as o } from "react/jsx-runtime";
2
+ import { useRef as p } from "react";
3
+ import { E as h } from "./external-link-BOPobeQJ.js";
4
+ import { C as g } from "./chevron-down-DSUzBz9F.js";
5
+ import './assets/NavLink.css';const k = "_navbar_lyfar_5", v = "_left_lyfar_19", C = "_container_lyfar_20", I = "_logo_lyfar_24", M = "_nav_lyfar_5", w = "_center_lyfar_39", N = "_hidden_lyfar_45", T = "_visible_lyfar_52", S = "_right_lyfar_67", x = "_title_lyfar_73", D = "_linkWrapper_lyfar_82", E = "_parent_lyfar_82", W = "_linkItem_lyfar_90", $ = "_link_lyfar_82", F = "_search_lyfar_92", L = "_locale_lyfar_93", R = "_sublinkToggle_lyfar_94", j = "_standard_lyfar_142", z = "_triangle_lyfar_150", q = "_transparent_lyfar_155", A = "_menuToggle_lyfar_184", B = "_sticky_lyfar_207", G = "_twoColumn_lyfar_238", H = "_searchWrapper_lyfar_282", J = "_utilityMobile_lyfar_325", K = "_utility_lyfar_325", Q = "_navInner_lyfar_353", U = "_grid_lyfar_364", V = "_searchModal_lyfar_383", X = "_localeModal_lyfar_384", Y = "_separator_lyfar_399", Z = "_newTabIcon_lyfar_428", O = "_sublinksDescription_lyfar_435", P = "_linkContent_lyfar_438", nn = "_open_lyfar_449", ln = "_back_lyfar_473", en = "_sublinks_lyfar_435", on = "_show_lyfar_520", rn = "_primaryColumn_lyfar_561", an = "_secondaryColumn_lyfar_570", tn = "_spotlightColumn_lyfar_574", sn = "_sublinksInner_lyfar_578", _n = "_sublinksColumn_lyfar_596", cn = "_chevron_lyfar_606", un = "_advanced_lyfar_758", fn = "_subtitle_lyfar_767", yn = "_withSpotlight_lyfar_809", mn = "_withoutSpotlight_lyfar_813", dn = "_groupDivider_lyfar_851", bn = "_mobileMenu_lyfar_859", pn = "_mobileMenuSlide_lyfar_860", hn = "_mobileMenuItem_lyfar_870", gn = "_fadeInFromLeft_lyfar_874", kn = "_fadeInFromRight_lyfar_878", l = {
6
+ navbar: k,
7
+ left: v,
8
+ container: C,
9
+ logo: I,
10
+ nav: M,
11
+ center: w,
12
+ hidden: N,
13
+ visible: T,
14
+ right: S,
15
+ title: x,
16
+ linkWrapper: D,
17
+ parent: E,
18
+ linkItem: W,
19
+ link: $,
20
+ search: F,
21
+ locale: L,
22
+ sublinkToggle: R,
23
+ standard: j,
24
+ triangle: z,
25
+ transparent: q,
26
+ menuToggle: A,
27
+ sticky: B,
28
+ twoColumn: G,
29
+ searchWrapper: H,
30
+ utilityMobile: J,
31
+ utility: K,
32
+ navInner: Q,
33
+ grid: U,
34
+ searchModal: V,
35
+ localeModal: X,
36
+ separator: Y,
37
+ newTabIcon: Z,
38
+ sublinksDescription: O,
39
+ linkContent: P,
40
+ open: nn,
41
+ back: ln,
42
+ sublinks: en,
43
+ show: on,
44
+ primaryColumn: rn,
45
+ secondaryColumn: an,
46
+ spotlightColumn: tn,
47
+ sublinksInner: sn,
48
+ sublinksColumn: _n,
49
+ chevron: cn,
50
+ default: "_default_lyfar_722",
51
+ advanced: un,
52
+ subtitle: fn,
53
+ withSpotlight: yn,
54
+ withoutSpotlight: mn,
55
+ groupDivider: dn,
56
+ mobileMenu: bn,
57
+ mobileMenuSlide: pn,
58
+ mobileMenuItem: hn,
59
+ fadeInFromLeft: gn,
60
+ fadeInFromRight: kn
61
+ };
62
+ function wn({
63
+ link: n,
64
+ path: e,
65
+ parentPath: _,
66
+ openPath: y,
67
+ togglePath: i,
68
+ updateTriangleIndicator: m,
69
+ setOpenPath: r,
70
+ renderLinks: d,
71
+ buttonRefs: b
72
+ }) {
73
+ var u;
74
+ const a = y === e, t = !!((u = n.sublinks) != null && u.length), c = p(null);
75
+ return b.current.set(e, c.current), /* @__PURE__ */ s(
76
+ "div",
77
+ {
78
+ className: `${l.linkWrapper} ${_ ? "" : l.parent}`,
79
+ children: [
80
+ /* @__PURE__ */ o("div", { className: l.linkItem, children: n.href ? /* @__PURE__ */ s(
81
+ "a",
82
+ {
83
+ href: n.href,
84
+ className: l.link,
85
+ target: n.isExternal ? "_blank" : "_self",
86
+ rel: n.isExternal ? "noopener noreferrer" : void 0,
87
+ onClick: () => {
88
+ var f;
89
+ r(null), (f = n.onClick) == null || f.call(n);
90
+ },
91
+ onMouseEnter: () => {
92
+ _ || r(null);
93
+ },
94
+ role: "menuitem",
95
+ children: [
96
+ n.label,
97
+ n.isExternal && /* @__PURE__ */ o(h, { className: l.newTabIcon, size: 16 })
98
+ ]
99
+ }
100
+ ) : /* @__PURE__ */ s(
101
+ "button",
102
+ {
103
+ ref: c,
104
+ "aria-haspopup": t ? "true" : void 0,
105
+ "aria-expanded": a,
106
+ className: `${l.sublinkToggle} ${a ? l.open : ""}`,
107
+ onClick: () => i(e),
108
+ onMouseEnter: () => {
109
+ m(e), r(e);
110
+ },
111
+ children: [
112
+ n.label,
113
+ t && /* @__PURE__ */ o(g, { size: 18, className: l.chevron })
114
+ ]
115
+ }
116
+ ) }),
117
+ t && /* @__PURE__ */ o(
118
+ "div",
119
+ {
120
+ className: `${l.sublinks} ${a ? l.show : ""}`,
121
+ onMouseLeave: () => i(e),
122
+ role: "menu",
123
+ "aria-label": `${n.label} submenu`,
124
+ children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: l.sublinksInner, children: /* @__PURE__ */ o("div", { className: l.sublinksColumn, children: d(n.sublinks, e) }) }) })
125
+ }
126
+ )
127
+ ]
128
+ },
129
+ e
130
+ );
131
+ }
132
+ export {
133
+ wn as N,
134
+ l as s
135
+ };
package/dist/assets/NavLink.css CHANGED
@@ -1 +1 @@
1
- :root{--nav-height: 65px}._navbar_1zha6_5{position:relative;height:var(--nav-height);z-index:1000}._left_1zha6_19 ._container_1zha6_20{justify-content:flex-start}._left_1zha6_19 ._logo_1zha6_24{flex:unset}._left_1zha6_19 ._nav_1zha6_5{flex:1}@media (max-width: 767px){._left_1zha6_19 ._logo_1zha6_24{flex:1}}._center_1zha6_39 ._nav_1zha6_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1zha6_39 ._nav_1zha6_5._hidden_1zha6_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1zha6_39 ._nav_1zha6_5._visible_1zha6_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1zha6_39 ._logo_1zha6_24{flex:1}}._right_1zha6_67 ._container_1zha6_20{justify-content:flex-end}._right_1zha6_67 ._logo_1zha6_24,._right_1zha6_67 ._title_1zha6_73{flex:1}._right_1zha6_67 ._nav_1zha6_5{flex:unset}._linkWrapper_1zha6_82._parent_1zha6_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_1zha6_82._parent_1zha6_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_1zha6_82._parent_1zha6_82:first-of-type>._linkItem_1zha6_90 ._link_1zha6_82,._linkWrapper_1zha6_82._parent_1zha6_82:first-of-type>._linkItem_1zha6_90 ._search_1zha6_92,._linkWrapper_1zha6_82._parent_1zha6_82:first-of-type>._linkItem_1zha6_90 ._sublinkToggle_1zha6_93{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_1zha6_82._parent_1zha6_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_1zha6_82._parent_1zha6_82:last-of-type>._linkItem_1zha6_90 ._link_1zha6_82,._linkWrapper_1zha6_82._parent_1zha6_82:last-of-type>._linkItem_1zha6_90 ._search_1zha6_92,._linkWrapper_1zha6_82._parent_1zha6_82:last-of-type>._linkItem_1zha6_90 ._sublinkToggle_1zha6_93{padding-right:var(--spacing-md)}}._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._sublinkToggle_1zha6_93,._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._link_1zha6_82{height:40px}@media (min-width: 768px){._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._link_1zha6_82,._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._search_1zha6_92,._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._sublinkToggle_1zha6_93{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._link_1zha6_82:hover,._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._search_1zha6_92:hover,._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._sublinkToggle_1zha6_93:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_1zha6_139{left:0;background-color:#fff}._standard_1zha6_139 ._linkWrapper_1zha6_82{position:relative}._standard_1zha6_139 ._triangle_1zha6_147{display:none}._transparent_1zha6_152{background-color:transparent}._transparent_1zha6_152 ._nav_1zha6_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:#ffffff4d;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1zha6_152 ._nav_1zha6_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1zha6_152 ._nav_1zha6_5:before{border-radius:0}}@media (max-width: 767px){._transparent_1zha6_152 ._menuToggle_1zha6_181,._transparent_1zha6_152 ._search_1zha6_92{border-radius:var(--radius-md)}._transparent_1zha6_152 ._menuToggle_1zha6_181:before,._transparent_1zha6_152 ._search_1zha6_92:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}}._sticky_1zha6_204{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1zha6_20{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%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_1zha6_20{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_1zha6_20._twoColumn_1zha6_235{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1zha6_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);z-index:1005}._logo_1zha6_24{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_1zha6_24 a{display:flex;align-items:center;justify-content:flex-start}._logo_1zha6_24 img{height:auto;width:auto}@media (max-width: 767px){._logo_1zha6_24{max-width:125px}._logo_1zha6_24 img{max-width:120px}}@media (max-width: 767px){._searchWrapper_1zha6_279{grid-area:fourth;width:auto}}._search_1zha6_92{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._search_1zha6_92 svg{position:relative;z-index:5}._menuToggle_1zha6_181{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1zha6_181 svg{position:relative;z-index:5}._utilityMobile_1zha6_321{display:none;grid-area:third;justify-content:flex-end}._utility_1zha6_321{grid-area:third;display:flex;justify-content:flex-end}._utility_1zha6_321 a{font-size:var(--font-size-sm)}._nav_1zha6_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_1zha6_5{height:100vh}}._navInner_1zha6_349{position:relative}@media (max-width: 767px){._navInner_1zha6_349{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1zha6_360{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1zha6_360{display:flex;flex-direction:column}}._linkItem_1zha6_90{display:flex;align-items:center;box-sizing:border-box}._searchModal_1zha6_379{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_1zha6_379 .modalClose{display:none}._searchModal_1zha6_379 .modalContent{margin-top:0}._separator_1zha6_394{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_1zha6_402,._sublinkToggle_1zha6_93,._search_1zha6_92,._link_1zha6_82{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_1zha6_402 ._newTabIcon_1zha6_422,._sublinkToggle_1zha6_93 ._newTabIcon_1zha6_422,._search_1zha6_92 ._newTabIcon_1zha6_422,._link_1zha6_82 ._newTabIcon_1zha6_422{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_1zha6_402,._sublinksDescription_1zha6_429,._link_1zha6_82,._sublinkToggle_1zha6_93,._link_1zha6_82 ._linkContent_1zha6_432,._sublinkToggle_1zha6_93 ._linkContent_1zha6_432{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_1zha6_82:hover,._link_1zha6_82._open_1zha6_443,._search_1zha6_92:hover,._sublinkToggle_1zha6_93:hover,._sublinkToggle_1zha6_93._open_1zha6_443,._link_1zha6_82:hover ._newTabIcon_1zha6_422,._link_1zha6_82._open_1zha6_443 ._newTabIcon_1zha6_422,._search_1zha6_92:hover ._newTabIcon_1zha6_422,._sublinkToggle_1zha6_93:hover ._newTabIcon_1zha6_422,._sublinkToggle_1zha6_93._open_1zha6_443 ._newTabIcon_1zha6_422{color:var(--color-primary-100)}@media (max-width: 767px){._link_1zha6_82:hover,._link_1zha6_82._open_1zha6_443,._search_1zha6_92:hover,._sublinkToggle_1zha6_93:hover,._sublinkToggle_1zha6_93._open_1zha6_443{color:var(--color-secondary-100)}._link_1zha6_82:hover ._newTabIcon_1zha6_422,._link_1zha6_82._open_1zha6_443 ._newTabIcon_1zha6_422,._search_1zha6_92:hover ._newTabIcon_1zha6_422,._sublinkToggle_1zha6_93:hover ._newTabIcon_1zha6_422,._sublinkToggle_1zha6_93._open_1zha6_443 ._newTabIcon_1zha6_422{color:var(--color-secondary-100)}}._navItem_1zha6_462:hover{color:var(--color-primary-100)}._sublinkToggle_1zha6_93,._back_1zha6_467{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_1zha6_93:hover,._sublinkToggle_1zha6_93._open_1zha6_443,._back_1zha6_467:hover,._back_1zha6_467._open_1zha6_443{color:var(--color-primary-100)}._sublinks_1zha6_429{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_1zha6_429._show_1zha6_514{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_1zha6_429._show_1zha6_514 ._navTitle_1zha6_402,._sublinks_1zha6_429._show_1zha6_514 ._sublinksDescription_1zha6_429,._sublinks_1zha6_429._show_1zha6_514 ._link_1zha6_82,._sublinks_1zha6_429._show_1zha6_514 ._sublinkToggle_1zha6_93,._sublinks_1zha6_429._show_1zha6_514 ._link_1zha6_82 ._linkContent_1zha6_432,._sublinks_1zha6_429._show_1zha6_514 ._sublinkToggle_1zha6_93 ._linkContent_1zha6_432{opacity:1;visibility:visible}._triangle_1zha6_147{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_1zha6_147._show_1zha6_514{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1zha6_555{border-right:1px solid var(--color-border)}._primaryColumn_1zha6_555 ._sublinkToggle_1zha6_93:hover,._primaryColumn_1zha6_555 ._sublinkToggle_1zha6_93._open_1zha6_443{color:var(--color-primary-100)}._secondaryColumn_1zha6_564{background-color:var(--color-secondary-10)}._spotlightColumn_1zha6_568{background-color:var(--color-secondary-75)}._sublinksInner_1zha6_572{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1zha6_572{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1zha6_590{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1zha6_590{padding:0}}._chevron_1zha6_600{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1zha6_93._open_1zha6_443 ._chevron_1zha6_600{transform:rotate(180deg)}@media (max-width: 767px){._logo_1zha6_24{flex:1}._menuToggle_1zha6_181,._search_1zha6_92{display:flex;align-items:center;justify-content:center}._utility_1zha6_321 a:not(._utility_1zha6_321 a:first-of-type){display:none}._utilityMobile_1zha6_321{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1zha6_321._open_1zha6_443{transform:translateY(0)}._nav_1zha6_5{position:fixed;top:calc(var(--nav-height) - 1px);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:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1zha6_5._open_1zha6_443{transform:translate(0)}._linkWrapper_1zha6_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1zha6_82._parent_1zha6_82{border-bottom:1px solid var(--color-border)}._linkWrapper_1zha6_82._parent_1zha6_82:last-of-type{border:none}._linkItem_1zha6_90{width:100%}._chevron_1zha6_600{display:none}._sublinks_1zha6_429{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_1zha6_93{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_1zha6_716 ._sublinks_1zha6_429{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_1zha6_716 ._sublinks_1zha6_429{position:relative;justify-content:center;align-items:center}}._default_1zha6_716 ._linkItem_1zha6_90{justify-content:flex-end}@media (max-width: 767px){._default_1zha6_716 ._linkItem_1zha6_90{justify-content:center;align-items:center}}._default_1zha6_716 ._sublinksInner_1zha6_572{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_1zha6_716 ._sublinksInner_1zha6_572{justify-content:center;align-items:center}}._advanced_1zha6_752 ._linkContent_1zha6_432{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_1zha6_752 ._subtitle_1zha6_761{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_1zha6_752 ._sublinksDescription_1zha6_429,._advanced_1zha6_752 ._sublinksDescription_1zha6_429 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_1zha6_752 ._sublinks_1zha6_429{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_1zha6_752 ._sublinks_1zha6_429{position:relative;justify-content:center;align-items:center}}._advanced_1zha6_752 ._linkItem_1zha6_90{justify-content:flex-start}._advanced_1zha6_752 ._sublinksInner_1zha6_572{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_1zha6_752 ._sublinksInner_1zha6_572._withSpotlight_1zha6_803{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_1zha6_752 ._sublinksInner_1zha6_572._withoutSpotlight_1zha6_807{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_1zha6_752 ._sublinksInner_1zha6_572{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_1zha6_752 ._sublinkToggle_1zha6_93{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_1zha6_752 ._sublinkToggle_1zha6_93:hover,._advanced_1zha6_752 ._sublinkToggle_1zha6_93._open_1zha6_443{color:var(--color-primary-100)}._advanced_1zha6_752 ._back_1zha6_467{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_1zha6_752 ._back_1zha6_467:hover{color:var(--color-primary-100)}._groupDivider_1zha6_845{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1zha6_853,._mobileMenuSlide_1zha6_854{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1zha6_864{opacity:0}._fadeInFromLeft_1zha6_868{animation:_fadeInFromLeft_1zha6_868 .3s ease-in-out forwards}._fadeInFromRight_1zha6_872{animation:_fadeInFromRight_1zha6_872 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1zha6_868{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1zha6_872{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
1
+ :root{--nav-height: 65px}._navbar_lyfar_5{position:relative;height:var(--nav-height);z-index:1000}._left_lyfar_19 ._container_lyfar_20{justify-content:flex-start}._left_lyfar_19 ._logo_lyfar_24{flex:unset}._left_lyfar_19 ._nav_lyfar_5{flex:1}@media (max-width: 767px){._left_lyfar_19 ._logo_lyfar_24{flex:1}}._center_lyfar_39 ._nav_lyfar_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_lyfar_39 ._nav_lyfar_5._hidden_lyfar_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_lyfar_39 ._nav_lyfar_5._visible_lyfar_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_lyfar_39 ._logo_lyfar_24{flex:1}}._right_lyfar_67 ._container_lyfar_20{justify-content:flex-end}._right_lyfar_67 ._logo_lyfar_24,._right_lyfar_67 ._title_lyfar_73{flex:1}._right_lyfar_67 ._nav_lyfar_5{flex:unset}._linkWrapper_lyfar_82._parent_lyfar_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_lyfar_82._parent_lyfar_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_lyfar_82._parent_lyfar_82:first-of-type>._linkItem_lyfar_90 ._link_lyfar_82,._linkWrapper_lyfar_82._parent_lyfar_82:first-of-type>._linkItem_lyfar_90 ._search_lyfar_92,._linkWrapper_lyfar_82._parent_lyfar_82:first-of-type>._linkItem_lyfar_90 ._locale_lyfar_93,._linkWrapper_lyfar_82._parent_lyfar_82:first-of-type>._linkItem_lyfar_90 ._sublinkToggle_lyfar_94{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type>._linkItem_lyfar_90 ._link_lyfar_82,._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type>._linkItem_lyfar_90 ._search_lyfar_92,._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type>._linkItem_lyfar_90 ._locale_lyfar_93,._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type>._linkItem_lyfar_90 ._sublinkToggle_lyfar_94{padding-right:var(--spacing-md)}}._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._sublinkToggle_lyfar_94,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._link_lyfar_82{height:40px}@media (min-width: 768px){._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._link_lyfar_82,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._search_lyfar_92,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._locale_lyfar_93,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._sublinkToggle_lyfar_94{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._link_lyfar_82:hover,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._search_lyfar_92:hover,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._locale_lyfar_93:hover,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._sublinkToggle_lyfar_94:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_lyfar_142{left:0;background-color:#fff}._standard_lyfar_142 ._linkWrapper_lyfar_82{position:relative}._standard_lyfar_142 ._triangle_lyfar_150{display:none}._transparent_lyfar_155{background-color:transparent}._transparent_lyfar_155 ._nav_lyfar_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:#ffffff4d;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_lyfar_155 ._nav_lyfar_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_lyfar_155 ._nav_lyfar_5:before{border-radius:0}}@media (max-width: 767px){._transparent_lyfar_155 ._menuToggle_lyfar_184,._transparent_lyfar_155 ._search_lyfar_92{border-radius:var(--radius-md)}._transparent_lyfar_155 ._menuToggle_lyfar_184:before,._transparent_lyfar_155 ._search_lyfar_92:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}}._sticky_lyfar_207{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_lyfar_20{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%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_lyfar_20{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_lyfar_20._twoColumn_lyfar_238{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_lyfar_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);z-index:1005}._logo_lyfar_24{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_lyfar_24 a{display:flex;align-items:center;justify-content:flex-start}._logo_lyfar_24 img{height:auto;width:auto}@media (max-width: 767px){._logo_lyfar_24{max-width:125px}._logo_lyfar_24 img{max-width:120px}}@media (max-width: 767px){._searchWrapper_lyfar_282{grid-area:fourth;width:auto}}._search_lyfar_92,._locale_lyfar_93{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._search_lyfar_92 svg,._locale_lyfar_93 svg{position:relative;z-index:5}._menuToggle_lyfar_184{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_lyfar_184 svg{position:relative;z-index:5}._utilityMobile_lyfar_325{display:none;grid-area:third;justify-content:flex-end}._utility_lyfar_325{grid-area:third;display:flex;justify-content:flex-end}._utility_lyfar_325 a{font-size:var(--font-size-sm)}._nav_lyfar_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_lyfar_5{height:100vh}}._navInner_lyfar_353{position:relative}@media (max-width: 767px){._navInner_lyfar_353{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_lyfar_364{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_lyfar_364{display:flex;flex-direction:column}}._linkItem_lyfar_90{display:flex;align-items:center;box-sizing:border-box}._searchModal_lyfar_383,._localeModal_lyfar_384{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_lyfar_383 .modalClose,._localeModal_lyfar_384 .modalClose{display:none}._searchModal_lyfar_383 .modalContent,._localeModal_lyfar_384 .modalContent{margin-top:0}._separator_lyfar_399{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_lyfar_407,._sublinkToggle_lyfar_94,._search_lyfar_92,._locale_lyfar_93,._link_lyfar_82{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_lyfar_407 ._newTabIcon_lyfar_428,._sublinkToggle_lyfar_94 ._newTabIcon_lyfar_428,._search_lyfar_92 ._newTabIcon_lyfar_428,._locale_lyfar_93 ._newTabIcon_lyfar_428,._link_lyfar_82 ._newTabIcon_lyfar_428{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_lyfar_407,._sublinksDescription_lyfar_435,._link_lyfar_82,._sublinkToggle_lyfar_94,._link_lyfar_82 ._linkContent_lyfar_438,._sublinkToggle_lyfar_94 ._linkContent_lyfar_438{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_lyfar_82:hover,._link_lyfar_82._open_lyfar_449,._search_lyfar_92:hover,._sublinkToggle_lyfar_94:hover,._sublinkToggle_lyfar_94._open_lyfar_449,._link_lyfar_82:hover ._newTabIcon_lyfar_428,._link_lyfar_82._open_lyfar_449 ._newTabIcon_lyfar_428,._search_lyfar_92:hover ._newTabIcon_lyfar_428,._sublinkToggle_lyfar_94:hover ._newTabIcon_lyfar_428,._sublinkToggle_lyfar_94._open_lyfar_449 ._newTabIcon_lyfar_428{color:var(--color-primary-100)}@media (max-width: 767px){._link_lyfar_82:hover,._link_lyfar_82._open_lyfar_449,._search_lyfar_92:hover,._sublinkToggle_lyfar_94:hover,._sublinkToggle_lyfar_94._open_lyfar_449{color:var(--color-secondary-100)}._link_lyfar_82:hover ._newTabIcon_lyfar_428,._link_lyfar_82._open_lyfar_449 ._newTabIcon_lyfar_428,._search_lyfar_92:hover ._newTabIcon_lyfar_428,._sublinkToggle_lyfar_94:hover ._newTabIcon_lyfar_428,._sublinkToggle_lyfar_94._open_lyfar_449 ._newTabIcon_lyfar_428{color:var(--color-secondary-100)}}._navItem_lyfar_468:hover{color:var(--color-primary-100)}._sublinkToggle_lyfar_94,._back_lyfar_473{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_lyfar_94:hover,._sublinkToggle_lyfar_94._open_lyfar_449,._back_lyfar_473:hover,._back_lyfar_473._open_lyfar_449{color:var(--color-primary-100)}._sublinks_lyfar_435{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_lyfar_435._show_lyfar_520{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_lyfar_435._show_lyfar_520 ._navTitle_lyfar_407,._sublinks_lyfar_435._show_lyfar_520 ._sublinksDescription_lyfar_435,._sublinks_lyfar_435._show_lyfar_520 ._link_lyfar_82,._sublinks_lyfar_435._show_lyfar_520 ._sublinkToggle_lyfar_94,._sublinks_lyfar_435._show_lyfar_520 ._link_lyfar_82 ._linkContent_lyfar_438,._sublinks_lyfar_435._show_lyfar_520 ._sublinkToggle_lyfar_94 ._linkContent_lyfar_438{opacity:1;visibility:visible}._triangle_lyfar_150{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_lyfar_150._show_lyfar_520{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_lyfar_561{border-right:1px solid var(--color-border)}._primaryColumn_lyfar_561 ._sublinkToggle_lyfar_94:hover,._primaryColumn_lyfar_561 ._sublinkToggle_lyfar_94._open_lyfar_449{color:var(--color-primary-100)}._secondaryColumn_lyfar_570{background-color:var(--color-secondary-10)}._spotlightColumn_lyfar_574{background-color:var(--color-secondary-75)}._sublinksInner_lyfar_578{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_lyfar_578{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_lyfar_596{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_lyfar_596{padding:0}}._chevron_lyfar_606{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_lyfar_94._open_lyfar_449 ._chevron_lyfar_606{transform:rotate(180deg)}@media (max-width: 767px){._logo_lyfar_24{flex:1}._menuToggle_lyfar_184,._search_lyfar_92{display:flex;align-items:center;justify-content:center}._utility_lyfar_325 a:not(._utility_lyfar_325 a:first-of-type){display:none}._utilityMobile_lyfar_325{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_lyfar_325._open_lyfar_449{transform:translateY(0)}._nav_lyfar_5{position:fixed;top:calc(var(--nav-height) - 1px);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:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_lyfar_5._open_lyfar_449{transform:translate(0)}._linkWrapper_lyfar_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_lyfar_82._parent_lyfar_82{border-bottom:1px solid var(--color-border)}._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type{border:none}._linkItem_lyfar_90{width:100%}._chevron_lyfar_606{display:none}._sublinks_lyfar_435{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_lyfar_94{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_lyfar_722 ._sublinks_lyfar_435{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_lyfar_722 ._sublinks_lyfar_435{position:relative;justify-content:center;align-items:center}}._default_lyfar_722 ._linkItem_lyfar_90{justify-content:flex-end}@media (max-width: 767px){._default_lyfar_722 ._linkItem_lyfar_90{justify-content:center;align-items:center}}._default_lyfar_722 ._sublinksInner_lyfar_578{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_lyfar_722 ._sublinksInner_lyfar_578{justify-content:center;align-items:center}}._advanced_lyfar_758 ._linkContent_lyfar_438{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_lyfar_758 ._subtitle_lyfar_767{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_lyfar_758 ._sublinksDescription_lyfar_435,._advanced_lyfar_758 ._sublinksDescription_lyfar_435 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_lyfar_758 ._sublinks_lyfar_435{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_lyfar_758 ._sublinks_lyfar_435{position:relative;justify-content:center;align-items:center}}._advanced_lyfar_758 ._linkItem_lyfar_90{justify-content:flex-start}._advanced_lyfar_758 ._sublinksInner_lyfar_578{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_lyfar_758 ._sublinksInner_lyfar_578._withSpotlight_lyfar_809{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_lyfar_758 ._sublinksInner_lyfar_578._withoutSpotlight_lyfar_813{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_lyfar_758 ._sublinksInner_lyfar_578{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_lyfar_758 ._sublinkToggle_lyfar_94{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_lyfar_758 ._sublinkToggle_lyfar_94:hover,._advanced_lyfar_758 ._sublinkToggle_lyfar_94._open_lyfar_449{color:var(--color-primary-100)}._advanced_lyfar_758 ._back_lyfar_473{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_lyfar_758 ._back_lyfar_473:hover{color:var(--color-primary-100)}._groupDivider_lyfar_851{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_lyfar_859,._mobileMenuSlide_lyfar_860{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_lyfar_870{opacity:0}._fadeInFromLeft_lyfar_874{animation:_fadeInFromLeft_lyfar_874 .3s ease-in-out forwards}._fadeInFromRight_lyfar_878{animation:_fadeInFromRight_lyfar_878 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_lyfar_874{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_lyfar_878{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
package/dist/assets/index15.css CHANGED
@@ -1 +1 @@
1
- ._grid_1d386_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto 1fr}@media (min-width: 480px){._grid_1d386_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto}}@media (min-width: 768px){._grid_1d386_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_1d386_1{grid-template-columns:var(--lg-columns, var(--md-columns))}}@media (min-width: 1280px){._grid_1d386_1{grid-template-columns:var(--xl-columns, var(--lg-columns))}}@media (min-width: 1536px){._grid_1d386_1{grid-template-columns:var(--2xl-columns, var(--xl-columns))}}
1
+ ._grid_a6iq3_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto}@media (min-width: 480px){._grid_a6iq3_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto}}@media (min-width: 768px){._grid_a6iq3_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_a6iq3_1{grid-template-columns:var(--lg-columns, var(--md-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1280px){._grid_a6iq3_1{grid-template-columns:var(--xl-columns, var(--lg-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1536px){._grid_a6iq3_1{grid-template-columns:var(--2xl-columns, var(--xl-columns));grid-auto-rows:auto 1fr}}
package/dist/components/Grid/index.js CHANGED
@@ -1,23 +1,23 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
- import '../../assets/index15.css';const y = "_grid_1d386_1", $ = {
2
+ import '../../assets/index15.css';const y = "_grid_a6iq3_1", $ = {
3
3
  grid: y
4
4
  };
5
5
  function j({
6
6
  columns: r = 1,
7
7
  gap: m = "1rem",
8
- areas: a,
8
+ areas: s,
9
9
  autoFitMinMax: o,
10
10
  className: p,
11
- children: d,
12
- style: n,
11
+ children: n,
12
+ style: d,
13
13
  ...l
14
14
  }) {
15
15
  const i = {
16
- ...n,
16
+ ...d,
17
17
  display: "grid",
18
18
  gap: m
19
19
  };
20
- if (a && (i.gridTemplateAreas = a.map((e) => `"${e.join(" ")}"`).join(" ")), o)
20
+ if (s && (i.gridTemplateAreas = s.map((e) => `"${e.join(" ")}"`).join(" ")), o)
21
21
  i.gridTemplateColumns = `repeat(auto-fit, minmax(${o}, 1fr))`;
22
22
  else if (typeof r == "object") {
23
23
  const { xs: e, sm: f, md: u, lg: b, xl: g } = r;
@@ -42,8 +42,8 @@ function j({
42
42
  breakpoint: "xl",
43
43
  value: g
44
44
  }
45
- ].forEach(({ breakpoint: N, value: s }) => {
46
- const t = isNaN(Number(s)) ? s : Number(s);
45
+ ].forEach(({ breakpoint: N, value: a }) => {
46
+ const t = isNaN(Number(a)) ? a : Number(a);
47
47
  t && (i[`--${N}-columns`] = typeof t == "number" ? `repeat(${t}, 1fr)` : t);
48
48
  });
49
49
  } else {
@@ -56,7 +56,7 @@ function j({
56
56
  className: `${p ?? ""} ${$.grid}`,
57
57
  style: i,
58
58
  ...l,
59
- children: d
59
+ children: n
60
60
  }
61
61
  );
62
62
  }
package/dist/components/NavBar/NavLink.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { N as a } from "../../NavLink-B8oPvlqf.js";
3
+ import { N as a } from "../../NavLink-CME9v-a0.js";
4
4
  import "../../external-link-BOPobeQJ.js";
5
5
  import "../../chevron-down-DSUzBz9F.js";
6
6
  export {
package/dist/components/NavBar/index.js CHANGED
@@ -1,64 +1,84 @@
1
- import { jsx as a, jsxs as t, Fragment as ge } from "react/jsx-runtime";
2
- import { useState as h, useEffect as S, useRef as T, useCallback as _ } from "react";
3
- import { s as e, N as Ne } from "../../NavLink-B8oPvlqf.js";
4
- import { Modal as $e } from "../Modal/index.js";
5
- import { e as we, C as Y } from "../../index-CHqqMxmE.js";
6
- import { ButtonGroup as Z } from "../ButtonGroup/index.js";
7
- import { E as z } from "../../external-link-BOPobeQJ.js";
8
- import { X as ye } from "../../x-CnsEH4Ox.js";
9
- import { c as P } from "../../createLucideIcon-C8GTh_Qx.js";
10
- import { C as Ce } from "../../chevron-down-DSUzBz9F.js";
1
+ import { jsx as a, jsxs as t, Fragment as ye } from "react/jsx-runtime";
2
+ import { useState as h, useEffect as S, useRef as _, useCallback as z } from "react";
3
+ import { s as e, N as Ce } from "../../NavLink-CME9v-a0.js";
4
+ import { Modal as Z } from "../Modal/index.js";
5
+ import { e as xe, C as P } from "../../index-CHqqMxmE.js";
6
+ import { ButtonGroup as ee } from "../ButtonGroup/index.js";
7
+ import { E as T } from "../../external-link-BOPobeQJ.js";
8
+ import { X as Le } from "../../x-CnsEH4Ox.js";
9
+ import { c as R } from "../../createLucideIcon-C8GTh_Qx.js";
10
+ import { C as Me } from "../../chevron-down-DSUzBz9F.js";
11
11
  /**
12
12
  * @license lucide-react v0.488.0 - ISC
13
13
  *
14
14
  * This source code is licensed under the ISC license.
15
15
  * See the LICENSE file in the root directory of this source tree.
16
16
  */
17
- const xe = [
17
+ const Ee = [
18
+ ["path", { d: "M21.54 15H17a2 2 0 0 0-2 2v4.54", key: "1djwo0" }],
19
+ [
20
+ "path",
21
+ {
22
+ d: "M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17",
23
+ key: "1tzkfa"
24
+ }
25
+ ],
26
+ ["path", { d: "M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05", key: "14pb5j" }],
27
+ ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
28
+ ], Se = R("earth", Ee);
29
+ /**
30
+ * @license lucide-react v0.488.0 - ISC
31
+ *
32
+ * This source code is licensed under the ISC license.
33
+ * See the LICENSE file in the root directory of this source tree.
34
+ */
35
+ const _e = [
18
36
  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
19
37
  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
20
38
  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
21
- ], Le = P("menu", xe);
39
+ ], ze = R("menu", _e);
22
40
  /**
23
41
  * @license lucide-react v0.488.0 - ISC
24
42
  *
25
43
  * This source code is licensed under the ISC license.
26
44
  * See the LICENSE file in the root directory of this source tree.
27
45
  */
28
- const Me = [
46
+ const Te = [
29
47
  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
30
48
  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
31
- ], Ee = P("search", Me), Se = {
49
+ ], Re = R("search", Te), Ae = {
32
50
  standard: e.standard,
33
51
  transparent: e.transparent,
34
52
  minimal: e.minimal
35
- }, Te = {
53
+ }, Fe = {
36
54
  left: e.left,
37
55
  center: e.center,
38
56
  right: e.right
39
57
  };
40
- function Ge({
41
- title: ee,
42
- logo: R,
43
- items: A,
44
- groups: m,
58
+ function qe({
59
+ title: ne,
60
+ logo: A,
61
+ items: F,
62
+ groups: b,
45
63
  utilityItems: i,
46
- isSticky: ne = !1,
47
- showSearch: F = !0,
64
+ isSticky: ae = !1,
65
+ showSearch: W = !0,
66
+ showLocaleSelect: le = !0,
48
67
  alignment: C = "right",
49
- variant: ae = "standard",
68
+ variant: se = "standard",
50
69
  navigationType: v = "default",
51
- searchComponent: le,
52
- className: se
70
+ searchComponent: ie,
71
+ localeSelectComponent: re,
72
+ className: te
53
73
  }) {
54
- const [f, W] = h(!1), [B, b] = h(null), [ie, re] = h(0), [te, oe] = h(!1), [ce, de] = h(null), [o, k] = h([]), [g, x] = h(
74
+ const [m, B] = h(!1), [j, u] = h(null), [ce, oe] = h(0), [de, he] = h(!1), [me, ue] = h(null), [c, k] = h([]), [N, x] = h(
55
75
  0
56
- ), [he, D] = h(null), [N, fe] = h(!1), [$, L] = h("forward"), O = () => /* @__PURE__ */ a(
76
+ ), [be, D] = h(null), [g, fe] = h(!1), [$, L] = h("forward"), I = () => /* @__PURE__ */ a(
57
77
  "div",
58
78
  {
59
79
  className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
60
80
  children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
61
- $e,
81
+ Z,
62
82
  {
63
83
  className: e.searchModal,
64
84
  trigger: /* @__PURE__ */ a(
@@ -68,14 +88,30 @@ function Ge({
68
88
  "aria-label": "Search",
69
89
  role: "menuitem",
70
90
  className: e.search,
71
- children: /* @__PURE__ */ a(Ee, { size: 16 })
91
+ children: /* @__PURE__ */ a(Re, { size: 16 })
72
92
  }
73
93
  ),
74
- content: le
94
+ content: ie
75
95
  }
76
96
  ) })
77
97
  }
78
- );
98
+ ), pe = () => /* @__PURE__ */ a("div", { className: `${e.linkWrapper} ${e.parent} `, children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
99
+ Z,
100
+ {
101
+ className: e.localeModal,
102
+ trigger: /* @__PURE__ */ a(
103
+ "button",
104
+ {
105
+ title: "Locale Select",
106
+ "aria-label": "Locale Select",
107
+ role: "menuitem",
108
+ className: e.locale,
109
+ children: /* @__PURE__ */ a(Se, { size: 16 })
110
+ }
111
+ ),
112
+ content: re
113
+ }
114
+ ) }) });
79
115
  S(() => {
80
116
  if (typeof window < "u") {
81
117
  const n = () => {
@@ -85,9 +121,9 @@ function Ge({
85
121
  return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
86
122
  }
87
123
  }, []);
88
- const be = () => {
124
+ const ve = () => {
89
125
  k([]);
90
- }, me = (n) => {
126
+ }, ke = (n) => {
91
127
  L("forward"), k([
92
128
  {
93
129
  title: n.title,
@@ -96,7 +132,7 @@ function Ge({
96
132
  description: ""
97
133
  }
98
134
  ]);
99
- }, j = (n) => {
135
+ }, O = (n) => {
100
136
  L("forward"), k((l) => [
101
137
  ...l,
102
138
  {
@@ -106,51 +142,51 @@ function Ge({
106
142
  description: n.description
107
143
  }
108
144
  ]);
109
- }, ue = () => {
145
+ }, Ne = () => {
110
146
  L("backward"), k((n) => n.slice(0, -1));
111
- }, M = T(null), p = T(null), E = T(/* @__PURE__ */ new Map()), pe = () => {
112
- W((n) => !n);
147
+ }, M = _(null), p = _(null), E = _(/* @__PURE__ */ new Map()), ge = () => {
148
+ B((n) => !n);
113
149
  }, G = (n) => {
114
150
  const l = E.current.get(n);
115
151
  if (l && p.current) {
116
- const c = l.getBoundingClientRect(), d = p.current.getBoundingClientRect(), s = c.left - d.left + c.width / 4;
117
- de(s);
152
+ const o = l.getBoundingClientRect(), d = p.current.getBoundingClientRect(), s = o.left - d.left + o.width / 4;
153
+ ue(s);
118
154
  }
119
- }, ve = (n) => {
120
- b((l) => l === n ? null : n);
121
- }, I = _((n) => {
122
- M.current && !M.current.contains(n.target) && b(null);
123
- }, []), X = _(() => {
124
- q(), typeof window < "u" && window.innerWidth > 768 && (W(!1), b(null), typeof document < "u" && (document.body.style.overflow = ""));
125
- }, []), q = _(() => {
155
+ }, $e = (n) => {
156
+ u((l) => l === n ? null : n);
157
+ }, V = z((n) => {
158
+ M.current && !M.current.contains(n.target) && u(null);
159
+ }, []), X = z(() => {
160
+ H(), typeof window < "u" && window.innerWidth > 768 && (B(!1), u(null), typeof document < "u" && (document.body.style.overflow = ""));
161
+ }, []), H = z(() => {
126
162
  if (p.current) {
127
163
  const n = p.current.getBoundingClientRect().width;
128
- re(n), oe(!0);
164
+ oe(n), he(!0);
129
165
  }
130
166
  }, []);
131
167
  S(() => {
132
168
  const n = typeof window < "u", l = typeof document < "u";
133
- return n && window.addEventListener("resize", X), l && document.addEventListener("click", I), q(), () => {
134
- n && window.removeEventListener("resize", X), l && document.removeEventListener("click", I);
169
+ return n && window.addEventListener("resize", X), l && document.addEventListener("click", V), H(), () => {
170
+ n && window.removeEventListener("resize", X), l && document.removeEventListener("click", V);
135
171
  };
136
172
  }, []), S(() => {
137
173
  if (typeof document < "u")
138
- return document.body.style.overflow = f ? "hidden" : "", () => {
174
+ return document.body.style.overflow = m ? "hidden" : "", () => {
139
175
  document.body.style.overflow = "";
140
176
  };
141
- }, [f]);
142
- const ke = (n) => n.map((l, c) => {
143
- var U, V, H, J, K;
144
- const d = `group-${c}`, y = he === c, s = (U = l.primaryItems) == null ? void 0 : U[g ?? 0];
177
+ }, [m]);
178
+ const we = (n) => n.map((l, o) => {
179
+ var q, U, J, K, Q;
180
+ const d = `group-${o}`, y = be === o, s = (q = l.primaryItems) == null ? void 0 : q[N ?? 0];
145
181
  return /* @__PURE__ */ t(
146
182
  "div",
147
183
  {
148
184
  className: `${e.linkWrapper} ${e.parent}`,
149
185
  onMouseEnter: () => {
150
- D(c), b(d), G(d);
186
+ D(o), u(d), G(d);
151
187
  },
152
188
  onMouseLeave: () => {
153
- D(null), x(0), b(null);
189
+ D(null), x(0), u(null);
154
190
  },
155
191
  children: [
156
192
  /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ t(
@@ -162,18 +198,18 @@ function Ge({
162
198
  role: "menuitem",
163
199
  "aria-haspopup": "true",
164
200
  "aria-expanded": y,
165
- "aria-controls": `submenu-${c}`,
201
+ "aria-controls": `submenu-${o}`,
166
202
  className: `${e.sublinkToggle} ${y ? e.open : ""} `,
167
203
  children: [
168
204
  l.title,
169
- /* @__PURE__ */ a(Ce, { size: 18, className: e.chevron })
205
+ /* @__PURE__ */ a(Me, { size: 18, className: e.chevron })
170
206
  ]
171
207
  }
172
208
  ) }),
173
209
  /* @__PURE__ */ a(
174
210
  "div",
175
211
  {
176
- id: `submenu-${c}`,
212
+ id: `submenu-${o}`,
177
213
  className: `${e.sublinks} ${y ? e.show : ""}`,
178
214
  role: "menu",
179
215
  "aria-label": `${l.title} submenu`,
@@ -188,19 +224,19 @@ function Ge({
188
224
  className: `${e.sublinksColumn} ${e.primaryColumn}`,
189
225
  children: [
190
226
  /* @__PURE__ */ a("div", { className: e.linkItem }),
191
- (V = l.primaryItems) == null ? void 0 : V.map(
192
- (r, u) => r.href ? /* @__PURE__ */ t(
227
+ (U = l.primaryItems) == null ? void 0 : U.map(
228
+ (r, f) => r.href ? /* @__PURE__ */ t(
193
229
  "a",
194
230
  {
195
231
  href: r.href,
196
- className: `${e.link} ${g === u ? e.open : ""}`,
232
+ className: `${e.link} ${N === f ? e.open : ""}`,
197
233
  target: r.isExternal ? "_blank" : "_self",
198
234
  rel: r.isExternal ? "noopener noreferrer" : void 0,
199
235
  onClick: () => {
200
- var Q;
201
- b(null), (Q = r.onClick) == null || Q.call(r);
236
+ var Y;
237
+ u(null), (Y = r.onClick) == null || Y.call(r);
202
238
  },
203
- onMouseEnter: () => r.sublinks ? x(u) : null,
239
+ onMouseEnter: () => r.sublinks ? x(f) : null,
204
240
  role: "menuitem",
205
241
  children: [
206
242
  /* @__PURE__ */ t("span", { className: e.linkContent, children: [
@@ -208,7 +244,7 @@ function Ge({
208
244
  r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
209
245
  ] }),
210
246
  r.isExternal && /* @__PURE__ */ a(
211
- z,
247
+ T,
212
248
  {
213
249
  className: e.newTabIcon,
214
250
  size: 16
@@ -216,24 +252,24 @@ function Ge({
216
252
  )
217
253
  ]
218
254
  },
219
- r._key ?? u
255
+ r._key ?? f
220
256
  ) : /* @__PURE__ */ a(
221
257
  "button",
222
258
  {
223
- className: `${e.sublinkToggle} ${g === u ? e.open : ""}`,
224
- onMouseEnter: () => x(u),
259
+ className: `${e.sublinkToggle} ${N === f ? e.open : ""}`,
260
+ onMouseEnter: () => x(f),
225
261
  children: /* @__PURE__ */ t("span", { className: e.linkContent, children: [
226
262
  r.label,
227
263
  r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
228
264
  ] })
229
265
  },
230
- r._key ?? u
266
+ r._key ?? f
231
267
  )
232
268
  )
233
269
  ]
234
270
  }
235
271
  ),
236
- (s == null ? void 0 : s.sublinks) && ((H = s == null ? void 0 : s.sublinks) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ t(
272
+ (s == null ? void 0 : s.sublinks) && ((J = s == null ? void 0 : s.sublinks) == null ? void 0 : J.length) > 0 && /* @__PURE__ */ t(
237
273
  "div",
238
274
  {
239
275
  className: `${e.sublinksColumn} ${e.childrenColumn} ${e.fadeInFromLeft}`,
@@ -241,13 +277,13 @@ function Ge({
241
277
  (s == null ? void 0 : s.description) && /* @__PURE__ */ a("div", { className: e.sublinksDescription, children: s == null ? void 0 : s.description }),
242
278
  (s == null ? void 0 : s.sublinks) && w(
243
279
  s.sublinks,
244
- `${d}-${g}`
280
+ `${d}-${N}`
245
281
  )
246
282
  ]
247
283
  },
248
- `${s.label}-${(J = s == null ? void 0 : s.sublinks) == null ? void 0 : J.length}`
284
+ `${s.label}-${(K = s == null ? void 0 : s.sublinks) == null ? void 0 : K.length}`
249
285
  ),
250
- (l == null ? void 0 : l.secondaryItems) && ((K = l == null ? void 0 : l.secondaryItems) == null ? void 0 : K.length) > 0 && /* @__PURE__ */ a(
286
+ (l == null ? void 0 : l.secondaryItems) && ((Q = l == null ? void 0 : l.secondaryItems) == null ? void 0 : Q.length) > 0 && /* @__PURE__ */ a(
251
287
  "div",
252
288
  {
253
289
  className: `${e.sublinksColumn} ${e.secondaryColumn}`,
@@ -268,20 +304,20 @@ function Ge({
268
304
  )
269
305
  ]
270
306
  },
271
- c
307
+ o
272
308
  );
273
- }), w = (n, l = "") => n.map((c) => {
274
- const d = `${l}/${c.label}`;
309
+ }), w = (n, l = "") => n.map((o) => {
310
+ const d = `${l}/${o.label}`;
275
311
  return /* @__PURE__ */ a(
276
- Ne,
312
+ Ce,
277
313
  {
278
- link: c,
314
+ link: o,
279
315
  path: d,
280
316
  parentPath: l,
281
- openPath: B,
282
- togglePath: ve,
317
+ openPath: j,
318
+ togglePath: $e,
283
319
  updateTriangleIndicator: G,
284
- setOpenPath: b,
320
+ setOpenPath: u,
285
321
  renderLinks: w,
286
322
  buttonRefs: E
287
323
  },
@@ -292,7 +328,7 @@ function Ge({
292
328
  "header",
293
329
  {
294
330
  ref: M,
295
- className: `${se ?? ""} ${Te[C]} ${Se[ae]} ${e.navbar} ${ne ? e.sticky : ""} ${m && m.length ? e.advanced : e.default}`,
331
+ className: `${te ?? ""} ${Fe[C]} ${Ae[se]} ${e.navbar} ${ae ? e.sticky : ""} ${b && b.length ? e.advanced : e.default}`,
296
332
  role: "navigation",
297
333
  "aria-label": "Main navigation",
298
334
  children: /* @__PURE__ */ t(
@@ -300,15 +336,15 @@ function Ge({
300
336
  {
301
337
  className: `${e.container} ${(!i || i.length === 0) && C !== "center" ? e.twoColumn : ""}`,
302
338
  children: [
303
- R ? /* @__PURE__ */ a("div", { className: e.logo, children: R }) : /* @__PURE__ */ a("div", { className: e.title, children: ee }),
339
+ A ? /* @__PURE__ */ a("div", { className: e.logo, children: A }) : /* @__PURE__ */ a("div", { className: e.title, children: ne }),
304
340
  /* @__PURE__ */ a(
305
341
  "nav",
306
342
  {
307
343
  ref: p,
308
344
  style: {
309
- left: C === "center" ? `calc(50% - ${ie / 2}px)` : "0"
345
+ left: C === "center" ? `calc(50% - ${ce / 2}px)` : "0"
310
346
  },
311
- className: `${e.nav} ${f ? e.open : ""} ${te ? e.visible : e.hidden}`,
347
+ className: `${e.nav} ${m ? e.open : ""} ${de ? e.visible : e.hidden}`,
312
348
  id: "main-menu",
313
349
  role: "menubar",
314
350
  "aria-label": "Main navigation",
@@ -316,8 +352,8 @@ function Ge({
316
352
  /* @__PURE__ */ a(
317
353
  "svg",
318
354
  {
319
- style: { left: `${ce}px` },
320
- className: `${e.triangle} ${B ? e.show : ""}`,
355
+ style: { left: `${me}px` },
356
+ className: `${e.triangle} ${j ? e.show : ""}`,
321
357
  width: 16,
322
358
  height: 12,
323
359
  viewBox: "0 0 100 75",
@@ -333,15 +369,16 @@ function Ge({
333
369
  )
334
370
  }
335
371
  ),
336
- v === "default" && A && /* @__PURE__ */ a("div", { className: e.grid, children: w(A) }),
337
- !N && v === "advanced" && m && /* @__PURE__ */ t("div", { className: e.grid, children: [
338
- ke(m),
339
- F && /* @__PURE__ */ t(ge, { children: [
372
+ v === "default" && F && /* @__PURE__ */ a("div", { className: e.grid, children: w(F) }),
373
+ !g && v === "advanced" && b && /* @__PURE__ */ t("div", { className: e.grid, children: [
374
+ we(b),
375
+ W && /* @__PURE__ */ t(ye, { children: [
340
376
  /* @__PURE__ */ a("span", { className: e.separator }),
341
- /* @__PURE__ */ a(O, {})
342
- ] })
377
+ /* @__PURE__ */ a(I, {})
378
+ ] }),
379
+ le && /* @__PURE__ */ a(pe, {})
343
380
  ] }),
344
- N && v === "advanced" && f && o.length === 0 && m && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: m.map((n, l) => /* @__PURE__ */ a(
381
+ g && v === "advanced" && m && c.length === 0 && b && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: b.map((n, l) => /* @__PURE__ */ a(
345
382
  "div",
346
383
  {
347
384
  className: `${e.mobileMenuItem} ${$ === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
@@ -349,14 +386,14 @@ function Ge({
349
386
  "button",
350
387
  {
351
388
  className: e.sublinkToggle,
352
- onClick: () => me(n),
389
+ onClick: () => ke(n),
353
390
  children: n.title
354
391
  }
355
392
  )
356
393
  },
357
394
  n._key ?? l
358
395
  )) }),
359
- N && v === "advanced" && f && o.length > 0 && /* @__PURE__ */ t(
396
+ g && v === "advanced" && m && c.length > 0 && /* @__PURE__ */ t(
360
397
  "div",
361
398
  {
362
399
  className: `${e.mobileMenuSlide} `,
@@ -365,9 +402,9 @@ function Ge({
365
402
  "button",
366
403
  {
367
404
  className: e.back,
368
- onClick: o.length === 1 ? be : ue,
405
+ onClick: c.length === 1 ? ve : Ne,
369
406
  children: /* @__PURE__ */ a(
370
- we,
407
+ xe,
371
408
  {
372
409
  size: 18,
373
410
  "aria-hidden": "true",
@@ -376,14 +413,14 @@ function Ge({
376
413
  )
377
414
  }
378
415
  ),
379
- o[o.length - 1].description && /* @__PURE__ */ a(
416
+ c[c.length - 1].description && /* @__PURE__ */ a(
380
417
  "div",
381
418
  {
382
419
  className: `${e.sublinksDescription} ${$ === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
383
- children: o[o.length - 1].description
420
+ children: c[c.length - 1].description
384
421
  }
385
422
  ),
386
- o[o.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
423
+ c[c.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
387
424
  "div",
388
425
  {
389
426
  className: `${e.mobileMenuItem} ${$ === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
@@ -391,7 +428,7 @@ function Ge({
391
428
  "button",
392
429
  {
393
430
  className: e.sublinkToggle,
394
- onClick: () => j(n),
431
+ onClick: () => O(n),
395
432
  children: /* @__PURE__ */ t("span", { className: e.linkContent, children: [
396
433
  n.label,
397
434
  n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
@@ -411,7 +448,7 @@ function Ge({
411
448
  n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
412
449
  ] }),
413
450
  n.isExternal && /* @__PURE__ */ a(
414
- z,
451
+ T,
415
452
  {
416
453
  className: e.newTabIcon,
417
454
  size: 16
@@ -423,8 +460,8 @@ function Ge({
423
460
  },
424
461
  n._key ?? `primary-${l}`
425
462
  )),
426
- o[o.length - 1].secondary.length > 0 && /* @__PURE__ */ a("hr", { className: e.groupDivider }),
427
- o[o.length - 1].secondary.map(
463
+ c[c.length - 1].secondary.length > 0 && /* @__PURE__ */ a("hr", { className: e.groupDivider }),
464
+ c[c.length - 1].secondary.map(
428
465
  (n, l) => /* @__PURE__ */ a(
429
466
  "div",
430
467
  {
@@ -433,7 +470,7 @@ function Ge({
433
470
  "button",
434
471
  {
435
472
  className: e.sublinkToggle,
436
- onClick: () => j(n),
473
+ onClick: () => O(n),
437
474
  children: n.label
438
475
  }
439
476
  ) : /* @__PURE__ */ t(
@@ -447,7 +484,7 @@ function Ge({
447
484
  children: [
448
485
  n.label,
449
486
  n.isExternal && /* @__PURE__ */ a(
450
- z,
487
+ T,
451
488
  {
452
489
  className: e.newTabIcon,
453
490
  size: 16
@@ -462,13 +499,13 @@ function Ge({
462
499
  )
463
500
  ]
464
501
  },
465
- `stack-${o.length}`
502
+ `stack-${c.length}`
466
503
  )
467
504
  ] })
468
505
  }
469
506
  ),
470
- i && /* @__PURE__ */ a("nav", { className: e.utility, "aria-label": "Utility navigation", children: /* @__PURE__ */ a(Z, { children: i.map((n, l) => /* @__PURE__ */ a(
471
- Y,
507
+ i && /* @__PURE__ */ a("nav", { className: e.utility, "aria-label": "Utility navigation", children: /* @__PURE__ */ a(ee, { children: i.map((n, l) => /* @__PURE__ */ a(
508
+ P,
472
509
  {
473
510
  as: "a",
474
511
  href: n.href ?? "/",
@@ -494,9 +531,9 @@ function Ge({
494
531
  "nav",
495
532
  {
496
533
  "aria-label": "Utility navigation",
497
- className: `${e.utilityMobile} ${f ? e.open : ""}`,
498
- children: /* @__PURE__ */ a(Z, { alignment: "center", children: /* @__PURE__ */ a(
499
- Y,
534
+ className: `${e.utilityMobile} ${m ? e.open : ""}`,
535
+ children: /* @__PURE__ */ a(ee, { alignment: "center", children: /* @__PURE__ */ a(
536
+ P,
500
537
  {
501
538
  as: "a",
502
539
  href: i[1].href ?? "/",
@@ -519,16 +556,16 @@ function Ge({
519
556
  ) })
520
557
  }
521
558
  ),
522
- N && F && /* @__PURE__ */ a(O, {}),
559
+ g && W && /* @__PURE__ */ a(I, {}),
523
560
  /* @__PURE__ */ a(
524
561
  "button",
525
562
  {
526
563
  className: e.menuToggle,
527
- onClick: pe,
528
- "aria-label": f ? "Close menu" : "Open menu",
529
- "aria-expanded": f,
564
+ onClick: ge,
565
+ "aria-label": m ? "Close menu" : "Open menu",
566
+ "aria-expanded": m,
530
567
  "aria-controls": "main-menu",
531
- children: f ? /* @__PURE__ */ a(ye, { size: 24 }) : /* @__PURE__ */ a(Le, { size: 24 })
568
+ children: m ? /* @__PURE__ */ a(Le, { size: 24 }) : /* @__PURE__ */ a(ze, { size: 24 })
532
569
  }
533
570
  )
534
571
  ]
@@ -538,5 +575,5 @@ function Ge({
538
575
  );
539
576
  }
540
577
  export {
541
- Ge as Navbar
578
+ qe as Navbar
542
579
  };
package/dist/lib/components/NavBar/index.d.ts CHANGED
@@ -51,11 +51,13 @@ type NavbarProps = {
51
51
  utilityItems?: UtilityItem[];
52
52
  isSticky?: boolean;
53
53
  showSearch?: boolean;
54
+ showLocaleSelect?: boolean;
54
55
  variant?: Variant;
55
56
  alignment: Alignment;
56
57
  className?: string;
57
58
  navigationType: "default" | "advanced";
58
59
  searchComponent?: React.ReactNode;
60
+ localeSelectComponent?: React.ReactNode;
59
61
  };
60
- export declare function Navbar({ title, logo, items, groups, utilityItems, isSticky, showSearch, alignment, variant, navigationType, searchComponent, className, }: NavbarProps): import("react/jsx-runtime").JSX.Element;
62
+ export declare function Navbar({ title, logo, items, groups, utilityItems, isSticky, showSearch, showLocaleSelect, alignment, variant, navigationType, searchComponent, localeSelectComponent, className, }: NavbarProps): import("react/jsx-runtime").JSX.Element;
61
63
  export {};
package/dist/styles.css CHANGED
@@ -12,7 +12,7 @@
12
12
  ._fab_1vpw0_1{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:25;background-color:var(--color-primary, #000);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background-color .25s ease-in-out}._fab_1vpw0_1:hover{background-color:var(--color-secondary-100)}._sm_1vpw0_22{width:40px;height:40px}._md_1vpw0_27{width:56px;height:56px}._lg_1vpw0_31{width:72px;height:72px}._bottom-right_1vpw0_36{bottom:var(--spacing-lg);right:var(--spacing-lg)}._bottom-left_1vpw0_41{bottom:var(--spacing-lg);left:var(--spacing-lg)}._top-right_1vpw0_46{top:var(--spacing-lg);right:var(--spacing-lg)}._top-left_1vpw0_51{top:var(--spacing-lg);left:var(--spacing-lg)}._disabled_1vpw0_56{color:var(--color-primary-25)}
13
13
  ._iconButton_d01lg_1{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .25s ease}._iconButton_d01lg_1:disabled{opacity:.5;cursor:not-allowed}._sm_d01lg_18{width:32px;height:32px}._md_d01lg_23{width:40px;height:40px}._lg_d01lg_28{width:48px;height:48px}._default_d01lg_33{background-color:#f0f0f0;color:#111}._muted_d01lg_38{background-color:#bbb;color:var(--color-primary-25)}._accent_d01lg_43{background-color:var(--color-primary-100);color:#fff}._error_d01lg_48{background-color:var(--color-error);color:#fff}._srOnly_d01lg_53{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
14
14
  h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9h_11,._h6_lse9h_12{line-height:var(--line-height-tight);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_lse9h_7[class*=bg],._h2_lse9h_8[class*=bg],._h3_lse9h_9[class*=bg],._h4_lse9h_10[class*=bg],._h5_lse9h_11[class*=bg],._h6_lse9h_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_lse9h_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2,._h2_lse9h_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3,._h3_lse9h_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4,._h4_lse9h_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5,._h5_lse9h_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6,._h6_lse9h_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}
15
- ._grid_1d386_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto 1fr}@media (min-width: 480px){._grid_1d386_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto}}@media (min-width: 768px){._grid_1d386_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_1d386_1{grid-template-columns:var(--lg-columns, var(--md-columns))}}@media (min-width: 1280px){._grid_1d386_1{grid-template-columns:var(--xl-columns, var(--lg-columns))}}@media (min-width: 1536px){._grid_1d386_1{grid-template-columns:var(--2xl-columns, var(--xl-columns))}}
15
+ ._grid_a6iq3_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto}@media (min-width: 480px){._grid_a6iq3_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto}}@media (min-width: 768px){._grid_a6iq3_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_a6iq3_1{grid-template-columns:var(--lg-columns, var(--md-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1280px){._grid_a6iq3_1{grid-template-columns:var(--xl-columns, var(--lg-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1536px){._grid_a6iq3_1{grid-template-columns:var(--2xl-columns, var(--xl-columns));grid-auto-rows:auto 1fr}}
16
16
  ._container_171d6_1{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._sm_171d6_9{max-width:var(--breakpoint-sm)}._md_171d6_13{max-width:var(--breakpoint-md)}._lg_171d6_17{max-width:var(--breakpoint-lg)}._xl_171d6_21{max-width:var(--breakpoint-xl)}._full_171d6_25{max-width:100%}._fluid_171d6_29{max-width:none;padding-left:0;padding-right:0}
17
17
  ._box_1mldh_1{box-sizing:border-box}._paddingNone_1mldh_6{padding:0}._paddingSm_1mldh_10{padding:.5rem}._paddingMd_1mldh_14{padding:1rem}._paddingLg_1mldh_18{padding:2rem}._marginNone_1mldh_23{margin:0}._marginSm_1mldh_27{margin:.5rem}._marginMd_1mldh_31{margin:1rem}._marginLg_1mldh_35{margin:2rem}._block_1mldh_40{display:block}._inline_1mldh_44{display:inline}._inlineBlock_1mldh_48{display:inline-block}._flex_1mldh_52{display:flex}._inlineFlex_1mldh_56{display:inline-flex}._grid_1mldh_60{display:grid}._bgTransparent_1mldh_65{background-color:transparent}._bgLight_1mldh_69{background-color:var(--color-primary-25)}._bgDark_1mldh_73{background-color:var(--color-secondary-100)}._bgAccent_1mldh_77{background-color:var(--color-primary-100)}._borderNone_1mldh_82{border:none}._borderThin_1mldh_86{border:1px solid var(--color-border)}._borderThick_1mldh_90{border:2px solid var(--color-border)}._radiusNone_1mldh_95{border-radius:0}._radiusSm_1mldh_99{border-radius:var(--radius-sm)}._radiusMd_1mldh_103{border-radius:var(--radius-md)}._radiusLg_1mldh_107{border-radius:var(--radius-lg)}._radiusFull_1mldh_111{border-radius:var(--radius-full)}
18
18
  ._divider_zjbsg_1{flex-shrink:0;background:none}._horizontal_zjbsg_6{width:100%;height:auto}._vertical_zjbsg_11{height:100%;width:auto}
@@ -41,7 +41,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
41
41
  ._wrapper_1nmh2_1{display:flex;flex-direction:column;position:relative}._input_1nmh2_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_1nmh2_7::placeholder{color:var(--color-primary-25)}._input_1nmh2_7:focus{border-color:var(--color-primary-100)}._popover_1nmh2_25{position:absolute;top:100%;left:0;z-index:10;border-radius:var(--radius-md);background-color:var(--color-background);border:1px solid var(--color-border);margin-top:var(--spacing-xs)}
42
42
  ._wrapper_1wm56_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_1wm56_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_1wm56_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-primary-25);border-radius:4px;outline:none}._track_1wm56_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._track_1wm56_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._value_1wm56_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._error_1wm56_52{color:var(--color-error)}._errorMessage_1wm56_56{font-size:var(--font-size-sm);color:var(--color-error)}
43
43
  ._wrapper_1mpje_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._dropZone_1mpje_7{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;background-color:var(--color-background);transition:background-color .3s ease}._dropZone_1mpje_7 p{color:var(--color-text-primary)}._dropZone_1mpje_7:hover{background-color:var(--color-background)}._dragging_1mpje_25{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._input_1mpje_30{display:none}._fileList_1mpje_34{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);list-style:none;padding:0}._fileList_1mpje_34 li{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}._fileList_1mpje_34 li button{cursor:pointer}
44
- :root{--nav-height: 65px}._navbar_1zha6_5{position:relative;height:var(--nav-height);z-index:1000}._left_1zha6_19 ._container_1zha6_20{justify-content:flex-start}._left_1zha6_19 ._logo_1zha6_24{flex:unset}._left_1zha6_19 ._nav_1zha6_5{flex:1}@media (max-width: 767px){._left_1zha6_19 ._logo_1zha6_24{flex:1}}._center_1zha6_39 ._nav_1zha6_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1zha6_39 ._nav_1zha6_5._hidden_1zha6_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1zha6_39 ._nav_1zha6_5._visible_1zha6_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1zha6_39 ._logo_1zha6_24{flex:1}}._right_1zha6_67 ._container_1zha6_20{justify-content:flex-end}._right_1zha6_67 ._logo_1zha6_24,._right_1zha6_67 ._title_1zha6_73{flex:1}._right_1zha6_67 ._nav_1zha6_5{flex:unset}._linkWrapper_1zha6_82._parent_1zha6_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_1zha6_82._parent_1zha6_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_1zha6_82._parent_1zha6_82:first-of-type>._linkItem_1zha6_90 ._link_1zha6_82,._linkWrapper_1zha6_82._parent_1zha6_82:first-of-type>._linkItem_1zha6_90 ._search_1zha6_92,._linkWrapper_1zha6_82._parent_1zha6_82:first-of-type>._linkItem_1zha6_90 ._sublinkToggle_1zha6_93{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_1zha6_82._parent_1zha6_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_1zha6_82._parent_1zha6_82:last-of-type>._linkItem_1zha6_90 ._link_1zha6_82,._linkWrapper_1zha6_82._parent_1zha6_82:last-of-type>._linkItem_1zha6_90 ._search_1zha6_92,._linkWrapper_1zha6_82._parent_1zha6_82:last-of-type>._linkItem_1zha6_90 ._sublinkToggle_1zha6_93{padding-right:var(--spacing-md)}}._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._sublinkToggle_1zha6_93,._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._link_1zha6_82{height:40px}@media (min-width: 768px){._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._link_1zha6_82,._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._search_1zha6_92,._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._sublinkToggle_1zha6_93{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._link_1zha6_82:hover,._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._search_1zha6_92:hover,._linkWrapper_1zha6_82._parent_1zha6_82>._linkItem_1zha6_90 ._sublinkToggle_1zha6_93:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_1zha6_139{left:0;background-color:#fff}._standard_1zha6_139 ._linkWrapper_1zha6_82{position:relative}._standard_1zha6_139 ._triangle_1zha6_147{display:none}._transparent_1zha6_152{background-color:transparent}._transparent_1zha6_152 ._nav_1zha6_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:#ffffff4d;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1zha6_152 ._nav_1zha6_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1zha6_152 ._nav_1zha6_5:before{border-radius:0}}@media (max-width: 767px){._transparent_1zha6_152 ._menuToggle_1zha6_181,._transparent_1zha6_152 ._search_1zha6_92{border-radius:var(--radius-md)}._transparent_1zha6_152 ._menuToggle_1zha6_181:before,._transparent_1zha6_152 ._search_1zha6_92:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}}._sticky_1zha6_204{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1zha6_20{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%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_1zha6_20{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_1zha6_20._twoColumn_1zha6_235{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1zha6_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);z-index:1005}._logo_1zha6_24{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_1zha6_24 a{display:flex;align-items:center;justify-content:flex-start}._logo_1zha6_24 img{height:auto;width:auto}@media (max-width: 767px){._logo_1zha6_24{max-width:125px}._logo_1zha6_24 img{max-width:120px}}@media (max-width: 767px){._searchWrapper_1zha6_279{grid-area:fourth;width:auto}}._search_1zha6_92{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._search_1zha6_92 svg{position:relative;z-index:5}._menuToggle_1zha6_181{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1zha6_181 svg{position:relative;z-index:5}._utilityMobile_1zha6_321{display:none;grid-area:third;justify-content:flex-end}._utility_1zha6_321{grid-area:third;display:flex;justify-content:flex-end}._utility_1zha6_321 a{font-size:var(--font-size-sm)}._nav_1zha6_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_1zha6_5{height:100vh}}._navInner_1zha6_349{position:relative}@media (max-width: 767px){._navInner_1zha6_349{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1zha6_360{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1zha6_360{display:flex;flex-direction:column}}._linkItem_1zha6_90{display:flex;align-items:center;box-sizing:border-box}._searchModal_1zha6_379{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_1zha6_379 .modalClose{display:none}._searchModal_1zha6_379 .modalContent{margin-top:0}._separator_1zha6_394{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_1zha6_402,._sublinkToggle_1zha6_93,._search_1zha6_92,._link_1zha6_82{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_1zha6_402 ._newTabIcon_1zha6_422,._sublinkToggle_1zha6_93 ._newTabIcon_1zha6_422,._search_1zha6_92 ._newTabIcon_1zha6_422,._link_1zha6_82 ._newTabIcon_1zha6_422{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_1zha6_402,._sublinksDescription_1zha6_429,._link_1zha6_82,._sublinkToggle_1zha6_93,._link_1zha6_82 ._linkContent_1zha6_432,._sublinkToggle_1zha6_93 ._linkContent_1zha6_432{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_1zha6_82:hover,._link_1zha6_82._open_1zha6_443,._search_1zha6_92:hover,._sublinkToggle_1zha6_93:hover,._sublinkToggle_1zha6_93._open_1zha6_443,._link_1zha6_82:hover ._newTabIcon_1zha6_422,._link_1zha6_82._open_1zha6_443 ._newTabIcon_1zha6_422,._search_1zha6_92:hover ._newTabIcon_1zha6_422,._sublinkToggle_1zha6_93:hover ._newTabIcon_1zha6_422,._sublinkToggle_1zha6_93._open_1zha6_443 ._newTabIcon_1zha6_422{color:var(--color-primary-100)}@media (max-width: 767px){._link_1zha6_82:hover,._link_1zha6_82._open_1zha6_443,._search_1zha6_92:hover,._sublinkToggle_1zha6_93:hover,._sublinkToggle_1zha6_93._open_1zha6_443{color:var(--color-secondary-100)}._link_1zha6_82:hover ._newTabIcon_1zha6_422,._link_1zha6_82._open_1zha6_443 ._newTabIcon_1zha6_422,._search_1zha6_92:hover ._newTabIcon_1zha6_422,._sublinkToggle_1zha6_93:hover ._newTabIcon_1zha6_422,._sublinkToggle_1zha6_93._open_1zha6_443 ._newTabIcon_1zha6_422{color:var(--color-secondary-100)}}._navItem_1zha6_462:hover{color:var(--color-primary-100)}._sublinkToggle_1zha6_93,._back_1zha6_467{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_1zha6_93:hover,._sublinkToggle_1zha6_93._open_1zha6_443,._back_1zha6_467:hover,._back_1zha6_467._open_1zha6_443{color:var(--color-primary-100)}._sublinks_1zha6_429{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_1zha6_429._show_1zha6_514{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_1zha6_429._show_1zha6_514 ._navTitle_1zha6_402,._sublinks_1zha6_429._show_1zha6_514 ._sublinksDescription_1zha6_429,._sublinks_1zha6_429._show_1zha6_514 ._link_1zha6_82,._sublinks_1zha6_429._show_1zha6_514 ._sublinkToggle_1zha6_93,._sublinks_1zha6_429._show_1zha6_514 ._link_1zha6_82 ._linkContent_1zha6_432,._sublinks_1zha6_429._show_1zha6_514 ._sublinkToggle_1zha6_93 ._linkContent_1zha6_432{opacity:1;visibility:visible}._triangle_1zha6_147{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_1zha6_147._show_1zha6_514{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1zha6_555{border-right:1px solid var(--color-border)}._primaryColumn_1zha6_555 ._sublinkToggle_1zha6_93:hover,._primaryColumn_1zha6_555 ._sublinkToggle_1zha6_93._open_1zha6_443{color:var(--color-primary-100)}._secondaryColumn_1zha6_564{background-color:var(--color-secondary-10)}._spotlightColumn_1zha6_568{background-color:var(--color-secondary-75)}._sublinksInner_1zha6_572{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1zha6_572{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1zha6_590{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1zha6_590{padding:0}}._chevron_1zha6_600{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1zha6_93._open_1zha6_443 ._chevron_1zha6_600{transform:rotate(180deg)}@media (max-width: 767px){._logo_1zha6_24{flex:1}._menuToggle_1zha6_181,._search_1zha6_92{display:flex;align-items:center;justify-content:center}._utility_1zha6_321 a:not(._utility_1zha6_321 a:first-of-type){display:none}._utilityMobile_1zha6_321{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1zha6_321._open_1zha6_443{transform:translateY(0)}._nav_1zha6_5{position:fixed;top:calc(var(--nav-height) - 1px);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:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1zha6_5._open_1zha6_443{transform:translate(0)}._linkWrapper_1zha6_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1zha6_82._parent_1zha6_82{border-bottom:1px solid var(--color-border)}._linkWrapper_1zha6_82._parent_1zha6_82:last-of-type{border:none}._linkItem_1zha6_90{width:100%}._chevron_1zha6_600{display:none}._sublinks_1zha6_429{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_1zha6_93{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_1zha6_716 ._sublinks_1zha6_429{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_1zha6_716 ._sublinks_1zha6_429{position:relative;justify-content:center;align-items:center}}._default_1zha6_716 ._linkItem_1zha6_90{justify-content:flex-end}@media (max-width: 767px){._default_1zha6_716 ._linkItem_1zha6_90{justify-content:center;align-items:center}}._default_1zha6_716 ._sublinksInner_1zha6_572{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_1zha6_716 ._sublinksInner_1zha6_572{justify-content:center;align-items:center}}._advanced_1zha6_752 ._linkContent_1zha6_432{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_1zha6_752 ._subtitle_1zha6_761{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_1zha6_752 ._sublinksDescription_1zha6_429,._advanced_1zha6_752 ._sublinksDescription_1zha6_429 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_1zha6_752 ._sublinks_1zha6_429{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_1zha6_752 ._sublinks_1zha6_429{position:relative;justify-content:center;align-items:center}}._advanced_1zha6_752 ._linkItem_1zha6_90{justify-content:flex-start}._advanced_1zha6_752 ._sublinksInner_1zha6_572{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_1zha6_752 ._sublinksInner_1zha6_572._withSpotlight_1zha6_803{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_1zha6_752 ._sublinksInner_1zha6_572._withoutSpotlight_1zha6_807{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_1zha6_752 ._sublinksInner_1zha6_572{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_1zha6_752 ._sublinkToggle_1zha6_93{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_1zha6_752 ._sublinkToggle_1zha6_93:hover,._advanced_1zha6_752 ._sublinkToggle_1zha6_93._open_1zha6_443{color:var(--color-primary-100)}._advanced_1zha6_752 ._back_1zha6_467{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_1zha6_752 ._back_1zha6_467:hover{color:var(--color-primary-100)}._groupDivider_1zha6_845{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1zha6_853,._mobileMenuSlide_1zha6_854{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1zha6_864{opacity:0}._fadeInFromLeft_1zha6_868{animation:_fadeInFromLeft_1zha6_868 .3s ease-in-out forwards}._fadeInFromRight_1zha6_872{animation:_fadeInFromRight_1zha6_872 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1zha6_868{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1zha6_872{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
44
+ :root{--nav-height: 65px}._navbar_lyfar_5{position:relative;height:var(--nav-height);z-index:1000}._left_lyfar_19 ._container_lyfar_20{justify-content:flex-start}._left_lyfar_19 ._logo_lyfar_24{flex:unset}._left_lyfar_19 ._nav_lyfar_5{flex:1}@media (max-width: 767px){._left_lyfar_19 ._logo_lyfar_24{flex:1}}._center_lyfar_39 ._nav_lyfar_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_lyfar_39 ._nav_lyfar_5._hidden_lyfar_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_lyfar_39 ._nav_lyfar_5._visible_lyfar_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_lyfar_39 ._logo_lyfar_24{flex:1}}._right_lyfar_67 ._container_lyfar_20{justify-content:flex-end}._right_lyfar_67 ._logo_lyfar_24,._right_lyfar_67 ._title_lyfar_73{flex:1}._right_lyfar_67 ._nav_lyfar_5{flex:unset}._linkWrapper_lyfar_82._parent_lyfar_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_lyfar_82._parent_lyfar_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_lyfar_82._parent_lyfar_82:first-of-type>._linkItem_lyfar_90 ._link_lyfar_82,._linkWrapper_lyfar_82._parent_lyfar_82:first-of-type>._linkItem_lyfar_90 ._search_lyfar_92,._linkWrapper_lyfar_82._parent_lyfar_82:first-of-type>._linkItem_lyfar_90 ._locale_lyfar_93,._linkWrapper_lyfar_82._parent_lyfar_82:first-of-type>._linkItem_lyfar_90 ._sublinkToggle_lyfar_94{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type>._linkItem_lyfar_90 ._link_lyfar_82,._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type>._linkItem_lyfar_90 ._search_lyfar_92,._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type>._linkItem_lyfar_90 ._locale_lyfar_93,._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type>._linkItem_lyfar_90 ._sublinkToggle_lyfar_94{padding-right:var(--spacing-md)}}._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._sublinkToggle_lyfar_94,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._link_lyfar_82{height:40px}@media (min-width: 768px){._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._link_lyfar_82,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._search_lyfar_92,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._locale_lyfar_93,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._sublinkToggle_lyfar_94{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._link_lyfar_82:hover,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._search_lyfar_92:hover,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._locale_lyfar_93:hover,._linkWrapper_lyfar_82._parent_lyfar_82>._linkItem_lyfar_90 ._sublinkToggle_lyfar_94:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_lyfar_142{left:0;background-color:#fff}._standard_lyfar_142 ._linkWrapper_lyfar_82{position:relative}._standard_lyfar_142 ._triangle_lyfar_150{display:none}._transparent_lyfar_155{background-color:transparent}._transparent_lyfar_155 ._nav_lyfar_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:#ffffff4d;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_lyfar_155 ._nav_lyfar_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_lyfar_155 ._nav_lyfar_5:before{border-radius:0}}@media (max-width: 767px){._transparent_lyfar_155 ._menuToggle_lyfar_184,._transparent_lyfar_155 ._search_lyfar_92{border-radius:var(--radius-md)}._transparent_lyfar_155 ._menuToggle_lyfar_184:before,._transparent_lyfar_155 ._search_lyfar_92:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}}._sticky_lyfar_207{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_lyfar_20{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%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_lyfar_20{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_lyfar_20._twoColumn_lyfar_238{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_lyfar_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);z-index:1005}._logo_lyfar_24{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_lyfar_24 a{display:flex;align-items:center;justify-content:flex-start}._logo_lyfar_24 img{height:auto;width:auto}@media (max-width: 767px){._logo_lyfar_24{max-width:125px}._logo_lyfar_24 img{max-width:120px}}@media (max-width: 767px){._searchWrapper_lyfar_282{grid-area:fourth;width:auto}}._search_lyfar_92,._locale_lyfar_93{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._search_lyfar_92 svg,._locale_lyfar_93 svg{position:relative;z-index:5}._menuToggle_lyfar_184{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_lyfar_184 svg{position:relative;z-index:5}._utilityMobile_lyfar_325{display:none;grid-area:third;justify-content:flex-end}._utility_lyfar_325{grid-area:third;display:flex;justify-content:flex-end}._utility_lyfar_325 a{font-size:var(--font-size-sm)}._nav_lyfar_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_lyfar_5{height:100vh}}._navInner_lyfar_353{position:relative}@media (max-width: 767px){._navInner_lyfar_353{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_lyfar_364{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_lyfar_364{display:flex;flex-direction:column}}._linkItem_lyfar_90{display:flex;align-items:center;box-sizing:border-box}._searchModal_lyfar_383,._localeModal_lyfar_384{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_lyfar_383 .modalClose,._localeModal_lyfar_384 .modalClose{display:none}._searchModal_lyfar_383 .modalContent,._localeModal_lyfar_384 .modalContent{margin-top:0}._separator_lyfar_399{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_lyfar_407,._sublinkToggle_lyfar_94,._search_lyfar_92,._locale_lyfar_93,._link_lyfar_82{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_lyfar_407 ._newTabIcon_lyfar_428,._sublinkToggle_lyfar_94 ._newTabIcon_lyfar_428,._search_lyfar_92 ._newTabIcon_lyfar_428,._locale_lyfar_93 ._newTabIcon_lyfar_428,._link_lyfar_82 ._newTabIcon_lyfar_428{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_lyfar_407,._sublinksDescription_lyfar_435,._link_lyfar_82,._sublinkToggle_lyfar_94,._link_lyfar_82 ._linkContent_lyfar_438,._sublinkToggle_lyfar_94 ._linkContent_lyfar_438{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_lyfar_82:hover,._link_lyfar_82._open_lyfar_449,._search_lyfar_92:hover,._sublinkToggle_lyfar_94:hover,._sublinkToggle_lyfar_94._open_lyfar_449,._link_lyfar_82:hover ._newTabIcon_lyfar_428,._link_lyfar_82._open_lyfar_449 ._newTabIcon_lyfar_428,._search_lyfar_92:hover ._newTabIcon_lyfar_428,._sublinkToggle_lyfar_94:hover ._newTabIcon_lyfar_428,._sublinkToggle_lyfar_94._open_lyfar_449 ._newTabIcon_lyfar_428{color:var(--color-primary-100)}@media (max-width: 767px){._link_lyfar_82:hover,._link_lyfar_82._open_lyfar_449,._search_lyfar_92:hover,._sublinkToggle_lyfar_94:hover,._sublinkToggle_lyfar_94._open_lyfar_449{color:var(--color-secondary-100)}._link_lyfar_82:hover ._newTabIcon_lyfar_428,._link_lyfar_82._open_lyfar_449 ._newTabIcon_lyfar_428,._search_lyfar_92:hover ._newTabIcon_lyfar_428,._sublinkToggle_lyfar_94:hover ._newTabIcon_lyfar_428,._sublinkToggle_lyfar_94._open_lyfar_449 ._newTabIcon_lyfar_428{color:var(--color-secondary-100)}}._navItem_lyfar_468:hover{color:var(--color-primary-100)}._sublinkToggle_lyfar_94,._back_lyfar_473{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_lyfar_94:hover,._sublinkToggle_lyfar_94._open_lyfar_449,._back_lyfar_473:hover,._back_lyfar_473._open_lyfar_449{color:var(--color-primary-100)}._sublinks_lyfar_435{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_lyfar_435._show_lyfar_520{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_lyfar_435._show_lyfar_520 ._navTitle_lyfar_407,._sublinks_lyfar_435._show_lyfar_520 ._sublinksDescription_lyfar_435,._sublinks_lyfar_435._show_lyfar_520 ._link_lyfar_82,._sublinks_lyfar_435._show_lyfar_520 ._sublinkToggle_lyfar_94,._sublinks_lyfar_435._show_lyfar_520 ._link_lyfar_82 ._linkContent_lyfar_438,._sublinks_lyfar_435._show_lyfar_520 ._sublinkToggle_lyfar_94 ._linkContent_lyfar_438{opacity:1;visibility:visible}._triangle_lyfar_150{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_lyfar_150._show_lyfar_520{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_lyfar_561{border-right:1px solid var(--color-border)}._primaryColumn_lyfar_561 ._sublinkToggle_lyfar_94:hover,._primaryColumn_lyfar_561 ._sublinkToggle_lyfar_94._open_lyfar_449{color:var(--color-primary-100)}._secondaryColumn_lyfar_570{background-color:var(--color-secondary-10)}._spotlightColumn_lyfar_574{background-color:var(--color-secondary-75)}._sublinksInner_lyfar_578{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_lyfar_578{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_lyfar_596{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_lyfar_596{padding:0}}._chevron_lyfar_606{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_lyfar_94._open_lyfar_449 ._chevron_lyfar_606{transform:rotate(180deg)}@media (max-width: 767px){._logo_lyfar_24{flex:1}._menuToggle_lyfar_184,._search_lyfar_92{display:flex;align-items:center;justify-content:center}._utility_lyfar_325 a:not(._utility_lyfar_325 a:first-of-type){display:none}._utilityMobile_lyfar_325{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_lyfar_325._open_lyfar_449{transform:translateY(0)}._nav_lyfar_5{position:fixed;top:calc(var(--nav-height) - 1px);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:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_lyfar_5._open_lyfar_449{transform:translate(0)}._linkWrapper_lyfar_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_lyfar_82._parent_lyfar_82{border-bottom:1px solid var(--color-border)}._linkWrapper_lyfar_82._parent_lyfar_82:last-of-type{border:none}._linkItem_lyfar_90{width:100%}._chevron_lyfar_606{display:none}._sublinks_lyfar_435{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_lyfar_94{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_lyfar_722 ._sublinks_lyfar_435{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_lyfar_722 ._sublinks_lyfar_435{position:relative;justify-content:center;align-items:center}}._default_lyfar_722 ._linkItem_lyfar_90{justify-content:flex-end}@media (max-width: 767px){._default_lyfar_722 ._linkItem_lyfar_90{justify-content:center;align-items:center}}._default_lyfar_722 ._sublinksInner_lyfar_578{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_lyfar_722 ._sublinksInner_lyfar_578{justify-content:center;align-items:center}}._advanced_lyfar_758 ._linkContent_lyfar_438{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_lyfar_758 ._subtitle_lyfar_767{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_lyfar_758 ._sublinksDescription_lyfar_435,._advanced_lyfar_758 ._sublinksDescription_lyfar_435 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_lyfar_758 ._sublinks_lyfar_435{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_lyfar_758 ._sublinks_lyfar_435{position:relative;justify-content:center;align-items:center}}._advanced_lyfar_758 ._linkItem_lyfar_90{justify-content:flex-start}._advanced_lyfar_758 ._sublinksInner_lyfar_578{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_lyfar_758 ._sublinksInner_lyfar_578._withSpotlight_lyfar_809{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_lyfar_758 ._sublinksInner_lyfar_578._withoutSpotlight_lyfar_813{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_lyfar_758 ._sublinksInner_lyfar_578{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_lyfar_758 ._sublinkToggle_lyfar_94{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_lyfar_758 ._sublinkToggle_lyfar_94:hover,._advanced_lyfar_758 ._sublinkToggle_lyfar_94._open_lyfar_449{color:var(--color-primary-100)}._advanced_lyfar_758 ._back_lyfar_473{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_lyfar_758 ._back_lyfar_473:hover{color:var(--color-primary-100)}._groupDivider_lyfar_851{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_lyfar_859,._mobileMenuSlide_lyfar_860{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_lyfar_870{opacity:0}._fadeInFromLeft_lyfar_874{animation:_fadeInFromLeft_lyfar_874 .3s ease-in-out forwards}._fadeInFromRight_lyfar_878{animation:_fadeInFromRight_lyfar_878 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_lyfar_874{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_lyfar_878{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
45
45
  ._label_i7a04_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_i7a04_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_i7a04_13{font-size:.75rem}._md_i7a04_17{font-size:.875rem}._lg_i7a04_21{font-size:1rem}._default_i7a04_26{color:var(--color-text-primary)}._muted_i7a04_30{color:var(--color-primary-25)}._accent_i7a04_34{color:var(--color-primary-100)}._disabled_i7a04_38{color:var(--color-primary-25)}._error_i7a04_42{color:var(--color-error)}._required_i7a04_47{color:var(--color-error);margin-left:.25rem}._optional_i7a04_52{color:var(--color-primary-25);font-style:italic;margin-left:.25rem}._srOnly_i7a04_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_i7a04_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_i7a04_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_i7a04_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-primary-25)}._tooltipText_i7a04_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_i7a04_77:hover ._tooltipText_i7a04_91,._tooltipWrapper_i7a04_77:focus-within ._tooltipText_i7a04_91{visibility:visible;opacity:1}
46
46
  ._callToAction_1wtpc_1{display:inline-flex;justify-content:center;text-decoration:none;border-radius:var(--radius-md);border:none;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary-100);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}@media (max-width: 480px){._callToAction_1wtpc_1{width:100%}}._callToAction_1wtpc_1:focus,._callToAction_1wtpc_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._blurred_1wtpc_26:disabled,._primary_1wtpc_27:disabled,._secondary_1wtpc_28:disabled,._primaryInverted_1wtpc_29:disabled,._secondaryInverted_1wtpc_30:disabled,._blurredInverted_1wtpc_32:disabled{border-color:var(--color-secondary-25);background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._blurred_1wtpc_26:disabled:hover,._primary_1wtpc_27:disabled:hover,._secondary_1wtpc_28:disabled:hover,._primaryInverted_1wtpc_29:disabled:hover,._secondaryInverted_1wtpc_30:disabled:hover,._blurredInverted_1wtpc_32:disabled:hover{border-color:var(--color-secondary-25);background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._link_1wtpc_46:disabled,._linkInverted_1wtpc_47:disabled,._underline_1wtpc_48:disabled,._underlineInverted_1wtpc_49:disabled{background-color:transparent;color:var(--color-secondary-25);cursor:not-allowed}._blurred_1wtpc_26{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurred_1wtpc_26 ._content_1wtpc_59{background-color:rgba(var(--color-primary-rgb),1);color:#fff;width:100%}._blurred_1wtpc_26:hover ._content_1wtpc_59{background-color:rgba(var(--color-primary-rgb),.8)}._blurredInverted_1wtpc_32{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurredInverted_1wtpc_32 ._content_1wtpc_59{background-color:#ffffff80;color:var(--color-secondary-100)}._blurredInverted_1wtpc_32:hover ._content_1wtpc_59{background-color:rgba(var(--color-primary-rgb),1);color:#fff}._primary_1wtpc_27{background-color:var(--color-primary-100);color:#fff}._primary_1wtpc_27:hover{background-color:var(--color-secondary-100);color:#fff}._primaryInverted_1wtpc_29{border-color:#fff;background-color:#fff;color:var(--color-primary-100)}._primaryInverted_1wtpc_29:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._secondary_1wtpc_28{background-color:transparent;border-color:var(--color-primary-100);border-width:2px;border-style:solid;color:var(--color-primary-100)}._secondary_1wtpc_28:hover{border-color:var(--color-primary-100);background-color:var(--color-primary-100);color:#fff}._secondaryInverted_1wtpc_30{background-color:transparent;border:2px solid;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_1wtpc_30:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._link_1wtpc_46 ._content_1wtpc_59,._linkInverted_1wtpc_47 ._content_1wtpc_59,._underline_1wtpc_48 ._content_1wtpc_59,._underlineInverted_1wtpc_49 ._content_1wtpc_59{padding:0}._link_1wtpc_46{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_1wtpc_47{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_1wtpc_48{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_1wtpc_49{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_1wtpc_184{color:var(--color-secondary-25);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_1wtpc_193{display:inline-flex}._icon_1wtpc_193 svg{width:var(--font-size-lg)}._content_1wtpc_59{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-xs);text-wrap:nowrap;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease-in-out,color .3s ease-in-out}._iconLeft_1wtpc_213{flex-direction:row-reverse}._iconRight_1wtpc_217{flex-direction:row}
47
47
  ._calendar_1q8jq_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_1q8jq_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_1q8jq_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_1q8jq_22{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_1q8jq_27{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_1q8jq_33{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_1q8jq_44{color:var(--color-primary-25)}._selected_1q8jq_48{background-color:var(--color-primary-100);color:#fff;border-radius:var(--radius-md)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.281",
4
+ "version": "0.0.283",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
package/dist/NavLink-B8oPvlqf.js DELETED
@@ -1,133 +0,0 @@
1
- import { jsxs as i, jsx as t } from "react/jsx-runtime";
2
- import { useRef as p } from "react";
3
- import { E as g } from "./external-link-BOPobeQJ.js";
4
- import { C as k } from "./chevron-down-DSUzBz9F.js";
5
- import './assets/NavLink.css';const v = "_navbar_1zha6_5", f = "_left_1zha6_19", C = "_container_1zha6_20", I = "_logo_1zha6_24", w = "_nav_1zha6_5", M = "_center_1zha6_39", y = "_hidden_1zha6_45", N = "_visible_1zha6_52", T = "_right_1zha6_67", S = "_title_1zha6_73", x = "_linkWrapper_1zha6_82", D = "_parent_1zha6_82", E = "_linkItem_1zha6_90", W = "_link_1zha6_82", $ = "_search_1zha6_92", F = "_sublinkToggle_1zha6_93", L = "_standard_1zha6_139", R = "_triangle_1zha6_147", j = "_transparent_1zha6_152", q = "_menuToggle_1zha6_181", A = "_sticky_1zha6_204", B = "_twoColumn_1zha6_235", G = "_searchWrapper_1zha6_279", H = "_utilityMobile_1zha6_321", J = "_utility_1zha6_321", K = "_navInner_1zha6_349", Q = "_grid_1zha6_360", U = "_searchModal_1zha6_379", V = "_separator_1zha6_394", X = "_newTabIcon_1zha6_422", Y = "_sublinksDescription_1zha6_429", Z = "_linkContent_1zha6_432", O = "_open_1zha6_443", P = "_back_1zha6_467", nn = "_sublinks_1zha6_429", en = "_show_1zha6_514", on = "_primaryColumn_1zha6_555", tn = "_secondaryColumn_1zha6_564", sn = "_spotlightColumn_1zha6_568", an = "_sublinksInner_1zha6_572", _n = "_sublinksColumn_1zha6_590", ln = "_chevron_1zha6_600", rn = "_advanced_1zha6_752", cn = "_subtitle_1zha6_761", hn = "_withSpotlight_1zha6_803", un = "_withoutSpotlight_1zha6_807", mn = "_groupDivider_1zha6_845", dn = "_mobileMenu_1zha6_853", bn = "_mobileMenuSlide_1zha6_854", zn = "_mobileMenuItem_1zha6_864", pn = "_fadeInFromLeft_1zha6_868", gn = "_fadeInFromRight_1zha6_872", e = {
6
- navbar: v,
7
- left: f,
8
- container: C,
9
- logo: I,
10
- nav: w,
11
- center: M,
12
- hidden: y,
13
- visible: N,
14
- right: T,
15
- title: S,
16
- linkWrapper: x,
17
- parent: D,
18
- linkItem: E,
19
- link: W,
20
- search: $,
21
- sublinkToggle: F,
22
- standard: L,
23
- triangle: R,
24
- transparent: j,
25
- menuToggle: q,
26
- sticky: A,
27
- twoColumn: B,
28
- searchWrapper: G,
29
- utilityMobile: H,
30
- utility: J,
31
- navInner: K,
32
- grid: Q,
33
- searchModal: U,
34
- separator: V,
35
- newTabIcon: X,
36
- sublinksDescription: Y,
37
- linkContent: Z,
38
- open: O,
39
- back: P,
40
- sublinks: nn,
41
- show: en,
42
- primaryColumn: on,
43
- secondaryColumn: tn,
44
- spotlightColumn: sn,
45
- sublinksInner: an,
46
- sublinksColumn: _n,
47
- chevron: ln,
48
- default: "_default_1zha6_716",
49
- advanced: rn,
50
- subtitle: cn,
51
- withSpotlight: hn,
52
- withoutSpotlight: un,
53
- groupDivider: mn,
54
- mobileMenu: dn,
55
- mobileMenuSlide: bn,
56
- mobileMenuItem: zn,
57
- fadeInFromLeft: pn,
58
- fadeInFromRight: gn
59
- };
60
- function In({
61
- link: n,
62
- path: o,
63
- parentPath: l,
64
- openPath: m,
65
- togglePath: r,
66
- updateTriangleIndicator: d,
67
- setOpenPath: s,
68
- renderLinks: b,
69
- buttonRefs: z
70
- }) {
71
- var h;
72
- const a = m === o, _ = !!((h = n.sublinks) != null && h.length), c = p(null);
73
- return z.current.set(o, c.current), /* @__PURE__ */ i(
74
- "div",
75
- {
76
- className: `${e.linkWrapper} ${l ? "" : e.parent}`,
77
- children: [
78
- /* @__PURE__ */ t("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ i(
79
- "a",
80
- {
81
- href: n.href,
82
- className: e.link,
83
- target: n.isExternal ? "_blank" : "_self",
84
- rel: n.isExternal ? "noopener noreferrer" : void 0,
85
- onClick: () => {
86
- var u;
87
- s(null), (u = n.onClick) == null || u.call(n);
88
- },
89
- onMouseEnter: () => {
90
- l || s(null);
91
- },
92
- role: "menuitem",
93
- children: [
94
- n.label,
95
- n.isExternal && /* @__PURE__ */ t(g, { className: e.newTabIcon, size: 16 })
96
- ]
97
- }
98
- ) : /* @__PURE__ */ i(
99
- "button",
100
- {
101
- ref: c,
102
- "aria-haspopup": _ ? "true" : void 0,
103
- "aria-expanded": a,
104
- className: `${e.sublinkToggle} ${a ? e.open : ""}`,
105
- onClick: () => r(o),
106
- onMouseEnter: () => {
107
- d(o), s(o);
108
- },
109
- children: [
110
- n.label,
111
- _ && /* @__PURE__ */ t(k, { size: 18, className: e.chevron })
112
- ]
113
- }
114
- ) }),
115
- _ && /* @__PURE__ */ t(
116
- "div",
117
- {
118
- className: `${e.sublinks} ${a ? e.show : ""}`,
119
- onMouseLeave: () => r(o),
120
- role: "menu",
121
- "aria-label": `${n.label} submenu`,
122
- children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: e.sublinksInner, children: /* @__PURE__ */ t("div", { className: e.sublinksColumn, children: b(n.sublinks, o) }) }) })
123
- }
124
- )
125
- ]
126
- },
127
- o
128
- );
129
- }
130
- export {
131
- In as N,
132
- e as s
133
- };