quirk-ui 0.0.243 → 0.0.245

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 (7) hide show
  1. package/dist/NavLink-M2CsiwOV.js +133 -0
  2. package/dist/assets/NavLink.css +1 -1
  3. package/dist/components/NavBar/NavLink.js +1 -1
  4. package/dist/components/NavBar/index.js +102 -95
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
  7. package/dist/NavLink-DOXXDYDL.js +0 -132
package/dist/NavLink-M2CsiwOV.js ADDED
@@ -0,0 +1,133 @@
1
+ import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
+ import { useRef as h } 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_6q7d4_5", f = "_left_6q7d4_19", C = "_container_6q7d4_20", I = "_logo_6q7d4_24", w = "_nav_6q7d4_5", M = "_center_6q7d4_39", y = "_hidden_6q7d4_45", N = "_visible_6q7d4_52", T = "_right_6q7d4_67", S = "_title_6q7d4_73", x = "_linkWrapper_6q7d4_82", D = "_parent_6q7d4_82", E = "_link_6q7d4_82", W = "_search_6q7d4_90", $ = "_sublinkToggle_6q7d4_91", F = "_linkItem_6q7d4_110", L = "_standard_6q7d4_129", R = "_triangle_6q7d4_137", j = "_transparent_6q7d4_142", z = "_menuToggle_6q7d4_169", A = "_sticky_6q7d4_192", B = "_twoColumn_6q7d4_221", G = "_searchWrapper_6q7d4_250", H = "_utilityMobile_6q7d4_275", J = "_utility_6q7d4_275", K = "_navInner_6q7d4_303", Q = "_grid_6q7d4_314", U = "_searchModal_6q7d4_333", V = "_separator_6q7d4_348", X = "_newTabIcon_6q7d4_376", Y = "_sublinksDescription_6q7d4_383", Z = "_linkContent_6q7d4_386", O = "_open_6q7d4_397", P = "_back_6q7d4_421", nn = "_sublinks_6q7d4_383", en = "_show_6q7d4_468", on = "_primaryColumn_6q7d4_509", tn = "_secondaryColumn_6q7d4_518", sn = "_spotlightColumn_6q7d4_522", _n = "_sublinksInner_6q7d4_526", ln = "_sublinksColumn_6q7d4_544", rn = "_chevron_6q7d4_554", an = "_advanced_6q7d4_707", cn = "_subtitle_6q7d4_716", dn = "_withSpotlight_6q7d4_757", un = "_withoutSpotlight_6q7d4_761", mn = "_groupDivider_6q7d4_799", bn = "_mobileMenu_6q7d4_807", qn = "_mobileMenuSlide_6q7d4_808", pn = "_mobileMenuItem_6q7d4_818", hn = "_fadeInFromLeft_6q7d4_822", gn = "_fadeInFromRight_6q7d4_826", 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
+ link: E,
19
+ search: W,
20
+ sublinkToggle: $,
21
+ linkItem: F,
22
+ standard: L,
23
+ triangle: R,
24
+ transparent: j,
25
+ menuToggle: z,
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: _n,
46
+ sublinksColumn: ln,
47
+ chevron: rn,
48
+ default: "_default_6q7d4_671",
49
+ advanced: an,
50
+ subtitle: cn,
51
+ withSpotlight: dn,
52
+ withoutSpotlight: un,
53
+ groupDivider: mn,
54
+ mobileMenu: bn,
55
+ mobileMenuSlide: qn,
56
+ mobileMenuItem: pn,
57
+ fadeInFromLeft: hn,
58
+ fadeInFromRight: gn
59
+ };
60
+ function In({
61
+ link: n,
62
+ path: o,
63
+ parentPath: r,
64
+ openPath: m,
65
+ togglePath: a,
66
+ updateTriangleIndicator: b,
67
+ setOpenPath: s,
68
+ renderLinks: q,
69
+ buttonRefs: p
70
+ }) {
71
+ var d;
72
+ const _ = m === o, i = !!((d = n.sublinks) != null && d.length), c = h(null);
73
+ return p.current.set(o, c.current), /* @__PURE__ */ l(
74
+ "div",
75
+ {
76
+ className: `${e.linkWrapper} ${r ? "" : e.parent}`,
77
+ children: [
78
+ /* @__PURE__ */ t("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ l(
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
+ r || 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__ */ l(
99
+ "button",
100
+ {
101
+ ref: c,
102
+ "aria-haspopup": i ? "true" : void 0,
103
+ "aria-expanded": _,
104
+ className: `${e.sublinkToggle} ${_ ? e.open : ""}`,
105
+ onClick: () => a(o),
106
+ onMouseEnter: () => {
107
+ b(o), s(o);
108
+ },
109
+ children: [
110
+ n.label,
111
+ i && /* @__PURE__ */ t(k, { size: 18, className: e.chevron })
112
+ ]
113
+ }
114
+ ) }),
115
+ i && /* @__PURE__ */ t(
116
+ "div",
117
+ {
118
+ className: `${e.sublinks} ${_ ? e.show : ""}`,
119
+ onMouseLeave: () => a(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: q(n.sublinks, o) }) }) })
123
+ }
124
+ )
125
+ ]
126
+ },
127
+ o
128
+ );
129
+ }
130
+ export {
131
+ In as N,
132
+ e as s
133
+ };
package/dist/assets/NavLink.css CHANGED
@@ -1 +1 @@
1
- :root{--nav-height: 65px}._navbar_12yon_5{position:relative;height:var(--nav-height);z-index:1000}._left_12yon_19 ._container_12yon_20{justify-content:flex-start}._left_12yon_19 ._logo_12yon_24{flex:unset}._left_12yon_19 ._nav_12yon_5{flex:1}@media (max-width: 767px){._left_12yon_19 ._logo_12yon_24{flex:1}}._center_12yon_39 ._nav_12yon_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_12yon_39 ._nav_12yon_5._hidden_12yon_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_12yon_39 ._nav_12yon_5._visible_12yon_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_12yon_39 ._logo_12yon_24{flex:1}}._right_12yon_67 ._container_12yon_20{justify-content:flex-end}._right_12yon_67 ._logo_12yon_24,._right_12yon_67 ._title_12yon_73{flex:1}._right_12yon_67 ._nav_12yon_5{flex:unset}._linkWrapper_12yon_82._parent_12yon_82{overflow:hidden}._linkWrapper_12yon_82._parent_12yon_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_12yon_82._parent_12yon_82:first-of-type ._link_12yon_82,._linkWrapper_12yon_82._parent_12yon_82:first-of-type ._search_12yon_89,._linkWrapper_12yon_82._parent_12yon_82:first-of-type ._sublinkToggle_12yon_90{padding-left:var(--spacing-md)}._linkWrapper_12yon_82._parent_12yon_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_12yon_82._parent_12yon_82:last-of-type ._link_12yon_82,._linkWrapper_12yon_82._parent_12yon_82:last-of-type ._search_12yon_89,._linkWrapper_12yon_82._parent_12yon_82:last-of-type ._sublinkToggle_12yon_90{padding-right:var(--spacing-md)}._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._link_12yon_82,._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._search_12yon_89,._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._sublinkToggle_12yon_90{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._link_12yon_82:hover,._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._search_12yon_89:hover,._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._sublinkToggle_12yon_90:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}._standard_12yon_123{left:0;background-color:#fff}._standard_12yon_123 ._linkWrapper_12yon_82{position:relative}._standard_12yon_123 ._triangle_12yon_131{display:none}._transparent_12yon_136{background-color:transparent}._transparent_12yon_136 ._nav_12yon_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:rgba(var(--color-primary-rgb),.1);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_12yon_136 ._nav_12yon_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_12yon_136 ._nav_12yon_5:before{border-radius:0}}._transparent_12yon_136 ._menuToggle_12yon_163: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_12yon_181{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_12yon_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_12yon_20{grid-template-areas:"first second third fourth"}}._container_12yon_20._twoColumn_12yon_210{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_12yon_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_12yon_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_12yon_24 img{height:auto;width:auto}._menuToggle_12yon_163{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_12yon_163 svg{position:relative;z-index:5}._utilityMobile_12yon_257{display:none;grid-area:third;justify-content:flex-end}._utility_12yon_257{grid-area:third;display:flex;justify-content:flex-end}._utility_12yon_257 a{font-size:var(--font-size-sm)}._nav_12yon_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_12yon_5{height:100vh}}._navInner_12yon_285{position:relative}@media (max-width: 767px){._navInner_12yon_285{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_12yon_296{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_12yon_296{display:flex;flex-direction:column}}._linkItem_12yon_106{display:flex;align-items:center;box-sizing:border-box}._searchModal_12yon_315{top:7rem;padding:0}._searchModal_12yon_315 .modalClose{display:none}._searchModal_12yon_315 .modalContent{margin-top:0}._separator_12yon_328{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_12yon_336,._sublinkToggle_12yon_90,._search_12yon_89,._link_12yon_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_12yon_336 ._newTabIcon_12yon_356,._sublinkToggle_12yon_90 ._newTabIcon_12yon_356,._search_12yon_89 ._newTabIcon_12yon_356,._link_12yon_82 ._newTabIcon_12yon_356{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_12yon_336,._sublinksDescription_12yon_363,._link_12yon_82,._sublinkToggle_12yon_90,._link_12yon_82 ._linkContent_12yon_366,._sublinkToggle_12yon_90 ._linkContent_12yon_366{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_12yon_82:hover,._link_12yon_82._open_12yon_377,._search_12yon_89:hover,._sublinkToggle_12yon_90:hover,._sublinkToggle_12yon_90._open_12yon_377,._link_12yon_82:hover ._newTabIcon_12yon_356,._link_12yon_82._open_12yon_377 ._newTabIcon_12yon_356,._search_12yon_89:hover ._newTabIcon_12yon_356,._sublinkToggle_12yon_90:hover ._newTabIcon_12yon_356,._sublinkToggle_12yon_90._open_12yon_377 ._newTabIcon_12yon_356{color:var(--color-primary-100)}@media (max-width: 767px){._link_12yon_82:hover,._link_12yon_82._open_12yon_377,._search_12yon_89:hover,._sublinkToggle_12yon_90:hover,._sublinkToggle_12yon_90._open_12yon_377{color:var(--color-secondary-100)}._link_12yon_82:hover ._newTabIcon_12yon_356,._link_12yon_82._open_12yon_377 ._newTabIcon_12yon_356,._search_12yon_89:hover ._newTabIcon_12yon_356,._sublinkToggle_12yon_90:hover ._newTabIcon_12yon_356,._sublinkToggle_12yon_90._open_12yon_377 ._newTabIcon_12yon_356{color:var(--color-secondary-100)}}._navItem_12yon_396:hover{color:var(--color-primary-100)}._sublinkToggle_12yon_90,._back_12yon_401{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_12yon_90:hover,._sublinkToggle_12yon_90._open_12yon_377,._back_12yon_401:hover,._back_12yon_401._open_12yon_377{color:var(--color-primary-100)}._sublinks_12yon_363{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_12yon_363._show_12yon_448{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_12yon_363._show_12yon_448 ._navTitle_12yon_336,._sublinks_12yon_363._show_12yon_448 ._sublinksDescription_12yon_363,._sublinks_12yon_363._show_12yon_448 ._link_12yon_82,._sublinks_12yon_363._show_12yon_448 ._sublinkToggle_12yon_90,._sublinks_12yon_363._show_12yon_448 ._link_12yon_82 ._linkContent_12yon_366,._sublinks_12yon_363._show_12yon_448 ._sublinkToggle_12yon_90 ._linkContent_12yon_366{opacity:1;visibility:visible}._triangle_12yon_131{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_12yon_131._show_12yon_448{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_12yon_489{border-right:1px solid var(--color-border)}._primaryColumn_12yon_489 ._sublinkToggle_12yon_90:hover,._primaryColumn_12yon_489 ._sublinkToggle_12yon_90._open_12yon_377{color:var(--color-primary-100)}._secondaryColumn_12yon_498{background-color:var(--color-secondary-10)}._spotlightColumn_12yon_502{background-color:var(--color-secondary-75)}._sublinksInner_12yon_506{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_12yon_506{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_12yon_524{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_12yon_524{padding:0}}._chevron_12yon_534{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_12yon_90._open_12yon_377 ._chevron_12yon_534{transform:rotate(180deg)}@media (max-width: 767px){._logo_12yon_24{flex:1}._menuToggle_12yon_163{display:flex;align-items:center;justify-content:center}._utility_12yon_257 a:not(._utility_12yon_257 a:first-of-type){display:none}._utilityMobile_12yon_257{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_12yon_257._open_12yon_377{transform:translateY(0)}._nav_12yon_5{display:none;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_12yon_5._open_12yon_377{transform:translate(0)}._linkWrapper_12yon_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_12yon_82._parent_12yon_82{border-bottom:1px solid var(--color-border)}._linkWrapper_12yon_82._parent_12yon_82:last-of-type{border:none}._linkItem_12yon_106{width:100%}._chevron_12yon_534{display:none}._sublinks_12yon_363{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_12yon_90{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_12yon_650 ._sublinks_12yon_363{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_12yon_650 ._sublinks_12yon_363{position:relative;justify-content:center;align-items:center}}._default_12yon_650 ._linkItem_12yon_106{justify-content:flex-end}@media (max-width: 767px){._default_12yon_650 ._linkItem_12yon_106{justify-content:center;align-items:center}}._default_12yon_650 ._sublinksInner_12yon_506{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_12yon_650 ._sublinksInner_12yon_506{justify-content:center;align-items:center}}._advanced_12yon_686 ._linkContent_12yon_366{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_12yon_686 ._subtitle_12yon_695{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_12yon_686 ._sublinksDescription_12yon_363{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_12yon_686 ._sublinks_12yon_363{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_12yon_686 ._sublinks_12yon_363{position:relative;justify-content:center;align-items:center}}._advanced_12yon_686 ._linkItem_12yon_106{justify-content:flex-start}._advanced_12yon_686 ._sublinksInner_12yon_506{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_12yon_686 ._sublinksInner_12yon_506._withSpotlight_12yon_736{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_12yon_686 ._sublinksInner_12yon_506._withoutSpotlight_12yon_740{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_12yon_686 ._sublinksInner_12yon_506{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_12yon_686 ._sublinkToggle_12yon_90{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_12yon_686 ._sublinkToggle_12yon_90:hover,._advanced_12yon_686 ._sublinkToggle_12yon_90._open_12yon_377{color:var(--color-primary-100)}._advanced_12yon_686 ._back_12yon_401{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_12yon_686 ._back_12yon_401:hover{color:var(--color-primary-100)}._groupDivider_12yon_778{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_12yon_786,._mobileMenuSlide_12yon_787{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_12yon_797{opacity:0}._fadeInFromLeft_12yon_801{animation:_fadeInFromLeft_12yon_801 .3s ease-in-out forwards}._fadeInFromRight_12yon_805{animation:_fadeInFromRight_12yon_805 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_12yon_801{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_12yon_805{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
1
+ :root{--nav-height: 65px}._navbar_6q7d4_5{position:relative;height:var(--nav-height);z-index:1000}._left_6q7d4_19 ._container_6q7d4_20{justify-content:flex-start}._left_6q7d4_19 ._logo_6q7d4_24{flex:unset}._left_6q7d4_19 ._nav_6q7d4_5{flex:1}@media (max-width: 767px){._left_6q7d4_19 ._logo_6q7d4_24{flex:1}}._center_6q7d4_39 ._nav_6q7d4_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_6q7d4_39 ._nav_6q7d4_5._hidden_6q7d4_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_6q7d4_39 ._nav_6q7d4_5._visible_6q7d4_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_6q7d4_39 ._logo_6q7d4_24{flex:1}}._right_6q7d4_67 ._container_6q7d4_20{justify-content:flex-end}._right_6q7d4_67 ._logo_6q7d4_24,._right_6q7d4_67 ._title_6q7d4_73{flex:1}._right_6q7d4_67 ._nav_6q7d4_5{flex:unset}._linkWrapper_6q7d4_82._parent_6q7d4_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_6q7d4_82._parent_6q7d4_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_6q7d4_82._parent_6q7d4_82:first-of-type ._link_6q7d4_82,._linkWrapper_6q7d4_82._parent_6q7d4_82:first-of-type ._search_6q7d4_90,._linkWrapper_6q7d4_82._parent_6q7d4_82:first-of-type ._sublinkToggle_6q7d4_91{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_6q7d4_82._parent_6q7d4_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_6q7d4_82._parent_6q7d4_82:last-of-type ._link_6q7d4_82,._linkWrapper_6q7d4_82._parent_6q7d4_82:last-of-type ._search_6q7d4_90,._linkWrapper_6q7d4_82._parent_6q7d4_82:last-of-type ._sublinkToggle_6q7d4_91{padding-right:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._link_6q7d4_82,._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._search_6q7d4_90,._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._sublinkToggle_6q7d4_91{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._link_6q7d4_82:hover,._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._search_6q7d4_90:hover,._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._sublinkToggle_6q7d4_91:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_6q7d4_129{left:0;background-color:#fff}._standard_6q7d4_129 ._linkWrapper_6q7d4_82{position:relative}._standard_6q7d4_129 ._triangle_6q7d4_137{display:none}._transparent_6q7d4_142{background-color:transparent}._transparent_6q7d4_142 ._nav_6q7d4_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:rgba(var(--color-primary-rgb),.1);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_6q7d4_142 ._nav_6q7d4_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_6q7d4_142 ._nav_6q7d4_5:before{border-radius:0}}@media (max-width: 767px){._transparent_6q7d4_142 ._menuToggle_6q7d4_169,._transparent_6q7d4_142 ._search_6q7d4_90{border-radius:var(--radius-md)}._transparent_6q7d4_142 ._menuToggle_6q7d4_169:before,._transparent_6q7d4_142 ._search_6q7d4_90: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_6q7d4_192{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_6q7d4_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_6q7d4_20{grid-template-areas:"first second third fourth fifth"}}._container_6q7d4_20._twoColumn_6q7d4_221{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_6q7d4_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_6q7d4_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_6q7d4_24 img{height:auto;width:auto}@media (max-width: 767px){._searchWrapper_6q7d4_250{grid-area:fourth}}._menuToggle_6q7d4_169,._search_6q7d4_90{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_6q7d4_169 svg,._search_6q7d4_90 svg{position:relative;z-index:5}._utilityMobile_6q7d4_275{display:none;grid-area:third;justify-content:flex-end}._utility_6q7d4_275{grid-area:third;display:flex;justify-content:flex-end}._utility_6q7d4_275 a{font-size:var(--font-size-sm)}._nav_6q7d4_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_6q7d4_5{height:100vh}}._navInner_6q7d4_303{position:relative}@media (max-width: 767px){._navInner_6q7d4_303{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_6q7d4_314{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_6q7d4_314{display:flex;flex-direction:column}}._linkItem_6q7d4_110{display:flex;align-items:center;box-sizing:border-box}._searchModal_6q7d4_333{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_6q7d4_333 .modalClose{display:none}._searchModal_6q7d4_333 .modalContent{margin-top:0}._separator_6q7d4_348{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_6q7d4_356,._sublinkToggle_6q7d4_91,._search_6q7d4_90,._link_6q7d4_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_6q7d4_356 ._newTabIcon_6q7d4_376,._sublinkToggle_6q7d4_91 ._newTabIcon_6q7d4_376,._search_6q7d4_90 ._newTabIcon_6q7d4_376,._link_6q7d4_82 ._newTabIcon_6q7d4_376{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_6q7d4_356,._sublinksDescription_6q7d4_383,._link_6q7d4_82,._sublinkToggle_6q7d4_91,._link_6q7d4_82 ._linkContent_6q7d4_386,._sublinkToggle_6q7d4_91 ._linkContent_6q7d4_386{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_6q7d4_82:hover,._link_6q7d4_82._open_6q7d4_397,._search_6q7d4_90:hover,._sublinkToggle_6q7d4_91:hover,._sublinkToggle_6q7d4_91._open_6q7d4_397,._link_6q7d4_82:hover ._newTabIcon_6q7d4_376,._link_6q7d4_82._open_6q7d4_397 ._newTabIcon_6q7d4_376,._search_6q7d4_90:hover ._newTabIcon_6q7d4_376,._sublinkToggle_6q7d4_91:hover ._newTabIcon_6q7d4_376,._sublinkToggle_6q7d4_91._open_6q7d4_397 ._newTabIcon_6q7d4_376{color:var(--color-primary-100)}@media (max-width: 767px){._link_6q7d4_82:hover,._link_6q7d4_82._open_6q7d4_397,._search_6q7d4_90:hover,._sublinkToggle_6q7d4_91:hover,._sublinkToggle_6q7d4_91._open_6q7d4_397{color:var(--color-secondary-100)}._link_6q7d4_82:hover ._newTabIcon_6q7d4_376,._link_6q7d4_82._open_6q7d4_397 ._newTabIcon_6q7d4_376,._search_6q7d4_90:hover ._newTabIcon_6q7d4_376,._sublinkToggle_6q7d4_91:hover ._newTabIcon_6q7d4_376,._sublinkToggle_6q7d4_91._open_6q7d4_397 ._newTabIcon_6q7d4_376{color:var(--color-secondary-100)}}._navItem_6q7d4_416:hover{color:var(--color-primary-100)}._sublinkToggle_6q7d4_91,._back_6q7d4_421{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_6q7d4_91:hover,._sublinkToggle_6q7d4_91._open_6q7d4_397,._back_6q7d4_421:hover,._back_6q7d4_421._open_6q7d4_397{color:var(--color-primary-100)}._sublinks_6q7d4_383{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_6q7d4_383._show_6q7d4_468{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_6q7d4_383._show_6q7d4_468 ._navTitle_6q7d4_356,._sublinks_6q7d4_383._show_6q7d4_468 ._sublinksDescription_6q7d4_383,._sublinks_6q7d4_383._show_6q7d4_468 ._link_6q7d4_82,._sublinks_6q7d4_383._show_6q7d4_468 ._sublinkToggle_6q7d4_91,._sublinks_6q7d4_383._show_6q7d4_468 ._link_6q7d4_82 ._linkContent_6q7d4_386,._sublinks_6q7d4_383._show_6q7d4_468 ._sublinkToggle_6q7d4_91 ._linkContent_6q7d4_386{opacity:1;visibility:visible}._triangle_6q7d4_137{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_6q7d4_137._show_6q7d4_468{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_6q7d4_509{border-right:1px solid var(--color-border)}._primaryColumn_6q7d4_509 ._sublinkToggle_6q7d4_91:hover,._primaryColumn_6q7d4_509 ._sublinkToggle_6q7d4_91._open_6q7d4_397{color:var(--color-primary-100)}._secondaryColumn_6q7d4_518{background-color:var(--color-secondary-10)}._spotlightColumn_6q7d4_522{background-color:var(--color-secondary-75)}._sublinksInner_6q7d4_526{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_6q7d4_526{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_6q7d4_544{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_6q7d4_544{padding:0}}._chevron_6q7d4_554{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_6q7d4_91._open_6q7d4_397 ._chevron_6q7d4_554{transform:rotate(180deg)}@media (max-width: 767px){._logo_6q7d4_24{flex:1}._menuToggle_6q7d4_169,._search_6q7d4_90{display:flex;align-items:center;justify-content:center}._utility_6q7d4_275 a:not(._utility_6q7d4_275 a:first-of-type){display:none}._utilityMobile_6q7d4_275{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_6q7d4_275._open_6q7d4_397{transform:translateY(0)}._nav_6q7d4_5{display:none;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_6q7d4_5._open_6q7d4_397{transform:translate(0)}._linkWrapper_6q7d4_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_6q7d4_82._parent_6q7d4_82{border-bottom:1px solid var(--color-border)}._linkWrapper_6q7d4_82._parent_6q7d4_82:last-of-type{border:none}._linkItem_6q7d4_110{width:100%}._chevron_6q7d4_554{display:none}._sublinks_6q7d4_383{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_6q7d4_91{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_6q7d4_671 ._sublinks_6q7d4_383{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_6q7d4_671 ._sublinks_6q7d4_383{position:relative;justify-content:center;align-items:center}}._default_6q7d4_671 ._linkItem_6q7d4_110{justify-content:flex-end}@media (max-width: 767px){._default_6q7d4_671 ._linkItem_6q7d4_110{justify-content:center;align-items:center}}._default_6q7d4_671 ._sublinksInner_6q7d4_526{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_6q7d4_671 ._sublinksInner_6q7d4_526{justify-content:center;align-items:center}}._advanced_6q7d4_707 ._linkContent_6q7d4_386{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_6q7d4_707 ._subtitle_6q7d4_716{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_6q7d4_707 ._sublinksDescription_6q7d4_383{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_6q7d4_707 ._sublinks_6q7d4_383{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_6q7d4_707 ._sublinks_6q7d4_383{position:relative;justify-content:center;align-items:center}}._advanced_6q7d4_707 ._linkItem_6q7d4_110{justify-content:flex-start}._advanced_6q7d4_707 ._sublinksInner_6q7d4_526{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_6q7d4_707 ._sublinksInner_6q7d4_526._withSpotlight_6q7d4_757{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_6q7d4_707 ._sublinksInner_6q7d4_526._withoutSpotlight_6q7d4_761{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_6q7d4_707 ._sublinksInner_6q7d4_526{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_6q7d4_707 ._sublinkToggle_6q7d4_91{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_6q7d4_707 ._sublinkToggle_6q7d4_91:hover,._advanced_6q7d4_707 ._sublinkToggle_6q7d4_91._open_6q7d4_397{color:var(--color-primary-100)}._advanced_6q7d4_707 ._back_6q7d4_421{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_6q7d4_707 ._back_6q7d4_421:hover{color:var(--color-primary-100)}._groupDivider_6q7d4_799{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_6q7d4_807,._mobileMenuSlide_6q7d4_808{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_6q7d4_818{opacity:0}._fadeInFromLeft_6q7d4_822{animation:_fadeInFromLeft_6q7d4_822 .3s ease-in-out forwards}._fadeInFromRight_6q7d4_826{animation:_fadeInFromRight_6q7d4_826 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_6q7d4_822{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_6q7d4_826{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
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-DOXXDYDL.js";
3
+ import { N as a } from "../../NavLink-M2CsiwOV.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,78 +1,91 @@
1
- import { jsx as a, jsxs as o, Fragment as ke } from "react/jsx-runtime";
1
+ import { jsx as a, jsxs as o, Fragment as Ne } from "react/jsx-runtime";
2
2
  import { useState as h, useEffect as _, useRef as S, useCallback as T } from "react";
3
- import { s as e, N as Ne } from "../../NavLink-DOXXDYDL.js";
3
+ import { s as e, N as $e } from "../../NavLink-M2CsiwOV.js";
4
4
  import { Modal as ge } from "../Modal/index.js";
5
- import { CallToAction as U } from "../CallToAction/index.js";
6
- import { ButtonGroup as Y } from "../ButtonGroup/index.js";
5
+ import { CallToAction as Z } from "../CallToAction/index.js";
6
+ import { ButtonGroup as P } from "../ButtonGroup/index.js";
7
7
  import { c as R } from "../../createLucideIcon-C8GTh_Qx.js";
8
8
  import { E as z } from "../../external-link-BOPobeQJ.js";
9
- import { X as $e } from "../../x-CnsEH4Ox.js";
10
- import { C as we } from "../../chevron-down-DSUzBz9F.js";
9
+ import { X as we } from "../../x-CnsEH4Ox.js";
10
+ import { C as ye } 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 ye = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Ce = R("chevron-left", ye);
17
+ const Ce = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], xe = R("chevron-left", Ce);
18
18
  /**
19
19
  * @license lucide-react v0.488.0 - ISC
20
20
  *
21
21
  * This source code is licensed under the ISC license.
22
22
  * See the LICENSE file in the root directory of this source tree.
23
23
  */
24
- const xe = [
24
+ const Le = [
25
25
  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
26
26
  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
27
27
  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
28
- ], Le = R("menu", xe);
28
+ ], Me = R("menu", Le);
29
29
  /**
30
30
  * @license lucide-react v0.488.0 - ISC
31
31
  *
32
32
  * This source code is licensed under the ISC license.
33
33
  * See the LICENSE file in the root directory of this source tree.
34
34
  */
35
- const Me = [
35
+ const Ee = [
36
36
  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
37
37
  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
38
- ], Ee = R("search", Me), _e = {
38
+ ], _e = R("search", Ee), Se = {
39
39
  standard: e.standard,
40
40
  transparent: e.transparent,
41
41
  minimal: e.minimal
42
- }, Se = {
42
+ }, Te = {
43
43
  left: e.left,
44
44
  center: e.center,
45
45
  right: e.right
46
46
  };
47
- function Ge({
48
- title: Z,
47
+ function Xe({
48
+ title: ee,
49
49
  logo: F,
50
50
  items: A,
51
51
  groups: b,
52
52
  utilityItems: s,
53
- isSticky: P = !1,
54
- showSearch: ee = !0,
55
- alignment: y = "right",
56
- variant: ne = "standard",
53
+ isSticky: ne = !1,
54
+ showSearch: W = !0,
55
+ alignment: C = "right",
56
+ variant: ae = "standard",
57
57
  navigationType: v = "default",
58
- searchComponent: ae,
59
- className: le
58
+ searchComponent: le,
59
+ className: se
60
60
  }) {
61
- const [f, W] = h(!1), [D, m] = h(null), [se, ie] = h(0), [re, oe] = h(!1), [ce, te] = h(null), [c, k] = h([]), [N, C] = h(
61
+ const [f, B] = h(!1), [D, m] = h(null), [ie, re] = h(0), [oe, ce] = h(!1), [te, de] = h(null), [c, k] = h([]), [N, x] = h(
62
62
  0
63
- ), [de, B] = h(null), [x, he] = h(!1), [g, L] = h("forward");
63
+ ), [he, O] = h(null), [$, fe] = h(!1), [g, L] = h("forward"), j = () => /* @__PURE__ */ a(
64
+ "div",
65
+ {
66
+ className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
67
+ children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
68
+ ge,
69
+ {
70
+ className: e.searchModal,
71
+ trigger: /* @__PURE__ */ a("button", { className: e.search, children: /* @__PURE__ */ a(_e, { size: 16 }) }),
72
+ content: le
73
+ }
74
+ ) })
75
+ }
76
+ );
64
77
  _(() => {
65
78
  if (typeof window < "u") {
66
79
  const n = () => {
67
80
  const l = window.innerWidth < 768;
68
- he(l);
81
+ fe(l);
69
82
  };
70
83
  return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
71
84
  }
72
85
  }, []);
73
- const fe = () => {
86
+ const me = () => {
74
87
  k([]);
75
- }, me = (n) => {
88
+ }, be = (n) => {
76
89
  L("forward"), k([
77
90
  {
78
91
  title: n.title,
@@ -81,7 +94,7 @@ function Ge({
81
94
  description: ""
82
95
  }
83
96
  ]);
84
- }, O = (n) => {
97
+ }, G = (n) => {
85
98
  L("forward"), k((l) => [
86
99
  ...l,
87
100
  {
@@ -91,32 +104,32 @@ function Ge({
91
104
  description: n.description
92
105
  }
93
106
  ]);
94
- }, be = () => {
107
+ }, ue = () => {
95
108
  L("backward"), k((n) => n.slice(0, -1));
96
- }, M = S(null), p = S(null), E = S(/* @__PURE__ */ new Map()), ue = () => {
97
- W((n) => !n);
98
- }, j = (n) => {
109
+ }, M = S(null), p = S(null), E = S(/* @__PURE__ */ new Map()), pe = () => {
110
+ B((n) => !n);
111
+ }, X = (n) => {
99
112
  const l = E.current.get(n);
100
113
  if (l && p.current) {
101
114
  const t = l.getBoundingClientRect(), d = p.current.getBoundingClientRect(), i = t.left - d.left + t.width / 4;
102
- te(i);
115
+ de(i);
103
116
  }
104
- }, pe = (n) => {
117
+ }, ve = (n) => {
105
118
  m((l) => l === n ? null : n);
106
- }, G = T((n) => {
119
+ }, I = T((n) => {
107
120
  M.current && !M.current.contains(n.target) && m(null);
108
- }, []), X = T(() => {
109
- I(), typeof window < "u" && window.innerWidth > 768 && (W(!1), m(null), typeof document < "u" && (document.body.style.overflow = ""));
110
- }, []), I = T(() => {
121
+ }, []), q = T(() => {
122
+ V(), typeof window < "u" && window.innerWidth > 768 && (B(!1), m(null), typeof document < "u" && (document.body.style.overflow = ""));
123
+ }, []), V = T(() => {
111
124
  if (p.current) {
112
125
  const n = p.current.getBoundingClientRect().width;
113
- ie(n), oe(!0);
126
+ re(n), ce(!0);
114
127
  }
115
128
  }, []);
116
129
  _(() => {
117
130
  const n = typeof window < "u", l = typeof document < "u";
118
- return n && window.addEventListener("resize", X), l && document.addEventListener("click", G), I(), () => {
119
- n && window.removeEventListener("resize", X), l && document.removeEventListener("click", G);
131
+ return n && window.addEventListener("resize", q), l && document.addEventListener("click", I), V(), () => {
132
+ n && window.removeEventListener("resize", q), l && document.removeEventListener("click", I);
120
133
  };
121
134
  }, []), _(() => {
122
135
  if (typeof document < "u")
@@ -124,18 +137,18 @@ function Ge({
124
137
  document.body.style.overflow = "";
125
138
  };
126
139
  }, [f]);
127
- const ve = (n) => n.map((l, t) => {
128
- var q, V, H, J, K;
129
- const d = `group-${t}`, w = de === t, i = (q = l.primaryItems) == null ? void 0 : q[N ?? 0];
140
+ const ke = (n) => n.map((l, t) => {
141
+ var H, J, K, Q, U;
142
+ const d = `group-${t}`, y = he === t, i = (H = l.primaryItems) == null ? void 0 : H[N ?? 0];
130
143
  return /* @__PURE__ */ o(
131
144
  "div",
132
145
  {
133
146
  className: `${e.linkWrapper} ${e.parent}`,
134
147
  onMouseEnter: () => {
135
- B(t), m(d), j(d);
148
+ O(t), m(d), X(d);
136
149
  },
137
150
  onMouseLeave: () => {
138
- B(null), C(0), m(null);
151
+ O(null), x(0), m(null);
139
152
  },
140
153
  children: [
141
154
  /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ o(
@@ -145,18 +158,18 @@ function Ge({
145
158
  E.current.set(d, r);
146
159
  },
147
160
  "aria-haspopup": "true",
148
- "aria-expanded": w,
149
- className: `${e.sublinkToggle} ${w ? e.open : ""} `,
161
+ "aria-expanded": y,
162
+ className: `${e.sublinkToggle} ${y ? e.open : ""} `,
150
163
  children: [
151
164
  l.title,
152
- /* @__PURE__ */ a(we, { size: 18, className: e.chevron })
165
+ /* @__PURE__ */ a(ye, { size: 18, className: e.chevron })
153
166
  ]
154
167
  }
155
168
  ) }),
156
169
  /* @__PURE__ */ a(
157
170
  "div",
158
171
  {
159
- className: `${e.sublinks} ${w ? e.show : ""}`,
172
+ className: `${e.sublinks} ${y ? e.show : ""}`,
160
173
  role: "menu",
161
174
  "aria-label": `${l.title} submenu`,
162
175
  children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ o(
@@ -170,7 +183,7 @@ function Ge({
170
183
  className: `${e.sublinksColumn} ${e.primaryColumn}`,
171
184
  children: [
172
185
  /* @__PURE__ */ a("div", { className: e.linkItem }),
173
- (V = l.primaryItems) == null ? void 0 : V.map(
186
+ (J = l.primaryItems) == null ? void 0 : J.map(
174
187
  (r, u) => r.href ? /* @__PURE__ */ o(
175
188
  "a",
176
189
  {
@@ -179,10 +192,10 @@ function Ge({
179
192
  target: r.isExternal ? "_blank" : "_self",
180
193
  rel: r.isExternal ? "noopener noreferrer" : void 0,
181
194
  onClick: () => {
182
- var Q;
183
- m(null), (Q = r.onClick) == null || Q.call(r);
195
+ var Y;
196
+ m(null), (Y = r.onClick) == null || Y.call(r);
184
197
  },
185
- onMouseEnter: () => r.sublinks ? C(u) : null,
198
+ onMouseEnter: () => r.sublinks ? x(u) : null,
186
199
  role: "menuitem",
187
200
  children: [
188
201
  /* @__PURE__ */ o("span", { className: e.linkContent, children: [
@@ -203,7 +216,7 @@ function Ge({
203
216
  "button",
204
217
  {
205
218
  className: `${e.sublinkToggle} ${N === u ? e.open : ""}`,
206
- onMouseEnter: () => C(u),
219
+ onMouseEnter: () => x(u),
207
220
  children: /* @__PURE__ */ o("span", { className: e.linkContent, children: [
208
221
  r.label,
209
222
  r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
@@ -215,25 +228,25 @@ function Ge({
215
228
  ]
216
229
  }
217
230
  ),
218
- (i == null ? void 0 : i.sublinks) && ((H = i == null ? void 0 : i.sublinks) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ o(
231
+ (i == null ? void 0 : i.sublinks) && ((K = i == null ? void 0 : i.sublinks) == null ? void 0 : K.length) > 0 && /* @__PURE__ */ o(
219
232
  "div",
220
233
  {
221
234
  className: `${e.sublinksColumn} ${e.childrenColumn} ${e.fadeInFromLeft}`,
222
235
  children: [
223
236
  (i == null ? void 0 : i.description) && /* @__PURE__ */ a("div", { className: e.sublinksDescription, children: i == null ? void 0 : i.description }),
224
- (i == null ? void 0 : i.sublinks) && $(
237
+ (i == null ? void 0 : i.sublinks) && w(
225
238
  i.sublinks,
226
239
  `${d}-${N}`
227
240
  )
228
241
  ]
229
242
  },
230
- `${i.label}-${(J = i == null ? void 0 : i.sublinks) == null ? void 0 : J.length}`
243
+ `${i.label}-${(Q = i == null ? void 0 : i.sublinks) == null ? void 0 : Q.length}`
231
244
  ),
232
- (l == null ? void 0 : l.secondaryItems) && ((K = l == null ? void 0 : l.secondaryItems) == null ? void 0 : K.length) > 0 && /* @__PURE__ */ a(
245
+ (l == null ? void 0 : l.secondaryItems) && ((U = l == null ? void 0 : l.secondaryItems) == null ? void 0 : U.length) > 0 && /* @__PURE__ */ a(
233
246
  "div",
234
247
  {
235
248
  className: `${e.sublinksColumn} ${e.secondaryColumn}`,
236
- children: $(l.secondaryItems, `${d}-secondary`)
249
+ children: w(l.secondaryItems, `${d}-secondary`)
237
250
  }
238
251
  ),
239
252
  l.spotlight && /* @__PURE__ */ a(
@@ -252,19 +265,19 @@ function Ge({
252
265
  },
253
266
  t
254
267
  );
255
- }), $ = (n, l = "") => n.map((t) => {
268
+ }), w = (n, l = "") => n.map((t) => {
256
269
  const d = `${l}/${t.label}`;
257
270
  return /* @__PURE__ */ a(
258
- Ne,
271
+ $e,
259
272
  {
260
273
  link: t,
261
274
  path: d,
262
275
  parentPath: l,
263
276
  openPath: D,
264
- togglePath: pe,
265
- updateTriangleIndicator: j,
277
+ togglePath: ve,
278
+ updateTriangleIndicator: X,
266
279
  setOpenPath: m,
267
- renderLinks: $,
280
+ renderLinks: w,
268
281
  buttonRefs: E
269
282
  },
270
283
  d
@@ -274,30 +287,30 @@ function Ge({
274
287
  "header",
275
288
  {
276
289
  ref: M,
277
- className: `${le ?? ""} ${Se[y]} ${_e[ne]} ${e.navbar} ${P ? e.sticky : ""} ${b && b.length ? e.advanced : e.default}`,
290
+ className: `${se ?? ""} ${Te[C]} ${Se[ae]} ${e.navbar} ${ne ? e.sticky : ""} ${b && b.length ? e.advanced : e.default}`,
278
291
  role: "navigation",
279
292
  "aria-label": "Main navigation",
280
293
  children: /* @__PURE__ */ o(
281
294
  "div",
282
295
  {
283
- className: `${e.container} ${(!s || s.length === 0) && y !== "center" ? e.twoColumn : ""}`,
296
+ className: `${e.container} ${(!s || s.length === 0) && C !== "center" ? e.twoColumn : ""}`,
284
297
  children: [
285
- F ? /* @__PURE__ */ a("div", { className: e.logo, children: F }) : /* @__PURE__ */ a("div", { className: e.title, children: Z }),
298
+ F ? /* @__PURE__ */ a("div", { className: e.logo, children: F }) : /* @__PURE__ */ a("div", { className: e.title, children: ee }),
286
299
  /* @__PURE__ */ a(
287
300
  "nav",
288
301
  {
289
302
  ref: p,
290
303
  style: {
291
- left: y === "center" ? `calc(50% - ${se / 2}px)` : "0"
304
+ left: C === "center" ? `calc(50% - ${ie / 2}px)` : "0"
292
305
  },
293
- className: `${e.nav} ${f ? e.open : ""} ${re ? e.visible : e.hidden}`,
306
+ className: `${e.nav} ${f ? e.open : ""} ${oe ? e.visible : e.hidden}`,
294
307
  id: "main-menu",
295
308
  role: "menubar",
296
309
  children: /* @__PURE__ */ o("div", { className: e.navInner, children: [
297
310
  /* @__PURE__ */ a(
298
311
  "svg",
299
312
  {
300
- style: { left: `${ce}px` },
313
+ style: { left: `${te}px` },
301
314
  className: `${e.triangle} ${D ? e.show : ""}`,
302
315
  width: 16,
303
316
  height: 12,
@@ -314,22 +327,15 @@ function Ge({
314
327
  )
315
328
  }
316
329
  ),
317
- v === "default" && A && /* @__PURE__ */ a("div", { className: e.grid, children: $(A) }),
318
- !x && v === "advanced" && b && /* @__PURE__ */ o("div", { className: e.grid, children: [
319
- ve(b),
320
- ee && /* @__PURE__ */ o(ke, { children: [
330
+ v === "default" && A && /* @__PURE__ */ a("div", { className: e.grid, children: w(A) }),
331
+ !$ && v === "advanced" && b && /* @__PURE__ */ o("div", { className: e.grid, children: [
332
+ ke(b),
333
+ W && /* @__PURE__ */ o(Ne, { children: [
321
334
  /* @__PURE__ */ a("span", { className: e.separator }),
322
- /* @__PURE__ */ a("div", { className: `${e.linkWrapper} ${e.parent}`, children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
323
- ge,
324
- {
325
- className: e.searchModal,
326
- trigger: /* @__PURE__ */ a("button", { className: e.search, children: /* @__PURE__ */ a(Ee, { size: 18 }) }),
327
- content: ae
328
- }
329
- ) }) })
335
+ /* @__PURE__ */ a(j, {})
330
336
  ] })
331
337
  ] }),
332
- x && v === "advanced" && f && c.length === 0 && b && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: b.map((n, l) => /* @__PURE__ */ a(
338
+ $ && v === "advanced" && f && c.length === 0 && b && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: b.map((n, l) => /* @__PURE__ */ a(
333
339
  "div",
334
340
  {
335
341
  className: `${e.mobileMenuItem} ${g === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
@@ -337,14 +343,14 @@ function Ge({
337
343
  "button",
338
344
  {
339
345
  className: e.sublinkToggle,
340
- onClick: () => me(n),
346
+ onClick: () => be(n),
341
347
  children: n.title
342
348
  }
343
349
  )
344
350
  },
345
351
  n._key ?? l
346
352
  )) }),
347
- x && v === "advanced" && f && c.length > 0 && /* @__PURE__ */ o(
353
+ $ && v === "advanced" && f && c.length > 0 && /* @__PURE__ */ o(
348
354
  "div",
349
355
  {
350
356
  className: `${e.mobileMenuSlide} `,
@@ -353,8 +359,8 @@ function Ge({
353
359
  "button",
354
360
  {
355
361
  className: e.back,
356
- onClick: c.length === 1 ? fe : be,
357
- children: /* @__PURE__ */ a(Ce, { size: 18 })
362
+ onClick: c.length === 1 ? me : ue,
363
+ children: /* @__PURE__ */ a(xe, { size: 18 })
358
364
  }
359
365
  ),
360
366
  c[c.length - 1].description && /* @__PURE__ */ a(
@@ -372,7 +378,7 @@ function Ge({
372
378
  "button",
373
379
  {
374
380
  className: e.sublinkToggle,
375
- onClick: () => O(n),
381
+ onClick: () => G(n),
376
382
  children: /* @__PURE__ */ o("span", { className: e.linkContent, children: [
377
383
  n.label,
378
384
  n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
@@ -414,7 +420,7 @@ function Ge({
414
420
  "button",
415
421
  {
416
422
  className: e.sublinkToggle,
417
- onClick: () => O(n),
423
+ onClick: () => G(n),
418
424
  children: n.label
419
425
  }
420
426
  ) : /* @__PURE__ */ o(
@@ -448,8 +454,8 @@ function Ge({
448
454
  ] })
449
455
  }
450
456
  ),
451
- s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(Y, { children: s.map((n, l) => /* @__PURE__ */ a(
452
- U,
457
+ s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(P, { children: s.map((n, l) => /* @__PURE__ */ a(
458
+ Z,
453
459
  {
454
460
  as: "a",
455
461
  href: n.href ?? "/",
@@ -473,8 +479,8 @@ function Ge({
473
479
  "nav",
474
480
  {
475
481
  className: `${e.utilityMobile} ${f ? e.open : ""}`,
476
- children: /* @__PURE__ */ a(Y, { alignment: "center", children: /* @__PURE__ */ a(
477
- U,
482
+ children: /* @__PURE__ */ a(P, { alignment: "center", children: /* @__PURE__ */ a(
483
+ Z,
478
484
  {
479
485
  as: "a",
480
486
  href: s[1].href ?? "/",
@@ -495,15 +501,16 @@ function Ge({
495
501
  ) })
496
502
  }
497
503
  ),
504
+ $ && W && /* @__PURE__ */ a(j, {}),
498
505
  /* @__PURE__ */ a(
499
506
  "button",
500
507
  {
501
508
  className: e.menuToggle,
502
- onClick: ue,
509
+ onClick: pe,
503
510
  "aria-label": f ? "Close menu" : "Open menu",
504
511
  "aria-expanded": f,
505
512
  "aria-controls": "main-menu",
506
- children: f ? /* @__PURE__ */ a($e, { size: 24 }) : /* @__PURE__ */ a(Le, { size: 24 })
513
+ children: f ? /* @__PURE__ */ a(we, { size: 24 }) : /* @__PURE__ */ a(Me, { size: 24 })
507
514
  }
508
515
  )
509
516
  ]
@@ -513,5 +520,5 @@ function Ge({
513
520
  );
514
521
  }
515
522
  export {
516
- Ge as Navbar
523
+ Xe as Navbar
517
524
  };
package/dist/styles.css CHANGED
@@ -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_12yon_5{position:relative;height:var(--nav-height);z-index:1000}._left_12yon_19 ._container_12yon_20{justify-content:flex-start}._left_12yon_19 ._logo_12yon_24{flex:unset}._left_12yon_19 ._nav_12yon_5{flex:1}@media (max-width: 767px){._left_12yon_19 ._logo_12yon_24{flex:1}}._center_12yon_39 ._nav_12yon_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_12yon_39 ._nav_12yon_5._hidden_12yon_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_12yon_39 ._nav_12yon_5._visible_12yon_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_12yon_39 ._logo_12yon_24{flex:1}}._right_12yon_67 ._container_12yon_20{justify-content:flex-end}._right_12yon_67 ._logo_12yon_24,._right_12yon_67 ._title_12yon_73{flex:1}._right_12yon_67 ._nav_12yon_5{flex:unset}._linkWrapper_12yon_82._parent_12yon_82{overflow:hidden}._linkWrapper_12yon_82._parent_12yon_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_12yon_82._parent_12yon_82:first-of-type ._link_12yon_82,._linkWrapper_12yon_82._parent_12yon_82:first-of-type ._search_12yon_89,._linkWrapper_12yon_82._parent_12yon_82:first-of-type ._sublinkToggle_12yon_90{padding-left:var(--spacing-md)}._linkWrapper_12yon_82._parent_12yon_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_12yon_82._parent_12yon_82:last-of-type ._link_12yon_82,._linkWrapper_12yon_82._parent_12yon_82:last-of-type ._search_12yon_89,._linkWrapper_12yon_82._parent_12yon_82:last-of-type ._sublinkToggle_12yon_90{padding-right:var(--spacing-md)}._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._link_12yon_82,._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._search_12yon_89,._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._sublinkToggle_12yon_90{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._link_12yon_82:hover,._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._search_12yon_89:hover,._linkWrapper_12yon_82._parent_12yon_82>._linkItem_12yon_106 ._sublinkToggle_12yon_90:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}._standard_12yon_123{left:0;background-color:#fff}._standard_12yon_123 ._linkWrapper_12yon_82{position:relative}._standard_12yon_123 ._triangle_12yon_131{display:none}._transparent_12yon_136{background-color:transparent}._transparent_12yon_136 ._nav_12yon_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:rgba(var(--color-primary-rgb),.1);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_12yon_136 ._nav_12yon_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_12yon_136 ._nav_12yon_5:before{border-radius:0}}._transparent_12yon_136 ._menuToggle_12yon_163: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_12yon_181{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_12yon_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_12yon_20{grid-template-areas:"first second third fourth"}}._container_12yon_20._twoColumn_12yon_210{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_12yon_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_12yon_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_12yon_24 img{height:auto;width:auto}._menuToggle_12yon_163{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_12yon_163 svg{position:relative;z-index:5}._utilityMobile_12yon_257{display:none;grid-area:third;justify-content:flex-end}._utility_12yon_257{grid-area:third;display:flex;justify-content:flex-end}._utility_12yon_257 a{font-size:var(--font-size-sm)}._nav_12yon_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_12yon_5{height:100vh}}._navInner_12yon_285{position:relative}@media (max-width: 767px){._navInner_12yon_285{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_12yon_296{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_12yon_296{display:flex;flex-direction:column}}._linkItem_12yon_106{display:flex;align-items:center;box-sizing:border-box}._searchModal_12yon_315{top:7rem;padding:0}._searchModal_12yon_315 .modalClose{display:none}._searchModal_12yon_315 .modalContent{margin-top:0}._separator_12yon_328{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_12yon_336,._sublinkToggle_12yon_90,._search_12yon_89,._link_12yon_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_12yon_336 ._newTabIcon_12yon_356,._sublinkToggle_12yon_90 ._newTabIcon_12yon_356,._search_12yon_89 ._newTabIcon_12yon_356,._link_12yon_82 ._newTabIcon_12yon_356{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_12yon_336,._sublinksDescription_12yon_363,._link_12yon_82,._sublinkToggle_12yon_90,._link_12yon_82 ._linkContent_12yon_366,._sublinkToggle_12yon_90 ._linkContent_12yon_366{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_12yon_82:hover,._link_12yon_82._open_12yon_377,._search_12yon_89:hover,._sublinkToggle_12yon_90:hover,._sublinkToggle_12yon_90._open_12yon_377,._link_12yon_82:hover ._newTabIcon_12yon_356,._link_12yon_82._open_12yon_377 ._newTabIcon_12yon_356,._search_12yon_89:hover ._newTabIcon_12yon_356,._sublinkToggle_12yon_90:hover ._newTabIcon_12yon_356,._sublinkToggle_12yon_90._open_12yon_377 ._newTabIcon_12yon_356{color:var(--color-primary-100)}@media (max-width: 767px){._link_12yon_82:hover,._link_12yon_82._open_12yon_377,._search_12yon_89:hover,._sublinkToggle_12yon_90:hover,._sublinkToggle_12yon_90._open_12yon_377{color:var(--color-secondary-100)}._link_12yon_82:hover ._newTabIcon_12yon_356,._link_12yon_82._open_12yon_377 ._newTabIcon_12yon_356,._search_12yon_89:hover ._newTabIcon_12yon_356,._sublinkToggle_12yon_90:hover ._newTabIcon_12yon_356,._sublinkToggle_12yon_90._open_12yon_377 ._newTabIcon_12yon_356{color:var(--color-secondary-100)}}._navItem_12yon_396:hover{color:var(--color-primary-100)}._sublinkToggle_12yon_90,._back_12yon_401{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_12yon_90:hover,._sublinkToggle_12yon_90._open_12yon_377,._back_12yon_401:hover,._back_12yon_401._open_12yon_377{color:var(--color-primary-100)}._sublinks_12yon_363{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_12yon_363._show_12yon_448{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_12yon_363._show_12yon_448 ._navTitle_12yon_336,._sublinks_12yon_363._show_12yon_448 ._sublinksDescription_12yon_363,._sublinks_12yon_363._show_12yon_448 ._link_12yon_82,._sublinks_12yon_363._show_12yon_448 ._sublinkToggle_12yon_90,._sublinks_12yon_363._show_12yon_448 ._link_12yon_82 ._linkContent_12yon_366,._sublinks_12yon_363._show_12yon_448 ._sublinkToggle_12yon_90 ._linkContent_12yon_366{opacity:1;visibility:visible}._triangle_12yon_131{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_12yon_131._show_12yon_448{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_12yon_489{border-right:1px solid var(--color-border)}._primaryColumn_12yon_489 ._sublinkToggle_12yon_90:hover,._primaryColumn_12yon_489 ._sublinkToggle_12yon_90._open_12yon_377{color:var(--color-primary-100)}._secondaryColumn_12yon_498{background-color:var(--color-secondary-10)}._spotlightColumn_12yon_502{background-color:var(--color-secondary-75)}._sublinksInner_12yon_506{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_12yon_506{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_12yon_524{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_12yon_524{padding:0}}._chevron_12yon_534{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_12yon_90._open_12yon_377 ._chevron_12yon_534{transform:rotate(180deg)}@media (max-width: 767px){._logo_12yon_24{flex:1}._menuToggle_12yon_163{display:flex;align-items:center;justify-content:center}._utility_12yon_257 a:not(._utility_12yon_257 a:first-of-type){display:none}._utilityMobile_12yon_257{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_12yon_257._open_12yon_377{transform:translateY(0)}._nav_12yon_5{display:none;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_12yon_5._open_12yon_377{transform:translate(0)}._linkWrapper_12yon_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_12yon_82._parent_12yon_82{border-bottom:1px solid var(--color-border)}._linkWrapper_12yon_82._parent_12yon_82:last-of-type{border:none}._linkItem_12yon_106{width:100%}._chevron_12yon_534{display:none}._sublinks_12yon_363{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_12yon_90{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_12yon_650 ._sublinks_12yon_363{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_12yon_650 ._sublinks_12yon_363{position:relative;justify-content:center;align-items:center}}._default_12yon_650 ._linkItem_12yon_106{justify-content:flex-end}@media (max-width: 767px){._default_12yon_650 ._linkItem_12yon_106{justify-content:center;align-items:center}}._default_12yon_650 ._sublinksInner_12yon_506{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_12yon_650 ._sublinksInner_12yon_506{justify-content:center;align-items:center}}._advanced_12yon_686 ._linkContent_12yon_366{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_12yon_686 ._subtitle_12yon_695{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_12yon_686 ._sublinksDescription_12yon_363{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_12yon_686 ._sublinks_12yon_363{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_12yon_686 ._sublinks_12yon_363{position:relative;justify-content:center;align-items:center}}._advanced_12yon_686 ._linkItem_12yon_106{justify-content:flex-start}._advanced_12yon_686 ._sublinksInner_12yon_506{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_12yon_686 ._sublinksInner_12yon_506._withSpotlight_12yon_736{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_12yon_686 ._sublinksInner_12yon_506._withoutSpotlight_12yon_740{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_12yon_686 ._sublinksInner_12yon_506{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_12yon_686 ._sublinkToggle_12yon_90{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_12yon_686 ._sublinkToggle_12yon_90:hover,._advanced_12yon_686 ._sublinkToggle_12yon_90._open_12yon_377{color:var(--color-primary-100)}._advanced_12yon_686 ._back_12yon_401{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_12yon_686 ._back_12yon_401:hover{color:var(--color-primary-100)}._groupDivider_12yon_778{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_12yon_786,._mobileMenuSlide_12yon_787{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_12yon_797{opacity:0}._fadeInFromLeft_12yon_801{animation:_fadeInFromLeft_12yon_801 .3s ease-in-out forwards}._fadeInFromRight_12yon_805{animation:_fadeInFromRight_12yon_805 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_12yon_801{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_12yon_805{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
44
+ :root{--nav-height: 65px}._navbar_6q7d4_5{position:relative;height:var(--nav-height);z-index:1000}._left_6q7d4_19 ._container_6q7d4_20{justify-content:flex-start}._left_6q7d4_19 ._logo_6q7d4_24{flex:unset}._left_6q7d4_19 ._nav_6q7d4_5{flex:1}@media (max-width: 767px){._left_6q7d4_19 ._logo_6q7d4_24{flex:1}}._center_6q7d4_39 ._nav_6q7d4_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_6q7d4_39 ._nav_6q7d4_5._hidden_6q7d4_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_6q7d4_39 ._nav_6q7d4_5._visible_6q7d4_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_6q7d4_39 ._logo_6q7d4_24{flex:1}}._right_6q7d4_67 ._container_6q7d4_20{justify-content:flex-end}._right_6q7d4_67 ._logo_6q7d4_24,._right_6q7d4_67 ._title_6q7d4_73{flex:1}._right_6q7d4_67 ._nav_6q7d4_5{flex:unset}._linkWrapper_6q7d4_82._parent_6q7d4_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_6q7d4_82._parent_6q7d4_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_6q7d4_82._parent_6q7d4_82:first-of-type ._link_6q7d4_82,._linkWrapper_6q7d4_82._parent_6q7d4_82:first-of-type ._search_6q7d4_90,._linkWrapper_6q7d4_82._parent_6q7d4_82:first-of-type ._sublinkToggle_6q7d4_91{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_6q7d4_82._parent_6q7d4_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_6q7d4_82._parent_6q7d4_82:last-of-type ._link_6q7d4_82,._linkWrapper_6q7d4_82._parent_6q7d4_82:last-of-type ._search_6q7d4_90,._linkWrapper_6q7d4_82._parent_6q7d4_82:last-of-type ._sublinkToggle_6q7d4_91{padding-right:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._link_6q7d4_82,._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._search_6q7d4_90,._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._sublinkToggle_6q7d4_91{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._link_6q7d4_82:hover,._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._search_6q7d4_90:hover,._linkWrapper_6q7d4_82._parent_6q7d4_82>._linkItem_6q7d4_110 ._sublinkToggle_6q7d4_91:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_6q7d4_129{left:0;background-color:#fff}._standard_6q7d4_129 ._linkWrapper_6q7d4_82{position:relative}._standard_6q7d4_129 ._triangle_6q7d4_137{display:none}._transparent_6q7d4_142{background-color:transparent}._transparent_6q7d4_142 ._nav_6q7d4_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:rgba(var(--color-primary-rgb),.1);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_6q7d4_142 ._nav_6q7d4_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_6q7d4_142 ._nav_6q7d4_5:before{border-radius:0}}@media (max-width: 767px){._transparent_6q7d4_142 ._menuToggle_6q7d4_169,._transparent_6q7d4_142 ._search_6q7d4_90{border-radius:var(--radius-md)}._transparent_6q7d4_142 ._menuToggle_6q7d4_169:before,._transparent_6q7d4_142 ._search_6q7d4_90: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_6q7d4_192{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_6q7d4_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_6q7d4_20{grid-template-areas:"first second third fourth fifth"}}._container_6q7d4_20._twoColumn_6q7d4_221{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_6q7d4_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_6q7d4_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_6q7d4_24 img{height:auto;width:auto}@media (max-width: 767px){._searchWrapper_6q7d4_250{grid-area:fourth}}._menuToggle_6q7d4_169,._search_6q7d4_90{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_6q7d4_169 svg,._search_6q7d4_90 svg{position:relative;z-index:5}._utilityMobile_6q7d4_275{display:none;grid-area:third;justify-content:flex-end}._utility_6q7d4_275{grid-area:third;display:flex;justify-content:flex-end}._utility_6q7d4_275 a{font-size:var(--font-size-sm)}._nav_6q7d4_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_6q7d4_5{height:100vh}}._navInner_6q7d4_303{position:relative}@media (max-width: 767px){._navInner_6q7d4_303{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_6q7d4_314{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_6q7d4_314{display:flex;flex-direction:column}}._linkItem_6q7d4_110{display:flex;align-items:center;box-sizing:border-box}._searchModal_6q7d4_333{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_6q7d4_333 .modalClose{display:none}._searchModal_6q7d4_333 .modalContent{margin-top:0}._separator_6q7d4_348{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_6q7d4_356,._sublinkToggle_6q7d4_91,._search_6q7d4_90,._link_6q7d4_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_6q7d4_356 ._newTabIcon_6q7d4_376,._sublinkToggle_6q7d4_91 ._newTabIcon_6q7d4_376,._search_6q7d4_90 ._newTabIcon_6q7d4_376,._link_6q7d4_82 ._newTabIcon_6q7d4_376{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_6q7d4_356,._sublinksDescription_6q7d4_383,._link_6q7d4_82,._sublinkToggle_6q7d4_91,._link_6q7d4_82 ._linkContent_6q7d4_386,._sublinkToggle_6q7d4_91 ._linkContent_6q7d4_386{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_6q7d4_82:hover,._link_6q7d4_82._open_6q7d4_397,._search_6q7d4_90:hover,._sublinkToggle_6q7d4_91:hover,._sublinkToggle_6q7d4_91._open_6q7d4_397,._link_6q7d4_82:hover ._newTabIcon_6q7d4_376,._link_6q7d4_82._open_6q7d4_397 ._newTabIcon_6q7d4_376,._search_6q7d4_90:hover ._newTabIcon_6q7d4_376,._sublinkToggle_6q7d4_91:hover ._newTabIcon_6q7d4_376,._sublinkToggle_6q7d4_91._open_6q7d4_397 ._newTabIcon_6q7d4_376{color:var(--color-primary-100)}@media (max-width: 767px){._link_6q7d4_82:hover,._link_6q7d4_82._open_6q7d4_397,._search_6q7d4_90:hover,._sublinkToggle_6q7d4_91:hover,._sublinkToggle_6q7d4_91._open_6q7d4_397{color:var(--color-secondary-100)}._link_6q7d4_82:hover ._newTabIcon_6q7d4_376,._link_6q7d4_82._open_6q7d4_397 ._newTabIcon_6q7d4_376,._search_6q7d4_90:hover ._newTabIcon_6q7d4_376,._sublinkToggle_6q7d4_91:hover ._newTabIcon_6q7d4_376,._sublinkToggle_6q7d4_91._open_6q7d4_397 ._newTabIcon_6q7d4_376{color:var(--color-secondary-100)}}._navItem_6q7d4_416:hover{color:var(--color-primary-100)}._sublinkToggle_6q7d4_91,._back_6q7d4_421{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_6q7d4_91:hover,._sublinkToggle_6q7d4_91._open_6q7d4_397,._back_6q7d4_421:hover,._back_6q7d4_421._open_6q7d4_397{color:var(--color-primary-100)}._sublinks_6q7d4_383{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_6q7d4_383._show_6q7d4_468{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_6q7d4_383._show_6q7d4_468 ._navTitle_6q7d4_356,._sublinks_6q7d4_383._show_6q7d4_468 ._sublinksDescription_6q7d4_383,._sublinks_6q7d4_383._show_6q7d4_468 ._link_6q7d4_82,._sublinks_6q7d4_383._show_6q7d4_468 ._sublinkToggle_6q7d4_91,._sublinks_6q7d4_383._show_6q7d4_468 ._link_6q7d4_82 ._linkContent_6q7d4_386,._sublinks_6q7d4_383._show_6q7d4_468 ._sublinkToggle_6q7d4_91 ._linkContent_6q7d4_386{opacity:1;visibility:visible}._triangle_6q7d4_137{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_6q7d4_137._show_6q7d4_468{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_6q7d4_509{border-right:1px solid var(--color-border)}._primaryColumn_6q7d4_509 ._sublinkToggle_6q7d4_91:hover,._primaryColumn_6q7d4_509 ._sublinkToggle_6q7d4_91._open_6q7d4_397{color:var(--color-primary-100)}._secondaryColumn_6q7d4_518{background-color:var(--color-secondary-10)}._spotlightColumn_6q7d4_522{background-color:var(--color-secondary-75)}._sublinksInner_6q7d4_526{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_6q7d4_526{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_6q7d4_544{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_6q7d4_544{padding:0}}._chevron_6q7d4_554{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_6q7d4_91._open_6q7d4_397 ._chevron_6q7d4_554{transform:rotate(180deg)}@media (max-width: 767px){._logo_6q7d4_24{flex:1}._menuToggle_6q7d4_169,._search_6q7d4_90{display:flex;align-items:center;justify-content:center}._utility_6q7d4_275 a:not(._utility_6q7d4_275 a:first-of-type){display:none}._utilityMobile_6q7d4_275{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_6q7d4_275._open_6q7d4_397{transform:translateY(0)}._nav_6q7d4_5{display:none;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_6q7d4_5._open_6q7d4_397{transform:translate(0)}._linkWrapper_6q7d4_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_6q7d4_82._parent_6q7d4_82{border-bottom:1px solid var(--color-border)}._linkWrapper_6q7d4_82._parent_6q7d4_82:last-of-type{border:none}._linkItem_6q7d4_110{width:100%}._chevron_6q7d4_554{display:none}._sublinks_6q7d4_383{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_6q7d4_91{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_6q7d4_671 ._sublinks_6q7d4_383{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_6q7d4_671 ._sublinks_6q7d4_383{position:relative;justify-content:center;align-items:center}}._default_6q7d4_671 ._linkItem_6q7d4_110{justify-content:flex-end}@media (max-width: 767px){._default_6q7d4_671 ._linkItem_6q7d4_110{justify-content:center;align-items:center}}._default_6q7d4_671 ._sublinksInner_6q7d4_526{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_6q7d4_671 ._sublinksInner_6q7d4_526{justify-content:center;align-items:center}}._advanced_6q7d4_707 ._linkContent_6q7d4_386{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_6q7d4_707 ._subtitle_6q7d4_716{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_6q7d4_707 ._sublinksDescription_6q7d4_383{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_6q7d4_707 ._sublinks_6q7d4_383{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_6q7d4_707 ._sublinks_6q7d4_383{position:relative;justify-content:center;align-items:center}}._advanced_6q7d4_707 ._linkItem_6q7d4_110{justify-content:flex-start}._advanced_6q7d4_707 ._sublinksInner_6q7d4_526{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_6q7d4_707 ._sublinksInner_6q7d4_526._withSpotlight_6q7d4_757{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_6q7d4_707 ._sublinksInner_6q7d4_526._withoutSpotlight_6q7d4_761{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_6q7d4_707 ._sublinksInner_6q7d4_526{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_6q7d4_707 ._sublinkToggle_6q7d4_91{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_6q7d4_707 ._sublinkToggle_6q7d4_91:hover,._advanced_6q7d4_707 ._sublinkToggle_6q7d4_91._open_6q7d4_397{color:var(--color-primary-100)}._advanced_6q7d4_707 ._back_6q7d4_421{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_6q7d4_707 ._back_6q7d4_421:hover{color:var(--color-primary-100)}._groupDivider_6q7d4_799{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_6q7d4_807,._mobileMenuSlide_6q7d4_808{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_6q7d4_818{opacity:0}._fadeInFromLeft_6q7d4_822{animation:_fadeInFromLeft_6q7d4_822 .3s ease-in-out forwards}._fadeInFromRight_6q7d4_826{animation:_fadeInFromRight_6q7d4_826 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_6q7d4_822{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_6q7d4_826{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
  ._footer_1pk76_1{background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_1pk76_8{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_1pk76_18{width:100%}._primaryNav_1pk76_22{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_1pk76_22{width:100%;flex-direction:column-reverse}}._secondaryNav_1pk76_32{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_1pk76_32 a:has(img){height:unset;background-color:transparent}._secondaryNav_1pk76_32 a:has(img) img{width:175px;height:auto}._secondaryNav_1pk76_32 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_1pk76_32{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_1pk76_32 nav{width:100%;display:flex;justify-content:center}}._details_1pk76_69{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_1pk76_69{justify-content:center;align-items:center;text-align:center}}._nav_1pk76_82{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_1pk76_90{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._socialItems_1pk76_96{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm)}._socialItems_1pk76_96 ._group_1pk76_103{min-width:unset}._socialItems_1pk76_96 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_1pk76_112{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_1pk76_103{flex:.2;min-width:140px}._groupTitle_1pk76_123{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_1pk76_132{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_1pk76_140{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_1pk76_140{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_1pk76_140 ._newTabIcon_1pk76_158{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_1pk76_140:hover,._link_1pk76_140:hover ._newTabIcon_1pk76_158{color:var(--color-primary-100)}._bottom_1pk76_172{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_1pk76_172{text-align:center}}._left_1pk76_183 ._container_1pk76_8{justify-content:flex-start}._left_1pk76_183 ._logo_1pk76_90{flex:unset}._left_1pk76_183 ._nav_1pk76_82{flex:1}@media (max-width: 767px){._left_1pk76_183 ._logo_1pk76_90{flex:1}}._center_1pk76_203 ._nav_1pk76_82{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1pk76_203 ._nav_1pk76_82._hidden_1pk76_209{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1pk76_203 ._nav_1pk76_82._visible_1pk76_216{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1pk76_203 ._logo_1pk76_90{flex:1}}._right_1pk76_231 ._container_1pk76_8{justify-content:flex-end}._right_1pk76_231 ._logo_1pk76_90,._right_1pk76_231 ._title_1pk76_237{flex:1}._right_1pk76_231 ._nav_1pk76_82{flex:unset}
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.243",
4
+ "version": "0.0.245",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
package/dist/NavLink-DOXXDYDL.js DELETED
@@ -1,132 +0,0 @@
1
- import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
- import { useRef as g } from "react";
3
- import { E as p } from "./external-link-BOPobeQJ.js";
4
- import { C as k } from "./chevron-down-DSUzBz9F.js";
5
- import './assets/NavLink.css';const v = "_navbar_12yon_5", f = "_left_12yon_19", C = "_container_12yon_20", I = "_logo_12yon_24", w = "_nav_12yon_5", M = "_center_12yon_39", N = "_hidden_12yon_45", T = "_visible_12yon_52", S = "_right_12yon_67", x = "_title_12yon_73", D = "_linkWrapper_12yon_82", E = "_parent_12yon_82", $ = "_link_12yon_82", F = "_search_12yon_89", L = "_sublinkToggle_12yon_90", R = "_linkItem_12yon_106", W = "_standard_12yon_123", j = "_triangle_12yon_131", z = "_transparent_12yon_136", q = "_menuToggle_12yon_163", A = "_sticky_12yon_181", B = "_twoColumn_12yon_210", G = "_utilityMobile_12yon_257", H = "_utility_12yon_257", J = "_navInner_12yon_285", K = "_grid_12yon_296", Q = "_searchModal_12yon_315", U = "_separator_12yon_328", V = "_newTabIcon_12yon_356", X = "_sublinksDescription_12yon_363", Y = "_linkContent_12yon_366", Z = "_open_12yon_377", O = "_back_12yon_401", P = "_sublinks_12yon_363", nn = "_show_12yon_448", on = "_primaryColumn_12yon_489", en = "_secondaryColumn_12yon_498", tn = "_spotlightColumn_12yon_502", sn = "_sublinksInner_12yon_506", _n = "_sublinksColumn_12yon_524", ln = "_chevron_12yon_534", rn = "_advanced_12yon_686", cn = "_subtitle_12yon_695", an = "_withSpotlight_12yon_736", un = "_withoutSpotlight_12yon_740", yn = "_groupDivider_12yon_778", mn = "_mobileMenu_12yon_786", dn = "_mobileMenuSlide_12yon_787", bn = "_mobileMenuItem_12yon_797", hn = "_fadeInFromLeft_12yon_801", gn = "_fadeInFromRight_12yon_805", o = {
6
- navbar: v,
7
- left: f,
8
- container: C,
9
- logo: I,
10
- nav: w,
11
- center: M,
12
- hidden: N,
13
- visible: T,
14
- right: S,
15
- title: x,
16
- linkWrapper: D,
17
- parent: E,
18
- link: $,
19
- search: F,
20
- sublinkToggle: L,
21
- linkItem: R,
22
- standard: W,
23
- triangle: j,
24
- transparent: z,
25
- menuToggle: q,
26
- sticky: A,
27
- twoColumn: B,
28
- utilityMobile: G,
29
- utility: H,
30
- navInner: J,
31
- grid: K,
32
- searchModal: Q,
33
- separator: U,
34
- newTabIcon: V,
35
- sublinksDescription: X,
36
- linkContent: Y,
37
- open: Z,
38
- back: O,
39
- sublinks: P,
40
- show: nn,
41
- primaryColumn: on,
42
- secondaryColumn: en,
43
- spotlightColumn: tn,
44
- sublinksInner: sn,
45
- sublinksColumn: _n,
46
- chevron: ln,
47
- default: "_default_12yon_650",
48
- advanced: rn,
49
- subtitle: cn,
50
- withSpotlight: an,
51
- withoutSpotlight: un,
52
- groupDivider: yn,
53
- mobileMenu: mn,
54
- mobileMenuSlide: dn,
55
- mobileMenuItem: bn,
56
- fadeInFromLeft: hn,
57
- fadeInFromRight: gn
58
- };
59
- function Cn({
60
- link: n,
61
- path: e,
62
- parentPath: r,
63
- openPath: m,
64
- togglePath: c,
65
- updateTriangleIndicator: d,
66
- setOpenPath: s,
67
- renderLinks: b,
68
- buttonRefs: h
69
- }) {
70
- var u;
71
- const _ = m === e, i = !!((u = n.sublinks) != null && u.length), a = g(null);
72
- return h.current.set(e, a.current), /* @__PURE__ */ l(
73
- "div",
74
- {
75
- className: `${o.linkWrapper} ${r ? "" : o.parent}`,
76
- children: [
77
- /* @__PURE__ */ t("div", { className: o.linkItem, children: n.href ? /* @__PURE__ */ l(
78
- "a",
79
- {
80
- href: n.href,
81
- className: o.link,
82
- target: n.isExternal ? "_blank" : "_self",
83
- rel: n.isExternal ? "noopener noreferrer" : void 0,
84
- onClick: () => {
85
- var y;
86
- s(null), (y = n.onClick) == null || y.call(n);
87
- },
88
- onMouseEnter: () => {
89
- r || s(null);
90
- },
91
- role: "menuitem",
92
- children: [
93
- n.label,
94
- n.isExternal && /* @__PURE__ */ t(p, { className: o.newTabIcon, size: 16 })
95
- ]
96
- }
97
- ) : /* @__PURE__ */ l(
98
- "button",
99
- {
100
- ref: a,
101
- "aria-haspopup": i ? "true" : void 0,
102
- "aria-expanded": _,
103
- className: `${o.sublinkToggle} ${_ ? o.open : ""}`,
104
- onClick: () => c(e),
105
- onMouseEnter: () => {
106
- d(e), s(e);
107
- },
108
- children: [
109
- n.label,
110
- i && /* @__PURE__ */ t(k, { size: 18, className: o.chevron })
111
- ]
112
- }
113
- ) }),
114
- i && /* @__PURE__ */ t(
115
- "div",
116
- {
117
- className: `${o.sublinks} ${_ ? o.show : ""}`,
118
- onMouseLeave: () => c(e),
119
- role: "menu",
120
- "aria-label": `${n.label} submenu`,
121
- children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: o.sublinksInner, children: /* @__PURE__ */ t("div", { className: o.sublinksColumn, children: b(n.sublinks, e) }) }) })
122
- }
123
- )
124
- ]
125
- },
126
- e
127
- );
128
- }
129
- export {
130
- Cn as N,
131
- o as s
132
- };