quirk-ui 0.0.215 → 0.0.217

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.
@@ -0,0 +1,124 @@
1
+ import { jsxs as l, jsx as o } from "react/jsx-runtime";
2
+ import { useRef as k } from "react";
3
+ import { E as p } from "./external-link-BOPobeQJ.js";
4
+ import { C as f } from "./chevron-down-DSUzBz9F.js";
5
+ import './assets/NavLink.css';const h = "_navbar_1t199_5", I = "_left_1t199_19", C = "_container_1t199_20", y = "_logo_1t199_24", M = "_nav_1t199_5", w = "_center_1t199_39", N = "_hidden_1t199_45", T = "_visible_1t199_52", x = "_right_1t199_67", E = "_title_1t199_73", $ = "_sublinks_1t199_83", F = "_sublinksInner_1t199_95", L = "_linkItem_1t199_109", R = "_minimal_1t199_114", D = "_menuToggle_1t199_118", S = "_linkWrapper_1t199_122", W = "_triangle_1t199_160", j = "_transparent_1t199_165", z = "_sticky_1t199_217", q = "_twoColumn_1t199_246", A = "_utilityMobile_1t199_293", B = "_utility_1t199_293", G = "_navInner_1t199_321", H = "_grid_1t199_332", J = "_sublinkToggle_1t199_358", K = "_link_1t199_109", Q = "_newTabIcon_1t199_373", U = "_open_1t199_380", V = "_back_1t199_395", X = "_show_1t199_438", Y = "_primaryColumn_1t199_468", Z = "_secondaryColumn_1t199_472", O = "_spotlightColumn_1t199_476", P = "_sublinksColumn_1t199_498", nn = "_chevron_1t199_508", en = "_parent_1t199_587", tn = "_advanced_1t199_624", on = "_groupDivider_1t199_637", sn = "_mobileMenu_1t199_645", _n = "_mobileMenuSlide_1t199_646", ln = "_mobileMenuItem_1t199_656", rn = "_fadeInFromLeft_1t199_660", cn = "_fadeInFromRight_1t199_664", e = {
6
+ navbar: h,
7
+ left: I,
8
+ container: C,
9
+ logo: y,
10
+ nav: M,
11
+ center: w,
12
+ hidden: N,
13
+ visible: T,
14
+ right: x,
15
+ title: E,
16
+ default: "_default_1t199_82",
17
+ sublinks: $,
18
+ sublinksInner: F,
19
+ linkItem: L,
20
+ minimal: R,
21
+ menuToggle: D,
22
+ linkWrapper: S,
23
+ triangle: W,
24
+ transparent: j,
25
+ sticky: z,
26
+ twoColumn: q,
27
+ utilityMobile: A,
28
+ utility: B,
29
+ navInner: G,
30
+ grid: H,
31
+ sublinkToggle: J,
32
+ link: K,
33
+ newTabIcon: Q,
34
+ open: U,
35
+ back: V,
36
+ show: X,
37
+ primaryColumn: Y,
38
+ secondaryColumn: Z,
39
+ spotlightColumn: O,
40
+ sublinksColumn: P,
41
+ chevron: nn,
42
+ parent: en,
43
+ advanced: tn,
44
+ groupDivider: on,
45
+ mobileMenu: sn,
46
+ mobileMenuSlide: _n,
47
+ mobileMenuItem: ln,
48
+ fadeInFromLeft: rn,
49
+ fadeInFromRight: cn
50
+ };
51
+ function dn({
52
+ link: n,
53
+ path: t,
54
+ parentPath: r,
55
+ openPath: b,
56
+ togglePath: c,
57
+ updateTriangleIndicator: d,
58
+ setOpenPath: s,
59
+ renderLinks: g,
60
+ buttonRefs: v
61
+ }) {
62
+ var u;
63
+ const _ = b === t, i = !!((u = n.sublinks) != null && u.length), a = k(null);
64
+ return v.current.set(t, a.current), /* @__PURE__ */ l(
65
+ "div",
66
+ {
67
+ className: `${e.linkWrapper} ${r ? "" : e.parent}`,
68
+ children: [
69
+ /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ l(
70
+ "a",
71
+ {
72
+ href: n.href,
73
+ className: e.link,
74
+ target: n.isExternal ? "_blank" : "_self",
75
+ rel: n.isExternal ? "noopener noreferrer" : void 0,
76
+ onClick: () => {
77
+ var m;
78
+ s(null), (m = n.onClick) == null || m.call(n);
79
+ },
80
+ onMouseEnter: () => {
81
+ r || s(null);
82
+ },
83
+ role: "menuitem",
84
+ children: [
85
+ n.label,
86
+ n.isExternal && /* @__PURE__ */ o(p, { className: e.newTabIcon, size: 16 })
87
+ ]
88
+ }
89
+ ) : /* @__PURE__ */ l(
90
+ "button",
91
+ {
92
+ ref: a,
93
+ "aria-haspopup": i ? "true" : void 0,
94
+ "aria-expanded": _,
95
+ className: `${e.sublinkToggle} ${_ ? e.open : ""}`,
96
+ onClick: () => c(t),
97
+ onMouseEnter: () => {
98
+ d(t), s(t);
99
+ },
100
+ children: [
101
+ n.label,
102
+ i && /* @__PURE__ */ o(f, { size: 18, className: e.chevron })
103
+ ]
104
+ }
105
+ ) }),
106
+ i && /* @__PURE__ */ o(
107
+ "div",
108
+ {
109
+ className: `${e.sublinks} ${_ ? e.show : ""}`,
110
+ onMouseLeave: () => c(t),
111
+ role: "menu",
112
+ "aria-label": `${n.label} submenu`,
113
+ children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: e.sublinksInner, children: /* @__PURE__ */ o("div", { className: e.sublinksColumn, children: g(n.sublinks, t) }) }) })
114
+ }
115
+ )
116
+ ]
117
+ },
118
+ t
119
+ );
120
+ }
121
+ export {
122
+ dn as N,
123
+ e as s
124
+ };
@@ -1 +1 @@
1
- :root{--nav-height: 65px}._navbar_j4rn5_5{position:relative;height:var(--nav-height);z-index:1000}._left_j4rn5_19 ._container_j4rn5_20{justify-content:flex-start}._left_j4rn5_19 ._logo_j4rn5_24{flex:unset}._left_j4rn5_19 ._nav_j4rn5_5{flex:1}@media (max-width: 767px){._left_j4rn5_19 ._logo_j4rn5_24{flex:1}}._center_j4rn5_39 ._nav_j4rn5_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_j4rn5_39 ._nav_j4rn5_5._hidden_j4rn5_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_j4rn5_39 ._nav_j4rn5_5._visible_j4rn5_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_j4rn5_39 ._logo_j4rn5_24{flex:1}}._right_j4rn5_67 ._container_j4rn5_20{justify-content:flex-end}._right_j4rn5_67 ._logo_j4rn5_24,._right_j4rn5_67 ._title_j4rn5_73{flex:1}._right_j4rn5_67 ._nav_j4rn5_5{flex:unset}._default_j4rn5_82 ._sublinks_j4rn5_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_j4rn5_82 ._sublinks_j4rn5_83{position:relative}}._default_j4rn5_82 ._sublinksInner_j4rn5_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}@media (max-width: 767px){._default_j4rn5_82 ._sublinksInner_j4rn5_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_j4rn5_82 ._linkItem_j4rn5_109{justify-content:flex-start}._minimal_j4rn5_114{left:0;background-color:#fff}._minimal_j4rn5_114 ._menuToggle_j4rn5_118{grid-area:unset}._minimal_j4rn5_114 ._linkWrapper_j4rn5_122{position:relative}._minimal_j4rn5_114 ._sublinks_j4rn5_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_j4rn5_114 ._sublinks_j4rn5_83{position:relative;justify-content:center;align-items:center}}._minimal_j4rn5_114 ._sublinksInner_j4rn5_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_j4rn5_114 ._sublinksInner_j4rn5_95{justify-content:center;align-items:center}}._minimal_j4rn5_114 ._linkItem_j4rn5_109{justify-content:flex-end}@media (max-width: 767px){._minimal_j4rn5_114 ._linkItem_j4rn5_109{justify-content:center;align-items:center}}._minimal_j4rn5_114 ._triangle_j4rn5_160{display:none}._transparent_j4rn5_165{background-color:transparent}._transparent_j4rn5_165 ._nav_j4rn5_5{height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md);z-index:1001;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_j4rn5_165 ._nav_j4rn5_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_j4rn5_165 ._nav_j4rn5_5:before{border-radius:0}}._transparent_j4rn5_165 ._menuToggle_j4rn5_118: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_j4rn5_217{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_j4rn5_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_j4rn5_20{grid-template-areas:"first second third fourth"}}._container_j4rn5_20._twoColumn_j4rn5_246{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_j4rn5_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_j4rn5_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_j4rn5_24 img{height:auto;width:auto}._menuToggle_j4rn5_118{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_j4rn5_118 svg{position:relative;z-index:5}._utilityMobile_j4rn5_293{display:none;grid-area:third;justify-content:flex-end}._utility_j4rn5_293{grid-area:third;display:flex;justify-content:flex-end}._utility_j4rn5_293 a{font-size:var(--font-size-sm)}._nav_j4rn5_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;grid-gap:var(--spacing-sm);transition:transform .3s ease}@media (max-width: 767px){._nav_j4rn5_5{height:100vh}}._navInner_j4rn5_321{position:relative}@media (max-width: 767px){._navInner_j4rn5_321{margin:var(--spacing-xl) auto 0;min-width:300px}}._grid_j4rn5_330{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_j4rn5_330{display:flex;flex-direction:column}}._linkItem_j4rn5_109{display:flex;align-items:center;box-sizing:border-box}._navTitle_j4rn5_355,._sublinkToggle_j4rn5_356,._link_j4rn5_109{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_j4rn5_355 ._newTabIcon_j4rn5_371,._sublinkToggle_j4rn5_356 ._newTabIcon_j4rn5_371,._link_j4rn5_109 ._newTabIcon_j4rn5_371{color:var(--color-muted);transition:color .3s ease-in-out}._link_j4rn5_109:hover,._link_j4rn5_109._open_j4rn5_378,._sublinkToggle_j4rn5_356:hover,._sublinkToggle_j4rn5_356._open_j4rn5_378,._link_j4rn5_109:hover ._newTabIcon_j4rn5_371,._link_j4rn5_109._open_j4rn5_378 ._newTabIcon_j4rn5_371,._sublinkToggle_j4rn5_356:hover ._newTabIcon_j4rn5_371,._sublinkToggle_j4rn5_356._open_j4rn5_378 ._newTabIcon_j4rn5_371,._navItem_j4rn5_388:hover{color:var(--color-primary)}._sublinkToggle_j4rn5_356,._back_j4rn5_393{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_j4rn5_83{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease,opacity .3s ease,visibility .3s ease}._sublinks_j4rn5_83._show_j4rn5_436{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_j4rn5_160{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_j4rn5_160._show_j4rn5_436{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_j4rn5_466{border-right:1px solid var(--color-border)}._secondaryColumn_j4rn5_470{background-color:var(--color-border)}._spotlightColumn_j4rn5_474{background-color:var(--color-secondary)}._sublinksInner_j4rn5_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_j4rn5_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_j4rn5_496{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_j4rn5_496{padding:0}}._chevron_j4rn5_506{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_j4rn5_356._open_j4rn5_378 ._chevron_j4rn5_506{transform:rotate(180deg)}@media (max-width: 767px){._logo_j4rn5_24{flex:1}._menuToggle_j4rn5_118{display:flex;align-items:center;justify-content:center}._utility_j4rn5_293 a:not(._utility_j4rn5_293 a:first-of-type){display:none}._utilityMobile_j4rn5_293{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_j4rn5_293._open_j4rn5_378{transform:translateY(0)}._nav_j4rn5_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_j4rn5_5._open_j4rn5_378{transform:translate(0)}._linkWrapper_j4rn5_122{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_j4rn5_122._parent_j4rn5_585{border-bottom:1px solid var(--color-border)}._linkWrapper_j4rn5_122._parent_j4rn5_585:last-of-type{border:none}._linkItem_j4rn5_109{width:100%}._chevron_j4rn5_506{display:none}._sublinks_j4rn5_83{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_j4rn5_356{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_j4rn5_622 ._sublinkToggle_j4rn5_356{pointer-events:all;color:var(--color-text-primary);width:100%}._advanced_j4rn5_622 ._back_j4rn5_393{margin-bottom:var(--spacing-lg)}._groupDivider_j4rn5_635{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_j4rn5_643,._mobileMenuSlide_j4rn5_644{display:flex;flex-direction:column;gap:var(--spacing-md)}
1
+ :root{--nav-height: 65px}._navbar_1t199_5{position:relative;height:var(--nav-height);z-index:1000}._left_1t199_19 ._container_1t199_20{justify-content:flex-start}._left_1t199_19 ._logo_1t199_24{flex:unset}._left_1t199_19 ._nav_1t199_5{flex:1}@media (max-width: 767px){._left_1t199_19 ._logo_1t199_24{flex:1}}._center_1t199_39 ._nav_1t199_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1t199_39 ._nav_1t199_5._hidden_1t199_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1t199_39 ._nav_1t199_5._visible_1t199_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1t199_39 ._logo_1t199_24{flex:1}}._right_1t199_67 ._container_1t199_20{justify-content:flex-end}._right_1t199_67 ._logo_1t199_24,._right_1t199_67 ._title_1t199_73{flex:1}._right_1t199_67 ._nav_1t199_5{flex:unset}._default_1t199_82 ._sublinks_1t199_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1t199_82 ._sublinks_1t199_83{position:relative}}._default_1t199_82 ._sublinksInner_1t199_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}@media (max-width: 767px){._default_1t199_82 ._sublinksInner_1t199_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1t199_82 ._linkItem_1t199_109{justify-content:flex-start}._minimal_1t199_114{left:0;background-color:#fff}._minimal_1t199_114 ._menuToggle_1t199_118{grid-area:unset}._minimal_1t199_114 ._linkWrapper_1t199_122{position:relative}._minimal_1t199_114 ._sublinks_1t199_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1t199_114 ._sublinks_1t199_83{position:relative;justify-content:center;align-items:center}}._minimal_1t199_114 ._sublinksInner_1t199_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1t199_114 ._sublinksInner_1t199_95{justify-content:center;align-items:center}}._minimal_1t199_114 ._linkItem_1t199_109{justify-content:flex-end}@media (max-width: 767px){._minimal_1t199_114 ._linkItem_1t199_109{justify-content:center;align-items:center}}._minimal_1t199_114 ._triangle_1t199_160{display:none}._transparent_1t199_165{background-color:transparent}._transparent_1t199_165 ._nav_1t199_5{height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md);z-index:1001;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1t199_165 ._nav_1t199_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1t199_165 ._nav_1t199_5:before{border-radius:0}}._transparent_1t199_165 ._menuToggle_1t199_118: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_1t199_217{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1t199_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_1t199_20{grid-template-areas:"first second third fourth"}}._container_1t199_20._twoColumn_1t199_246{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1t199_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1t199_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_1t199_24 img{height:auto;width:auto}._menuToggle_1t199_118{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1t199_118 svg{position:relative;z-index:5}._utilityMobile_1t199_293{display:none;grid-area:third;justify-content:flex-end}._utility_1t199_293{grid-area:third;display:flex;justify-content:flex-end}._utility_1t199_293 a{font-size:var(--font-size-sm)}._nav_1t199_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;grid-gap:var(--spacing-sm);transition:transform .3s ease}@media (max-width: 767px){._nav_1t199_5{height:100vh}}._navInner_1t199_321{position:relative}@media (max-width: 767px){._navInner_1t199_321{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1t199_332{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1t199_332{display:flex;flex-direction:column}}._linkItem_1t199_109{display:flex;align-items:center;box-sizing:border-box}._navTitle_1t199_357,._sublinkToggle_1t199_358,._link_1t199_109{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_1t199_357 ._newTabIcon_1t199_373,._sublinkToggle_1t199_358 ._newTabIcon_1t199_373,._link_1t199_109 ._newTabIcon_1t199_373{color:var(--color-muted);transition:color .3s ease-in-out}._link_1t199_109:hover,._link_1t199_109._open_1t199_380,._sublinkToggle_1t199_358:hover,._sublinkToggle_1t199_358._open_1t199_380,._link_1t199_109:hover ._newTabIcon_1t199_373,._link_1t199_109._open_1t199_380 ._newTabIcon_1t199_373,._sublinkToggle_1t199_358:hover ._newTabIcon_1t199_373,._sublinkToggle_1t199_358._open_1t199_380 ._newTabIcon_1t199_373,._navItem_1t199_390:hover{color:var(--color-primary)}._sublinkToggle_1t199_358,._back_1t199_395{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1t199_83{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease,opacity .3s ease,visibility .3s ease}._sublinks_1t199_83._show_1t199_438{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1t199_160{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_1t199_160._show_1t199_438{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1t199_468{border-right:1px solid var(--color-border)}._secondaryColumn_1t199_472{background-color:var(--color-border)}._spotlightColumn_1t199_476{background-color:var(--color-secondary)}._sublinksInner_1t199_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1t199_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1t199_498{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1t199_498{padding:0}}._chevron_1t199_508{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1t199_358._open_1t199_380 ._chevron_1t199_508{transform:rotate(180deg)}@media (max-width: 767px){._logo_1t199_24{flex:1}._menuToggle_1t199_118{display:flex;align-items:center;justify-content:center}._utility_1t199_293 a:not(._utility_1t199_293 a:first-of-type){display:none}._utilityMobile_1t199_293{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_1t199_293._open_1t199_380{transform:translateY(0)}._nav_1t199_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_1t199_5._open_1t199_380{transform:translate(0)}._linkWrapper_1t199_122{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1t199_122._parent_1t199_587{border-bottom:1px solid var(--color-border)}._linkWrapper_1t199_122._parent_1t199_587:last-of-type{border:none}._linkItem_1t199_109{width:100%}._chevron_1t199_508{display:none}._sublinks_1t199_83{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_1t199_358{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_1t199_624 ._sublinkToggle_1t199_358{pointer-events:all;color:var(--color-text-primary);width:100%}._advanced_1t199_624 ._back_1t199_395{margin-bottom:var(--spacing-lg)}._groupDivider_1t199_637{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1t199_645,._mobileMenuSlide_1t199_646{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1t199_656{opacity:0}._fadeInFromLeft_1t199_660{animation:_fadeInFromLeft_1t199_660 .3s ease-in-out forwards}._fadeInFromRight_1t199_664{animation:_fadeInFromRight_1t199_664 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1t199_660{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1t199_664{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { N as a } from "../../NavLink-C6JIQik5.js";
3
+ import { N as a } from "../../NavLink-DyWHHU93.js";
4
4
  import "../../external-link-BOPobeQJ.js";
5
5
  import "../../chevron-down-DSUzBz9F.js";
6
6
  export {
@@ -1,167 +1,167 @@
1
- import { jsx as l, jsxs as c } from "react/jsx-runtime";
2
- import { useState as h, useEffect as M, useRef as _, useCallback as y } from "react";
3
- import { s as e, N as be } from "../../NavLink-C6JIQik5.js";
4
- import { CallToAction as J } from "../CallToAction/index.js";
5
- import { ButtonGroup as K } from "../ButtonGroup/index.js";
6
- import { c as P } from "../../createLucideIcon-C8GTh_Qx.js";
7
- import { E as T } from "../../external-link-BOPobeQJ.js";
8
- import { X as ve } from "../../x-CnsEH4Ox.js";
9
- import { C as ke } from "../../chevron-down-DSUzBz9F.js";
1
+ import { jsx as a, jsxs as t } from "react/jsx-runtime";
2
+ import { useState as d, useEffect as T, useRef as z, useCallback as y } from "react";
3
+ import { s as e, N as ke } from "../../NavLink-DyWHHU93.js";
4
+ import { CallToAction as K } from "../CallToAction/index.js";
5
+ import { ButtonGroup as P } from "../ButtonGroup/index.js";
6
+ import { c as Q } from "../../createLucideIcon-C8GTh_Qx.js";
7
+ import { E as R } from "../../external-link-BOPobeQJ.js";
8
+ import { X as $e } from "../../x-CnsEH4Ox.js";
9
+ import { C as ge } from "../../chevron-down-DSUzBz9F.js";
10
10
  /**
11
11
  * @license lucide-react v0.488.0 - ISC
12
12
  *
13
13
  * This source code is licensed under the ISC license.
14
14
  * See the LICENSE file in the root directory of this source tree.
15
15
  */
16
- const pe = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Ne = P("chevron-left", pe);
16
+ const we = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], pe = Q("chevron-left", we);
17
17
  /**
18
18
  * @license lucide-react v0.488.0 - ISC
19
19
  *
20
20
  * This source code is licensed under the ISC license.
21
21
  * See the LICENSE file in the root directory of this source tree.
22
22
  */
23
- const ge = [
23
+ const Ne = [
24
24
  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
25
25
  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
26
26
  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
27
- ], we = P("menu", ge), $e = {
27
+ ], ye = Q("menu", Ne), xe = {
28
28
  default: e.default,
29
29
  minimal: e.minimal
30
- }, ye = {
30
+ }, Ce = {
31
31
  left: e.left,
32
32
  center: e.center,
33
33
  right: e.right
34
34
  };
35
- function Re({
36
- title: Q,
37
- logo: z,
38
- items: S,
39
- groups: p,
35
+ function We({
36
+ title: U,
37
+ logo: S,
38
+ items: A,
39
+ groups: k,
40
40
  utilityItems: s,
41
- isSticky: U = !1,
42
- isTransparent: Y = !1,
41
+ isSticky: Y = !1,
42
+ isTransparent: Z = !1,
43
43
  alignment: x = "right",
44
- variant: Z = "default",
44
+ variant: ee = "default",
45
45
  navigationType: b = "default",
46
- className: I
46
+ className: ne
47
47
  }) {
48
- const [t, R] = h(!1), [C, u] = h(null), [ee, ne] = h(0), [le, ae] = h(!1), [se, re] = h(null), [d, N] = h([]), [g, E] = h(
48
+ const [h, W] = d(!1), [C, m] = d(null), [ae, le] = d(0), [se, re] = d(!1), [oe, ie] = d(null), [i, $] = d([]), [g, L] = d(
49
49
  null
50
- ), [oe, A] = h(null), [v, ie] = h(!1);
51
- M(() => {
50
+ ), [ce, B] = d(null), [w, te] = d(!1), [E, M] = d("forward");
51
+ T(() => {
52
52
  if (typeof window < "u") {
53
53
  const n = () => {
54
- const a = window.innerWidth < 768;
55
- ie(a);
54
+ const l = window.innerWidth < 768;
55
+ te(l);
56
56
  };
57
57
  return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
58
58
  }
59
59
  }, []);
60
- const ce = () => {
61
- N([]);
62
- }, te = (n) => {
63
- N([
60
+ const de = () => {
61
+ $([]);
62
+ }, he = (n) => {
63
+ M("forward"), $([
64
64
  {
65
65
  title: n.title,
66
66
  primary: n.primaryItems ?? [],
67
67
  secondary: n.secondaryItems ?? []
68
68
  }
69
69
  ]);
70
- }, W = (n) => {
71
- N((a) => [
72
- ...a,
70
+ }, F = (n) => {
71
+ M("forward"), $((l) => [
72
+ ...l,
73
73
  { title: n.label, primary: n.sublinks ?? [], secondary: [] }
74
74
  ]);
75
- }, de = () => {
76
- N((n) => n.slice(0, -1));
77
- }, L = _(null), k = _(null), B = _(/* @__PURE__ */ new Map()), he = () => {
78
- R((n) => !n);
79
- }, me = (n) => {
80
- const a = B.current.get(n);
81
- if (a && k.current) {
82
- const i = a.getBoundingClientRect(), m = k.current.getBoundingClientRect(), o = i.left - m.left + i.width / 4;
83
- re(o);
84
- }
75
+ }, fe = () => {
76
+ M("backward"), $((n) => n.slice(0, -1));
77
+ }, _ = z(null), v = z(null), O = z(/* @__PURE__ */ new Map()), me = () => {
78
+ W((n) => !n);
85
79
  }, ue = (n) => {
86
- u((a) => a === n ? null : n);
87
- }, O = y((n) => {
88
- L.current && !L.current.contains(n.target) && u(null);
80
+ const l = O.current.get(n);
81
+ if (l && v.current) {
82
+ const c = l.getBoundingClientRect(), f = v.current.getBoundingClientRect(), o = c.left - f.left + c.width / 4;
83
+ ie(o);
84
+ }
85
+ }, be = (n) => {
86
+ m((l) => l === n ? null : n);
87
+ }, D = y((n) => {
88
+ _.current && !_.current.contains(n.target) && m(null);
89
89
  }, []), G = y(() => {
90
- u(null);
90
+ m(null);
91
+ }, []), I = y(() => {
92
+ j(), typeof window < "u" && window.innerWidth > 768 && (W(!1), m(null), typeof document < "u" && (document.body.style.overflow = ""));
91
93
  }, []), j = y(() => {
92
- X(), typeof window < "u" && window.innerWidth > 768 && (R(!1), u(null), typeof document < "u" && (document.body.style.overflow = ""));
93
- }, []), X = y(() => {
94
- if (k.current) {
95
- const n = k.current.getBoundingClientRect().width;
96
- ne(n), ae(!0);
94
+ if (v.current) {
95
+ const n = v.current.getBoundingClientRect().width;
96
+ le(n), re(!0);
97
97
  }
98
98
  }, []);
99
- M(() => {
100
- const n = typeof window < "u", a = typeof document < "u";
101
- return n && (window.addEventListener("resize", j), window.addEventListener("scroll", G)), a && document.addEventListener("click", O), X(), () => {
102
- n && (window.removeEventListener("resize", j), window.removeEventListener("scroll", G)), a && document.removeEventListener("click", O);
99
+ T(() => {
100
+ const n = typeof window < "u", l = typeof document < "u";
101
+ return n && (window.addEventListener("resize", I), window.addEventListener("scroll", G)), l && document.addEventListener("click", D), j(), () => {
102
+ n && (window.removeEventListener("resize", I), window.removeEventListener("scroll", G)), l && document.removeEventListener("click", D);
103
103
  };
104
- }, []), M(() => {
104
+ }, []), T(() => {
105
105
  if (typeof document < "u")
106
- return document.body.style.overflow = t ? "hidden" : "", () => {
106
+ return document.body.style.overflow = h ? "hidden" : "", () => {
107
107
  document.body.style.overflow = "";
108
108
  };
109
- }, [t]);
110
- const fe = (n) => n.map((a, i) => {
111
- var D, V, H, q;
112
- const m = `group-${i}`, $ = oe === i, o = (D = a.primaryItems) == null ? void 0 : D[g ?? 0];
113
- return /* @__PURE__ */ c(
109
+ }, [h]);
110
+ const ve = (n) => n.map((l, c) => {
111
+ var X, V, H, q;
112
+ const f = `group-${c}`, N = ce === c, o = (X = l.primaryItems) == null ? void 0 : X[g ?? 0];
113
+ return /* @__PURE__ */ t(
114
114
  "div",
115
115
  {
116
116
  className: `${e.linkWrapper} ${e.parent}`,
117
- onMouseEnter: () => A(i),
117
+ onMouseEnter: () => B(c),
118
118
  onMouseLeave: () => {
119
- A(null), E(null);
119
+ B(null), L(null);
120
120
  },
121
121
  children: [
122
- /* @__PURE__ */ l("div", { className: e.linkItem, children: /* @__PURE__ */ c(
122
+ /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ t(
123
123
  "button",
124
124
  {
125
125
  "aria-haspopup": "true",
126
- "aria-expanded": $,
127
- className: `${e.sublinkToggle} ${$ ? e.open : ""} `,
126
+ "aria-expanded": N,
127
+ className: `${e.sublinkToggle} ${N ? e.open : ""} `,
128
128
  children: [
129
- a.title,
130
- /* @__PURE__ */ l(ke, { size: 18, className: e.chevron })
129
+ l.title,
130
+ /* @__PURE__ */ a(ge, { size: 18, className: e.chevron })
131
131
  ]
132
132
  }
133
133
  ) }),
134
- /* @__PURE__ */ l(
134
+ /* @__PURE__ */ a(
135
135
  "div",
136
136
  {
137
- className: `${e.sublinks} ${$ ? e.show : ""}`,
137
+ className: `${e.sublinks} ${N ? e.show : ""}`,
138
138
  role: "menu",
139
- "aria-label": `${a.title} submenu`,
140
- children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ c("div", { className: e.sublinksInner, children: [
141
- /* @__PURE__ */ c(
139
+ "aria-label": `${l.title} submenu`,
140
+ children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ t("div", { className: e.sublinksInner, children: [
141
+ /* @__PURE__ */ t(
142
142
  "div",
143
143
  {
144
144
  className: `${e.sublinksColumn} ${e.primaryColumn}`,
145
145
  children: [
146
- /* @__PURE__ */ l("div", { className: e.linkItem }),
147
- (V = a.primaryItems) == null ? void 0 : V.map(
148
- (r, f) => r.href ? /* @__PURE__ */ c(
146
+ /* @__PURE__ */ a("div", { className: e.linkItem }),
147
+ (V = l.primaryItems) == null ? void 0 : V.map(
148
+ (r, u) => r.href ? /* @__PURE__ */ t(
149
149
  "a",
150
150
  {
151
151
  href: r.href,
152
- className: `${e.link} ${g === f ? e.open : ""}`,
152
+ className: `${e.link} ${g === u ? e.open : ""}`,
153
153
  target: r.isExternal ? "_blank" : "_self",
154
154
  rel: r.isExternal ? "noopener noreferrer" : void 0,
155
155
  onClick: () => {
156
- var F;
157
- u(null), (F = r.onClick) == null || F.call(r);
156
+ var J;
157
+ m(null), (J = r.onClick) == null || J.call(r);
158
158
  },
159
- onMouseEnter: () => r.sublinks ? E(f) : null,
159
+ onMouseEnter: () => r.sublinks ? L(u) : null,
160
160
  role: "menuitem",
161
161
  children: [
162
162
  r.label,
163
- r.isExternal && /* @__PURE__ */ l(
164
- T,
163
+ r.isExternal && /* @__PURE__ */ a(
164
+ R,
165
165
  {
166
166
  className: e.newTabIcon,
167
167
  size: 16
@@ -169,42 +169,42 @@ function Re({
169
169
  )
170
170
  ]
171
171
  },
172
- r._key ?? f
173
- ) : /* @__PURE__ */ l(
172
+ r._key ?? u
173
+ ) : /* @__PURE__ */ a(
174
174
  "button",
175
175
  {
176
- className: `${e.sublinkToggle} ${g === f ? e.open : ""}`,
177
- onMouseEnter: () => E(f),
176
+ className: `${e.sublinkToggle} ${g === u ? e.open : ""}`,
177
+ onMouseEnter: () => L(u),
178
178
  children: r.label
179
179
  },
180
- r._key ?? f
180
+ r._key ?? u
181
181
  )
182
182
  )
183
183
  ]
184
184
  }
185
185
  ),
186
- (o == null ? void 0 : o.sublinks) && ((H = o == null ? void 0 : o.sublinks) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ l(
186
+ (o == null ? void 0 : o.sublinks) && ((H = o == null ? void 0 : o.sublinks) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ a(
187
187
  "div",
188
188
  {
189
189
  className: `${e.sublinksColumn} ${e.childrenColumn}`,
190
- children: (o == null ? void 0 : o.sublinks) && w(
190
+ children: (o == null ? void 0 : o.sublinks) && p(
191
191
  o.sublinks,
192
- `${m}-${g}`
192
+ `${f}-${g}`
193
193
  )
194
194
  }
195
195
  ),
196
- (a == null ? void 0 : a.secondaryItems) && ((q = a == null ? void 0 : a.secondaryItems) == null ? void 0 : q.length) > 0 && /* @__PURE__ */ l(
196
+ (l == null ? void 0 : l.secondaryItems) && ((q = l == null ? void 0 : l.secondaryItems) == null ? void 0 : q.length) > 0 && /* @__PURE__ */ a(
197
197
  "div",
198
198
  {
199
199
  className: `${e.sublinksColumn} ${e.secondaryColumn}`,
200
- children: w(a.secondaryItems, `${m}-secondary`)
200
+ children: p(l.secondaryItems, `${f}-secondary`)
201
201
  }
202
202
  ),
203
- a.spotlight && /* @__PURE__ */ l(
203
+ l.spotlight && /* @__PURE__ */ a(
204
204
  "div",
205
205
  {
206
206
  className: `${e.sublinksColumn} ${e.spotlightColumn}`,
207
- children: a.spotlight
207
+ children: l.spotlight
208
208
  }
209
209
  )
210
210
  ] }) })
@@ -212,60 +212,60 @@ function Re({
212
212
  )
213
213
  ]
214
214
  },
215
- i
215
+ c
216
216
  );
217
- }), w = (n, a = "") => n.map((i) => {
218
- const m = `${a}/${i.label}`;
219
- return /* @__PURE__ */ l(
220
- be,
217
+ }), p = (n, l = "") => n.map((c) => {
218
+ const f = `${l}/${c.label}`;
219
+ return /* @__PURE__ */ a(
220
+ ke,
221
221
  {
222
- link: i,
223
- path: m,
224
- parentPath: a,
222
+ link: c,
223
+ path: f,
224
+ parentPath: l,
225
225
  openPath: C,
226
- togglePath: ue,
227
- updateTriangleIndicator: me,
228
- setOpenPath: u,
229
- renderLinks: w,
230
- buttonRefs: B
226
+ togglePath: be,
227
+ updateTriangleIndicator: ue,
228
+ setOpenPath: m,
229
+ renderLinks: p,
230
+ buttonRefs: O
231
231
  },
232
- m
232
+ f
233
233
  );
234
234
  });
235
- return console.log(v), /* @__PURE__ */ l(
235
+ return /* @__PURE__ */ a(
236
236
  "header",
237
237
  {
238
- ref: L,
239
- className: `${I ?? ""} ${ye[x]} ${$e[Z]} ${e.navbar} ${U ? e.sticky : ""} ${Y ? e.transparent : ""} ${b === "advanced" ? e.advanced : e.default}`,
238
+ ref: _,
239
+ className: `${ne ?? ""} ${Ce[x]} ${xe[ee]} ${e.navbar} ${Y ? e.sticky : ""} ${Z ? e.transparent : ""} ${b === "advanced" ? e.advanced : e.default}`,
240
240
  role: "navigation",
241
241
  "aria-label": "Main navigation",
242
- children: /* @__PURE__ */ c(
242
+ children: /* @__PURE__ */ t(
243
243
  "div",
244
244
  {
245
245
  className: `${e.container} ${(!s || s.length === 0) && x !== "center" ? e.twoColumn : ""}`,
246
246
  children: [
247
- z ? /* @__PURE__ */ l("div", { className: e.logo, children: z }) : /* @__PURE__ */ l("div", { className: e.title, children: Q }),
248
- /* @__PURE__ */ l(
247
+ S ? /* @__PURE__ */ a("div", { className: e.logo, children: S }) : /* @__PURE__ */ a("div", { className: e.title, children: U }),
248
+ /* @__PURE__ */ a(
249
249
  "nav",
250
250
  {
251
- ref: k,
251
+ ref: v,
252
252
  style: {
253
- left: x === "center" ? `calc(50% - ${ee / 2}px)` : "0"
253
+ left: x === "center" ? `calc(50% - ${ae / 2}px)` : "0"
254
254
  },
255
- className: `${e.nav} ${t ? e.open : ""} ${le ? e.visible : e.hidden}`,
255
+ className: `${e.nav} ${h ? e.open : ""} ${se ? e.visible : e.hidden}`,
256
256
  id: "main-menu",
257
257
  role: "menubar",
258
- children: /* @__PURE__ */ c("div", { className: e.navInner, children: [
259
- /* @__PURE__ */ l(
258
+ children: /* @__PURE__ */ t("div", { className: e.navInner, children: [
259
+ /* @__PURE__ */ a(
260
260
  "svg",
261
261
  {
262
- style: { left: `${se}px` },
262
+ style: { left: `${oe}px` },
263
263
  className: `${e.triangle} ${C ? e.show : ""}`,
264
264
  width: 16,
265
265
  height: 12,
266
266
  viewBox: "0 0 100 75",
267
267
  xmlns: "http://www.w3.org/2000/svg",
268
- children: /* @__PURE__ */ l(
268
+ children: /* @__PURE__ */ a(
269
269
  "polygon",
270
270
  {
271
271
  points: "50,5 95,70 5,70",
@@ -276,115 +276,122 @@ function Re({
276
276
  )
277
277
  }
278
278
  ),
279
- /* @__PURE__ */ l(
279
+ /* @__PURE__ */ a(
280
280
  "div",
281
281
  {
282
282
  className: `${e.triangle} ${C ? e.show : ""}`
283
283
  }
284
284
  ),
285
- !v && b === "default" && S && /* @__PURE__ */ l("div", { className: e.grid, children: w(S) }),
286
- !v && b === "advanced" && p && /* @__PURE__ */ l("div", { className: e.grid, children: fe(p) }),
287
- v && b === "advanced" && t && d.length === 0 && p && /* @__PURE__ */ l("div", { className: e.mobileMenu, children: p.map((n, a) => /* @__PURE__ */ l(
285
+ !w && b === "default" && A && /* @__PURE__ */ a("div", { className: e.grid, children: p(A) }),
286
+ !w && b === "advanced" && k && /* @__PURE__ */ a("div", { className: e.grid, children: ve(k) }),
287
+ w && b === "advanced" && h && i.length === 0 && k && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: k.map((n, l) => /* @__PURE__ */ a(
288
288
  "div",
289
289
  {
290
- className: e.mobileMenuItem,
291
- children: /* @__PURE__ */ l(
290
+ className: `${e.mobileMenuItem} ${E === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
291
+ children: /* @__PURE__ */ a(
292
292
  "button",
293
293
  {
294
294
  className: e.sublinkToggle,
295
- onClick: () => te(n),
295
+ onClick: () => he(n),
296
296
  children: n.title
297
297
  }
298
298
  )
299
299
  },
300
- n._key ?? a
300
+ n._key ?? l
301
301
  )) }),
302
- v && b === "advanced" && t && d.length > 0 && /* @__PURE__ */ c("div", { className: e.mobileMenuSlide, children: [
303
- /* @__PURE__ */ l(
304
- "button",
305
- {
306
- className: e.back,
307
- onClick: d.length === 1 ? ce : de,
308
- children: /* @__PURE__ */ l(Ne, { size: 18 })
309
- }
310
- ),
311
- d[d.length - 1].primary.map((n, a) => /* @__PURE__ */ l(
312
- "div",
313
- {
314
- className: e.mobileMenuItem,
315
- children: n.sublinks ? /* @__PURE__ */ l(
302
+ w && b === "advanced" && h && i.length > 0 && /* @__PURE__ */ t(
303
+ "div",
304
+ {
305
+ className: `${e.mobileMenuSlide} `,
306
+ children: [
307
+ /* @__PURE__ */ a(
316
308
  "button",
317
309
  {
318
- className: e.sublinkToggle,
319
- onClick: () => W(n),
320
- children: n.label
310
+ className: e.back,
311
+ onClick: i.length === 1 ? de : fe,
312
+ children: /* @__PURE__ */ a(pe, { size: 18 })
321
313
  }
322
- ) : /* @__PURE__ */ c(
323
- "a",
314
+ ),
315
+ i[i.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
316
+ "div",
324
317
  {
325
- href: n.href,
326
- className: e.link,
327
- target: n.isExternal ? "_blank" : "_self",
328
- rel: n.isExternal ? "noopener noreferrer" : void 0,
329
- role: "menuitem",
330
- children: [
331
- n.label,
332
- n.isExternal && /* @__PURE__ */ l(
333
- T,
318
+ className: `${e.mobileMenuItem} ${E === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
319
+ children: n.sublinks ? /* @__PURE__ */ a(
320
+ "button",
321
+ {
322
+ className: e.sublinkToggle,
323
+ onClick: () => F(n),
324
+ children: n.label
325
+ }
326
+ ) : /* @__PURE__ */ t(
327
+ "a",
328
+ {
329
+ href: n.href,
330
+ className: e.link,
331
+ target: n.isExternal ? "_blank" : "_self",
332
+ rel: n.isExternal ? "noopener noreferrer" : void 0,
333
+ role: "menuitem",
334
+ children: [
335
+ n.label,
336
+ n.isExternal && /* @__PURE__ */ a(
337
+ R,
338
+ {
339
+ className: e.newTabIcon,
340
+ size: 16
341
+ }
342
+ )
343
+ ]
344
+ }
345
+ )
346
+ },
347
+ n._key ?? `primary-${l}`
348
+ )),
349
+ i[i.length - 1].secondary.length > 0 && /* @__PURE__ */ a("hr", { className: e.groupDivider }),
350
+ i[i.length - 1].secondary.map(
351
+ (n, l) => /* @__PURE__ */ a(
352
+ "div",
353
+ {
354
+ className: `${e.mobileMenuItem} ${E === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
355
+ children: n.sublinks ? /* @__PURE__ */ a(
356
+ "button",
334
357
  {
335
- className: e.newTabIcon,
336
- size: 16
358
+ className: e.sublinkToggle,
359
+ onClick: () => F(n),
360
+ children: n.label
361
+ }
362
+ ) : /* @__PURE__ */ t(
363
+ "a",
364
+ {
365
+ href: n.href,
366
+ className: e.link,
367
+ target: n.isExternal ? "_blank" : "_self",
368
+ rel: n.isExternal ? "noopener noreferrer" : void 0,
369
+ role: "menuitem",
370
+ children: [
371
+ n.label,
372
+ n.isExternal && /* @__PURE__ */ a(
373
+ R,
374
+ {
375
+ className: e.newTabIcon,
376
+ size: 16
377
+ }
378
+ )
379
+ ]
337
380
  }
338
381
  )
339
- ]
340
- }
341
- )
342
- },
343
- n._key ?? `primary-${a}`
344
- )),
345
- d[d.length - 1].secondary.length > 0 && /* @__PURE__ */ l("hr", { className: e.groupDivider }),
346
- d[d.length - 1].secondary.map(
347
- (n, a) => /* @__PURE__ */ l(
348
- "div",
349
- {
350
- className: e.mobileMenuItem,
351
- children: n.sublinks ? /* @__PURE__ */ l(
352
- "button",
353
- {
354
- className: e.sublinkToggle,
355
- onClick: () => W(n),
356
- children: n.label
357
- }
358
- ) : /* @__PURE__ */ c(
359
- "a",
360
- {
361
- href: n.href,
362
- className: e.link,
363
- target: n.isExternal ? "_blank" : "_self",
364
- rel: n.isExternal ? "noopener noreferrer" : void 0,
365
- role: "menuitem",
366
- children: [
367
- n.label,
368
- n.isExternal && /* @__PURE__ */ l(
369
- T,
370
- {
371
- className: e.newTabIcon,
372
- size: 16
373
- }
374
- )
375
- ]
376
- }
382
+ },
383
+ n._key ?? `secondary-${l}`
377
384
  )
378
- },
379
- n._key ?? `secondary-${a}`
380
- )
381
- )
382
- ] })
385
+ )
386
+ ]
387
+ },
388
+ `stack-${i.length}`
389
+ )
383
390
  ] })
384
391
  }
385
392
  ),
386
- s && /* @__PURE__ */ l("nav", { className: e.utility, children: /* @__PURE__ */ l(K, { children: s.map((n, a) => /* @__PURE__ */ l(
387
- J,
393
+ s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(P, { children: s.map((n, l) => /* @__PURE__ */ a(
394
+ K,
388
395
  {
389
396
  as: "a",
390
397
  href: n.href ?? "/",
@@ -393,7 +400,7 @@ function Re({
393
400
  imageSrc: n.imageSrc,
394
401
  imageAlt: n.imageAlt,
395
402
  "aria-label": n.ariaLabel ?? n.label,
396
- children: s[1].imageSrc ? /* @__PURE__ */ l(
403
+ children: s[1].imageSrc ? /* @__PURE__ */ a(
397
404
  "img",
398
405
  {
399
406
  className: e.utilityImage,
@@ -402,14 +409,14 @@ function Re({
402
409
  }
403
410
  ) : s[1].label
404
411
  },
405
- n._key || a
412
+ n._key || l
406
413
  )) }) }),
407
- s && /* @__PURE__ */ l(
414
+ s && /* @__PURE__ */ a(
408
415
  "nav",
409
416
  {
410
- className: `${e.utilityMobile} ${t ? e.open : ""}`,
411
- children: /* @__PURE__ */ l(K, { alignment: "center", children: /* @__PURE__ */ l(
412
- J,
417
+ className: `${e.utilityMobile} ${h ? e.open : ""}`,
418
+ children: /* @__PURE__ */ a(P, { alignment: "center", children: /* @__PURE__ */ a(
419
+ K,
413
420
  {
414
421
  as: "a",
415
422
  href: s[1].href ?? "/",
@@ -418,7 +425,7 @@ function Re({
418
425
  imageSrc: s[1].imageSrc,
419
426
  imageAlt: s[1].imageAlt,
420
427
  "aria-label": s[1].ariaLabel ?? s[1].label,
421
- children: s[1].imageSrc ? /* @__PURE__ */ l(
428
+ children: s[1].imageSrc ? /* @__PURE__ */ a(
422
429
  "img",
423
430
  {
424
431
  className: e.utilityImage,
@@ -430,15 +437,15 @@ function Re({
430
437
  ) })
431
438
  }
432
439
  ),
433
- /* @__PURE__ */ l(
440
+ /* @__PURE__ */ a(
434
441
  "button",
435
442
  {
436
443
  className: e.menuToggle,
437
- onClick: he,
438
- "aria-label": t ? "Close menu" : "Open menu",
439
- "aria-expanded": t,
444
+ onClick: me,
445
+ "aria-label": h ? "Close menu" : "Open menu",
446
+ "aria-expanded": h,
440
447
  "aria-controls": "main-menu",
441
- children: t ? /* @__PURE__ */ l(ve, { size: 24 }) : /* @__PURE__ */ l(we, { size: 24 })
448
+ children: h ? /* @__PURE__ */ a($e, { size: 24 }) : /* @__PURE__ */ a(ye, { size: 24 })
442
449
  }
443
450
  )
444
451
  ]
@@ -448,5 +455,5 @@ function Re({
448
455
  );
449
456
  }
450
457
  export {
451
- Re as Navbar
458
+ We as Navbar
452
459
  };
package/dist/styles.css CHANGED
@@ -42,7 +42,7 @@ ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-s
42
42
  ._wrapper_13tha_1{display:flex;flex-direction:column;position:relative}._input_13tha_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_13tha_7::placeholder{color:var(--color-muted)}._input_13tha_7:focus{border-color:var(--color-primary)}._popover_13tha_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)}
43
43
  ._wrapper_7toxm_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_7toxm_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_7toxm_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-muted);border-radius:4px;outline:none}._track_7toxm_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._track_7toxm_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._value_7toxm_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}._error_7toxm_52{color:var(--color-error)}._errorMessage_7toxm_56{font-size:var(--font-size-sm);color:var(--color-error)}
44
44
  ._wrapper_s8dew_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._dropZone_s8dew_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_s8dew_7 p{color:var(--color-text-primary)}._dropZone_s8dew_7:hover{background-color:var(--color-background)}._dragging_s8dew_25{background-color:var(--color-primary);border-color:var(--color-primary)}._input_s8dew_30{display:none}._fileList_s8dew_34{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);list-style:none;padding:0}._fileList_s8dew_34 li{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}._fileList_s8dew_34 li button{cursor:pointer}
45
- :root{--nav-height: 65px}._navbar_j4rn5_5{position:relative;height:var(--nav-height);z-index:1000}._left_j4rn5_19 ._container_j4rn5_20{justify-content:flex-start}._left_j4rn5_19 ._logo_j4rn5_24{flex:unset}._left_j4rn5_19 ._nav_j4rn5_5{flex:1}@media (max-width: 767px){._left_j4rn5_19 ._logo_j4rn5_24{flex:1}}._center_j4rn5_39 ._nav_j4rn5_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_j4rn5_39 ._nav_j4rn5_5._hidden_j4rn5_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_j4rn5_39 ._nav_j4rn5_5._visible_j4rn5_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_j4rn5_39 ._logo_j4rn5_24{flex:1}}._right_j4rn5_67 ._container_j4rn5_20{justify-content:flex-end}._right_j4rn5_67 ._logo_j4rn5_24,._right_j4rn5_67 ._title_j4rn5_73{flex:1}._right_j4rn5_67 ._nav_j4rn5_5{flex:unset}._default_j4rn5_82 ._sublinks_j4rn5_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_j4rn5_82 ._sublinks_j4rn5_83{position:relative}}._default_j4rn5_82 ._sublinksInner_j4rn5_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}@media (max-width: 767px){._default_j4rn5_82 ._sublinksInner_j4rn5_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_j4rn5_82 ._linkItem_j4rn5_109{justify-content:flex-start}._minimal_j4rn5_114{left:0;background-color:#fff}._minimal_j4rn5_114 ._menuToggle_j4rn5_118{grid-area:unset}._minimal_j4rn5_114 ._linkWrapper_j4rn5_122{position:relative}._minimal_j4rn5_114 ._sublinks_j4rn5_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_j4rn5_114 ._sublinks_j4rn5_83{position:relative;justify-content:center;align-items:center}}._minimal_j4rn5_114 ._sublinksInner_j4rn5_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_j4rn5_114 ._sublinksInner_j4rn5_95{justify-content:center;align-items:center}}._minimal_j4rn5_114 ._linkItem_j4rn5_109{justify-content:flex-end}@media (max-width: 767px){._minimal_j4rn5_114 ._linkItem_j4rn5_109{justify-content:center;align-items:center}}._minimal_j4rn5_114 ._triangle_j4rn5_160{display:none}._transparent_j4rn5_165{background-color:transparent}._transparent_j4rn5_165 ._nav_j4rn5_5{height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md);z-index:1001;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_j4rn5_165 ._nav_j4rn5_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_j4rn5_165 ._nav_j4rn5_5:before{border-radius:0}}._transparent_j4rn5_165 ._menuToggle_j4rn5_118: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_j4rn5_217{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_j4rn5_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_j4rn5_20{grid-template-areas:"first second third fourth"}}._container_j4rn5_20._twoColumn_j4rn5_246{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_j4rn5_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_j4rn5_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_j4rn5_24 img{height:auto;width:auto}._menuToggle_j4rn5_118{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_j4rn5_118 svg{position:relative;z-index:5}._utilityMobile_j4rn5_293{display:none;grid-area:third;justify-content:flex-end}._utility_j4rn5_293{grid-area:third;display:flex;justify-content:flex-end}._utility_j4rn5_293 a{font-size:var(--font-size-sm)}._nav_j4rn5_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;grid-gap:var(--spacing-sm);transition:transform .3s ease}@media (max-width: 767px){._nav_j4rn5_5{height:100vh}}._navInner_j4rn5_321{position:relative}@media (max-width: 767px){._navInner_j4rn5_321{margin:var(--spacing-xl) auto 0;min-width:300px}}._grid_j4rn5_330{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_j4rn5_330{display:flex;flex-direction:column}}._linkItem_j4rn5_109{display:flex;align-items:center;box-sizing:border-box}._navTitle_j4rn5_355,._sublinkToggle_j4rn5_356,._link_j4rn5_109{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_j4rn5_355 ._newTabIcon_j4rn5_371,._sublinkToggle_j4rn5_356 ._newTabIcon_j4rn5_371,._link_j4rn5_109 ._newTabIcon_j4rn5_371{color:var(--color-muted);transition:color .3s ease-in-out}._link_j4rn5_109:hover,._link_j4rn5_109._open_j4rn5_378,._sublinkToggle_j4rn5_356:hover,._sublinkToggle_j4rn5_356._open_j4rn5_378,._link_j4rn5_109:hover ._newTabIcon_j4rn5_371,._link_j4rn5_109._open_j4rn5_378 ._newTabIcon_j4rn5_371,._sublinkToggle_j4rn5_356:hover ._newTabIcon_j4rn5_371,._sublinkToggle_j4rn5_356._open_j4rn5_378 ._newTabIcon_j4rn5_371,._navItem_j4rn5_388:hover{color:var(--color-primary)}._sublinkToggle_j4rn5_356,._back_j4rn5_393{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_j4rn5_83{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease,opacity .3s ease,visibility .3s ease}._sublinks_j4rn5_83._show_j4rn5_436{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_j4rn5_160{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_j4rn5_160._show_j4rn5_436{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_j4rn5_466{border-right:1px solid var(--color-border)}._secondaryColumn_j4rn5_470{background-color:var(--color-border)}._spotlightColumn_j4rn5_474{background-color:var(--color-secondary)}._sublinksInner_j4rn5_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_j4rn5_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_j4rn5_496{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_j4rn5_496{padding:0}}._chevron_j4rn5_506{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_j4rn5_356._open_j4rn5_378 ._chevron_j4rn5_506{transform:rotate(180deg)}@media (max-width: 767px){._logo_j4rn5_24{flex:1}._menuToggle_j4rn5_118{display:flex;align-items:center;justify-content:center}._utility_j4rn5_293 a:not(._utility_j4rn5_293 a:first-of-type){display:none}._utilityMobile_j4rn5_293{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_j4rn5_293._open_j4rn5_378{transform:translateY(0)}._nav_j4rn5_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_j4rn5_5._open_j4rn5_378{transform:translate(0)}._linkWrapper_j4rn5_122{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_j4rn5_122._parent_j4rn5_585{border-bottom:1px solid var(--color-border)}._linkWrapper_j4rn5_122._parent_j4rn5_585:last-of-type{border:none}._linkItem_j4rn5_109{width:100%}._chevron_j4rn5_506{display:none}._sublinks_j4rn5_83{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_j4rn5_356{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_j4rn5_622 ._sublinkToggle_j4rn5_356{pointer-events:all;color:var(--color-text-primary);width:100%}._advanced_j4rn5_622 ._back_j4rn5_393{margin-bottom:var(--spacing-lg)}._groupDivider_j4rn5_635{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_j4rn5_643,._mobileMenuSlide_j4rn5_644{display:flex;flex-direction:column;gap:var(--spacing-md)}
45
+ :root{--nav-height: 65px}._navbar_1t199_5{position:relative;height:var(--nav-height);z-index:1000}._left_1t199_19 ._container_1t199_20{justify-content:flex-start}._left_1t199_19 ._logo_1t199_24{flex:unset}._left_1t199_19 ._nav_1t199_5{flex:1}@media (max-width: 767px){._left_1t199_19 ._logo_1t199_24{flex:1}}._center_1t199_39 ._nav_1t199_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1t199_39 ._nav_1t199_5._hidden_1t199_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1t199_39 ._nav_1t199_5._visible_1t199_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1t199_39 ._logo_1t199_24{flex:1}}._right_1t199_67 ._container_1t199_20{justify-content:flex-end}._right_1t199_67 ._logo_1t199_24,._right_1t199_67 ._title_1t199_73{flex:1}._right_1t199_67 ._nav_1t199_5{flex:unset}._default_1t199_82 ._sublinks_1t199_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1t199_82 ._sublinks_1t199_83{position:relative}}._default_1t199_82 ._sublinksInner_1t199_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}@media (max-width: 767px){._default_1t199_82 ._sublinksInner_1t199_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1t199_82 ._linkItem_1t199_109{justify-content:flex-start}._minimal_1t199_114{left:0;background-color:#fff}._minimal_1t199_114 ._menuToggle_1t199_118{grid-area:unset}._minimal_1t199_114 ._linkWrapper_1t199_122{position:relative}._minimal_1t199_114 ._sublinks_1t199_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1t199_114 ._sublinks_1t199_83{position:relative;justify-content:center;align-items:center}}._minimal_1t199_114 ._sublinksInner_1t199_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1t199_114 ._sublinksInner_1t199_95{justify-content:center;align-items:center}}._minimal_1t199_114 ._linkItem_1t199_109{justify-content:flex-end}@media (max-width: 767px){._minimal_1t199_114 ._linkItem_1t199_109{justify-content:center;align-items:center}}._minimal_1t199_114 ._triangle_1t199_160{display:none}._transparent_1t199_165{background-color:transparent}._transparent_1t199_165 ._nav_1t199_5{height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md);z-index:1001;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1t199_165 ._nav_1t199_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1t199_165 ._nav_1t199_5:before{border-radius:0}}._transparent_1t199_165 ._menuToggle_1t199_118: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_1t199_217{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1t199_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_1t199_20{grid-template-areas:"first second third fourth"}}._container_1t199_20._twoColumn_1t199_246{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1t199_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1t199_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_1t199_24 img{height:auto;width:auto}._menuToggle_1t199_118{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1t199_118 svg{position:relative;z-index:5}._utilityMobile_1t199_293{display:none;grid-area:third;justify-content:flex-end}._utility_1t199_293{grid-area:third;display:flex;justify-content:flex-end}._utility_1t199_293 a{font-size:var(--font-size-sm)}._nav_1t199_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;grid-gap:var(--spacing-sm);transition:transform .3s ease}@media (max-width: 767px){._nav_1t199_5{height:100vh}}._navInner_1t199_321{position:relative}@media (max-width: 767px){._navInner_1t199_321{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1t199_332{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1t199_332{display:flex;flex-direction:column}}._linkItem_1t199_109{display:flex;align-items:center;box-sizing:border-box}._navTitle_1t199_357,._sublinkToggle_1t199_358,._link_1t199_109{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_1t199_357 ._newTabIcon_1t199_373,._sublinkToggle_1t199_358 ._newTabIcon_1t199_373,._link_1t199_109 ._newTabIcon_1t199_373{color:var(--color-muted);transition:color .3s ease-in-out}._link_1t199_109:hover,._link_1t199_109._open_1t199_380,._sublinkToggle_1t199_358:hover,._sublinkToggle_1t199_358._open_1t199_380,._link_1t199_109:hover ._newTabIcon_1t199_373,._link_1t199_109._open_1t199_380 ._newTabIcon_1t199_373,._sublinkToggle_1t199_358:hover ._newTabIcon_1t199_373,._sublinkToggle_1t199_358._open_1t199_380 ._newTabIcon_1t199_373,._navItem_1t199_390:hover{color:var(--color-primary)}._sublinkToggle_1t199_358,._back_1t199_395{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1t199_83{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease,opacity .3s ease,visibility .3s ease}._sublinks_1t199_83._show_1t199_438{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1t199_160{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_1t199_160._show_1t199_438{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1t199_468{border-right:1px solid var(--color-border)}._secondaryColumn_1t199_472{background-color:var(--color-border)}._spotlightColumn_1t199_476{background-color:var(--color-secondary)}._sublinksInner_1t199_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1t199_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1t199_498{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1t199_498{padding:0}}._chevron_1t199_508{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1t199_358._open_1t199_380 ._chevron_1t199_508{transform:rotate(180deg)}@media (max-width: 767px){._logo_1t199_24{flex:1}._menuToggle_1t199_118{display:flex;align-items:center;justify-content:center}._utility_1t199_293 a:not(._utility_1t199_293 a:first-of-type){display:none}._utilityMobile_1t199_293{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_1t199_293._open_1t199_380{transform:translateY(0)}._nav_1t199_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_1t199_5._open_1t199_380{transform:translate(0)}._linkWrapper_1t199_122{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1t199_122._parent_1t199_587{border-bottom:1px solid var(--color-border)}._linkWrapper_1t199_122._parent_1t199_587:last-of-type{border:none}._linkItem_1t199_109{width:100%}._chevron_1t199_508{display:none}._sublinks_1t199_83{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_1t199_358{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_1t199_624 ._sublinkToggle_1t199_358{pointer-events:all;color:var(--color-text-primary);width:100%}._advanced_1t199_624 ._back_1t199_395{margin-bottom:var(--spacing-lg)}._groupDivider_1t199_637{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1t199_645,._mobileMenuSlide_1t199_646{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1t199_656{opacity:0}._fadeInFromLeft_1t199_660{animation:_fadeInFromLeft_1t199_660 .3s ease-in-out forwards}._fadeInFromRight_1t199_664{animation:_fadeInFromRight_1t199_664 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1t199_660{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1t199_664{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}
46
46
  ._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_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_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_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_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}
47
47
  ._footer_xfxi7_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_xfxi7_8{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_xfxi7_17{width:100%}._primaryNav_xfxi7_21{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_xfxi7_21{flex-direction:column}}._secondaryNav_xfxi7_30{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_xfxi7_30 a:has(img){height:unset;background-color:transparent}._secondaryNav_xfxi7_30 a:has(img) img{width:175px;height:auto}._secondaryNav_xfxi7_30 a:has(img):hover{background-color:transparent}@media (max-width: 480px){._secondaryNav_xfxi7_30{flex-direction:column-reverse}._secondaryNav_xfxi7_30 nav{width:100%}}._details_xfxi7_62{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}._nav_xfxi7_69{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_xfxi7_77{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}._socialItems_xfxi7_83{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm)}._socialItems_xfxi7_83 ._group_xfxi7_90{min-width:unset}._socialItems_xfxi7_83 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_xfxi7_99{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_xfxi7_90{min-width:140px}._groupTitle_xfxi7_109{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_xfxi7_114{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_xfxi7_122{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_xfxi7_122{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_xfxi7_122 ._newTabIcon_xfxi7_140{color:var(--color-muted);transition:color .3s ease-in-out}._link_xfxi7_122:hover,._link_xfxi7_122:hover ._newTabIcon_xfxi7_140{color:var(--color-primary)}._bottom_xfxi7_154{text-align:left;font-size:var(--font-size-sm);color:var(--color-muted)}._left_xfxi7_161 ._container_xfxi7_8{justify-content:flex-start}._left_xfxi7_161 ._logo_xfxi7_77{flex:unset}._left_xfxi7_161 ._nav_xfxi7_69{flex:1}@media (max-width: 767px){._left_xfxi7_161 ._logo_xfxi7_77{flex:1}}._center_xfxi7_181 ._nav_xfxi7_69{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_xfxi7_181 ._nav_xfxi7_69._hidden_xfxi7_187{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_xfxi7_181 ._nav_xfxi7_69._visible_xfxi7_194{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_xfxi7_181 ._logo_xfxi7_77{flex:1}}._right_xfxi7_209 ._container_xfxi7_8{justify-content:flex-end}._right_xfxi7_209 ._logo_xfxi7_77,._right_xfxi7_209 ._title_xfxi7_215{flex:1}._right_xfxi7_209 ._nav_xfxi7_69{flex:unset}
48
48
  ._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_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_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);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.215",
4
+ "version": "0.0.217",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
@@ -1,121 +0,0 @@
1
- import { jsxs as i, jsx as o } from "react/jsx-runtime";
2
- import { useRef as g } from "react";
3
- import { E as k } from "./external-link-BOPobeQJ.js";
4
- import { C as p } from "./chevron-down-DSUzBz9F.js";
5
- import './assets/NavLink.css';const h = "_navbar_j4rn5_5", C = "_left_j4rn5_19", f = "_container_j4rn5_20", y = "_logo_j4rn5_24", I = "_nav_j4rn5_5", w = "_center_j4rn5_39", M = "_hidden_j4rn5_45", N = "_visible_j4rn5_52", T = "_right_j4rn5_67", x = "_title_j4rn5_73", E = "_sublinks_j4rn5_83", $ = "_sublinksInner_j4rn5_95", D = "_linkItem_j4rn5_109", S = "_minimal_j4rn5_114", W = "_menuToggle_j4rn5_118", L = "_linkWrapper_j4rn5_122", z = "_triangle_j4rn5_160", R = "_transparent_j4rn5_165", q = "_sticky_j4rn5_217", A = "_twoColumn_j4rn5_246", B = "_utilityMobile_j4rn5_293", F = "_utility_j4rn5_293", G = "_navInner_j4rn5_321", H = "_grid_j4rn5_330", J = "_sublinkToggle_j4rn5_356", K = "_link_j4rn5_109", Q = "_newTabIcon_j4rn5_371", U = "_open_j4rn5_378", V = "_back_j4rn5_393", X = "_show_j4rn5_436", Y = "_primaryColumn_j4rn5_466", Z = "_secondaryColumn_j4rn5_470", O = "_spotlightColumn_j4rn5_474", P = "_sublinksColumn_j4rn5_496", nn = "_chevron_j4rn5_506", en = "_parent_j4rn5_585", rn = "_advanced_j4rn5_622", on = "_groupDivider_j4rn5_635", sn = "_mobileMenu_j4rn5_643", ln = "_mobileMenuSlide_j4rn5_644", e = {
6
- navbar: h,
7
- left: C,
8
- container: f,
9
- logo: y,
10
- nav: I,
11
- center: w,
12
- hidden: M,
13
- visible: N,
14
- right: T,
15
- title: x,
16
- default: "_default_j4rn5_82",
17
- sublinks: E,
18
- sublinksInner: $,
19
- linkItem: D,
20
- minimal: S,
21
- menuToggle: W,
22
- linkWrapper: L,
23
- triangle: z,
24
- transparent: R,
25
- sticky: q,
26
- twoColumn: A,
27
- utilityMobile: B,
28
- utility: F,
29
- navInner: G,
30
- grid: H,
31
- sublinkToggle: J,
32
- link: K,
33
- newTabIcon: Q,
34
- open: U,
35
- back: V,
36
- show: X,
37
- primaryColumn: Y,
38
- secondaryColumn: Z,
39
- spotlightColumn: O,
40
- sublinksColumn: P,
41
- chevron: nn,
42
- parent: en,
43
- advanced: rn,
44
- groupDivider: on,
45
- mobileMenu: sn,
46
- mobileMenuSlide: ln
47
- };
48
- function un({
49
- link: n,
50
- path: r,
51
- parentPath: t,
52
- openPath: b,
53
- togglePath: c,
54
- updateTriangleIndicator: d,
55
- setOpenPath: s,
56
- renderLinks: j,
57
- buttonRefs: v
58
- }) {
59
- var u;
60
- const l = b === r, _ = !!((u = n.sublinks) != null && u.length), a = g(null);
61
- return v.current.set(r, a.current), /* @__PURE__ */ i(
62
- "div",
63
- {
64
- className: `${e.linkWrapper} ${t ? "" : e.parent}`,
65
- children: [
66
- /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ i(
67
- "a",
68
- {
69
- href: n.href,
70
- className: e.link,
71
- target: n.isExternal ? "_blank" : "_self",
72
- rel: n.isExternal ? "noopener noreferrer" : void 0,
73
- onClick: () => {
74
- var m;
75
- s(null), (m = n.onClick) == null || m.call(n);
76
- },
77
- onMouseEnter: () => {
78
- t || s(null);
79
- },
80
- role: "menuitem",
81
- children: [
82
- n.label,
83
- n.isExternal && /* @__PURE__ */ o(k, { className: e.newTabIcon, size: 16 })
84
- ]
85
- }
86
- ) : /* @__PURE__ */ i(
87
- "button",
88
- {
89
- ref: a,
90
- "aria-haspopup": _ ? "true" : void 0,
91
- "aria-expanded": l,
92
- className: `${e.sublinkToggle} ${l ? e.open : ""}`,
93
- onClick: () => c(r),
94
- onMouseEnter: () => {
95
- d(r), s(r);
96
- },
97
- children: [
98
- n.label,
99
- _ && /* @__PURE__ */ o(p, { size: 18, className: e.chevron })
100
- ]
101
- }
102
- ) }),
103
- _ && /* @__PURE__ */ o(
104
- "div",
105
- {
106
- className: `${e.sublinks} ${l ? e.show : ""}`,
107
- onMouseLeave: () => c(r),
108
- role: "menu",
109
- "aria-label": `${n.label} submenu`,
110
- children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: e.sublinksInner, children: /* @__PURE__ */ o("div", { className: e.sublinksColumn, children: j(n.sublinks, r) }) }) })
111
- }
112
- )
113
- ]
114
- },
115
- r
116
- );
117
- }
118
- export {
119
- un as N,
120
- e as s
121
- };