quirk-ui 0.0.213 → 0.0.215

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-C6JIQik5.js +121 -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 +347 -220
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
  7. package/dist/NavLink-C_fhb-GK.js +0 -117
package/dist/NavLink-C6JIQik5.js ADDED
@@ -0,0 +1,121 @@
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
+ };
package/dist/assets/NavLink.css CHANGED
@@ -1 +1 @@
1
- :root{--nav-height: 65px}._navbar_7ln2v_5{position:relative;height:var(--nav-height)}._left_7ln2v_18 ._container_7ln2v_19{justify-content:flex-start}._left_7ln2v_18 ._logo_7ln2v_23{flex:unset}._left_7ln2v_18 ._nav_7ln2v_5{flex:1}@media (max-width: 767px){._left_7ln2v_18 ._logo_7ln2v_23{flex:1}}._center_7ln2v_38 ._nav_7ln2v_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_7ln2v_38 ._nav_7ln2v_5._hidden_7ln2v_44{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_7ln2v_38 ._nav_7ln2v_5._visible_7ln2v_51{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_7ln2v_38 ._logo_7ln2v_23{flex:1}}._right_7ln2v_66 ._container_7ln2v_19{justify-content:flex-end}._right_7ln2v_66 ._logo_7ln2v_23,._right_7ln2v_66 ._title_7ln2v_72{flex:1}._right_7ln2v_66 ._nav_7ln2v_5{flex:unset}._default_7ln2v_81 ._sublinks_7ln2v_82{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_7ln2v_81 ._sublinks_7ln2v_82{position:relative;top:0;padding:0;min-width:calc(100vw - 2rem)}}._default_7ln2v_81 ._sublinksInner_7ln2v_97{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_7ln2v_81 ._sublinksInner_7ln2v_97{grid-template-columns:1fr;width:auto;min-height:unset}}._default_7ln2v_81 ._linkItem_7ln2v_111{justify-content:flex-start}._minimal_7ln2v_116{left:0;background-color:#fff}._minimal_7ln2v_116 ._menuToggle_7ln2v_120{grid-area:unset}._minimal_7ln2v_116 ._linkWrapper_7ln2v_124{position:relative}._minimal_7ln2v_116 ._sublinks_7ln2v_82{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_7ln2v_116 ._sublinks_7ln2v_82{position:relative;justify-content:center;align-items:center}}._minimal_7ln2v_116 ._sublinksInner_7ln2v_97{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_7ln2v_116 ._sublinksInner_7ln2v_97{justify-content:center;align-items:center}}._minimal_7ln2v_116 ._linkItem_7ln2v_111{justify-content:flex-end}@media (max-width: 767px){._minimal_7ln2v_116 ._linkItem_7ln2v_111{justify-content:center;align-items:center}}._minimal_7ln2v_116 ._triangle_7ln2v_162{display:none}._transparent_7ln2v_167{background-color:transparent}._transparent_7ln2v_167 ._nav_7ln2v_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_7ln2v_167 ._nav_7ln2v_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_7ln2v_167 ._nav_7ln2v_5:before{border-radius:0}}._transparent_7ln2v_167 ._menuToggle_7ln2v_120: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_7ln2v_219{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_7ln2v_19{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_7ln2v_19{grid-template-areas:"first second third fourth"}}._container_7ln2v_19._twoColumn_7ln2v_248{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_7ln2v_72{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_7ln2v_23{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_7ln2v_23 img{height:auto;width:auto}._menuToggle_7ln2v_120{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_7ln2v_120 svg{position:relative;z-index:5}._utilityMobile_7ln2v_295{display:none;grid-area:third;justify-content:flex-end}._utility_7ln2v_295{grid-area:third;display:flex;justify-content:flex-end}._utility_7ln2v_295 a{font-size:var(--font-size-sm)}._nav_7ln2v_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_7ln2v_5{height:100vh}}._navInner_7ln2v_323{position:relative}@media (max-width: 767px){._navInner_7ln2v_323{margin:var(--spacing-xl) auto 0;min-width:300px;width:100%;padding:0 1rem;height:calc(100% - 6rem)}}._grid_7ln2v_335{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_7ln2v_335{display:flex;flex-direction:column;height:100%}}._linkItem_7ln2v_111{display:flex;align-items:center;box-sizing:border-box}._navTitle_7ln2v_361,._sublinkToggle_7ln2v_362,._link_7ln2v_111{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_7ln2v_361 ._newTabIcon_7ln2v_377,._sublinkToggle_7ln2v_362 ._newTabIcon_7ln2v_377,._link_7ln2v_111 ._newTabIcon_7ln2v_377{color:var(--color-muted);transition:color .3s ease-in-out}._link_7ln2v_111:hover,._link_7ln2v_111._open_7ln2v_384,._sublinkToggle_7ln2v_362:hover,._sublinkToggle_7ln2v_362._open_7ln2v_384,._link_7ln2v_111:hover ._newTabIcon_7ln2v_377,._link_7ln2v_111._open_7ln2v_384 ._newTabIcon_7ln2v_377,._sublinkToggle_7ln2v_362:hover ._newTabIcon_7ln2v_377,._sublinkToggle_7ln2v_362._open_7ln2v_384 ._newTabIcon_7ln2v_377,._navItem_7ln2v_394:hover{color:var(--color-primary)}._sublinkToggle_7ln2v_362{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_7ln2v_82{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}@media (max-width: 767px){._sublinks_7ln2v_82{padding:0;position:absolute;top:0;left:0;width:100%;height:100%}}._sublinks_7ln2v_82._show_7ln2v_450{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_7ln2v_162{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_7ln2v_162._show_7ln2v_450{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_7ln2v_481{border-right:1px solid var(--color-border)}@media (max-width: 767px){._primaryColumn_7ln2v_481{position:absolute;width:100%;height:100%;background:green;z-index:1003}._primaryColumn_7ln2v_481 ._linkItem_7ln2v_111{background:transparent!important}}@media (max-width: 767px){._childrenColumn_7ln2v_497{position:absolute;width:100%;height:100%;background:orange;z-index:1002}._childrenColumn_7ln2v_497 ._linkItem_7ln2v_111{background:transparent!important}}._secondaryColumn_7ln2v_511{background-color:var(--color-border)}@media (max-width: 767px){._secondaryColumn_7ln2v_511{position:absolute;width:100%;height:100%;background:#00f;z-index:1001}._secondaryColumn_7ln2v_511 ._linkItem_7ln2v_111{background:transparent!important}}._spotlightColumn_7ln2v_527{background-color:var(--color-secondary)}@media (max-width: 767px){._spotlightColumn_7ln2v_527{display:none}}._sublinksInner_7ln2v_97{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_7ln2v_97{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_7ln2v_553{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_7ln2v_553{padding:0}}._chevron_7ln2v_563{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_7ln2v_362._open_7ln2v_384 ._chevron_7ln2v_563{transform:rotate(180deg)}@media (max-width: 767px){._logo_7ln2v_23{flex:1}._menuToggle_7ln2v_120{display:flex;align-items:center;justify-content:center}._utility_7ln2v_295 a:not(._utility_7ln2v_295 a:first-of-type){display:none}._utilityMobile_7ln2v_295{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_7ln2v_295._open_7ln2v_384{transform:translateY(0)}._nav_7ln2v_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_7ln2v_5._open_7ln2v_384{transform:translate(0)}._linkWrapper_7ln2v_124{flex-direction:column;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0;position:relative;width:100%}._linkWrapper_7ln2v_124._parent_7ln2v_647{border-bottom:1px solid var(--color-border);position:relative;width:100%;height:100%;display:flex;flex-direction:row;max-width:unset}._linkWrapper_7ln2v_124._parent_7ln2v_647>._linkItem_7ln2v_111{position:relative;top:0;left:0;width:100%;min-width:calc(100vw - 2rem);height:100%;background:red;z-index:1004;align-items:flex-start}._linkWrapper_7ln2v_124._parent_7ln2v_647:last-of-type{border:none}._linkItem_7ln2v_111{width:100%}._chevron_7ln2v_563{display:none}._sublinks_7ln2v_82{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}._sublinks_7ln2v_82>div{height:100%}._sublinkToggle_7ln2v_362{cursor:pointer;pointer-events:none;color:var(--color-muted)}}
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)}
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-C_fhb-GK.js";
3
+ import { N as a } from "../../NavLink-C6JIQik5.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,240 +1,271 @@
1
- import { jsx as n, jsxs as d } from "react/jsx-runtime";
2
- import { useState as h, useRef as C, useCallback as $, useEffect as D } from "react";
3
- import { s as e, N as re } from "../../NavLink-C_fhb-GK.js";
4
- import { CallToAction as V } from "../CallToAction/index.js";
5
- import { ButtonGroup as H } from "../ButtonGroup/index.js";
6
- import { X as ie } from "../../x-CnsEH4Ox.js";
7
- import { c as oe } from "../../createLucideIcon-C8GTh_Qx.js";
8
- import { C as ce } from "../../chevron-down-DSUzBz9F.js";
9
- import { E as te } from "../../external-link-BOPobeQJ.js";
1
+ import { jsx as l, jsxs as c } from "react/jsx-runtime";
2
+ import { useState as h, useEffect as M, useRef as _, useCallback as y } from "react";
3
+ import { s as e, N as be } from "../../NavLink-C6JIQik5.js";
4
+ import { CallToAction as J } from "../CallToAction/index.js";
5
+ import { ButtonGroup as K } from "../ButtonGroup/index.js";
6
+ import { c as P } from "../../createLucideIcon-C8GTh_Qx.js";
7
+ import { E as T } from "../../external-link-BOPobeQJ.js";
8
+ import { X as ve } from "../../x-CnsEH4Ox.js";
9
+ import { C as ke } from "../../chevron-down-DSUzBz9F.js";
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 de = [
16
+ const pe = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Ne = P("chevron-left", pe);
17
+ /**
18
+ * @license lucide-react v0.488.0 - ISC
19
+ *
20
+ * This source code is licensed under the ISC license.
21
+ * See the LICENSE file in the root directory of this source tree.
22
+ */
23
+ const ge = [
17
24
  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
18
25
  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
19
26
  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
20
- ], he = oe("menu", de), fe = {
27
+ ], we = P("menu", ge), $e = {
21
28
  default: e.default,
22
29
  minimal: e.minimal
23
- }, ue = {
30
+ }, ye = {
24
31
  left: e.left,
25
32
  center: e.center,
26
33
  right: e.right
27
34
  };
28
- function ye({
29
- title: q,
30
- logo: x,
31
- items: L,
32
- groups: E,
33
- utilityItems: l,
34
- isSticky: F = !1,
35
- isTransparent: J = !1,
36
- alignment: g = "right",
37
- variant: K = "default",
38
- navigationType: M = "default",
39
- className: Q
35
+ function Re({
36
+ title: Q,
37
+ logo: z,
38
+ items: S,
39
+ groups: p,
40
+ utilityItems: s,
41
+ isSticky: U = !1,
42
+ isTransparent: Y = !1,
43
+ alignment: x = "right",
44
+ variant: Z = "default",
45
+ navigationType: b = "default",
46
+ className: I
40
47
  }) {
41
- const [t, R] = h(!1), [N, f] = h(null), [U, Y] = h(0), [Z, P] = h(!1), [I, ee] = h(null), k = C(null), v = C(null), S = C(/* @__PURE__ */ new Map()), ne = () => {
42
- R((a) => !a);
43
- }, ae = (a) => {
44
- const s = S.current.get(a);
45
- if (s && v.current) {
46
- const c = s.getBoundingClientRect(), u = v.current.getBoundingClientRect(), r = c.left - u.left + c.width / 4;
47
- ee(r);
48
+ const [t, R] = h(!1), [C, u] = h(null), [ee, ne] = h(0), [le, ae] = h(!1), [se, re] = h(null), [d, N] = h([]), [g, E] = h(
49
+ null
50
+ ), [oe, A] = h(null), [v, ie] = h(!1);
51
+ M(() => {
52
+ if (typeof window < "u") {
53
+ const n = () => {
54
+ const a = window.innerWidth < 768;
55
+ ie(a);
56
+ };
57
+ return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
48
58
  }
49
- }, le = (a) => {
50
- f((s) => s === a ? null : a);
51
- }, T = $((a) => {
52
- k.current && !k.current.contains(a.target) && f(null);
53
- }, []), z = $(() => {
54
- f(null);
55
- }, []), A = $(() => {
56
- _(), typeof window < "u" && window.innerWidth > 768 && (R(!1), f(null), typeof document < "u" && (document.body.style.overflow = ""));
57
- }, []), _ = $(() => {
58
- if (v.current) {
59
- const a = v.current.getBoundingClientRect().width;
60
- Y(a), P(!0);
59
+ }, []);
60
+ const ce = () => {
61
+ N([]);
62
+ }, te = (n) => {
63
+ N([
64
+ {
65
+ title: n.title,
66
+ primary: n.primaryItems ?? [],
67
+ secondary: n.secondaryItems ?? []
68
+ }
69
+ ]);
70
+ }, W = (n) => {
71
+ N((a) => [
72
+ ...a,
73
+ { title: n.label, primary: n.sublinks ?? [], secondary: [] }
74
+ ]);
75
+ }, de = () => {
76
+ N((n) => n.slice(0, -1));
77
+ }, L = _(null), k = _(null), B = _(/* @__PURE__ */ new Map()), he = () => {
78
+ R((n) => !n);
79
+ }, me = (n) => {
80
+ const a = B.current.get(n);
81
+ if (a && k.current) {
82
+ const i = a.getBoundingClientRect(), m = k.current.getBoundingClientRect(), o = i.left - m.left + i.width / 4;
83
+ re(o);
84
+ }
85
+ }, ue = (n) => {
86
+ u((a) => a === n ? null : n);
87
+ }, O = y((n) => {
88
+ L.current && !L.current.contains(n.target) && u(null);
89
+ }, []), G = y(() => {
90
+ u(null);
91
+ }, []), j = y(() => {
92
+ X(), typeof window < "u" && window.innerWidth > 768 && (R(!1), u(null), typeof document < "u" && (document.body.style.overflow = ""));
93
+ }, []), X = y(() => {
94
+ if (k.current) {
95
+ const n = k.current.getBoundingClientRect().width;
96
+ ne(n), ae(!0);
61
97
  }
62
98
  }, []);
63
- D(() => {
64
- const a = typeof window < "u", s = typeof document < "u";
65
- return a && (window.addEventListener("resize", A), window.addEventListener("scroll", z)), s && document.addEventListener("click", T), _(), () => {
66
- a && (window.removeEventListener("resize", A), window.removeEventListener("scroll", z)), s && document.removeEventListener("click", T);
99
+ M(() => {
100
+ const n = typeof window < "u", a = typeof document < "u";
101
+ return n && (window.addEventListener("resize", j), window.addEventListener("scroll", G)), a && document.addEventListener("click", O), X(), () => {
102
+ n && (window.removeEventListener("resize", j), window.removeEventListener("scroll", G)), a && document.removeEventListener("click", O);
67
103
  };
68
- }, []), D(() => {
104
+ }, []), M(() => {
69
105
  if (typeof document < "u")
70
106
  return document.body.style.overflow = t ? "hidden" : "", () => {
71
107
  document.body.style.overflow = "";
72
108
  };
73
109
  }, [t]);
74
- const se = (a) => {
75
- const [s, c] = h(null), [u, w] = h(
76
- null
77
- );
78
- return a.map((r, p) => {
79
- var W, B, j, G;
80
- const O = `group-${p}`, y = u === p, o = (W = r.primaryItems) == null ? void 0 : W[s ?? 0];
81
- return /* @__PURE__ */ d(
82
- "div",
83
- {
84
- className: `${e.linkWrapper} ${e.parent}`,
85
- onMouseEnter: () => w(p),
86
- onMouseLeave: () => {
87
- w(null), c(null);
88
- },
89
- children: [
90
- /* @__PURE__ */ n("div", { className: e.linkItem, children: /* @__PURE__ */ d(
91
- "button",
92
- {
93
- "aria-haspopup": "true",
94
- "aria-expanded": y,
95
- className: `${e.sublinkToggle} ${y ? e.open : ""} `,
96
- children: [
97
- r.title,
98
- /* @__PURE__ */ n(ce, { size: 18, className: e.chevron })
99
- ]
100
- }
101
- ) }),
102
- /* @__PURE__ */ n(
103
- "div",
104
- {
105
- className: `${e.sublinks} ${y ? e.show : ""}`,
106
- role: "menu",
107
- "aria-label": `${r.title} submenu`,
108
- children: /* @__PURE__ */ n("div", { children: /* @__PURE__ */ d("div", { className: e.sublinksInner, children: [
109
- /* @__PURE__ */ d(
110
- "div",
111
- {
112
- className: `${e.sublinksColumn} ${e.primaryColumn}`,
113
- children: [
114
- /* @__PURE__ */ n("div", { className: e.linkItem }),
115
- (B = r.primaryItems) == null ? void 0 : B.map(
116
- (i, m) => i.href ? /* @__PURE__ */ d(
117
- "a",
118
- {
119
- href: i.href,
120
- className: `${e.link} ${s === m ? e.open : ""}`,
121
- target: i.isExternal ? "_blank" : "_self",
122
- rel: i.isExternal ? "noopener noreferrer" : void 0,
123
- onClick: () => {
124
- var X;
125
- f(null), (X = i.onClick) == null || X.call(i);
126
- },
127
- onMouseEnter: () => i.sublinks ? c(m) : null,
128
- role: "menuitem",
129
- children: [
130
- i.label,
131
- i.isExternal && /* @__PURE__ */ n(
132
- te,
133
- {
134
- className: e.newTabIcon,
135
- size: 16
136
- }
137
- )
138
- ]
139
- },
140
- i._key ?? m
141
- ) : /* @__PURE__ */ n(
142
- "button",
143
- {
144
- className: `${e.sublinkToggle} ${s === m ? e.open : ""}`,
145
- onMouseEnter: () => c(m),
146
- children: i.label
110
+ const fe = (n) => n.map((a, i) => {
111
+ var D, V, H, q;
112
+ const m = `group-${i}`, $ = oe === i, o = (D = a.primaryItems) == null ? void 0 : D[g ?? 0];
113
+ return /* @__PURE__ */ c(
114
+ "div",
115
+ {
116
+ className: `${e.linkWrapper} ${e.parent}`,
117
+ onMouseEnter: () => A(i),
118
+ onMouseLeave: () => {
119
+ A(null), E(null);
120
+ },
121
+ children: [
122
+ /* @__PURE__ */ l("div", { className: e.linkItem, children: /* @__PURE__ */ c(
123
+ "button",
124
+ {
125
+ "aria-haspopup": "true",
126
+ "aria-expanded": $,
127
+ className: `${e.sublinkToggle} ${$ ? e.open : ""} `,
128
+ children: [
129
+ a.title,
130
+ /* @__PURE__ */ l(ke, { size: 18, className: e.chevron })
131
+ ]
132
+ }
133
+ ) }),
134
+ /* @__PURE__ */ l(
135
+ "div",
136
+ {
137
+ className: `${e.sublinks} ${$ ? e.show : ""}`,
138
+ role: "menu",
139
+ "aria-label": `${a.title} submenu`,
140
+ children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ c("div", { className: e.sublinksInner, children: [
141
+ /* @__PURE__ */ c(
142
+ "div",
143
+ {
144
+ className: `${e.sublinksColumn} ${e.primaryColumn}`,
145
+ children: [
146
+ /* @__PURE__ */ l("div", { className: e.linkItem }),
147
+ (V = a.primaryItems) == null ? void 0 : V.map(
148
+ (r, f) => r.href ? /* @__PURE__ */ c(
149
+ "a",
150
+ {
151
+ href: r.href,
152
+ className: `${e.link} ${g === f ? e.open : ""}`,
153
+ target: r.isExternal ? "_blank" : "_self",
154
+ rel: r.isExternal ? "noopener noreferrer" : void 0,
155
+ onClick: () => {
156
+ var F;
157
+ u(null), (F = r.onClick) == null || F.call(r);
147
158
  },
148
- i._key ?? m
149
- )
159
+ onMouseEnter: () => r.sublinks ? E(f) : null,
160
+ role: "menuitem",
161
+ children: [
162
+ r.label,
163
+ r.isExternal && /* @__PURE__ */ l(
164
+ T,
165
+ {
166
+ className: e.newTabIcon,
167
+ size: 16
168
+ }
169
+ )
170
+ ]
171
+ },
172
+ r._key ?? f
173
+ ) : /* @__PURE__ */ l(
174
+ "button",
175
+ {
176
+ className: `${e.sublinkToggle} ${g === f ? e.open : ""}`,
177
+ onMouseEnter: () => E(f),
178
+ children: r.label
179
+ },
180
+ r._key ?? f
150
181
  )
151
- ]
152
- }
153
- ),
154
- (o == null ? void 0 : o.sublinks) && ((j = o == null ? void 0 : o.sublinks) == null ? void 0 : j.length) > 0 && /* @__PURE__ */ n(
155
- "div",
156
- {
157
- className: `${e.sublinksColumn} ${e.childrenColumn}`,
158
- children: (o == null ? void 0 : o.sublinks) && b(
159
- o.sublinks,
160
- `${O}-${s}`
161
182
  )
162
- }
163
- ),
164
- (r == null ? void 0 : r.secondaryItems) && ((G = r == null ? void 0 : r.secondaryItems) == null ? void 0 : G.length) > 0 && /* @__PURE__ */ n(
165
- "div",
166
- {
167
- className: `${e.sublinksColumn} ${e.secondaryColumn}`,
168
- children: b(r.secondaryItems, `${O}-secondary`)
169
- }
170
- ),
171
- r.spotlight && /* @__PURE__ */ n(
172
- "div",
173
- {
174
- className: `${e.sublinksColumn} ${e.spotlightColumn}`,
175
- children: r.spotlight
176
- }
177
- )
178
- ] }) })
179
- }
180
- )
181
- ]
182
- },
183
- p
184
- );
185
- });
186
- }, b = (a, s = "") => a.map((c) => {
187
- const u = `${s}/${c.label}`;
188
- return /* @__PURE__ */ n(
189
- re,
183
+ ]
184
+ }
185
+ ),
186
+ (o == null ? void 0 : o.sublinks) && ((H = o == null ? void 0 : o.sublinks) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ l(
187
+ "div",
188
+ {
189
+ className: `${e.sublinksColumn} ${e.childrenColumn}`,
190
+ children: (o == null ? void 0 : o.sublinks) && w(
191
+ o.sublinks,
192
+ `${m}-${g}`
193
+ )
194
+ }
195
+ ),
196
+ (a == null ? void 0 : a.secondaryItems) && ((q = a == null ? void 0 : a.secondaryItems) == null ? void 0 : q.length) > 0 && /* @__PURE__ */ l(
197
+ "div",
198
+ {
199
+ className: `${e.sublinksColumn} ${e.secondaryColumn}`,
200
+ children: w(a.secondaryItems, `${m}-secondary`)
201
+ }
202
+ ),
203
+ a.spotlight && /* @__PURE__ */ l(
204
+ "div",
205
+ {
206
+ className: `${e.sublinksColumn} ${e.spotlightColumn}`,
207
+ children: a.spotlight
208
+ }
209
+ )
210
+ ] }) })
211
+ }
212
+ )
213
+ ]
214
+ },
215
+ i
216
+ );
217
+ }), w = (n, a = "") => n.map((i) => {
218
+ const m = `${a}/${i.label}`;
219
+ return /* @__PURE__ */ l(
220
+ be,
190
221
  {
191
- link: c,
192
- path: u,
193
- parentPath: s,
194
- openPath: N,
195
- togglePath: le,
196
- updateTriangleIndicator: ae,
197
- setOpenPath: f,
198
- renderLinks: b,
199
- buttonRefs: S
222
+ link: i,
223
+ path: m,
224
+ parentPath: a,
225
+ openPath: C,
226
+ togglePath: ue,
227
+ updateTriangleIndicator: me,
228
+ setOpenPath: u,
229
+ renderLinks: w,
230
+ buttonRefs: B
200
231
  },
201
- u
232
+ m
202
233
  );
203
234
  });
204
- return /* @__PURE__ */ n(
235
+ return console.log(v), /* @__PURE__ */ l(
205
236
  "header",
206
237
  {
207
- ref: k,
208
- className: `${Q ?? ""} ${ue[g]} ${fe[K]} ${e.navbar} ${F ? e.sticky : ""} ${J ? e.transparent : ""} `,
238
+ ref: L,
239
+ className: `${I ?? ""} ${ye[x]} ${$e[Z]} ${e.navbar} ${U ? e.sticky : ""} ${Y ? e.transparent : ""} ${b === "advanced" ? e.advanced : e.default}`,
209
240
  role: "navigation",
210
241
  "aria-label": "Main navigation",
211
- children: /* @__PURE__ */ d(
242
+ children: /* @__PURE__ */ c(
212
243
  "div",
213
244
  {
214
- className: `${e.container} ${(!l || l.length === 0) && g !== "center" ? e.twoColumn : ""}`,
245
+ className: `${e.container} ${(!s || s.length === 0) && x !== "center" ? e.twoColumn : ""}`,
215
246
  children: [
216
- x ? /* @__PURE__ */ n("div", { className: e.logo, children: x }) : /* @__PURE__ */ n("div", { className: e.title, children: q }),
217
- /* @__PURE__ */ n(
247
+ z ? /* @__PURE__ */ l("div", { className: e.logo, children: z }) : /* @__PURE__ */ l("div", { className: e.title, children: Q }),
248
+ /* @__PURE__ */ l(
218
249
  "nav",
219
250
  {
220
- ref: v,
251
+ ref: k,
221
252
  style: {
222
- left: g === "center" ? `calc(50% - ${U / 2}px)` : "0"
253
+ left: x === "center" ? `calc(50% - ${ee / 2}px)` : "0"
223
254
  },
224
- className: `${e.nav} ${t ? e.open : ""} ${Z ? e.visible : e.hidden}`,
255
+ className: `${e.nav} ${t ? e.open : ""} ${le ? e.visible : e.hidden}`,
225
256
  id: "main-menu",
226
257
  role: "menubar",
227
- children: /* @__PURE__ */ d("div", { className: e.navInner, children: [
228
- /* @__PURE__ */ n(
258
+ children: /* @__PURE__ */ c("div", { className: e.navInner, children: [
259
+ /* @__PURE__ */ l(
229
260
  "svg",
230
261
  {
231
- style: { left: `${I}px` },
232
- className: `${e.triangle} ${N ? e.show : ""}`,
262
+ style: { left: `${se}px` },
263
+ className: `${e.triangle} ${C ? e.show : ""}`,
233
264
  width: 16,
234
265
  height: 12,
235
266
  viewBox: "0 0 100 75",
236
267
  xmlns: "http://www.w3.org/2000/svg",
237
- children: /* @__PURE__ */ n(
268
+ children: /* @__PURE__ */ l(
238
269
  "polygon",
239
270
  {
240
271
  points: "50,5 95,70 5,70",
@@ -245,73 +276,169 @@ function ye({
245
276
  )
246
277
  }
247
278
  ),
248
- /* @__PURE__ */ n(
279
+ /* @__PURE__ */ l(
249
280
  "div",
250
281
  {
251
- className: `${e.triangle} ${N ? e.show : ""}`
282
+ className: `${e.triangle} ${C ? e.show : ""}`
252
283
  }
253
284
  ),
254
- M === "default" && L && /* @__PURE__ */ n("div", { className: e.grid, children: b(L) }),
255
- M === "advanced" && E && /* @__PURE__ */ n("div", { className: e.grid, children: se(E) })
285
+ !v && b === "default" && S && /* @__PURE__ */ l("div", { className: e.grid, children: w(S) }),
286
+ !v && b === "advanced" && p && /* @__PURE__ */ l("div", { className: e.grid, children: fe(p) }),
287
+ v && b === "advanced" && t && d.length === 0 && p && /* @__PURE__ */ l("div", { className: e.mobileMenu, children: p.map((n, a) => /* @__PURE__ */ l(
288
+ "div",
289
+ {
290
+ className: e.mobileMenuItem,
291
+ children: /* @__PURE__ */ l(
292
+ "button",
293
+ {
294
+ className: e.sublinkToggle,
295
+ onClick: () => te(n),
296
+ children: n.title
297
+ }
298
+ )
299
+ },
300
+ n._key ?? a
301
+ )) }),
302
+ v && b === "advanced" && t && d.length > 0 && /* @__PURE__ */ c("div", { className: e.mobileMenuSlide, children: [
303
+ /* @__PURE__ */ l(
304
+ "button",
305
+ {
306
+ className: e.back,
307
+ onClick: d.length === 1 ? ce : de,
308
+ children: /* @__PURE__ */ l(Ne, { size: 18 })
309
+ }
310
+ ),
311
+ d[d.length - 1].primary.map((n, a) => /* @__PURE__ */ l(
312
+ "div",
313
+ {
314
+ className: e.mobileMenuItem,
315
+ children: n.sublinks ? /* @__PURE__ */ l(
316
+ "button",
317
+ {
318
+ className: e.sublinkToggle,
319
+ onClick: () => W(n),
320
+ children: n.label
321
+ }
322
+ ) : /* @__PURE__ */ c(
323
+ "a",
324
+ {
325
+ href: n.href,
326
+ className: e.link,
327
+ target: n.isExternal ? "_blank" : "_self",
328
+ rel: n.isExternal ? "noopener noreferrer" : void 0,
329
+ role: "menuitem",
330
+ children: [
331
+ n.label,
332
+ n.isExternal && /* @__PURE__ */ l(
333
+ T,
334
+ {
335
+ className: e.newTabIcon,
336
+ size: 16
337
+ }
338
+ )
339
+ ]
340
+ }
341
+ )
342
+ },
343
+ n._key ?? `primary-${a}`
344
+ )),
345
+ d[d.length - 1].secondary.length > 0 && /* @__PURE__ */ l("hr", { className: e.groupDivider }),
346
+ d[d.length - 1].secondary.map(
347
+ (n, a) => /* @__PURE__ */ l(
348
+ "div",
349
+ {
350
+ className: e.mobileMenuItem,
351
+ children: n.sublinks ? /* @__PURE__ */ l(
352
+ "button",
353
+ {
354
+ className: e.sublinkToggle,
355
+ onClick: () => W(n),
356
+ children: n.label
357
+ }
358
+ ) : /* @__PURE__ */ c(
359
+ "a",
360
+ {
361
+ href: n.href,
362
+ className: e.link,
363
+ target: n.isExternal ? "_blank" : "_self",
364
+ rel: n.isExternal ? "noopener noreferrer" : void 0,
365
+ role: "menuitem",
366
+ children: [
367
+ n.label,
368
+ n.isExternal && /* @__PURE__ */ l(
369
+ T,
370
+ {
371
+ className: e.newTabIcon,
372
+ size: 16
373
+ }
374
+ )
375
+ ]
376
+ }
377
+ )
378
+ },
379
+ n._key ?? `secondary-${a}`
380
+ )
381
+ )
382
+ ] })
256
383
  ] })
257
384
  }
258
385
  ),
259
- l && /* @__PURE__ */ n("nav", { className: e.utility, children: /* @__PURE__ */ n(H, { children: l.map((a, s) => /* @__PURE__ */ n(
260
- V,
386
+ s && /* @__PURE__ */ l("nav", { className: e.utility, children: /* @__PURE__ */ l(K, { children: s.map((n, a) => /* @__PURE__ */ l(
387
+ J,
261
388
  {
262
389
  as: "a",
263
- href: a.href ?? "/",
264
- variant: a.variant ?? "primary",
265
- displayType: a.displayType ?? "text",
266
- imageSrc: a.imageSrc,
267
- imageAlt: a.imageAlt,
268
- "aria-label": a.ariaLabel ?? a.label,
269
- children: l[1].imageSrc ? /* @__PURE__ */ n(
390
+ href: n.href ?? "/",
391
+ variant: n.variant ?? "primary",
392
+ displayType: n.displayType ?? "text",
393
+ imageSrc: n.imageSrc,
394
+ imageAlt: n.imageAlt,
395
+ "aria-label": n.ariaLabel ?? n.label,
396
+ children: s[1].imageSrc ? /* @__PURE__ */ l(
270
397
  "img",
271
398
  {
272
399
  className: e.utilityImage,
273
- src: l[1].imageSrc,
274
- "aria-label": l[1].imageAlt ?? l[1].ariaLabel ?? l[1].label
400
+ src: s[1].imageSrc,
401
+ "aria-label": s[1].imageAlt ?? s[1].ariaLabel ?? s[1].label
275
402
  }
276
- ) : l[1].label
403
+ ) : s[1].label
277
404
  },
278
- a._key || s
405
+ n._key || a
279
406
  )) }) }),
280
- l && /* @__PURE__ */ n(
407
+ s && /* @__PURE__ */ l(
281
408
  "nav",
282
409
  {
283
410
  className: `${e.utilityMobile} ${t ? e.open : ""}`,
284
- children: /* @__PURE__ */ n(H, { alignment: "center", children: /* @__PURE__ */ n(
285
- V,
411
+ children: /* @__PURE__ */ l(K, { alignment: "center", children: /* @__PURE__ */ l(
412
+ J,
286
413
  {
287
414
  as: "a",
288
- href: l[1].href ?? "/",
289
- variant: l[1].variant ?? "primary",
290
- displayType: l[1].displayType ?? "text",
291
- imageSrc: l[1].imageSrc,
292
- imageAlt: l[1].imageAlt,
293
- "aria-label": l[1].ariaLabel ?? l[1].label,
294
- children: l[1].imageSrc ? /* @__PURE__ */ n(
415
+ href: s[1].href ?? "/",
416
+ variant: s[1].variant ?? "primary",
417
+ displayType: s[1].displayType ?? "text",
418
+ imageSrc: s[1].imageSrc,
419
+ imageAlt: s[1].imageAlt,
420
+ "aria-label": s[1].ariaLabel ?? s[1].label,
421
+ children: s[1].imageSrc ? /* @__PURE__ */ l(
295
422
  "img",
296
423
  {
297
424
  className: e.utilityImage,
298
- src: l[1].imageSrc,
299
- "aria-label": l[1].imageAlt ?? l[1].ariaLabel ?? l[1].label
425
+ src: s[1].imageSrc,
426
+ "aria-label": s[1].imageAlt ?? s[1].ariaLabel ?? s[1].label
300
427
  }
301
- ) : l[1].label
428
+ ) : s[1].label
302
429
  }
303
430
  ) })
304
431
  }
305
432
  ),
306
- /* @__PURE__ */ n(
433
+ /* @__PURE__ */ l(
307
434
  "button",
308
435
  {
309
436
  className: e.menuToggle,
310
- onClick: ne,
437
+ onClick: he,
311
438
  "aria-label": t ? "Close menu" : "Open menu",
312
439
  "aria-expanded": t,
313
440
  "aria-controls": "main-menu",
314
- children: t ? /* @__PURE__ */ n(ie, { size: 24 }) : /* @__PURE__ */ n(he, { size: 24 })
441
+ children: t ? /* @__PURE__ */ l(ve, { size: 24 }) : /* @__PURE__ */ l(we, { size: 24 })
315
442
  }
316
443
  )
317
444
  ]
@@ -321,5 +448,5 @@ function ye({
321
448
  );
322
449
  }
323
450
  export {
324
- ye as Navbar
451
+ Re as Navbar
325
452
  };
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_7ln2v_5{position:relative;height:var(--nav-height)}._left_7ln2v_18 ._container_7ln2v_19{justify-content:flex-start}._left_7ln2v_18 ._logo_7ln2v_23{flex:unset}._left_7ln2v_18 ._nav_7ln2v_5{flex:1}@media (max-width: 767px){._left_7ln2v_18 ._logo_7ln2v_23{flex:1}}._center_7ln2v_38 ._nav_7ln2v_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_7ln2v_38 ._nav_7ln2v_5._hidden_7ln2v_44{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_7ln2v_38 ._nav_7ln2v_5._visible_7ln2v_51{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_7ln2v_38 ._logo_7ln2v_23{flex:1}}._right_7ln2v_66 ._container_7ln2v_19{justify-content:flex-end}._right_7ln2v_66 ._logo_7ln2v_23,._right_7ln2v_66 ._title_7ln2v_72{flex:1}._right_7ln2v_66 ._nav_7ln2v_5{flex:unset}._default_7ln2v_81 ._sublinks_7ln2v_82{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_7ln2v_81 ._sublinks_7ln2v_82{position:relative;top:0;padding:0;min-width:calc(100vw - 2rem)}}._default_7ln2v_81 ._sublinksInner_7ln2v_97{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_7ln2v_81 ._sublinksInner_7ln2v_97{grid-template-columns:1fr;width:auto;min-height:unset}}._default_7ln2v_81 ._linkItem_7ln2v_111{justify-content:flex-start}._minimal_7ln2v_116{left:0;background-color:#fff}._minimal_7ln2v_116 ._menuToggle_7ln2v_120{grid-area:unset}._minimal_7ln2v_116 ._linkWrapper_7ln2v_124{position:relative}._minimal_7ln2v_116 ._sublinks_7ln2v_82{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_7ln2v_116 ._sublinks_7ln2v_82{position:relative;justify-content:center;align-items:center}}._minimal_7ln2v_116 ._sublinksInner_7ln2v_97{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_7ln2v_116 ._sublinksInner_7ln2v_97{justify-content:center;align-items:center}}._minimal_7ln2v_116 ._linkItem_7ln2v_111{justify-content:flex-end}@media (max-width: 767px){._minimal_7ln2v_116 ._linkItem_7ln2v_111{justify-content:center;align-items:center}}._minimal_7ln2v_116 ._triangle_7ln2v_162{display:none}._transparent_7ln2v_167{background-color:transparent}._transparent_7ln2v_167 ._nav_7ln2v_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_7ln2v_167 ._nav_7ln2v_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_7ln2v_167 ._nav_7ln2v_5:before{border-radius:0}}._transparent_7ln2v_167 ._menuToggle_7ln2v_120: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_7ln2v_219{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_7ln2v_19{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_7ln2v_19{grid-template-areas:"first second third fourth"}}._container_7ln2v_19._twoColumn_7ln2v_248{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_7ln2v_72{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_7ln2v_23{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_7ln2v_23 img{height:auto;width:auto}._menuToggle_7ln2v_120{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_7ln2v_120 svg{position:relative;z-index:5}._utilityMobile_7ln2v_295{display:none;grid-area:third;justify-content:flex-end}._utility_7ln2v_295{grid-area:third;display:flex;justify-content:flex-end}._utility_7ln2v_295 a{font-size:var(--font-size-sm)}._nav_7ln2v_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_7ln2v_5{height:100vh}}._navInner_7ln2v_323{position:relative}@media (max-width: 767px){._navInner_7ln2v_323{margin:var(--spacing-xl) auto 0;min-width:300px;width:100%;padding:0 1rem;height:calc(100% - 6rem)}}._grid_7ln2v_335{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_7ln2v_335{display:flex;flex-direction:column;height:100%}}._linkItem_7ln2v_111{display:flex;align-items:center;box-sizing:border-box}._navTitle_7ln2v_361,._sublinkToggle_7ln2v_362,._link_7ln2v_111{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_7ln2v_361 ._newTabIcon_7ln2v_377,._sublinkToggle_7ln2v_362 ._newTabIcon_7ln2v_377,._link_7ln2v_111 ._newTabIcon_7ln2v_377{color:var(--color-muted);transition:color .3s ease-in-out}._link_7ln2v_111:hover,._link_7ln2v_111._open_7ln2v_384,._sublinkToggle_7ln2v_362:hover,._sublinkToggle_7ln2v_362._open_7ln2v_384,._link_7ln2v_111:hover ._newTabIcon_7ln2v_377,._link_7ln2v_111._open_7ln2v_384 ._newTabIcon_7ln2v_377,._sublinkToggle_7ln2v_362:hover ._newTabIcon_7ln2v_377,._sublinkToggle_7ln2v_362._open_7ln2v_384 ._newTabIcon_7ln2v_377,._navItem_7ln2v_394:hover{color:var(--color-primary)}._sublinkToggle_7ln2v_362{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_7ln2v_82{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}@media (max-width: 767px){._sublinks_7ln2v_82{padding:0;position:absolute;top:0;left:0;width:100%;height:100%}}._sublinks_7ln2v_82._show_7ln2v_450{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_7ln2v_162{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_7ln2v_162._show_7ln2v_450{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_7ln2v_481{border-right:1px solid var(--color-border)}@media (max-width: 767px){._primaryColumn_7ln2v_481{position:absolute;width:100%;height:100%;background:green;z-index:1003}._primaryColumn_7ln2v_481 ._linkItem_7ln2v_111{background:transparent!important}}@media (max-width: 767px){._childrenColumn_7ln2v_497{position:absolute;width:100%;height:100%;background:orange;z-index:1002}._childrenColumn_7ln2v_497 ._linkItem_7ln2v_111{background:transparent!important}}._secondaryColumn_7ln2v_511{background-color:var(--color-border)}@media (max-width: 767px){._secondaryColumn_7ln2v_511{position:absolute;width:100%;height:100%;background:#00f;z-index:1001}._secondaryColumn_7ln2v_511 ._linkItem_7ln2v_111{background:transparent!important}}._spotlightColumn_7ln2v_527{background-color:var(--color-secondary)}@media (max-width: 767px){._spotlightColumn_7ln2v_527{display:none}}._sublinksInner_7ln2v_97{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_7ln2v_97{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_7ln2v_553{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_7ln2v_553{padding:0}}._chevron_7ln2v_563{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_7ln2v_362._open_7ln2v_384 ._chevron_7ln2v_563{transform:rotate(180deg)}@media (max-width: 767px){._logo_7ln2v_23{flex:1}._menuToggle_7ln2v_120{display:flex;align-items:center;justify-content:center}._utility_7ln2v_295 a:not(._utility_7ln2v_295 a:first-of-type){display:none}._utilityMobile_7ln2v_295{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_7ln2v_295._open_7ln2v_384{transform:translateY(0)}._nav_7ln2v_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_7ln2v_5._open_7ln2v_384{transform:translate(0)}._linkWrapper_7ln2v_124{flex-direction:column;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0;position:relative;width:100%}._linkWrapper_7ln2v_124._parent_7ln2v_647{border-bottom:1px solid var(--color-border);position:relative;width:100%;height:100%;display:flex;flex-direction:row;max-width:unset}._linkWrapper_7ln2v_124._parent_7ln2v_647>._linkItem_7ln2v_111{position:relative;top:0;left:0;width:100%;min-width:calc(100vw - 2rem);height:100%;background:red;z-index:1004;align-items:flex-start}._linkWrapper_7ln2v_124._parent_7ln2v_647:last-of-type{border:none}._linkItem_7ln2v_111{width:100%}._chevron_7ln2v_563{display:none}._sublinks_7ln2v_82{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}._sublinks_7ln2v_82>div{height:100%}._sublinkToggle_7ln2v_362{cursor:pointer;pointer-events:none;color:var(--color-muted)}}
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)}
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.213",
4
+ "version": "0.0.215",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
package/dist/NavLink-C_fhb-GK.js DELETED
@@ -1,117 +0,0 @@
1
- import { jsxs as i, 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 h } from "./chevron-down-DSUzBz9F.js";
5
- import './assets/NavLink.css';const C = "_navbar_7ln2v_5", f = "_left_7ln2v_18", y = "_container_7ln2v_19", I = "_logo_7ln2v_23", w = "_nav_7ln2v_5", N = "_center_7ln2v_38", T = "_hidden_7ln2v_44", x = "_visible_7ln2v_51", E = "_right_7ln2v_66", $ = "_title_7ln2v_72", M = "_sublinks_7ln2v_82", W = "_sublinksInner_7ln2v_97", L = "_linkItem_7ln2v_111", j = "_minimal_7ln2v_116", z = "_menuToggle_7ln2v_120", R = "_linkWrapper_7ln2v_124", D = "_triangle_7ln2v_162", S = "_transparent_7ln2v_167", q = "_sticky_7ln2v_219", A = "_twoColumn_7ln2v_248", B = "_utilityMobile_7ln2v_295", F = "_utility_7ln2v_295", G = "_navInner_7ln2v_323", H = "_grid_7ln2v_335", J = "_sublinkToggle_7ln2v_362", K = "_link_7ln2v_111", Q = "_newTabIcon_7ln2v_377", U = "_open_7ln2v_384", V = "_show_7ln2v_450", X = "_primaryColumn_7ln2v_481", Y = "_childrenColumn_7ln2v_497", Z = "_secondaryColumn_7ln2v_511", O = "_spotlightColumn_7ln2v_527", P = "_sublinksColumn_7ln2v_553", nn = "_chevron_7ln2v_563", ln = "_parent_7ln2v_647", l = {
6
- navbar: C,
7
- left: f,
8
- container: y,
9
- logo: I,
10
- nav: w,
11
- center: N,
12
- hidden: T,
13
- visible: x,
14
- right: E,
15
- title: $,
16
- default: "_default_7ln2v_81",
17
- sublinks: M,
18
- sublinksInner: W,
19
- linkItem: L,
20
- minimal: j,
21
- menuToggle: z,
22
- linkWrapper: R,
23
- triangle: D,
24
- transparent: S,
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
- show: V,
36
- primaryColumn: X,
37
- childrenColumn: Y,
38
- secondaryColumn: Z,
39
- spotlightColumn: O,
40
- sublinksColumn: P,
41
- chevron: nn,
42
- parent: ln
43
- };
44
- function tn({
45
- link: n,
46
- path: e,
47
- parentPath: r,
48
- openPath: m,
49
- togglePath: c,
50
- updateTriangleIndicator: b,
51
- setOpenPath: s,
52
- renderLinks: d,
53
- buttonRefs: g
54
- }) {
55
- var u;
56
- const _ = m === e, t = !!((u = n.sublinks) != null && u.length), a = k(null);
57
- return g.current.set(e, a.current), /* @__PURE__ */ i(
58
- "div",
59
- {
60
- className: `${l.linkWrapper} ${r ? "" : l.parent}`,
61
- children: [
62
- /* @__PURE__ */ o("div", { className: l.linkItem, children: n.href ? /* @__PURE__ */ i(
63
- "a",
64
- {
65
- href: n.href,
66
- className: l.link,
67
- target: n.isExternal ? "_blank" : "_self",
68
- rel: n.isExternal ? "noopener noreferrer" : void 0,
69
- onClick: () => {
70
- var v;
71
- s(null), (v = n.onClick) == null || v.call(n);
72
- },
73
- onMouseEnter: () => {
74
- r || s(null);
75
- },
76
- role: "menuitem",
77
- children: [
78
- n.label,
79
- n.isExternal && /* @__PURE__ */ o(p, { className: l.newTabIcon, size: 16 })
80
- ]
81
- }
82
- ) : /* @__PURE__ */ i(
83
- "button",
84
- {
85
- ref: a,
86
- "aria-haspopup": t ? "true" : void 0,
87
- "aria-expanded": _,
88
- className: `${l.sublinkToggle} ${_ ? l.open : ""}`,
89
- onClick: () => c(e),
90
- onMouseEnter: () => {
91
- b(e), s(e);
92
- },
93
- children: [
94
- n.label,
95
- t && /* @__PURE__ */ o(h, { size: 18, className: l.chevron })
96
- ]
97
- }
98
- ) }),
99
- t && /* @__PURE__ */ o(
100
- "div",
101
- {
102
- className: `${l.sublinks} ${_ ? l.show : ""}`,
103
- onMouseLeave: () => c(e),
104
- role: "menu",
105
- "aria-label": `${n.label} submenu`,
106
- children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: l.sublinksInner, children: /* @__PURE__ */ o("div", { className: l.sublinksColumn, children: d(n.sublinks, e) }) }) })
107
- }
108
- )
109
- ]
110
- },
111
- e
112
- );
113
- }
114
- export {
115
- tn as N,
116
- l as s
117
- };