quirk-ui 0.0.214 → 0.0.216

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/NavLink-48iZEDgs.js +124 -0
  2. package/dist/assets/NavLink.css +1 -1
  3. package/dist/components/NavBar/NavLink.js +1 -1
  4. package/dist/components/NavBar/index.js +288 -274
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
  7. package/dist/NavLink-C6JIQik5.js +0 -121
package/dist/NavLink-48iZEDgs.js ADDED
@@ -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_1t06u_5", I = "_left_1t06u_19", C = "_container_1t06u_20", y = "_logo_1t06u_24", M = "_nav_1t06u_5", w = "_center_1t06u_39", N = "_hidden_1t06u_45", T = "_visible_1t06u_52", x = "_right_1t06u_67", E = "_title_1t06u_73", $ = "_sublinks_1t06u_83", F = "_sublinksInner_1t06u_95", L = "_linkItem_1t06u_109", R = "_minimal_1t06u_114", D = "_menuToggle_1t06u_118", S = "_linkWrapper_1t06u_122", W = "_triangle_1t06u_160", j = "_transparent_1t06u_165", z = "_sticky_1t06u_217", q = "_twoColumn_1t06u_246", A = "_utilityMobile_1t06u_293", B = "_utility_1t06u_293", G = "_navInner_1t06u_321", H = "_grid_1t06u_332", J = "_sublinkToggle_1t06u_358", K = "_link_1t06u_109", Q = "_newTabIcon_1t06u_373", U = "_open_1t06u_380", V = "_back_1t06u_395", X = "_show_1t06u_438", Y = "_primaryColumn_1t06u_468", Z = "_secondaryColumn_1t06u_472", O = "_spotlightColumn_1t06u_476", P = "_sublinksColumn_1t06u_498", nn = "_chevron_1t06u_508", en = "_parent_1t06u_587", tn = "_advanced_1t06u_624", on = "_groupDivider_1t06u_637", sn = "_mobileMenu_1t06u_645", _n = "_mobileMenuSlide_1t06u_646", ln = "_mobileMenuItem_1t06u_656", un = "_fadeInFromLeft_1t06u_660", rn = "_fadeInFromRight_1t06u_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_1t06u_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: un,
49
+ fadeInFromRight: rn
50
+ };
51
+ function dn({
52
+ link: n,
53
+ path: t,
54
+ parentPath: u,
55
+ openPath: b,
56
+ togglePath: r,
57
+ updateTriangleIndicator: d,
58
+ setOpenPath: s,
59
+ renderLinks: g,
60
+ buttonRefs: v
61
+ }) {
62
+ var a;
63
+ const _ = b === t, i = !!((a = n.sublinks) != null && a.length), c = k(null);
64
+ return v.current.set(t, c.current), /* @__PURE__ */ l(
65
+ "div",
66
+ {
67
+ className: `${e.linkWrapper} ${u ? "" : 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
+ u || 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: c,
93
+ "aria-haspopup": i ? "true" : void 0,
94
+ "aria-expanded": _,
95
+ className: `${e.sublinkToggle} ${_ ? e.open : ""}`,
96
+ onClick: () => r(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: () => r(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
+ };
package/dist/assets/NavLink.css CHANGED
@@ -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_1t06u_5{position:relative;height:var(--nav-height);z-index:1000}._left_1t06u_19 ._container_1t06u_20{justify-content:flex-start}._left_1t06u_19 ._logo_1t06u_24{flex:unset}._left_1t06u_19 ._nav_1t06u_5{flex:1}@media (max-width: 767px){._left_1t06u_19 ._logo_1t06u_24{flex:1}}._center_1t06u_39 ._nav_1t06u_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1t06u_39 ._nav_1t06u_5._hidden_1t06u_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1t06u_39 ._nav_1t06u_5._visible_1t06u_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1t06u_39 ._logo_1t06u_24{flex:1}}._right_1t06u_67 ._container_1t06u_20{justify-content:flex-end}._right_1t06u_67 ._logo_1t06u_24,._right_1t06u_67 ._title_1t06u_73{flex:1}._right_1t06u_67 ._nav_1t06u_5{flex:unset}._default_1t06u_82 ._sublinks_1t06u_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1t06u_82 ._sublinks_1t06u_83{position:relative}}._default_1t06u_82 ._sublinksInner_1t06u_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_1t06u_82 ._sublinksInner_1t06u_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1t06u_82 ._linkItem_1t06u_109{justify-content:flex-start}._minimal_1t06u_114{left:0;background-color:#fff}._minimal_1t06u_114 ._menuToggle_1t06u_118{grid-area:unset}._minimal_1t06u_114 ._linkWrapper_1t06u_122{position:relative}._minimal_1t06u_114 ._sublinks_1t06u_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1t06u_114 ._sublinks_1t06u_83{position:relative;justify-content:center;align-items:center}}._minimal_1t06u_114 ._sublinksInner_1t06u_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1t06u_114 ._sublinksInner_1t06u_95{justify-content:center;align-items:center}}._minimal_1t06u_114 ._linkItem_1t06u_109{justify-content:flex-end}@media (max-width: 767px){._minimal_1t06u_114 ._linkItem_1t06u_109{justify-content:center;align-items:center}}._minimal_1t06u_114 ._triangle_1t06u_160{display:none}._transparent_1t06u_165{background-color:transparent}._transparent_1t06u_165 ._nav_1t06u_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_1t06u_165 ._nav_1t06u_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1t06u_165 ._nav_1t06u_5:before{border-radius:0}}._transparent_1t06u_165 ._menuToggle_1t06u_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_1t06u_217{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1t06u_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_1t06u_20{grid-template-areas:"first second third fourth"}}._container_1t06u_20._twoColumn_1t06u_246{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1t06u_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1t06u_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_1t06u_24 img{height:auto;width:auto}._menuToggle_1t06u_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_1t06u_118 svg{position:relative;z-index:5}._utilityMobile_1t06u_293{display:none;grid-area:third;justify-content:flex-end}._utility_1t06u_293{grid-area:third;display:flex;justify-content:flex-end}._utility_1t06u_293 a{font-size:var(--font-size-sm)}._nav_1t06u_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_1t06u_5{height:100vh}}._navInner_1t06u_321{position:relative}@media (max-width: 767px){._navInner_1t06u_321{margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1t06u_332{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1t06u_332{display:flex;flex-direction:column}}._linkItem_1t06u_109{display:flex;align-items:center;box-sizing:border-box}._navTitle_1t06u_357,._sublinkToggle_1t06u_358,._link_1t06u_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_1t06u_357 ._newTabIcon_1t06u_373,._sublinkToggle_1t06u_358 ._newTabIcon_1t06u_373,._link_1t06u_109 ._newTabIcon_1t06u_373{color:var(--color-muted);transition:color .3s ease-in-out}._link_1t06u_109:hover,._link_1t06u_109._open_1t06u_380,._sublinkToggle_1t06u_358:hover,._sublinkToggle_1t06u_358._open_1t06u_380,._link_1t06u_109:hover ._newTabIcon_1t06u_373,._link_1t06u_109._open_1t06u_380 ._newTabIcon_1t06u_373,._sublinkToggle_1t06u_358:hover ._newTabIcon_1t06u_373,._sublinkToggle_1t06u_358._open_1t06u_380 ._newTabIcon_1t06u_373,._navItem_1t06u_390:hover{color:var(--color-primary)}._sublinkToggle_1t06u_358,._back_1t06u_395{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1t06u_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_1t06u_83._show_1t06u_438{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1t06u_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_1t06u_160._show_1t06u_438{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1t06u_468{border-right:1px solid var(--color-border)}._secondaryColumn_1t06u_472{background-color:var(--color-border)}._spotlightColumn_1t06u_476{background-color:var(--color-secondary)}._sublinksInner_1t06u_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1t06u_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1t06u_498{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1t06u_498{padding:0}}._chevron_1t06u_508{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1t06u_358._open_1t06u_380 ._chevron_1t06u_508{transform:rotate(180deg)}@media (max-width: 767px){._logo_1t06u_24{flex:1}._menuToggle_1t06u_118{display:flex;align-items:center;justify-content:center}._utility_1t06u_293 a:not(._utility_1t06u_293 a:first-of-type){display:none}._utilityMobile_1t06u_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_1t06u_293._open_1t06u_380{transform:translateY(0)}._nav_1t06u_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_1t06u_5._open_1t06u_380{transform:translate(0)}._linkWrapper_1t06u_122{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1t06u_122._parent_1t06u_587{border-bottom:1px solid var(--color-border)}._linkWrapper_1t06u_122._parent_1t06u_587:last-of-type{border:none}._linkItem_1t06u_109{width:100%}._chevron_1t06u_508{display:none}._sublinks_1t06u_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_1t06u_358{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_1t06u_624 ._sublinkToggle_1t06u_358{pointer-events:all;color:var(--color-text-primary);width:100%}._advanced_1t06u_624 ._back_1t06u_395{margin-bottom:var(--spacing-lg)}._groupDivider_1t06u_637{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1t06u_645,._mobileMenuSlide_1t06u_646{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1t06u_656{opacity:0}._fadeInFromLeft_1t06u_660{animation:_fadeInFromLeft_1t06u_660 .3s ease-in-out forwards}._fadeInFromRight_1t06u_664{animation:_fadeInFromRight_1t06u_664 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1t06u_660{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1t06u_664{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}
package/dist/components/NavBar/NavLink.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { N as a } from "../../NavLink-C6JIQik5.js";
3
+ import { N as a } from "../../NavLink-48iZEDgs.js";
4
4
  import "../../external-link-BOPobeQJ.js";
5
5
  import "../../chevron-down-DSUzBz9F.js";
6
6
  export {
package/dist/components/NavBar/index.js CHANGED
@@ -1,235 +1,242 @@
1
- import { jsx as l, jsxs as t } from "react/jsx-runtime";
2
- import { useState as m, useRef as _, useCallback as y, useEffect as J } from "react";
3
- import { s as e, N as fe } from "../../NavLink-C6JIQik5.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-48iZEDgs.js";
4
4
  import { CallToAction as K } from "../CallToAction/index.js";
5
5
  import { ButtonGroup as P } from "../ButtonGroup/index.js";
6
6
  import { c as Q } from "../../createLucideIcon-C8GTh_Qx.js";
7
- import { E as T } from "../../external-link-BOPobeQJ.js";
8
- import { X as be } from "../../x-CnsEH4Ox.js";
9
- import { C as ve } from "../../chevron-down-DSUzBz9F.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 ke = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], pe = Q("chevron-left", ke);
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
- ], Ne = Q("menu", ge), $e = {
27
+ ], ye = Q("menu", Ne), xe = {
28
28
  default: e.default,
29
29
  minimal: e.minimal
30
- }, we = {
30
+ }, Ce = {
31
31
  left: e.left,
32
32
  center: e.center,
33
33
  right: e.right
34
34
  };
35
- function ze({
35
+ function We({
36
36
  title: U,
37
37
  logo: S,
38
- items: z,
39
- groups: p,
38
+ items: A,
39
+ groups: k,
40
40
  utilityItems: s,
41
41
  isSticky: Y = !1,
42
42
  isTransparent: Z = !1,
43
43
  alignment: x = "right",
44
- variant: I = "default",
45
- navigationType: v = "default",
46
- className: ee
44
+ variant: ee = "default",
45
+ navigationType: b = "default",
46
+ className: ne
47
47
  }) {
48
- const [d, R] = m(!1), [C, u] = m(null), [ne, le] = m(0), [ae, se] = m(!1), [re, oe] = m(null), [i, g] = m([]), N = typeof window < "u" && window.innerWidth < 768, ie = () => {
49
- g([]);
50
- }, ce = (n) => {
51
- g([
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
+ null
50
+ ), [ce, B] = d(null), [w, te] = d(!1), [E, M] = d("forward");
51
+ T(() => {
52
+ if (typeof window < "u") {
53
+ const n = () => {
54
+ const l = window.innerWidth < 768;
55
+ te(l);
56
+ };
57
+ return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
58
+ }
59
+ }, []);
60
+ const de = () => {
61
+ $([]);
62
+ }, he = (n) => {
63
+ M("forward"), $([
52
64
  {
53
65
  title: n.title,
54
66
  primary: n.primaryItems ?? [],
55
67
  secondary: n.secondaryItems ?? []
56
68
  }
57
69
  ]);
58
- }, A = (n) => {
59
- g((a) => [
60
- ...a,
70
+ }, F = (n) => {
71
+ M("forward"), $((l) => [
72
+ ...l,
61
73
  { title: n.label, primary: n.sublinks ?? [], secondary: [] }
62
74
  ]);
63
- }, te = () => {
64
- g((n) => n.slice(0, -1));
65
- }, E = _(null), k = _(null), W = _(/* @__PURE__ */ new Map()), de = () => {
66
- R((n) => !n);
67
- }, he = (n) => {
68
- const a = W.current.get(n);
69
- if (a && k.current) {
70
- const h = a.getBoundingClientRect(), f = k.current.getBoundingClientRect(), r = h.left - f.left + h.width / 4;
71
- oe(r);
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);
79
+ }, ue = (n) => {
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);
72
84
  }
73
- }, me = (n) => {
74
- u((a) => a === n ? null : n);
75
- }, B = y((n) => {
76
- E.current && !E.current.contains(n.target) && u(null);
77
- }, []), O = y(() => {
78
- u(null);
85
+ }, be = (n) => {
86
+ m((l) => l === n ? null : n);
87
+ }, D = y((n) => {
88
+ _.current && !_.current.contains(n.target) && m(null);
79
89
  }, []), G = y(() => {
80
- j(), typeof window < "u" && window.innerWidth > 768 && (R(!1), u(null), typeof document < "u" && (document.body.style.overflow = ""));
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 = ""));
81
93
  }, []), j = y(() => {
82
- if (k.current) {
83
- const n = k.current.getBoundingClientRect().width;
84
- le(n), se(!0);
94
+ if (v.current) {
95
+ const n = v.current.getBoundingClientRect().width;
96
+ le(n), re(!0);
85
97
  }
86
98
  }, []);
87
- J(() => {
88
- const n = typeof window < "u", a = typeof document < "u";
89
- return n && (window.addEventListener("resize", G), window.addEventListener("scroll", O)), a && document.addEventListener("click", B), j(), () => {
90
- n && (window.removeEventListener("resize", G), window.removeEventListener("scroll", O)), a && document.removeEventListener("click", B);
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);
91
103
  };
92
- }, []), J(() => {
104
+ }, []), T(() => {
93
105
  if (typeof document < "u")
94
- return document.body.style.overflow = d ? "hidden" : "", () => {
106
+ return document.body.style.overflow = h ? "hidden" : "", () => {
95
107
  document.body.style.overflow = "";
96
108
  };
97
- }, [d]);
98
- const ue = (n) => {
99
- const [a, h] = m(null), [f, L] = m(
100
- null
101
- );
102
- return n.map((r, w) => {
103
- var D, V, H, q;
104
- const X = `group-${w}`, M = f === w, c = (D = r.primaryItems) == null ? void 0 : D[a ?? 0];
105
- return /* @__PURE__ */ t(
106
- "div",
107
- {
108
- className: `${e.linkWrapper} ${e.parent}`,
109
- onMouseEnter: () => L(w),
110
- onMouseLeave: () => {
111
- L(null), h(null);
112
- },
113
- children: [
114
- /* @__PURE__ */ l("div", { className: e.linkItem, children: /* @__PURE__ */ t(
115
- "button",
116
- {
117
- "aria-haspopup": "true",
118
- "aria-expanded": M,
119
- className: `${e.sublinkToggle} ${M ? e.open : ""} `,
120
- children: [
121
- r.title,
122
- /* @__PURE__ */ l(ve, { size: 18, className: e.chevron })
123
- ]
124
- }
125
- ) }),
126
- /* @__PURE__ */ l(
127
- "div",
128
- {
129
- className: `${e.sublinks} ${M ? e.show : ""}`,
130
- role: "menu",
131
- "aria-label": `${r.title} submenu`,
132
- children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ t("div", { className: e.sublinksInner, children: [
133
- /* @__PURE__ */ t(
134
- "div",
135
- {
136
- className: `${e.sublinksColumn} ${e.primaryColumn}`,
137
- children: [
138
- /* @__PURE__ */ l("div", { className: e.linkItem }),
139
- (V = r.primaryItems) == null ? void 0 : V.map(
140
- (o, b) => o.href ? /* @__PURE__ */ t(
141
- "a",
142
- {
143
- href: o.href,
144
- className: `${e.link} ${a === b ? e.open : ""}`,
145
- target: o.isExternal ? "_blank" : "_self",
146
- rel: o.isExternal ? "noopener noreferrer" : void 0,
147
- onClick: () => {
148
- var F;
149
- u(null), (F = o.onClick) == null || F.call(o);
150
- },
151
- onMouseEnter: () => o.sublinks ? h(b) : null,
152
- role: "menuitem",
153
- children: [
154
- o.label,
155
- o.isExternal && /* @__PURE__ */ l(
156
- T,
157
- {
158
- className: e.newTabIcon,
159
- size: 16
160
- }
161
- )
162
- ]
163
- },
164
- o._key ?? b
165
- ) : /* @__PURE__ */ l(
166
- "button",
167
- {
168
- className: `${e.sublinkToggle} ${a === b ? e.open : ""}`,
169
- onMouseEnter: () => h(b),
170
- children: o.label
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
+ "div",
115
+ {
116
+ className: `${e.linkWrapper} ${e.parent}`,
117
+ onMouseEnter: () => B(c),
118
+ onMouseLeave: () => {
119
+ B(null), L(null);
120
+ },
121
+ children: [
122
+ /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ t(
123
+ "button",
124
+ {
125
+ "aria-haspopup": "true",
126
+ "aria-expanded": N,
127
+ className: `${e.sublinkToggle} ${N ? e.open : ""} `,
128
+ children: [
129
+ l.title,
130
+ /* @__PURE__ */ a(ge, { size: 18, className: e.chevron })
131
+ ]
132
+ }
133
+ ) }),
134
+ /* @__PURE__ */ a(
135
+ "div",
136
+ {
137
+ className: `${e.sublinks} ${N ? e.show : ""}`,
138
+ role: "menu",
139
+ "aria-label": `${l.title} submenu`,
140
+ children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ t("div", { className: e.sublinksInner, children: [
141
+ /* @__PURE__ */ t(
142
+ "div",
143
+ {
144
+ className: `${e.sublinksColumn} ${e.primaryColumn}`,
145
+ children: [
146
+ /* @__PURE__ */ a("div", { className: e.linkItem }),
147
+ (V = l.primaryItems) == null ? void 0 : V.map(
148
+ (r, u) => r.href ? /* @__PURE__ */ t(
149
+ "a",
150
+ {
151
+ href: r.href,
152
+ className: `${e.link} ${g === u ? e.open : ""}`,
153
+ target: r.isExternal ? "_blank" : "_self",
154
+ rel: r.isExternal ? "noopener noreferrer" : void 0,
155
+ onClick: () => {
156
+ var J;
157
+ m(null), (J = r.onClick) == null || J.call(r);
171
158
  },
172
- o._key ?? b
173
- )
159
+ onMouseEnter: () => r.sublinks ? L(u) : null,
160
+ role: "menuitem",
161
+ children: [
162
+ r.label,
163
+ r.isExternal && /* @__PURE__ */ a(
164
+ R,
165
+ {
166
+ className: e.newTabIcon,
167
+ size: 16
168
+ }
169
+ )
170
+ ]
171
+ },
172
+ r._key ?? u
173
+ ) : /* @__PURE__ */ a(
174
+ "button",
175
+ {
176
+ className: `${e.sublinkToggle} ${g === u ? e.open : ""}`,
177
+ onMouseEnter: () => L(u),
178
+ children: r.label
179
+ },
180
+ r._key ?? u
174
181
  )
175
- ]
176
- }
177
- ),
178
- (c == null ? void 0 : c.sublinks) && ((H = c == null ? void 0 : c.sublinks) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ l(
179
- "div",
180
- {
181
- className: `${e.sublinksColumn} ${e.childrenColumn}`,
182
- children: (c == null ? void 0 : c.sublinks) && $(
183
- c.sublinks,
184
- `${X}-${a}`
185
182
  )
186
- }
187
- ),
188
- (r == null ? void 0 : r.secondaryItems) && ((q = r == null ? void 0 : r.secondaryItems) == null ? void 0 : q.length) > 0 && /* @__PURE__ */ l(
189
- "div",
190
- {
191
- className: `${e.sublinksColumn} ${e.secondaryColumn}`,
192
- children: $(r.secondaryItems, `${X}-secondary`)
193
- }
194
- ),
195
- r.spotlight && /* @__PURE__ */ l(
196
- "div",
197
- {
198
- className: `${e.sublinksColumn} ${e.spotlightColumn}`,
199
- children: r.spotlight
200
- }
201
- )
202
- ] }) })
203
- }
204
- )
205
- ]
206
- },
207
- w
208
- );
209
- });
210
- }, $ = (n, a = "") => n.map((h) => {
211
- const f = `${a}/${h.label}`;
212
- return /* @__PURE__ */ l(
213
- fe,
183
+ ]
184
+ }
185
+ ),
186
+ (o == null ? void 0 : o.sublinks) && ((H = o == null ? void 0 : o.sublinks) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ a(
187
+ "div",
188
+ {
189
+ className: `${e.sublinksColumn} ${e.childrenColumn}`,
190
+ children: (o == null ? void 0 : o.sublinks) && p(
191
+ o.sublinks,
192
+ `${f}-${g}`
193
+ )
194
+ }
195
+ ),
196
+ (l == null ? void 0 : l.secondaryItems) && ((q = l == null ? void 0 : l.secondaryItems) == null ? void 0 : q.length) > 0 && /* @__PURE__ */ a(
197
+ "div",
198
+ {
199
+ className: `${e.sublinksColumn} ${e.secondaryColumn}`,
200
+ children: p(l.secondaryItems, `${f}-secondary`)
201
+ }
202
+ ),
203
+ l.spotlight && /* @__PURE__ */ a(
204
+ "div",
205
+ {
206
+ className: `${e.sublinksColumn} ${e.spotlightColumn}`,
207
+ children: l.spotlight
208
+ }
209
+ )
210
+ ] }) })
211
+ }
212
+ )
213
+ ]
214
+ },
215
+ c
216
+ );
217
+ }), p = (n, l = "") => n.map((c) => {
218
+ const f = `${l}/${c.label}`;
219
+ return /* @__PURE__ */ a(
220
+ ke,
214
221
  {
215
- link: h,
222
+ link: c,
216
223
  path: f,
217
- parentPath: a,
224
+ parentPath: l,
218
225
  openPath: C,
219
- togglePath: me,
220
- updateTriangleIndicator: he,
221
- setOpenPath: u,
222
- renderLinks: $,
223
- buttonRefs: W
226
+ togglePath: be,
227
+ updateTriangleIndicator: ue,
228
+ setOpenPath: m,
229
+ renderLinks: p,
230
+ buttonRefs: O
224
231
  },
225
232
  f
226
233
  );
227
234
  });
228
- return console.log(i), /* @__PURE__ */ l(
235
+ return /* @__PURE__ */ a(
229
236
  "header",
230
237
  {
231
- ref: E,
232
- className: `${ee ?? ""} ${we[x]} ${$e[I]} ${e.navbar} ${Y ? e.sticky : ""} ${Z ? e.transparent : ""} ${v === "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}`,
233
240
  role: "navigation",
234
241
  "aria-label": "Main navigation",
235
242
  children: /* @__PURE__ */ t(
@@ -237,28 +244,28 @@ function ze({
237
244
  {
238
245
  className: `${e.container} ${(!s || s.length === 0) && x !== "center" ? e.twoColumn : ""}`,
239
246
  children: [
240
- S ? /* @__PURE__ */ l("div", { className: e.logo, children: S }) : /* @__PURE__ */ l("div", { className: e.title, children: U }),
241
- /* @__PURE__ */ l(
247
+ S ? /* @__PURE__ */ a("div", { className: e.logo, children: S }) : /* @__PURE__ */ a("div", { className: e.title, children: U }),
248
+ /* @__PURE__ */ a(
242
249
  "nav",
243
250
  {
244
- ref: k,
251
+ ref: v,
245
252
  style: {
246
- left: x === "center" ? `calc(50% - ${ne / 2}px)` : "0"
253
+ left: x === "center" ? `calc(50% - ${ae / 2}px)` : "0"
247
254
  },
248
- className: `${e.nav} ${d ? e.open : ""} ${ae ? e.visible : e.hidden}`,
255
+ className: `${e.nav} ${h ? e.open : ""} ${se ? e.visible : e.hidden}`,
249
256
  id: "main-menu",
250
257
  role: "menubar",
251
258
  children: /* @__PURE__ */ t("div", { className: e.navInner, children: [
252
- /* @__PURE__ */ l(
259
+ /* @__PURE__ */ a(
253
260
  "svg",
254
261
  {
255
- style: { left: `${re}px` },
262
+ style: { left: `${oe}px` },
256
263
  className: `${e.triangle} ${C ? e.show : ""}`,
257
264
  width: 16,
258
265
  height: 12,
259
266
  viewBox: "0 0 100 75",
260
267
  xmlns: "http://www.w3.org/2000/svg",
261
- children: /* @__PURE__ */ l(
268
+ children: /* @__PURE__ */ a(
262
269
  "polygon",
263
270
  {
264
271
  points: "50,5 95,70 5,70",
@@ -269,114 +276,121 @@ function ze({
269
276
  )
270
277
  }
271
278
  ),
272
- /* @__PURE__ */ l(
279
+ /* @__PURE__ */ a(
273
280
  "div",
274
281
  {
275
282
  className: `${e.triangle} ${C ? e.show : ""}`
276
283
  }
277
284
  ),
278
- !N && v === "default" && z && /* @__PURE__ */ l("div", { className: e.grid, children: $(z) }),
279
- !N && v === "advanced" && p && /* @__PURE__ */ l("div", { className: e.grid, children: ue(p) }),
280
- N && v === "advanced" && d && i.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(
281
288
  "div",
282
289
  {
283
- className: e.mobileMenuItem,
284
- children: /* @__PURE__ */ l(
290
+ className: `${e.mobileMenuItem} ${E === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
291
+ children: /* @__PURE__ */ a(
285
292
  "button",
286
293
  {
287
294
  className: e.sublinkToggle,
288
- onClick: () => ce(n),
295
+ onClick: () => he(n),
289
296
  children: n.title
290
297
  }
291
298
  )
292
299
  },
293
- n._key ?? a
300
+ n._key ?? l
294
301
  )) }),
295
- N && v === "advanced" && d && i.length > 0 && /* @__PURE__ */ t("div", { className: e.mobileMenuSlide, children: [
296
- /* @__PURE__ */ l(
297
- "button",
298
- {
299
- className: e.back,
300
- onClick: i.length === 1 ? ie : te,
301
- children: /* @__PURE__ */ l(pe, { size: 18 })
302
- }
303
- ),
304
- i[i.length - 1].primary.map((n, a) => /* @__PURE__ */ l(
305
- "div",
306
- {
307
- className: e.mobileMenuItem,
308
- 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(
309
308
  "button",
310
309
  {
311
- className: e.sublinkToggle,
312
- onClick: () => A(n),
313
- children: n.label
310
+ className: e.back,
311
+ onClick: i.length === 1 ? de : fe,
312
+ children: /* @__PURE__ */ a(pe, { size: 18 })
314
313
  }
315
- ) : /* @__PURE__ */ t(
316
- "a",
314
+ ),
315
+ i[i.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
316
+ "div",
317
317
  {
318
- href: n.href,
319
- className: e.link,
320
- target: n.isExternal ? "_blank" : "_self",
321
- rel: n.isExternal ? "noopener noreferrer" : void 0,
322
- role: "menuitem",
323
- children: [
324
- n.label,
325
- n.isExternal && /* @__PURE__ */ l(
326
- 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",
327
357
  {
328
- className: e.newTabIcon,
329
- 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
+ ]
330
380
  }
331
381
  )
332
- ]
333
- }
334
- )
335
- },
336
- n._key ?? `primary-${a}`
337
- )),
338
- i[i.length - 1].secondary.length > 0 && /* @__PURE__ */ l("hr", { className: e.groupDivider }),
339
- i[i.length - 1].secondary.map(
340
- (n, a) => /* @__PURE__ */ l(
341
- "div",
342
- {
343
- className: e.mobileMenuItem,
344
- children: n.sublinks ? /* @__PURE__ */ l(
345
- "button",
346
- {
347
- className: e.sublinkToggle,
348
- onClick: () => A(n),
349
- children: n.label
350
- }
351
- ) : /* @__PURE__ */ t(
352
- "a",
353
- {
354
- href: n.href,
355
- className: e.link,
356
- target: n.isExternal ? "_blank" : "_self",
357
- rel: n.isExternal ? "noopener noreferrer" : void 0,
358
- role: "menuitem",
359
- children: [
360
- n.label,
361
- n.isExternal && /* @__PURE__ */ l(
362
- T,
363
- {
364
- className: e.newTabIcon,
365
- size: 16
366
- }
367
- )
368
- ]
369
- }
382
+ },
383
+ n._key ?? `secondary-${l}`
370
384
  )
371
- },
372
- n._key ?? `secondary-${a}`
373
- )
374
- )
375
- ] })
385
+ )
386
+ ]
387
+ },
388
+ `stack-${i.length}`
389
+ )
376
390
  ] })
377
391
  }
378
392
  ),
379
- s && /* @__PURE__ */ l("nav", { className: e.utility, children: /* @__PURE__ */ l(P, { children: s.map((n, a) => /* @__PURE__ */ l(
393
+ s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(P, { children: s.map((n, l) => /* @__PURE__ */ a(
380
394
  K,
381
395
  {
382
396
  as: "a",
@@ -386,7 +400,7 @@ function ze({
386
400
  imageSrc: n.imageSrc,
387
401
  imageAlt: n.imageAlt,
388
402
  "aria-label": n.ariaLabel ?? n.label,
389
- children: s[1].imageSrc ? /* @__PURE__ */ l(
403
+ children: s[1].imageSrc ? /* @__PURE__ */ a(
390
404
  "img",
391
405
  {
392
406
  className: e.utilityImage,
@@ -395,13 +409,13 @@ function ze({
395
409
  }
396
410
  ) : s[1].label
397
411
  },
398
- n._key || a
412
+ n._key || l
399
413
  )) }) }),
400
- s && /* @__PURE__ */ l(
414
+ s && /* @__PURE__ */ a(
401
415
  "nav",
402
416
  {
403
- className: `${e.utilityMobile} ${d ? e.open : ""}`,
404
- children: /* @__PURE__ */ l(P, { alignment: "center", children: /* @__PURE__ */ l(
417
+ className: `${e.utilityMobile} ${h ? e.open : ""}`,
418
+ children: /* @__PURE__ */ a(P, { alignment: "center", children: /* @__PURE__ */ a(
405
419
  K,
406
420
  {
407
421
  as: "a",
@@ -411,7 +425,7 @@ function ze({
411
425
  imageSrc: s[1].imageSrc,
412
426
  imageAlt: s[1].imageAlt,
413
427
  "aria-label": s[1].ariaLabel ?? s[1].label,
414
- children: s[1].imageSrc ? /* @__PURE__ */ l(
428
+ children: s[1].imageSrc ? /* @__PURE__ */ a(
415
429
  "img",
416
430
  {
417
431
  className: e.utilityImage,
@@ -423,15 +437,15 @@ function ze({
423
437
  ) })
424
438
  }
425
439
  ),
426
- /* @__PURE__ */ l(
440
+ /* @__PURE__ */ a(
427
441
  "button",
428
442
  {
429
443
  className: e.menuToggle,
430
- onClick: de,
431
- "aria-label": d ? "Close menu" : "Open menu",
432
- "aria-expanded": d,
444
+ onClick: me,
445
+ "aria-label": h ? "Close menu" : "Open menu",
446
+ "aria-expanded": h,
433
447
  "aria-controls": "main-menu",
434
- children: d ? /* @__PURE__ */ l(be, { size: 24 }) : /* @__PURE__ */ l(Ne, { size: 24 })
448
+ children: h ? /* @__PURE__ */ a($e, { size: 24 }) : /* @__PURE__ */ a(ye, { size: 24 })
435
449
  }
436
450
  )
437
451
  ]
@@ -441,5 +455,5 @@ function ze({
441
455
  );
442
456
  }
443
457
  export {
444
- ze as Navbar
458
+ We as Navbar
445
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_1t06u_5{position:relative;height:var(--nav-height);z-index:1000}._left_1t06u_19 ._container_1t06u_20{justify-content:flex-start}._left_1t06u_19 ._logo_1t06u_24{flex:unset}._left_1t06u_19 ._nav_1t06u_5{flex:1}@media (max-width: 767px){._left_1t06u_19 ._logo_1t06u_24{flex:1}}._center_1t06u_39 ._nav_1t06u_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1t06u_39 ._nav_1t06u_5._hidden_1t06u_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1t06u_39 ._nav_1t06u_5._visible_1t06u_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1t06u_39 ._logo_1t06u_24{flex:1}}._right_1t06u_67 ._container_1t06u_20{justify-content:flex-end}._right_1t06u_67 ._logo_1t06u_24,._right_1t06u_67 ._title_1t06u_73{flex:1}._right_1t06u_67 ._nav_1t06u_5{flex:unset}._default_1t06u_82 ._sublinks_1t06u_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1t06u_82 ._sublinks_1t06u_83{position:relative}}._default_1t06u_82 ._sublinksInner_1t06u_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_1t06u_82 ._sublinksInner_1t06u_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1t06u_82 ._linkItem_1t06u_109{justify-content:flex-start}._minimal_1t06u_114{left:0;background-color:#fff}._minimal_1t06u_114 ._menuToggle_1t06u_118{grid-area:unset}._minimal_1t06u_114 ._linkWrapper_1t06u_122{position:relative}._minimal_1t06u_114 ._sublinks_1t06u_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1t06u_114 ._sublinks_1t06u_83{position:relative;justify-content:center;align-items:center}}._minimal_1t06u_114 ._sublinksInner_1t06u_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1t06u_114 ._sublinksInner_1t06u_95{justify-content:center;align-items:center}}._minimal_1t06u_114 ._linkItem_1t06u_109{justify-content:flex-end}@media (max-width: 767px){._minimal_1t06u_114 ._linkItem_1t06u_109{justify-content:center;align-items:center}}._minimal_1t06u_114 ._triangle_1t06u_160{display:none}._transparent_1t06u_165{background-color:transparent}._transparent_1t06u_165 ._nav_1t06u_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_1t06u_165 ._nav_1t06u_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1t06u_165 ._nav_1t06u_5:before{border-radius:0}}._transparent_1t06u_165 ._menuToggle_1t06u_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_1t06u_217{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1t06u_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_1t06u_20{grid-template-areas:"first second third fourth"}}._container_1t06u_20._twoColumn_1t06u_246{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1t06u_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1t06u_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_1t06u_24 img{height:auto;width:auto}._menuToggle_1t06u_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_1t06u_118 svg{position:relative;z-index:5}._utilityMobile_1t06u_293{display:none;grid-area:third;justify-content:flex-end}._utility_1t06u_293{grid-area:third;display:flex;justify-content:flex-end}._utility_1t06u_293 a{font-size:var(--font-size-sm)}._nav_1t06u_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_1t06u_5{height:100vh}}._navInner_1t06u_321{position:relative}@media (max-width: 767px){._navInner_1t06u_321{margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1t06u_332{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1t06u_332{display:flex;flex-direction:column}}._linkItem_1t06u_109{display:flex;align-items:center;box-sizing:border-box}._navTitle_1t06u_357,._sublinkToggle_1t06u_358,._link_1t06u_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_1t06u_357 ._newTabIcon_1t06u_373,._sublinkToggle_1t06u_358 ._newTabIcon_1t06u_373,._link_1t06u_109 ._newTabIcon_1t06u_373{color:var(--color-muted);transition:color .3s ease-in-out}._link_1t06u_109:hover,._link_1t06u_109._open_1t06u_380,._sublinkToggle_1t06u_358:hover,._sublinkToggle_1t06u_358._open_1t06u_380,._link_1t06u_109:hover ._newTabIcon_1t06u_373,._link_1t06u_109._open_1t06u_380 ._newTabIcon_1t06u_373,._sublinkToggle_1t06u_358:hover ._newTabIcon_1t06u_373,._sublinkToggle_1t06u_358._open_1t06u_380 ._newTabIcon_1t06u_373,._navItem_1t06u_390:hover{color:var(--color-primary)}._sublinkToggle_1t06u_358,._back_1t06u_395{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1t06u_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_1t06u_83._show_1t06u_438{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1t06u_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_1t06u_160._show_1t06u_438{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1t06u_468{border-right:1px solid var(--color-border)}._secondaryColumn_1t06u_472{background-color:var(--color-border)}._spotlightColumn_1t06u_476{background-color:var(--color-secondary)}._sublinksInner_1t06u_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1t06u_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1t06u_498{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1t06u_498{padding:0}}._chevron_1t06u_508{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1t06u_358._open_1t06u_380 ._chevron_1t06u_508{transform:rotate(180deg)}@media (max-width: 767px){._logo_1t06u_24{flex:1}._menuToggle_1t06u_118{display:flex;align-items:center;justify-content:center}._utility_1t06u_293 a:not(._utility_1t06u_293 a:first-of-type){display:none}._utilityMobile_1t06u_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_1t06u_293._open_1t06u_380{transform:translateY(0)}._nav_1t06u_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_1t06u_5._open_1t06u_380{transform:translate(0)}._linkWrapper_1t06u_122{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1t06u_122._parent_1t06u_587{border-bottom:1px solid var(--color-border)}._linkWrapper_1t06u_122._parent_1t06u_587:last-of-type{border:none}._linkItem_1t06u_109{width:100%}._chevron_1t06u_508{display:none}._sublinks_1t06u_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_1t06u_358{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_1t06u_624 ._sublinkToggle_1t06u_358{pointer-events:all;color:var(--color-text-primary);width:100%}._advanced_1t06u_624 ._back_1t06u_395{margin-bottom:var(--spacing-lg)}._groupDivider_1t06u_637{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1t06u_645,._mobileMenuSlide_1t06u_646{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1t06u_656{opacity:0}._fadeInFromLeft_1t06u_660{animation:_fadeInFromLeft_1t06u_660 .3s ease-in-out forwards}._fadeInFromRight_1t06u_664{animation:_fadeInFromRight_1t06u_664 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1t06u_660{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1t06u_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.214",
4
+ "version": "0.0.216",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
package/dist/NavLink-C6JIQik5.js DELETED
@@ -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
- };