quirk-ui 0.0.221 → 0.0.223

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,126 @@
1
+ import { jsxs as l, jsx as o } from "react/jsx-runtime";
2
+ import { useRef as g } from "react";
3
+ import { E as v } from "./external-link-BOPobeQJ.js";
4
+ import { C as k } from "./chevron-down-DSUzBz9F.js";
5
+ import './assets/NavLink.css';const f = "_navbar_1bihp_5", I = "_left_1bihp_19", C = "_container_1bihp_20", w = "_logo_1bihp_24", y = "_nav_1bihp_5", M = "_center_1bihp_39", N = "_hidden_1bihp_45", T = "_visible_1bihp_52", S = "_right_1bihp_67", x = "_title_1bihp_73", E = "_sublinks_1bihp_83", $ = "_sublinksInner_1bihp_95", F = "_withSpotlight_1bihp_102", L = "_withoutSpotlight_1bihp_106", R = "_linkItem_1bihp_117", D = "_minimal_1bihp_122", W = "_menuToggle_1bihp_126", j = "_linkWrapper_1bihp_130", z = "_triangle_1bihp_168", q = "_transparent_1bihp_173", A = "_sticky_1bihp_225", B = "_twoColumn_1bihp_254", G = "_utilityMobile_1bihp_301", H = "_utility_1bihp_301", J = "_navInner_1bihp_329", K = "_grid_1bihp_340", Q = "_sublinkToggle_1bihp_366", U = "_link_1bihp_117", V = "_newTabIcon_1bihp_381", X = "_open_1bihp_388", Y = "_back_1bihp_403", Z = "_show_1bihp_451", O = "_primaryColumn_1bihp_482", P = "_secondaryColumn_1bihp_491", nn = "_spotlightColumn_1bihp_495", en = "_sublinksColumn_1bihp_517", on = "_chevron_1bihp_527", tn = "_parent_1bihp_606", sn = "_advanced_1bihp_643", _n = "_groupDivider_1bihp_667", ln = "_mobileMenu_1bihp_675", rn = "_mobileMenuSlide_1bihp_676", bn = "_mobileMenuItem_1bihp_686", cn = "_fadeInFromLeft_1bihp_690", an = "_fadeInFromRight_1bihp_694", i = {
6
+ navbar: f,
7
+ left: I,
8
+ container: C,
9
+ logo: w,
10
+ nav: y,
11
+ center: M,
12
+ hidden: N,
13
+ visible: T,
14
+ right: S,
15
+ title: x,
16
+ default: "_default_1bihp_82",
17
+ sublinks: E,
18
+ sublinksInner: $,
19
+ withSpotlight: F,
20
+ withoutSpotlight: L,
21
+ linkItem: R,
22
+ minimal: D,
23
+ menuToggle: W,
24
+ linkWrapper: j,
25
+ triangle: z,
26
+ transparent: q,
27
+ sticky: A,
28
+ twoColumn: B,
29
+ utilityMobile: G,
30
+ utility: H,
31
+ navInner: J,
32
+ grid: K,
33
+ sublinkToggle: Q,
34
+ link: U,
35
+ newTabIcon: V,
36
+ open: X,
37
+ back: Y,
38
+ show: Z,
39
+ primaryColumn: O,
40
+ secondaryColumn: P,
41
+ spotlightColumn: nn,
42
+ sublinksColumn: en,
43
+ chevron: on,
44
+ parent: tn,
45
+ advanced: sn,
46
+ groupDivider: _n,
47
+ mobileMenu: ln,
48
+ mobileMenuSlide: rn,
49
+ mobileMenuItem: bn,
50
+ fadeInFromLeft: cn,
51
+ fadeInFromRight: an
52
+ };
53
+ function dn({
54
+ link: n,
55
+ path: e,
56
+ parentPath: r,
57
+ openPath: p,
58
+ togglePath: b,
59
+ updateTriangleIndicator: u,
60
+ setOpenPath: t,
61
+ renderLinks: m,
62
+ buttonRefs: d
63
+ }) {
64
+ var a;
65
+ const s = p === e, _ = !!((a = n.sublinks) != null && a.length), c = g(null);
66
+ return d.current.set(e, c.current), /* @__PURE__ */ l(
67
+ "div",
68
+ {
69
+ className: `${i.linkWrapper} ${r ? "" : i.parent}`,
70
+ children: [
71
+ /* @__PURE__ */ o("div", { className: i.linkItem, children: n.href ? /* @__PURE__ */ l(
72
+ "a",
73
+ {
74
+ href: n.href,
75
+ className: i.link,
76
+ target: n.isExternal ? "_blank" : "_self",
77
+ rel: n.isExternal ? "noopener noreferrer" : void 0,
78
+ onClick: () => {
79
+ var h;
80
+ t(null), (h = n.onClick) == null || h.call(n);
81
+ },
82
+ onMouseEnter: () => {
83
+ r || t(null);
84
+ },
85
+ role: "menuitem",
86
+ children: [
87
+ n.label,
88
+ n.isExternal && /* @__PURE__ */ o(v, { className: i.newTabIcon, size: 16 })
89
+ ]
90
+ }
91
+ ) : /* @__PURE__ */ l(
92
+ "button",
93
+ {
94
+ ref: c,
95
+ "aria-haspopup": _ ? "true" : void 0,
96
+ "aria-expanded": s,
97
+ className: `${i.sublinkToggle} ${s ? i.open : ""}`,
98
+ onClick: () => b(e),
99
+ onMouseEnter: () => {
100
+ u(e), t(e);
101
+ },
102
+ children: [
103
+ n.label,
104
+ _ && /* @__PURE__ */ o(k, { size: 18, className: i.chevron })
105
+ ]
106
+ }
107
+ ) }),
108
+ _ && /* @__PURE__ */ o(
109
+ "div",
110
+ {
111
+ className: `${i.sublinks} ${s ? i.show : ""}`,
112
+ onMouseLeave: () => b(e),
113
+ role: "menu",
114
+ "aria-label": `${n.label} submenu`,
115
+ children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: i.sublinksInner, children: /* @__PURE__ */ o("div", { className: i.sublinksColumn, children: m(n.sublinks, e) }) }) })
116
+ }
117
+ )
118
+ ]
119
+ },
120
+ e
121
+ );
122
+ }
123
+ export {
124
+ dn as N,
125
+ i as s
126
+ };
@@ -1 +1 @@
1
- :root{--nav-height: 65px}._navbar_rr24j_5{position:relative;height:var(--nav-height);z-index:1000}._left_rr24j_19 ._container_rr24j_20{justify-content:flex-start}._left_rr24j_19 ._logo_rr24j_24{flex:unset}._left_rr24j_19 ._nav_rr24j_5{flex:1}@media (max-width: 767px){._left_rr24j_19 ._logo_rr24j_24{flex:1}}._center_rr24j_39 ._nav_rr24j_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_rr24j_39 ._nav_rr24j_5._hidden_rr24j_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_rr24j_39 ._nav_rr24j_5._visible_rr24j_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_rr24j_39 ._logo_rr24j_24{flex:1}}._right_rr24j_67 ._container_rr24j_20{justify-content:flex-end}._right_rr24j_67 ._logo_rr24j_24,._right_rr24j_67 ._title_rr24j_73{flex:1}._right_rr24j_67 ._nav_rr24j_5{flex:unset}._default_rr24j_82 ._sublinks_rr24j_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_rr24j_82 ._sublinks_rr24j_83{position:relative}}._default_rr24j_82 ._sublinksInner_rr24j_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._default_rr24j_82 ._sublinksInner_rr24j_95._withSpotlight_rr24j_102{grid-template-columns:repeat(4,minmax(0,1fr))}._default_rr24j_82 ._sublinksInner_rr24j_95._withoutSpotlight_rr24j_106{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._default_rr24j_82 ._sublinksInner_rr24j_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_rr24j_82 ._linkItem_rr24j_117{justify-content:flex-start}._minimal_rr24j_122{left:0;background-color:#fff}._minimal_rr24j_122 ._menuToggle_rr24j_126{grid-area:unset}._minimal_rr24j_122 ._linkWrapper_rr24j_130{position:relative}._minimal_rr24j_122 ._sublinks_rr24j_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_rr24j_122 ._sublinks_rr24j_83{position:relative;justify-content:center;align-items:center}}._minimal_rr24j_122 ._sublinksInner_rr24j_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_rr24j_122 ._sublinksInner_rr24j_95{justify-content:center;align-items:center}}._minimal_rr24j_122 ._linkItem_rr24j_117{justify-content:flex-end}@media (max-width: 767px){._minimal_rr24j_122 ._linkItem_rr24j_117{justify-content:center;align-items:center}}._minimal_rr24j_122 ._triangle_rr24j_168{display:none}._transparent_rr24j_173{background-color:transparent}._transparent_rr24j_173 ._nav_rr24j_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_rr24j_173 ._nav_rr24j_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_rr24j_173 ._nav_rr24j_5:before{border-radius:0}}._transparent_rr24j_173 ._menuToggle_rr24j_126: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_rr24j_225{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_rr24j_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_rr24j_20{grid-template-areas:"first second third fourth"}}._container_rr24j_20._twoColumn_rr24j_254{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_rr24j_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_rr24j_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_rr24j_24 img{height:auto;width:auto}._menuToggle_rr24j_126{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_rr24j_126 svg{position:relative;z-index:5}._utilityMobile_rr24j_301{display:none;grid-area:third;justify-content:flex-end}._utility_rr24j_301{grid-area:third;display:flex;justify-content:flex-end}._utility_rr24j_301 a{font-size:var(--font-size-sm)}._nav_rr24j_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_rr24j_5{height:100vh}}._navInner_rr24j_329{position:relative}@media (max-width: 767px){._navInner_rr24j_329{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_rr24j_340{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_rr24j_340{display:flex;flex-direction:column}}._linkItem_rr24j_117{display:flex;align-items:center;box-sizing:border-box}._navTitle_rr24j_365,._sublinkToggle_rr24j_366,._link_rr24j_117{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_rr24j_365 ._newTabIcon_rr24j_381,._sublinkToggle_rr24j_366 ._newTabIcon_rr24j_381,._link_rr24j_117 ._newTabIcon_rr24j_381{color:var(--color-muted);transition:color .3s ease-in-out}._link_rr24j_117:hover,._link_rr24j_117._open_rr24j_388,._sublinkToggle_rr24j_366:hover,._sublinkToggle_rr24j_366._open_rr24j_388,._link_rr24j_117:hover ._newTabIcon_rr24j_381,._link_rr24j_117._open_rr24j_388 ._newTabIcon_rr24j_381,._sublinkToggle_rr24j_366:hover ._newTabIcon_rr24j_381,._sublinkToggle_rr24j_366._open_rr24j_388 ._newTabIcon_rr24j_381,._navItem_rr24j_398:hover{color:var(--color-primary)}._sublinkToggle_rr24j_366,._back_rr24j_403{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_rr24j_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_rr24j_83._show_rr24j_446{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_rr24j_168{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_rr24j_168._show_rr24j_446{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_rr24j_477{border-right:1px solid var(--color-border)}._primaryColumn_rr24j_477 ._sublinkToggle_rr24j_366:hover,._primaryColumn_rr24j_477 ._sublinkToggle_rr24j_366._open_rr24j_388{color:var(--color-primary)}._secondaryColumn_rr24j_486{background-color:var(--color-border)}._spotlightColumn_rr24j_490{background-color:var(--color-secondary)}._sublinksInner_rr24j_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_rr24j_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_rr24j_512{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_rr24j_512{padding:0}}._chevron_rr24j_522{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_rr24j_366._open_rr24j_388 ._chevron_rr24j_522{transform:rotate(180deg)}@media (max-width: 767px){._logo_rr24j_24{flex:1}._menuToggle_rr24j_126{display:flex;align-items:center;justify-content:center}._utility_rr24j_301 a:not(._utility_rr24j_301 a:first-of-type){display:none}._utilityMobile_rr24j_301{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_rr24j_301._open_rr24j_388{transform:translateY(0)}._nav_rr24j_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_rr24j_5._open_rr24j_388{transform:translate(0)}._linkWrapper_rr24j_130{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_rr24j_130._parent_rr24j_601{border-bottom:1px solid var(--color-border)}._linkWrapper_rr24j_130._parent_rr24j_601:last-of-type{border:none}._linkItem_rr24j_117{width:100%}._chevron_rr24j_522{display:none}._sublinks_rr24j_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_rr24j_366{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_rr24j_638 ._sublinkToggle_rr24j_366{pointer-events:all;color:var(--color-text-primary);width:fit-content;transition:color .3s ease-in-out}._advanced_rr24j_638 ._back_rr24j_403{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_rr24j_638 ._back_rr24j_403:hover{color:var(--color-primary)}._groupDivider_rr24j_657{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_rr24j_665,._mobileMenuSlide_rr24j_666{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_rr24j_676{opacity:0}._fadeInFromLeft_rr24j_680{animation:_fadeInFromLeft_rr24j_680 .3s ease-in-out forwards}._fadeInFromRight_rr24j_684{animation:_fadeInFromRight_rr24j_684 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_rr24j_680{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_rr24j_684{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
1
+ :root{--nav-height: 65px}._navbar_1bihp_5{position:relative;height:var(--nav-height);z-index:1000}._left_1bihp_19 ._container_1bihp_20{justify-content:flex-start}._left_1bihp_19 ._logo_1bihp_24{flex:unset}._left_1bihp_19 ._nav_1bihp_5{flex:1}@media (max-width: 767px){._left_1bihp_19 ._logo_1bihp_24{flex:1}}._center_1bihp_39 ._nav_1bihp_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1bihp_39 ._nav_1bihp_5._hidden_1bihp_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1bihp_39 ._nav_1bihp_5._visible_1bihp_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1bihp_39 ._logo_1bihp_24{flex:1}}._right_1bihp_67 ._container_1bihp_20{justify-content:flex-end}._right_1bihp_67 ._logo_1bihp_24,._right_1bihp_67 ._title_1bihp_73{flex:1}._right_1bihp_67 ._nav_1bihp_5{flex:unset}._default_1bihp_82 ._sublinks_1bihp_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1bihp_82 ._sublinks_1bihp_83{position:relative}}._default_1bihp_82 ._sublinksInner_1bihp_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._default_1bihp_82 ._sublinksInner_1bihp_95._withSpotlight_1bihp_102{grid-template-columns:repeat(4,minmax(0,1fr))}._default_1bihp_82 ._sublinksInner_1bihp_95._withoutSpotlight_1bihp_106{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._default_1bihp_82 ._sublinksInner_1bihp_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1bihp_82 ._linkItem_1bihp_117{justify-content:flex-start}._minimal_1bihp_122{left:0;background-color:#fff}._minimal_1bihp_122 ._menuToggle_1bihp_126{grid-area:unset}._minimal_1bihp_122 ._linkWrapper_1bihp_130{position:relative}._minimal_1bihp_122 ._sublinks_1bihp_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1bihp_122 ._sublinks_1bihp_83{position:relative;justify-content:center;align-items:center}}._minimal_1bihp_122 ._sublinksInner_1bihp_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1bihp_122 ._sublinksInner_1bihp_95{justify-content:center;align-items:center}}._minimal_1bihp_122 ._linkItem_1bihp_117{justify-content:flex-end}@media (max-width: 767px){._minimal_1bihp_122 ._linkItem_1bihp_117{justify-content:center;align-items:center}}._minimal_1bihp_122 ._triangle_1bihp_168{display:none}._transparent_1bihp_173{background-color:transparent}._transparent_1bihp_173 ._nav_1bihp_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_1bihp_173 ._nav_1bihp_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1bihp_173 ._nav_1bihp_5:before{border-radius:0}}._transparent_1bihp_173 ._menuToggle_1bihp_126: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_1bihp_225{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1bihp_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_1bihp_20{grid-template-areas:"first second third fourth"}}._container_1bihp_20._twoColumn_1bihp_254{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1bihp_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1bihp_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_1bihp_24 img{height:auto;width:auto}._menuToggle_1bihp_126{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_1bihp_126 svg{position:relative;z-index:5}._utilityMobile_1bihp_301{display:none;grid-area:third;justify-content:flex-end}._utility_1bihp_301{grid-area:third;display:flex;justify-content:flex-end}._utility_1bihp_301 a{font-size:var(--font-size-sm)}._nav_1bihp_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_1bihp_5{height:100vh}}._navInner_1bihp_329{position:relative}@media (max-width: 767px){._navInner_1bihp_329{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1bihp_340{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1bihp_340{display:flex;flex-direction:column}}._linkItem_1bihp_117{display:flex;align-items:center;box-sizing:border-box}._navTitle_1bihp_365,._sublinkToggle_1bihp_366,._link_1bihp_117{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_1bihp_365 ._newTabIcon_1bihp_381,._sublinkToggle_1bihp_366 ._newTabIcon_1bihp_381,._link_1bihp_117 ._newTabIcon_1bihp_381{color:var(--color-muted);transition:color .3s ease-in-out}._link_1bihp_117:hover,._link_1bihp_117._open_1bihp_388,._sublinkToggle_1bihp_366:hover,._sublinkToggle_1bihp_366._open_1bihp_388,._link_1bihp_117:hover ._newTabIcon_1bihp_381,._link_1bihp_117._open_1bihp_388 ._newTabIcon_1bihp_381,._sublinkToggle_1bihp_366:hover ._newTabIcon_1bihp_381,._sublinkToggle_1bihp_366._open_1bihp_388 ._newTabIcon_1bihp_381,._navItem_1bihp_398:hover{color:var(--color-primary)}._sublinkToggle_1bihp_366,._back_1bihp_403{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinkToggle_1bihp_366:hover,._sublinkToggle_1bihp_366._open_1bihp_388,._back_1bihp_403:hover,._back_1bihp_403._open_1bihp_388{color:var(--color-primary)}._sublinks_1bihp_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_1bihp_83._show_1bihp_451{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1bihp_168{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_1bihp_168._show_1bihp_451{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1bihp_482{border-right:1px solid var(--color-border)}._primaryColumn_1bihp_482 ._sublinkToggle_1bihp_366:hover,._primaryColumn_1bihp_482 ._sublinkToggle_1bihp_366._open_1bihp_388{color:var(--color-primary)}._secondaryColumn_1bihp_491{background-color:var(--color-border)}._spotlightColumn_1bihp_495{background-color:var(--color-secondary)}._sublinksInner_1bihp_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1bihp_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1bihp_517{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1bihp_517{padding:0}}._chevron_1bihp_527{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1bihp_366._open_1bihp_388 ._chevron_1bihp_527{transform:rotate(180deg)}@media (max-width: 767px){._logo_1bihp_24{flex:1}._menuToggle_1bihp_126{display:flex;align-items:center;justify-content:center}._utility_1bihp_301 a:not(._utility_1bihp_301 a:first-of-type){display:none}._utilityMobile_1bihp_301{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_1bihp_301._open_1bihp_388{transform:translateY(0)}._nav_1bihp_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_1bihp_5._open_1bihp_388{transform:translate(0)}._linkWrapper_1bihp_130{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1bihp_130._parent_1bihp_606{border-bottom:1px solid var(--color-border)}._linkWrapper_1bihp_130._parent_1bihp_606:last-of-type{border:none}._linkItem_1bihp_117{width:100%}._chevron_1bihp_527{display:none}._sublinks_1bihp_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_1bihp_366{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_1bihp_643 ._sublinkToggle_1bihp_366{pointer-events:all;color:var(--color-text-primary);width:fit-content;transition:color .3s ease-in-out}._advanced_1bihp_643 ._sublinkToggle_1bihp_366:hover,._advanced_1bihp_643 ._sublinkToggle_1bihp_366._open_1bihp_388{color:var(--color-primary)}._advanced_1bihp_643 ._back_1bihp_403{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_1bihp_643 ._back_1bihp_403:hover{color:var(--color-primary)}._groupDivider_1bihp_667{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1bihp_675,._mobileMenuSlide_1bihp_676{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1bihp_686{opacity:0}._fadeInFromLeft_1bihp_690{animation:_fadeInFromLeft_1bihp_690 .3s ease-in-out forwards}._fadeInFromRight_1bihp_694{animation:_fadeInFromRight_1bihp_694 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1bihp_690{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1bihp_694{0%{transform:translate(10px);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-CnYv3445.js";
3
+ import { N as a } from "../../NavLink-OB28r6KM.js";
4
4
  import "../../external-link-BOPobeQJ.js";
5
5
  import "../../chevron-down-DSUzBz9F.js";
6
6
  export {
@@ -1,66 +1,66 @@
1
1
  import { jsx as a, jsxs as d } from "react/jsx-runtime";
2
- import { useState as h, useEffect as R, useRef as y, useCallback as x } from "react";
3
- import { s as e, N as ge } from "../../NavLink-CnYv3445.js";
4
- import { CallToAction as Y } from "../CallToAction/index.js";
5
- import { ButtonGroup as Z } from "../ButtonGroup/index.js";
6
- import { c as P } from "../../createLucideIcon-C8GTh_Qx.js";
2
+ import { useState as h, useEffect as R, useRef as y, useCallback as S } from "react";
3
+ import { s as e, N as $e } from "../../NavLink-OB28r6KM.js";
4
+ import { CallToAction as U } from "../CallToAction/index.js";
5
+ import { ButtonGroup as Y } from "../ButtonGroup/index.js";
6
+ import { c as Z } from "../../createLucideIcon-C8GTh_Qx.js";
7
7
  import { E as T } from "../../external-link-BOPobeQJ.js";
8
- import { X as pe } from "../../x-CnsEH4Ox.js";
9
- import { C as we } from "../../chevron-down-DSUzBz9F.js";
8
+ import { X as ge } from "../../x-CnsEH4Ox.js";
9
+ import { C as pe } 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 Ne = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], ye = P("chevron-left", Ne);
16
+ const we = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Ne = Z("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 xe = [
23
+ const ye = [
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
- ], Ce = P("menu", xe), Le = {
27
+ ], xe = Z("menu", ye), Ce = {
28
28
  default: e.default,
29
29
  minimal: e.minimal
30
- }, Ee = {
30
+ }, Le = {
31
31
  left: e.left,
32
32
  center: e.center,
33
33
  right: e.right
34
34
  };
35
- function Be({
36
- title: ee,
35
+ function We({
36
+ title: P,
37
37
  logo: z,
38
38
  items: A,
39
39
  groups: k,
40
40
  utilityItems: s,
41
- isSticky: ne = !1,
42
- isTransparent: ae = !1,
43
- alignment: C = "right",
44
- variant: le = "default",
41
+ isSticky: ee = !1,
42
+ isTransparent: ne = !1,
43
+ alignment: x = "right",
44
+ variant: ae = "default",
45
45
  navigationType: b = "default",
46
- className: se
46
+ className: le
47
47
  }) {
48
- const [f, F] = h(!1), [W, m] = h(null), [re, oe] = h(0), [ie, ce] = h(!1), [te, de] = h(null), [i, $] = h([]), [g, L] = h(
48
+ const [f, F] = h(!1), [W, m] = h(null), [se, re] = h(0), [oe, ie] = h(!1), [ce, te] = h(null), [i, $] = h([]), [g, C] = h(
49
49
  0
50
- ), [he, B] = h(null), [p, fe] = h(!1), [E, M] = h("forward");
50
+ ), [de, B] = h(null), [p, he] = h(!1), [L, E] = h("forward");
51
51
  R(() => {
52
52
  if (typeof window < "u") {
53
53
  const n = () => {
54
54
  const l = window.innerWidth < 768;
55
- fe(l);
55
+ he(l);
56
56
  };
57
57
  return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
58
58
  }
59
59
  }, []);
60
- const me = () => {
60
+ const fe = () => {
61
61
  $([]);
62
- }, ue = (n) => {
63
- M("forward"), $([
62
+ }, me = (n) => {
63
+ E("forward"), $([
64
64
  {
65
65
  title: n.title,
66
66
  primary: n.primaryItems ?? [],
@@ -68,38 +68,36 @@ function Be({
68
68
  }
69
69
  ]);
70
70
  }, O = (n) => {
71
- M("forward"), $((l) => [
71
+ E("forward"), $((l) => [
72
72
  ...l,
73
73
  { title: n.label, primary: n.sublinks ?? [], secondary: [] }
74
74
  ]);
75
- }, be = () => {
76
- M("backward"), $((n) => n.slice(0, -1));
77
- }, S = y(null), v = y(null), _ = y(/* @__PURE__ */ new Map()), ve = () => {
75
+ }, ue = () => {
76
+ E("backward"), $((n) => n.slice(0, -1));
77
+ }, M = y(null), v = y(null), _ = y(/* @__PURE__ */ new Map()), be = () => {
78
78
  F((n) => !n);
79
79
  }, D = (n) => {
80
80
  const l = _.current.get(n);
81
81
  if (l && v.current) {
82
82
  const c = l.getBoundingClientRect(), t = v.current.getBoundingClientRect(), r = c.left - t.left + c.width / 2.5;
83
- de(r);
83
+ te(r);
84
84
  }
85
- }, ke = (n) => {
85
+ }, ve = (n) => {
86
86
  m((l) => l === n ? null : n);
87
- }, G = x((n) => {
88
- S.current && !S.current.contains(n.target) && m(null);
89
- }, []), j = x(() => {
90
- m(null);
91
- }, []), I = x(() => {
92
- X(), typeof window < "u" && window.innerWidth > 768 && (F(!1), m(null), typeof document < "u" && (document.body.style.overflow = ""));
93
- }, []), X = x(() => {
87
+ }, G = S((n) => {
88
+ M.current && !M.current.contains(n.target) && m(null);
89
+ }, []), j = S(() => {
90
+ I(), typeof window < "u" && window.innerWidth > 768 && (F(!1), m(null), typeof document < "u" && (document.body.style.overflow = ""));
91
+ }, []), I = S(() => {
94
92
  if (v.current) {
95
93
  const n = v.current.getBoundingClientRect().width;
96
- oe(n), ce(!0);
94
+ re(n), ie(!0);
97
95
  }
98
96
  }, []);
99
97
  R(() => {
100
98
  const n = typeof window < "u", l = typeof document < "u";
101
- return n && (window.addEventListener("resize", I), window.addEventListener("scroll", j)), l && document.addEventListener("click", G), X(), () => {
102
- n && (window.removeEventListener("resize", I), window.removeEventListener("scroll", j)), l && document.removeEventListener("click", G);
99
+ return n && window.addEventListener("resize", j), l && document.addEventListener("click", G), I(), () => {
100
+ n && window.removeEventListener("resize", j), l && document.removeEventListener("click", G);
103
101
  };
104
102
  }, []), R(() => {
105
103
  if (typeof document < "u")
@@ -107,10 +105,10 @@ function Be({
107
105
  document.body.style.overflow = "";
108
106
  };
109
107
  }, [f]);
110
- const $e = (n) => n.map((l, c) => {
111
- var H, q, J, K, Q;
112
- const t = `group-${c}`, N = he === c, r = (H = l.primaryItems) == null ? void 0 : H[g ?? 0], V = y(null);
113
- return _.current.set(t, V.current), /* @__PURE__ */ d(
108
+ const ke = (n) => n.map((l, c) => {
109
+ var V, H, q, J, K;
110
+ const t = `group-${c}`, N = de === c, r = (V = l.primaryItems) == null ? void 0 : V[g ?? 0], X = y(null);
111
+ return _.current.set(t, X.current), /* @__PURE__ */ d(
114
112
  "div",
115
113
  {
116
114
  className: `${e.linkWrapper} ${e.parent}`,
@@ -118,19 +116,19 @@ function Be({
118
116
  B(c), m(t), D(t);
119
117
  },
120
118
  onMouseLeave: () => {
121
- B(null), L(0), m(null);
119
+ B(null), C(0), m(null);
122
120
  },
123
121
  children: [
124
122
  /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ d(
125
123
  "button",
126
124
  {
127
- ref: V,
125
+ ref: X,
128
126
  "aria-haspopup": "true",
129
127
  "aria-expanded": N,
130
128
  className: `${e.sublinkToggle} ${N ? e.open : ""} `,
131
129
  children: [
132
130
  l.title,
133
- /* @__PURE__ */ a(we, { size: 18, className: e.chevron })
131
+ /* @__PURE__ */ a(pe, { size: 18, className: e.chevron })
134
132
  ]
135
133
  }
136
134
  ) }),
@@ -151,7 +149,7 @@ function Be({
151
149
  className: `${e.sublinksColumn} ${e.primaryColumn}`,
152
150
  children: [
153
151
  /* @__PURE__ */ a("div", { className: e.linkItem }),
154
- (q = l.primaryItems) == null ? void 0 : q.map(
152
+ (H = l.primaryItems) == null ? void 0 : H.map(
155
153
  (o, u) => o.href ? /* @__PURE__ */ d(
156
154
  "a",
157
155
  {
@@ -160,10 +158,10 @@ function Be({
160
158
  target: o.isExternal ? "_blank" : "_self",
161
159
  rel: o.isExternal ? "noopener noreferrer" : void 0,
162
160
  onClick: () => {
163
- var U;
164
- m(null), (U = o.onClick) == null || U.call(o);
161
+ var Q;
162
+ m(null), (Q = o.onClick) == null || Q.call(o);
165
163
  },
166
- onMouseEnter: () => o.sublinks ? L(u) : null,
164
+ onMouseEnter: () => o.sublinks ? C(u) : null,
167
165
  role: "menuitem",
168
166
  children: [
169
167
  o.label,
@@ -181,7 +179,7 @@ function Be({
181
179
  "button",
182
180
  {
183
181
  className: `${e.sublinkToggle} ${g === u ? e.open : ""}`,
184
- onMouseEnter: () => L(u),
182
+ onMouseEnter: () => C(u),
185
183
  children: o.label
186
184
  },
187
185
  o._key ?? u
@@ -190,7 +188,7 @@ function Be({
190
188
  ]
191
189
  }
192
190
  ),
193
- (r == null ? void 0 : r.sublinks) && ((J = r == null ? void 0 : r.sublinks) == null ? void 0 : J.length) > 0 && /* @__PURE__ */ a(
191
+ (r == null ? void 0 : r.sublinks) && ((q = r == null ? void 0 : r.sublinks) == null ? void 0 : q.length) > 0 && /* @__PURE__ */ a(
194
192
  "div",
195
193
  {
196
194
  className: `${e.sublinksColumn} ${e.childrenColumn} ${e.fadeInFromLeft}`,
@@ -199,9 +197,9 @@ function Be({
199
197
  `${t}-${g}`
200
198
  )
201
199
  },
202
- `${r.label}-${(K = r == null ? void 0 : r.sublinks) == null ? void 0 : K.length}`
200
+ `${r.label}-${(J = r == null ? void 0 : r.sublinks) == null ? void 0 : J.length}`
203
201
  ),
204
- (l == null ? void 0 : l.secondaryItems) && ((Q = l == null ? void 0 : l.secondaryItems) == null ? void 0 : Q.length) > 0 && /* @__PURE__ */ a(
202
+ (l == null ? void 0 : l.secondaryItems) && ((K = l == null ? void 0 : l.secondaryItems) == null ? void 0 : K.length) > 0 && /* @__PURE__ */ a(
205
203
  "div",
206
204
  {
207
205
  className: `${e.sublinksColumn} ${e.secondaryColumn}`,
@@ -227,13 +225,13 @@ function Be({
227
225
  }), w = (n, l = "") => n.map((c) => {
228
226
  const t = `${l}/${c.label}`;
229
227
  return /* @__PURE__ */ a(
230
- ge,
228
+ $e,
231
229
  {
232
230
  link: c,
233
231
  path: t,
234
232
  parentPath: l,
235
233
  openPath: W,
236
- togglePath: ke,
234
+ togglePath: ve,
237
235
  updateTriangleIndicator: D,
238
236
  setOpenPath: m,
239
237
  renderLinks: w,
@@ -245,31 +243,31 @@ function Be({
245
243
  return /* @__PURE__ */ a(
246
244
  "header",
247
245
  {
248
- ref: S,
249
- className: `${se ?? ""} ${Ee[C]} ${Le[le]} ${e.navbar} ${ne ? e.sticky : ""} ${ae ? e.transparent : ""} ${b === "advanced" ? e.advanced : e.default}`,
246
+ ref: M,
247
+ className: `${le ?? ""} ${Le[x]} ${Ce[ae]} ${e.navbar} ${ee ? e.sticky : ""} ${ne ? e.transparent : ""} ${b === "advanced" ? e.advanced : e.default}`,
250
248
  role: "navigation",
251
249
  "aria-label": "Main navigation",
252
250
  children: /* @__PURE__ */ d(
253
251
  "div",
254
252
  {
255
- className: `${e.container} ${(!s || s.length === 0) && C !== "center" ? e.twoColumn : ""}`,
253
+ className: `${e.container} ${(!s || s.length === 0) && x !== "center" ? e.twoColumn : ""}`,
256
254
  children: [
257
- z ? /* @__PURE__ */ a("div", { className: e.logo, children: z }) : /* @__PURE__ */ a("div", { className: e.title, children: ee }),
255
+ z ? /* @__PURE__ */ a("div", { className: e.logo, children: z }) : /* @__PURE__ */ a("div", { className: e.title, children: P }),
258
256
  /* @__PURE__ */ a(
259
257
  "nav",
260
258
  {
261
259
  ref: v,
262
260
  style: {
263
- left: C === "center" ? `calc(50% - ${re / 2}px)` : "0"
261
+ left: x === "center" ? `calc(50% - ${se / 2}px)` : "0"
264
262
  },
265
- className: `${e.nav} ${f ? e.open : ""} ${ie ? e.visible : e.hidden}`,
263
+ className: `${e.nav} ${f ? e.open : ""} ${oe ? e.visible : e.hidden}`,
266
264
  id: "main-menu",
267
265
  role: "menubar",
268
266
  children: /* @__PURE__ */ d("div", { className: e.navInner, children: [
269
267
  /* @__PURE__ */ a(
270
268
  "svg",
271
269
  {
272
- style: { left: `${te}px` },
270
+ style: { left: `${ce}px` },
273
271
  className: `${e.triangle} ${W ? e.show : ""}`,
274
272
  width: 16,
275
273
  height: 12,
@@ -287,16 +285,16 @@ function Be({
287
285
  }
288
286
  ),
289
287
  !p && b === "default" && A && /* @__PURE__ */ a("div", { className: e.grid, children: w(A) }),
290
- !p && b === "advanced" && k && /* @__PURE__ */ a("div", { className: e.grid, children: $e(k) }),
288
+ !p && b === "advanced" && k && /* @__PURE__ */ a("div", { className: e.grid, children: ke(k) }),
291
289
  p && b === "advanced" && f && i.length === 0 && k && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: k.map((n, l) => /* @__PURE__ */ a(
292
290
  "div",
293
291
  {
294
- className: `${e.mobileMenuItem} ${E === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
292
+ className: `${e.mobileMenuItem} ${L === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
295
293
  children: /* @__PURE__ */ a(
296
294
  "button",
297
295
  {
298
296
  className: e.sublinkToggle,
299
- onClick: () => ue(n),
297
+ onClick: () => me(n),
300
298
  children: n.title
301
299
  }
302
300
  )
@@ -312,14 +310,14 @@ function Be({
312
310
  "button",
313
311
  {
314
312
  className: e.back,
315
- onClick: i.length === 1 ? me : be,
316
- children: /* @__PURE__ */ a(ye, { size: 18 })
313
+ onClick: i.length === 1 ? fe : ue,
314
+ children: /* @__PURE__ */ a(Ne, { size: 18 })
317
315
  }
318
316
  ),
319
317
  i[i.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
320
318
  "div",
321
319
  {
322
- className: `${e.mobileMenuItem} ${E === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
320
+ className: `${e.mobileMenuItem} ${L === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
323
321
  children: n.sublinks ? /* @__PURE__ */ a(
324
322
  "button",
325
323
  {
@@ -355,7 +353,7 @@ function Be({
355
353
  (n, l) => /* @__PURE__ */ a(
356
354
  "div",
357
355
  {
358
- className: `${e.mobileMenuItem} ${E === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
356
+ className: `${e.mobileMenuItem} ${L === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
359
357
  children: n.sublinks ? /* @__PURE__ */ a(
360
358
  "button",
361
359
  {
@@ -394,8 +392,8 @@ function Be({
394
392
  ] })
395
393
  }
396
394
  ),
397
- s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(Z, { children: s.map((n, l) => /* @__PURE__ */ a(
398
- Y,
395
+ s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(Y, { children: s.map((n, l) => /* @__PURE__ */ a(
396
+ U,
399
397
  {
400
398
  as: "a",
401
399
  href: n.href ?? "/",
@@ -419,8 +417,8 @@ function Be({
419
417
  "nav",
420
418
  {
421
419
  className: `${e.utilityMobile} ${f ? e.open : ""}`,
422
- children: /* @__PURE__ */ a(Z, { alignment: "center", children: /* @__PURE__ */ a(
423
- Y,
420
+ children: /* @__PURE__ */ a(Y, { alignment: "center", children: /* @__PURE__ */ a(
421
+ U,
424
422
  {
425
423
  as: "a",
426
424
  href: s[1].href ?? "/",
@@ -445,11 +443,11 @@ function Be({
445
443
  "button",
446
444
  {
447
445
  className: e.menuToggle,
448
- onClick: ve,
446
+ onClick: be,
449
447
  "aria-label": f ? "Close menu" : "Open menu",
450
448
  "aria-expanded": f,
451
449
  "aria-controls": "main-menu",
452
- children: f ? /* @__PURE__ */ a(pe, { size: 24 }) : /* @__PURE__ */ a(Ce, { size: 24 })
450
+ children: f ? /* @__PURE__ */ a(ge, { size: 24 }) : /* @__PURE__ */ a(xe, { size: 24 })
453
451
  }
454
452
  )
455
453
  ]
@@ -459,5 +457,5 @@ function Be({
459
457
  );
460
458
  }
461
459
  export {
462
- Be as Navbar
460
+ We as Navbar
463
461
  };
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_rr24j_5{position:relative;height:var(--nav-height);z-index:1000}._left_rr24j_19 ._container_rr24j_20{justify-content:flex-start}._left_rr24j_19 ._logo_rr24j_24{flex:unset}._left_rr24j_19 ._nav_rr24j_5{flex:1}@media (max-width: 767px){._left_rr24j_19 ._logo_rr24j_24{flex:1}}._center_rr24j_39 ._nav_rr24j_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_rr24j_39 ._nav_rr24j_5._hidden_rr24j_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_rr24j_39 ._nav_rr24j_5._visible_rr24j_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_rr24j_39 ._logo_rr24j_24{flex:1}}._right_rr24j_67 ._container_rr24j_20{justify-content:flex-end}._right_rr24j_67 ._logo_rr24j_24,._right_rr24j_67 ._title_rr24j_73{flex:1}._right_rr24j_67 ._nav_rr24j_5{flex:unset}._default_rr24j_82 ._sublinks_rr24j_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_rr24j_82 ._sublinks_rr24j_83{position:relative}}._default_rr24j_82 ._sublinksInner_rr24j_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._default_rr24j_82 ._sublinksInner_rr24j_95._withSpotlight_rr24j_102{grid-template-columns:repeat(4,minmax(0,1fr))}._default_rr24j_82 ._sublinksInner_rr24j_95._withoutSpotlight_rr24j_106{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._default_rr24j_82 ._sublinksInner_rr24j_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_rr24j_82 ._linkItem_rr24j_117{justify-content:flex-start}._minimal_rr24j_122{left:0;background-color:#fff}._minimal_rr24j_122 ._menuToggle_rr24j_126{grid-area:unset}._minimal_rr24j_122 ._linkWrapper_rr24j_130{position:relative}._minimal_rr24j_122 ._sublinks_rr24j_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_rr24j_122 ._sublinks_rr24j_83{position:relative;justify-content:center;align-items:center}}._minimal_rr24j_122 ._sublinksInner_rr24j_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_rr24j_122 ._sublinksInner_rr24j_95{justify-content:center;align-items:center}}._minimal_rr24j_122 ._linkItem_rr24j_117{justify-content:flex-end}@media (max-width: 767px){._minimal_rr24j_122 ._linkItem_rr24j_117{justify-content:center;align-items:center}}._minimal_rr24j_122 ._triangle_rr24j_168{display:none}._transparent_rr24j_173{background-color:transparent}._transparent_rr24j_173 ._nav_rr24j_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_rr24j_173 ._nav_rr24j_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_rr24j_173 ._nav_rr24j_5:before{border-radius:0}}._transparent_rr24j_173 ._menuToggle_rr24j_126: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_rr24j_225{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_rr24j_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_rr24j_20{grid-template-areas:"first second third fourth"}}._container_rr24j_20._twoColumn_rr24j_254{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_rr24j_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_rr24j_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_rr24j_24 img{height:auto;width:auto}._menuToggle_rr24j_126{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_rr24j_126 svg{position:relative;z-index:5}._utilityMobile_rr24j_301{display:none;grid-area:third;justify-content:flex-end}._utility_rr24j_301{grid-area:third;display:flex;justify-content:flex-end}._utility_rr24j_301 a{font-size:var(--font-size-sm)}._nav_rr24j_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_rr24j_5{height:100vh}}._navInner_rr24j_329{position:relative}@media (max-width: 767px){._navInner_rr24j_329{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_rr24j_340{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_rr24j_340{display:flex;flex-direction:column}}._linkItem_rr24j_117{display:flex;align-items:center;box-sizing:border-box}._navTitle_rr24j_365,._sublinkToggle_rr24j_366,._link_rr24j_117{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_rr24j_365 ._newTabIcon_rr24j_381,._sublinkToggle_rr24j_366 ._newTabIcon_rr24j_381,._link_rr24j_117 ._newTabIcon_rr24j_381{color:var(--color-muted);transition:color .3s ease-in-out}._link_rr24j_117:hover,._link_rr24j_117._open_rr24j_388,._sublinkToggle_rr24j_366:hover,._sublinkToggle_rr24j_366._open_rr24j_388,._link_rr24j_117:hover ._newTabIcon_rr24j_381,._link_rr24j_117._open_rr24j_388 ._newTabIcon_rr24j_381,._sublinkToggle_rr24j_366:hover ._newTabIcon_rr24j_381,._sublinkToggle_rr24j_366._open_rr24j_388 ._newTabIcon_rr24j_381,._navItem_rr24j_398:hover{color:var(--color-primary)}._sublinkToggle_rr24j_366,._back_rr24j_403{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_rr24j_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_rr24j_83._show_rr24j_446{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_rr24j_168{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_rr24j_168._show_rr24j_446{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_rr24j_477{border-right:1px solid var(--color-border)}._primaryColumn_rr24j_477 ._sublinkToggle_rr24j_366:hover,._primaryColumn_rr24j_477 ._sublinkToggle_rr24j_366._open_rr24j_388{color:var(--color-primary)}._secondaryColumn_rr24j_486{background-color:var(--color-border)}._spotlightColumn_rr24j_490{background-color:var(--color-secondary)}._sublinksInner_rr24j_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_rr24j_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_rr24j_512{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_rr24j_512{padding:0}}._chevron_rr24j_522{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_rr24j_366._open_rr24j_388 ._chevron_rr24j_522{transform:rotate(180deg)}@media (max-width: 767px){._logo_rr24j_24{flex:1}._menuToggle_rr24j_126{display:flex;align-items:center;justify-content:center}._utility_rr24j_301 a:not(._utility_rr24j_301 a:first-of-type){display:none}._utilityMobile_rr24j_301{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_rr24j_301._open_rr24j_388{transform:translateY(0)}._nav_rr24j_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_rr24j_5._open_rr24j_388{transform:translate(0)}._linkWrapper_rr24j_130{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_rr24j_130._parent_rr24j_601{border-bottom:1px solid var(--color-border)}._linkWrapper_rr24j_130._parent_rr24j_601:last-of-type{border:none}._linkItem_rr24j_117{width:100%}._chevron_rr24j_522{display:none}._sublinks_rr24j_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_rr24j_366{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_rr24j_638 ._sublinkToggle_rr24j_366{pointer-events:all;color:var(--color-text-primary);width:fit-content;transition:color .3s ease-in-out}._advanced_rr24j_638 ._back_rr24j_403{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_rr24j_638 ._back_rr24j_403:hover{color:var(--color-primary)}._groupDivider_rr24j_657{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_rr24j_665,._mobileMenuSlide_rr24j_666{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_rr24j_676{opacity:0}._fadeInFromLeft_rr24j_680{animation:_fadeInFromLeft_rr24j_680 .3s ease-in-out forwards}._fadeInFromRight_rr24j_684{animation:_fadeInFromRight_rr24j_684 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_rr24j_680{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_rr24j_684{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
45
+ :root{--nav-height: 65px}._navbar_1bihp_5{position:relative;height:var(--nav-height);z-index:1000}._left_1bihp_19 ._container_1bihp_20{justify-content:flex-start}._left_1bihp_19 ._logo_1bihp_24{flex:unset}._left_1bihp_19 ._nav_1bihp_5{flex:1}@media (max-width: 767px){._left_1bihp_19 ._logo_1bihp_24{flex:1}}._center_1bihp_39 ._nav_1bihp_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1bihp_39 ._nav_1bihp_5._hidden_1bihp_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1bihp_39 ._nav_1bihp_5._visible_1bihp_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1bihp_39 ._logo_1bihp_24{flex:1}}._right_1bihp_67 ._container_1bihp_20{justify-content:flex-end}._right_1bihp_67 ._logo_1bihp_24,._right_1bihp_67 ._title_1bihp_73{flex:1}._right_1bihp_67 ._nav_1bihp_5{flex:unset}._default_1bihp_82 ._sublinks_1bihp_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1bihp_82 ._sublinks_1bihp_83{position:relative}}._default_1bihp_82 ._sublinksInner_1bihp_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._default_1bihp_82 ._sublinksInner_1bihp_95._withSpotlight_1bihp_102{grid-template-columns:repeat(4,minmax(0,1fr))}._default_1bihp_82 ._sublinksInner_1bihp_95._withoutSpotlight_1bihp_106{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._default_1bihp_82 ._sublinksInner_1bihp_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1bihp_82 ._linkItem_1bihp_117{justify-content:flex-start}._minimal_1bihp_122{left:0;background-color:#fff}._minimal_1bihp_122 ._menuToggle_1bihp_126{grid-area:unset}._minimal_1bihp_122 ._linkWrapper_1bihp_130{position:relative}._minimal_1bihp_122 ._sublinks_1bihp_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1bihp_122 ._sublinks_1bihp_83{position:relative;justify-content:center;align-items:center}}._minimal_1bihp_122 ._sublinksInner_1bihp_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1bihp_122 ._sublinksInner_1bihp_95{justify-content:center;align-items:center}}._minimal_1bihp_122 ._linkItem_1bihp_117{justify-content:flex-end}@media (max-width: 767px){._minimal_1bihp_122 ._linkItem_1bihp_117{justify-content:center;align-items:center}}._minimal_1bihp_122 ._triangle_1bihp_168{display:none}._transparent_1bihp_173{background-color:transparent}._transparent_1bihp_173 ._nav_1bihp_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_1bihp_173 ._nav_1bihp_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1bihp_173 ._nav_1bihp_5:before{border-radius:0}}._transparent_1bihp_173 ._menuToggle_1bihp_126: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_1bihp_225{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1bihp_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_1bihp_20{grid-template-areas:"first second third fourth"}}._container_1bihp_20._twoColumn_1bihp_254{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1bihp_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1bihp_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_1bihp_24 img{height:auto;width:auto}._menuToggle_1bihp_126{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_1bihp_126 svg{position:relative;z-index:5}._utilityMobile_1bihp_301{display:none;grid-area:third;justify-content:flex-end}._utility_1bihp_301{grid-area:third;display:flex;justify-content:flex-end}._utility_1bihp_301 a{font-size:var(--font-size-sm)}._nav_1bihp_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_1bihp_5{height:100vh}}._navInner_1bihp_329{position:relative}@media (max-width: 767px){._navInner_1bihp_329{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1bihp_340{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1bihp_340{display:flex;flex-direction:column}}._linkItem_1bihp_117{display:flex;align-items:center;box-sizing:border-box}._navTitle_1bihp_365,._sublinkToggle_1bihp_366,._link_1bihp_117{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_1bihp_365 ._newTabIcon_1bihp_381,._sublinkToggle_1bihp_366 ._newTabIcon_1bihp_381,._link_1bihp_117 ._newTabIcon_1bihp_381{color:var(--color-muted);transition:color .3s ease-in-out}._link_1bihp_117:hover,._link_1bihp_117._open_1bihp_388,._sublinkToggle_1bihp_366:hover,._sublinkToggle_1bihp_366._open_1bihp_388,._link_1bihp_117:hover ._newTabIcon_1bihp_381,._link_1bihp_117._open_1bihp_388 ._newTabIcon_1bihp_381,._sublinkToggle_1bihp_366:hover ._newTabIcon_1bihp_381,._sublinkToggle_1bihp_366._open_1bihp_388 ._newTabIcon_1bihp_381,._navItem_1bihp_398:hover{color:var(--color-primary)}._sublinkToggle_1bihp_366,._back_1bihp_403{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinkToggle_1bihp_366:hover,._sublinkToggle_1bihp_366._open_1bihp_388,._back_1bihp_403:hover,._back_1bihp_403._open_1bihp_388{color:var(--color-primary)}._sublinks_1bihp_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_1bihp_83._show_1bihp_451{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1bihp_168{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_1bihp_168._show_1bihp_451{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1bihp_482{border-right:1px solid var(--color-border)}._primaryColumn_1bihp_482 ._sublinkToggle_1bihp_366:hover,._primaryColumn_1bihp_482 ._sublinkToggle_1bihp_366._open_1bihp_388{color:var(--color-primary)}._secondaryColumn_1bihp_491{background-color:var(--color-border)}._spotlightColumn_1bihp_495{background-color:var(--color-secondary)}._sublinksInner_1bihp_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1bihp_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1bihp_517{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1bihp_517{padding:0}}._chevron_1bihp_527{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1bihp_366._open_1bihp_388 ._chevron_1bihp_527{transform:rotate(180deg)}@media (max-width: 767px){._logo_1bihp_24{flex:1}._menuToggle_1bihp_126{display:flex;align-items:center;justify-content:center}._utility_1bihp_301 a:not(._utility_1bihp_301 a:first-of-type){display:none}._utilityMobile_1bihp_301{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_1bihp_301._open_1bihp_388{transform:translateY(0)}._nav_1bihp_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_1bihp_5._open_1bihp_388{transform:translate(0)}._linkWrapper_1bihp_130{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1bihp_130._parent_1bihp_606{border-bottom:1px solid var(--color-border)}._linkWrapper_1bihp_130._parent_1bihp_606:last-of-type{border:none}._linkItem_1bihp_117{width:100%}._chevron_1bihp_527{display:none}._sublinks_1bihp_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_1bihp_366{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_1bihp_643 ._sublinkToggle_1bihp_366{pointer-events:all;color:var(--color-text-primary);width:fit-content;transition:color .3s ease-in-out}._advanced_1bihp_643 ._sublinkToggle_1bihp_366:hover,._advanced_1bihp_643 ._sublinkToggle_1bihp_366._open_1bihp_388{color:var(--color-primary)}._advanced_1bihp_643 ._back_1bihp_403{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_1bihp_643 ._back_1bihp_403:hover{color:var(--color-primary)}._groupDivider_1bihp_667{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1bihp_675,._mobileMenuSlide_1bihp_676{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1bihp_686{opacity:0}._fadeInFromLeft_1bihp_690{animation:_fadeInFromLeft_1bihp_690 .3s ease-in-out forwards}._fadeInFromRight_1bihp_694{animation:_fadeInFromRight_1bihp_694 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1bihp_690{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1bihp_694{0%{transform:translate(10px);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.221",
4
+ "version": "0.0.223",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
@@ -1,126 +0,0 @@
1
- import { jsxs as _, jsx as o } from "react/jsx-runtime";
2
- import { useRef as h } from "react";
3
- import { E as p } from "./external-link-BOPobeQJ.js";
4
- import { C as v } from "./chevron-down-DSUzBz9F.js";
5
- import './assets/NavLink.css';const k = "_navbar_rr24j_5", f = "_left_rr24j_19", I = "_container_rr24j_20", C = "_logo_rr24j_24", w = "_nav_rr24j_5", y = "_center_rr24j_39", M = "_hidden_rr24j_45", N = "_visible_rr24j_52", T = "_right_rr24j_67", S = "_title_rr24j_73", x = "_sublinks_rr24j_83", E = "_sublinksInner_rr24j_95", $ = "_withSpotlight_rr24j_102", F = "_withoutSpotlight_rr24j_106", L = "_linkItem_rr24j_117", R = "_minimal_rr24j_122", D = "_menuToggle_rr24j_126", W = "_linkWrapper_rr24j_130", z = "_triangle_rr24j_168", q = "_transparent_rr24j_173", A = "_sticky_rr24j_225", B = "_twoColumn_rr24j_254", G = "_utilityMobile_rr24j_301", H = "_utility_rr24j_301", J = "_navInner_rr24j_329", K = "_grid_rr24j_340", Q = "_sublinkToggle_rr24j_366", U = "_link_rr24j_117", V = "_newTabIcon_rr24j_381", X = "_open_rr24j_388", Y = "_back_rr24j_403", Z = "_show_rr24j_446", O = "_primaryColumn_rr24j_477", P = "_secondaryColumn_rr24j_486", nn = "_spotlightColumn_rr24j_490", rn = "_sublinksColumn_rr24j_512", en = "_chevron_rr24j_522", on = "_parent_rr24j_601", tn = "_advanced_rr24j_638", sn = "_groupDivider_rr24j_657", _n = "_mobileMenu_rr24j_665", ln = "_mobileMenuSlide_rr24j_666", cn = "_mobileMenuItem_rr24j_676", an = "_fadeInFromLeft_rr24j_680", un = "_fadeInFromRight_rr24j_684", r = {
6
- navbar: k,
7
- left: f,
8
- container: I,
9
- logo: C,
10
- nav: w,
11
- center: y,
12
- hidden: M,
13
- visible: N,
14
- right: T,
15
- title: S,
16
- default: "_default_rr24j_82",
17
- sublinks: x,
18
- sublinksInner: E,
19
- withSpotlight: $,
20
- withoutSpotlight: F,
21
- linkItem: L,
22
- minimal: R,
23
- menuToggle: D,
24
- linkWrapper: W,
25
- triangle: z,
26
- transparent: q,
27
- sticky: A,
28
- twoColumn: B,
29
- utilityMobile: G,
30
- utility: H,
31
- navInner: J,
32
- grid: K,
33
- sublinkToggle: Q,
34
- link: U,
35
- newTabIcon: V,
36
- open: X,
37
- back: Y,
38
- show: Z,
39
- primaryColumn: O,
40
- secondaryColumn: P,
41
- spotlightColumn: nn,
42
- sublinksColumn: rn,
43
- chevron: en,
44
- parent: on,
45
- advanced: tn,
46
- groupDivider: sn,
47
- mobileMenu: _n,
48
- mobileMenuSlide: ln,
49
- mobileMenuItem: cn,
50
- fadeInFromLeft: an,
51
- fadeInFromRight: un
52
- };
53
- function gn({
54
- link: n,
55
- path: e,
56
- parentPath: l,
57
- openPath: b,
58
- togglePath: c,
59
- updateTriangleIndicator: d,
60
- setOpenPath: t,
61
- renderLinks: j,
62
- buttonRefs: g
63
- }) {
64
- var u;
65
- const s = b === e, i = !!((u = n.sublinks) != null && u.length), a = h(null);
66
- return g.current.set(e, a.current), /* @__PURE__ */ _(
67
- "div",
68
- {
69
- className: `${r.linkWrapper} ${l ? "" : r.parent}`,
70
- children: [
71
- /* @__PURE__ */ o("div", { className: r.linkItem, children: n.href ? /* @__PURE__ */ _(
72
- "a",
73
- {
74
- href: n.href,
75
- className: r.link,
76
- target: n.isExternal ? "_blank" : "_self",
77
- rel: n.isExternal ? "noopener noreferrer" : void 0,
78
- onClick: () => {
79
- var m;
80
- t(null), (m = n.onClick) == null || m.call(n);
81
- },
82
- onMouseEnter: () => {
83
- l || t(null);
84
- },
85
- role: "menuitem",
86
- children: [
87
- n.label,
88
- n.isExternal && /* @__PURE__ */ o(p, { className: r.newTabIcon, size: 16 })
89
- ]
90
- }
91
- ) : /* @__PURE__ */ _(
92
- "button",
93
- {
94
- ref: a,
95
- "aria-haspopup": i ? "true" : void 0,
96
- "aria-expanded": s,
97
- className: `${r.sublinkToggle} ${s ? r.open : ""}`,
98
- onClick: () => c(e),
99
- onMouseEnter: () => {
100
- d(e), t(e);
101
- },
102
- children: [
103
- n.label,
104
- i && /* @__PURE__ */ o(v, { size: 18, className: r.chevron })
105
- ]
106
- }
107
- ) }),
108
- i && /* @__PURE__ */ o(
109
- "div",
110
- {
111
- className: `${r.sublinks} ${s ? r.show : ""}`,
112
- onMouseLeave: () => c(e),
113
- role: "menu",
114
- "aria-label": `${n.label} submenu`,
115
- children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: r.sublinksInner, children: /* @__PURE__ */ o("div", { className: r.sublinksColumn, children: j(n.sublinks, e) }) }) })
116
- }
117
- )
118
- ]
119
- },
120
- e
121
- );
122
- }
123
- export {
124
- gn as N,
125
- r as s
126
- };