quirk-ui 0.0.217 → 0.0.219

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-Czq5U05H.js +126 -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 +182 -178
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
  7. package/dist/NavLink-DyWHHU93.js +0 -124
package/dist/NavLink-Czq5U05H.js ADDED
@@ -0,0 +1,126 @@
1
+ import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
+ import { useRef as h } from "react";
3
+ import { E as p } from "./external-link-BOPobeQJ.js";
4
+ import { C as v } from "./chevron-down-DSUzBz9F.js";
5
+ import './assets/NavLink.css';const k = "_navbar_13w2e_5", f = "_left_13w2e_19", I = "_container_13w2e_20", C = "_logo_13w2e_24", y = "_nav_13w2e_5", M = "_center_13w2e_39", N = "_hidden_13w2e_45", T = "_visible_13w2e_52", S = "_right_13w2e_67", x = "_title_13w2e_73", E = "_sublinks_13w2e_83", $ = "_sublinksInner_13w2e_95", F = "_withSpotlight_13w2e_102", L = "_withoutSpotlight_13w2e_106", R = "_linkItem_13w2e_117", D = "_minimal_13w2e_122", W = "_menuToggle_13w2e_126", j = "_linkWrapper_13w2e_130", z = "_triangle_13w2e_168", q = "_transparent_13w2e_173", A = "_sticky_13w2e_225", B = "_twoColumn_13w2e_254", G = "_utilityMobile_13w2e_301", H = "_utility_13w2e_301", J = "_navInner_13w2e_329", K = "_grid_13w2e_340", Q = "_sublinkToggle_13w2e_366", U = "_link_13w2e_117", V = "_newTabIcon_13w2e_381", X = "_open_13w2e_388", Y = "_back_13w2e_403", Z = "_show_13w2e_446", O = "_primaryColumn_13w2e_477", P = "_secondaryColumn_13w2e_481", ee = "_spotlightColumn_13w2e_485", ne = "_sublinksColumn_13w2e_507", oe = "_chevron_13w2e_517", te = "_parent_13w2e_596", se = "_advanced_13w2e_633", ie = "_groupDivider_13w2e_646", _e = "_mobileMenu_13w2e_654", le = "_mobileMenuSlide_13w2e_655", re = "_mobileMenuItem_13w2e_665", ce = "_fadeInFromLeft_13w2e_669", ae = "_fadeInFromRight_13w2e_673", n = {
6
+ navbar: k,
7
+ left: f,
8
+ container: I,
9
+ logo: C,
10
+ nav: y,
11
+ center: M,
12
+ hidden: N,
13
+ visible: T,
14
+ right: S,
15
+ title: x,
16
+ default: "_default_13w2e_82",
17
+ sublinks: E,
18
+ sublinksInner: $,
19
+ withSpotlight: F,
20
+ withoutSpotlight: L,
21
+ linkItem: R,
22
+ minimal: D,
23
+ menuToggle: W,
24
+ linkWrapper: j,
25
+ triangle: z,
26
+ transparent: q,
27
+ sticky: A,
28
+ twoColumn: B,
29
+ utilityMobile: G,
30
+ utility: H,
31
+ navInner: J,
32
+ grid: K,
33
+ sublinkToggle: Q,
34
+ link: U,
35
+ newTabIcon: V,
36
+ open: X,
37
+ back: Y,
38
+ show: Z,
39
+ primaryColumn: O,
40
+ secondaryColumn: P,
41
+ spotlightColumn: ee,
42
+ sublinksColumn: ne,
43
+ chevron: oe,
44
+ parent: te,
45
+ advanced: se,
46
+ groupDivider: ie,
47
+ mobileMenu: _e,
48
+ mobileMenuSlide: le,
49
+ mobileMenuItem: re,
50
+ fadeInFromLeft: ce,
51
+ fadeInFromRight: ae
52
+ };
53
+ function de({
54
+ link: e,
55
+ path: o,
56
+ parentPath: r,
57
+ openPath: w,
58
+ togglePath: c,
59
+ updateTriangleIndicator: b,
60
+ setOpenPath: s,
61
+ renderLinks: d,
62
+ buttonRefs: g
63
+ }) {
64
+ var u;
65
+ const i = w === o, _ = !!((u = e.sublinks) != null && u.length), a = h(null);
66
+ return g.current.set(o, a.current), /* @__PURE__ */ l(
67
+ "div",
68
+ {
69
+ className: `${n.linkWrapper} ${r ? "" : n.parent}`,
70
+ children: [
71
+ /* @__PURE__ */ t("div", { className: n.linkItem, children: e.href ? /* @__PURE__ */ l(
72
+ "a",
73
+ {
74
+ href: e.href,
75
+ className: n.link,
76
+ target: e.isExternal ? "_blank" : "_self",
77
+ rel: e.isExternal ? "noopener noreferrer" : void 0,
78
+ onClick: () => {
79
+ var m;
80
+ s(null), (m = e.onClick) == null || m.call(e);
81
+ },
82
+ onMouseEnter: () => {
83
+ r || s(null);
84
+ },
85
+ role: "menuitem",
86
+ children: [
87
+ e.label,
88
+ e.isExternal && /* @__PURE__ */ t(p, { className: n.newTabIcon, size: 16 })
89
+ ]
90
+ }
91
+ ) : /* @__PURE__ */ l(
92
+ "button",
93
+ {
94
+ ref: a,
95
+ "aria-haspopup": _ ? "true" : void 0,
96
+ "aria-expanded": i,
97
+ className: `${n.sublinkToggle} ${i ? n.open : ""}`,
98
+ onClick: () => c(o),
99
+ onMouseEnter: () => {
100
+ b(o), s(o);
101
+ },
102
+ children: [
103
+ e.label,
104
+ _ && /* @__PURE__ */ t(v, { size: 18, className: n.chevron })
105
+ ]
106
+ }
107
+ ) }),
108
+ _ && /* @__PURE__ */ t(
109
+ "div",
110
+ {
111
+ className: `${n.sublinks} ${i ? n.show : ""}`,
112
+ onMouseLeave: () => c(o),
113
+ role: "menu",
114
+ "aria-label": `${e.label} submenu`,
115
+ children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: n.sublinksInner, children: /* @__PURE__ */ t("div", { className: n.sublinksColumn, children: d(e.sublinks, o) }) }) })
116
+ }
117
+ )
118
+ ]
119
+ },
120
+ o
121
+ );
122
+ }
123
+ export {
124
+ de as N,
125
+ n as s
126
+ };
package/dist/assets/NavLink.css CHANGED
@@ -1 +1 @@
1
- :root{--nav-height: 65px}._navbar_1t199_5{position:relative;height:var(--nav-height);z-index:1000}._left_1t199_19 ._container_1t199_20{justify-content:flex-start}._left_1t199_19 ._logo_1t199_24{flex:unset}._left_1t199_19 ._nav_1t199_5{flex:1}@media (max-width: 767px){._left_1t199_19 ._logo_1t199_24{flex:1}}._center_1t199_39 ._nav_1t199_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1t199_39 ._nav_1t199_5._hidden_1t199_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1t199_39 ._nav_1t199_5._visible_1t199_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1t199_39 ._logo_1t199_24{flex:1}}._right_1t199_67 ._container_1t199_20{justify-content:flex-end}._right_1t199_67 ._logo_1t199_24,._right_1t199_67 ._title_1t199_73{flex:1}._right_1t199_67 ._nav_1t199_5{flex:unset}._default_1t199_82 ._sublinks_1t199_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1t199_82 ._sublinks_1t199_83{position:relative}}._default_1t199_82 ._sublinksInner_1t199_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}@media (max-width: 767px){._default_1t199_82 ._sublinksInner_1t199_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1t199_82 ._linkItem_1t199_109{justify-content:flex-start}._minimal_1t199_114{left:0;background-color:#fff}._minimal_1t199_114 ._menuToggle_1t199_118{grid-area:unset}._minimal_1t199_114 ._linkWrapper_1t199_122{position:relative}._minimal_1t199_114 ._sublinks_1t199_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1t199_114 ._sublinks_1t199_83{position:relative;justify-content:center;align-items:center}}._minimal_1t199_114 ._sublinksInner_1t199_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1t199_114 ._sublinksInner_1t199_95{justify-content:center;align-items:center}}._minimal_1t199_114 ._linkItem_1t199_109{justify-content:flex-end}@media (max-width: 767px){._minimal_1t199_114 ._linkItem_1t199_109{justify-content:center;align-items:center}}._minimal_1t199_114 ._triangle_1t199_160{display:none}._transparent_1t199_165{background-color:transparent}._transparent_1t199_165 ._nav_1t199_5{height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md);z-index:1001;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1t199_165 ._nav_1t199_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1t199_165 ._nav_1t199_5:before{border-radius:0}}._transparent_1t199_165 ._menuToggle_1t199_118:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}._sticky_1t199_217{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1t199_20{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_1t199_20{grid-template-areas:"first second third fourth"}}._container_1t199_20._twoColumn_1t199_246{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1t199_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1t199_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_1t199_24 img{height:auto;width:auto}._menuToggle_1t199_118{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1t199_118 svg{position:relative;z-index:5}._utilityMobile_1t199_293{display:none;grid-area:third;justify-content:flex-end}._utility_1t199_293{grid-area:third;display:flex;justify-content:flex-end}._utility_1t199_293 a{font-size:var(--font-size-sm)}._nav_1t199_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;grid-gap:var(--spacing-sm);transition:transform .3s ease}@media (max-width: 767px){._nav_1t199_5{height:100vh}}._navInner_1t199_321{position:relative}@media (max-width: 767px){._navInner_1t199_321{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1t199_332{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1t199_332{display:flex;flex-direction:column}}._linkItem_1t199_109{display:flex;align-items:center;box-sizing:border-box}._navTitle_1t199_357,._sublinkToggle_1t199_358,._link_1t199_109{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_1t199_357 ._newTabIcon_1t199_373,._sublinkToggle_1t199_358 ._newTabIcon_1t199_373,._link_1t199_109 ._newTabIcon_1t199_373{color:var(--color-muted);transition:color .3s ease-in-out}._link_1t199_109:hover,._link_1t199_109._open_1t199_380,._sublinkToggle_1t199_358:hover,._sublinkToggle_1t199_358._open_1t199_380,._link_1t199_109:hover ._newTabIcon_1t199_373,._link_1t199_109._open_1t199_380 ._newTabIcon_1t199_373,._sublinkToggle_1t199_358:hover ._newTabIcon_1t199_373,._sublinkToggle_1t199_358._open_1t199_380 ._newTabIcon_1t199_373,._navItem_1t199_390:hover{color:var(--color-primary)}._sublinkToggle_1t199_358,._back_1t199_395{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1t199_83{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease,opacity .3s ease,visibility .3s ease}._sublinks_1t199_83._show_1t199_438{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1t199_160{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);transform:translate(-50%);z-index:10;pointer-events:none;transition:top .3s ease-in-out,left .3s ease-in-out,visbility .3s ease-in-out,opacity .3s ease-in-out}._triangle_1t199_160._show_1t199_438{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1t199_468{border-right:1px solid var(--color-border)}._secondaryColumn_1t199_472{background-color:var(--color-border)}._spotlightColumn_1t199_476{background-color:var(--color-secondary)}._sublinksInner_1t199_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1t199_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1t199_498{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1t199_498{padding:0}}._chevron_1t199_508{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1t199_358._open_1t199_380 ._chevron_1t199_508{transform:rotate(180deg)}@media (max-width: 767px){._logo_1t199_24{flex:1}._menuToggle_1t199_118{display:flex;align-items:center;justify-content:center}._utility_1t199_293 a:not(._utility_1t199_293 a:first-of-type){display:none}._utilityMobile_1t199_293{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1t199_293._open_1t199_380{transform:translateY(0)}._nav_1t199_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1t199_5._open_1t199_380{transform:translate(0)}._linkWrapper_1t199_122{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1t199_122._parent_1t199_587{border-bottom:1px solid var(--color-border)}._linkWrapper_1t199_122._parent_1t199_587:last-of-type{border:none}._linkItem_1t199_109{width:100%}._chevron_1t199_508{display:none}._sublinks_1t199_83{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1t199_358{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_1t199_624 ._sublinkToggle_1t199_358{pointer-events:all;color:var(--color-text-primary);width:100%}._advanced_1t199_624 ._back_1t199_395{margin-bottom:var(--spacing-lg)}._groupDivider_1t199_637{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1t199_645,._mobileMenuSlide_1t199_646{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1t199_656{opacity:0}._fadeInFromLeft_1t199_660{animation:_fadeInFromLeft_1t199_660 .3s ease-in-out forwards}._fadeInFromRight_1t199_664{animation:_fadeInFromRight_1t199_664 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1t199_660{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1t199_664{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}
1
+ :root{--nav-height: 65px}._navbar_13w2e_5{position:relative;height:var(--nav-height);z-index:1000}._left_13w2e_19 ._container_13w2e_20{justify-content:flex-start}._left_13w2e_19 ._logo_13w2e_24{flex:unset}._left_13w2e_19 ._nav_13w2e_5{flex:1}@media (max-width: 767px){._left_13w2e_19 ._logo_13w2e_24{flex:1}}._center_13w2e_39 ._nav_13w2e_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_13w2e_39 ._nav_13w2e_5._hidden_13w2e_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_13w2e_39 ._nav_13w2e_5._visible_13w2e_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_13w2e_39 ._logo_13w2e_24{flex:1}}._right_13w2e_67 ._container_13w2e_20{justify-content:flex-end}._right_13w2e_67 ._logo_13w2e_24,._right_13w2e_67 ._title_13w2e_73{flex:1}._right_13w2e_67 ._nav_13w2e_5{flex:unset}._default_13w2e_82 ._sublinks_13w2e_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_13w2e_82 ._sublinks_13w2e_83{position:relative}}._default_13w2e_82 ._sublinksInner_13w2e_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._default_13w2e_82 ._sublinksInner_13w2e_95._withSpotlight_13w2e_102{grid-template-columns:repeat(4,minmax(0,1fr))}._default_13w2e_82 ._sublinksInner_13w2e_95._withoutSpotlight_13w2e_106{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._default_13w2e_82 ._sublinksInner_13w2e_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_13w2e_82 ._linkItem_13w2e_117{justify-content:flex-start}._minimal_13w2e_122{left:0;background-color:#fff}._minimal_13w2e_122 ._menuToggle_13w2e_126{grid-area:unset}._minimal_13w2e_122 ._linkWrapper_13w2e_130{position:relative}._minimal_13w2e_122 ._sublinks_13w2e_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_13w2e_122 ._sublinks_13w2e_83{position:relative;justify-content:center;align-items:center}}._minimal_13w2e_122 ._sublinksInner_13w2e_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_13w2e_122 ._sublinksInner_13w2e_95{justify-content:center;align-items:center}}._minimal_13w2e_122 ._linkItem_13w2e_117{justify-content:flex-end}@media (max-width: 767px){._minimal_13w2e_122 ._linkItem_13w2e_117{justify-content:center;align-items:center}}._minimal_13w2e_122 ._triangle_13w2e_168{display:none}._transparent_13w2e_173{background-color:transparent}._transparent_13w2e_173 ._nav_13w2e_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_13w2e_173 ._nav_13w2e_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_13w2e_173 ._nav_13w2e_5:before{border-radius:0}}._transparent_13w2e_173 ._menuToggle_13w2e_126:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}._sticky_13w2e_225{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_13w2e_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_13w2e_20{grid-template-areas:"first second third fourth"}}._container_13w2e_20._twoColumn_13w2e_254{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_13w2e_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_13w2e_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_13w2e_24 img{height:auto;width:auto}._menuToggle_13w2e_126{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_13w2e_126 svg{position:relative;z-index:5}._utilityMobile_13w2e_301{display:none;grid-area:third;justify-content:flex-end}._utility_13w2e_301{grid-area:third;display:flex;justify-content:flex-end}._utility_13w2e_301 a{font-size:var(--font-size-sm)}._nav_13w2e_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_13w2e_5{height:100vh}}._navInner_13w2e_329{position:relative}@media (max-width: 767px){._navInner_13w2e_329{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_13w2e_340{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_13w2e_340{display:flex;flex-direction:column}}._linkItem_13w2e_117{display:flex;align-items:center;box-sizing:border-box}._navTitle_13w2e_365,._sublinkToggle_13w2e_366,._link_13w2e_117{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_13w2e_365 ._newTabIcon_13w2e_381,._sublinkToggle_13w2e_366 ._newTabIcon_13w2e_381,._link_13w2e_117 ._newTabIcon_13w2e_381{color:var(--color-muted);transition:color .3s ease-in-out}._link_13w2e_117:hover,._link_13w2e_117._open_13w2e_388,._sublinkToggle_13w2e_366:hover,._sublinkToggle_13w2e_366._open_13w2e_388,._link_13w2e_117:hover ._newTabIcon_13w2e_381,._link_13w2e_117._open_13w2e_388 ._newTabIcon_13w2e_381,._sublinkToggle_13w2e_366:hover ._newTabIcon_13w2e_381,._sublinkToggle_13w2e_366._open_13w2e_388 ._newTabIcon_13w2e_381,._navItem_13w2e_398:hover{color:var(--color-primary)}._sublinkToggle_13w2e_366,._back_13w2e_403{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_13w2e_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_13w2e_83._show_13w2e_446{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_13w2e_168{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);transform:translate(-50%);z-index:10;pointer-events:none;transition:top .3s ease-in-out,left .3s ease-in-out,visbility .3s ease-in-out,opacity .3s ease-in-out}._triangle_13w2e_168._show_13w2e_446{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_13w2e_477{border-right:1px solid var(--color-border)}._secondaryColumn_13w2e_481{background-color:var(--color-border)}._spotlightColumn_13w2e_485{background-color:var(--color-secondary)}._sublinksInner_13w2e_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_13w2e_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_13w2e_507{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_13w2e_507{padding:0}}._chevron_13w2e_517{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_13w2e_366._open_13w2e_388 ._chevron_13w2e_517{transform:rotate(180deg)}@media (max-width: 767px){._logo_13w2e_24{flex:1}._menuToggle_13w2e_126{display:flex;align-items:center;justify-content:center}._utility_13w2e_301 a:not(._utility_13w2e_301 a:first-of-type){display:none}._utilityMobile_13w2e_301{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_13w2e_301._open_13w2e_388{transform:translateY(0)}._nav_13w2e_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_13w2e_5._open_13w2e_388{transform:translate(0)}._linkWrapper_13w2e_130{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_13w2e_130._parent_13w2e_596{border-bottom:1px solid var(--color-border)}._linkWrapper_13w2e_130._parent_13w2e_596:last-of-type{border:none}._linkItem_13w2e_117{width:100%}._chevron_13w2e_517{display:none}._sublinks_13w2e_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_13w2e_366{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_13w2e_633 ._sublinkToggle_13w2e_366{pointer-events:all;color:var(--color-text-primary);width:fit-content}._advanced_13w2e_633 ._back_13w2e_403{margin-bottom:var(--spacing-lg)}._groupDivider_13w2e_646{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_13w2e_654,._mobileMenuSlide_13w2e_655{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_13w2e_665{opacity:0}._fadeInFromLeft_13w2e_669{animation:_fadeInFromLeft_13w2e_669 .3s ease-in-out forwards}._fadeInFromRight_13w2e_673{animation:_fadeInFromRight_13w2e_673 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_13w2e_669{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_13w2e_673{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
package/dist/components/NavBar/NavLink.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { N as a } from "../../NavLink-DyWHHU93.js";
3
+ import { N as a } from "../../NavLink-Czq5U05H.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,133 +1,136 @@
1
- import { jsx as a, jsxs as t } from "react/jsx-runtime";
2
- import { useState as d, useEffect as T, useRef as z, useCallback as y } from "react";
3
- import { s as e, N as ke } from "../../NavLink-DyWHHU93.js";
4
- import { CallToAction as K } from "../CallToAction/index.js";
5
- import { ButtonGroup as P } from "../ButtonGroup/index.js";
6
- import { c as Q } from "../../createLucideIcon-C8GTh_Qx.js";
7
- import { E as R } from "../../external-link-BOPobeQJ.js";
8
- import { X as $e } from "../../x-CnsEH4Ox.js";
9
- import { C as ge } from "../../chevron-down-DSUzBz9F.js";
1
+ import { jsx as a, jsxs as d } from "react/jsx-runtime";
2
+ import { useState as h, useEffect as T, useRef as y, useCallback as x } from "react";
3
+ import { s as e, N as $e } from "../../NavLink-Czq5U05H.js";
4
+ import { CallToAction as Y } from "../CallToAction/index.js";
5
+ import { ButtonGroup as Z } from "../ButtonGroup/index.js";
6
+ import { c as P } from "../../createLucideIcon-C8GTh_Qx.js";
7
+ import { E as z } from "../../external-link-BOPobeQJ.js";
8
+ import { X as pe } from "../../x-CnsEH4Ox.js";
9
+ import { C as we } 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 we = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], pe = Q("chevron-left", we);
16
+ const Ne = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], ye = P("chevron-left", Ne);
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 Ne = [
23
+ const xe = [
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
- ], ye = Q("menu", Ne), xe = {
27
+ ], Ce = P("menu", xe), Le = {
28
28
  default: e.default,
29
29
  minimal: e.minimal
30
- }, Ce = {
30
+ }, Ee = {
31
31
  left: e.left,
32
32
  center: e.center,
33
33
  right: e.right
34
34
  };
35
- function We({
36
- title: U,
37
- logo: S,
38
- items: A,
35
+ function Be({
36
+ title: ee,
37
+ logo: A,
38
+ items: F,
39
39
  groups: k,
40
40
  utilityItems: s,
41
- isSticky: Y = !1,
42
- isTransparent: Z = !1,
43
- alignment: x = "right",
44
- variant: ee = "default",
41
+ isSticky: ne = !1,
42
+ isTransparent: ae = !1,
43
+ alignment: C = "right",
44
+ variant: le = "default",
45
45
  navigationType: b = "default",
46
- className: ne
46
+ className: se
47
47
  }) {
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(
48
+ const [f, W] = h(!1), [L, m] = h(null), [re, oe] = h(0), [ie, ce] = h(!1), [te, de] = h(null), [i, g] = h([]), [$, E] = h(
49
49
  null
50
- ), [ce, B] = d(null), [w, te] = d(!1), [E, M] = d("forward");
50
+ ), [he, B] = h(null), [p, fe] = h(!1), [M, S] = h("forward");
51
51
  T(() => {
52
52
  if (typeof window < "u") {
53
53
  const n = () => {
54
54
  const l = window.innerWidth < 768;
55
- te(l);
55
+ fe(l);
56
56
  };
57
57
  return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
58
58
  }
59
59
  }, []);
60
- const de = () => {
61
- $([]);
62
- }, he = (n) => {
63
- M("forward"), $([
60
+ const me = () => {
61
+ g([]);
62
+ }, ue = (n) => {
63
+ S("forward"), g([
64
64
  {
65
65
  title: n.title,
66
66
  primary: n.primaryItems ?? [],
67
67
  secondary: n.secondaryItems ?? []
68
68
  }
69
69
  ]);
70
- }, F = (n) => {
71
- M("forward"), $((l) => [
70
+ }, O = (n) => {
71
+ S("forward"), g((l) => [
72
72
  ...l,
73
73
  { title: n.label, primary: n.sublinks ?? [], secondary: [] }
74
74
  ]);
75
- }, fe = () => {
76
- M("backward"), $((n) => n.slice(0, -1));
77
- }, _ = z(null), v = z(null), O = z(/* @__PURE__ */ new Map()), me = () => {
75
+ }, be = () => {
76
+ S("backward"), g((n) => n.slice(0, -1));
77
+ }, _ = y(null), v = y(null), R = y(/* @__PURE__ */ new Map()), ve = () => {
78
78
  W((n) => !n);
79
- }, ue = (n) => {
80
- const l = O.current.get(n);
79
+ }, D = (n) => {
80
+ const l = R.current.get(n);
81
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);
82
+ const c = l.getBoundingClientRect(), t = v.current.getBoundingClientRect(), r = c.left - t.left + c.width / 2.5;
83
+ console.log(r), de(r);
84
84
  }
85
- }, be = (n) => {
85
+ }, ke = (n) => {
86
86
  m((l) => l === n ? null : n);
87
- }, D = y((n) => {
87
+ }, G = x((n) => {
88
88
  _.current && !_.current.contains(n.target) && m(null);
89
- }, []), G = y(() => {
89
+ }, []), j = x(() => {
90
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 = ""));
93
- }, []), j = y(() => {
91
+ }, []), I = x(() => {
92
+ X(), typeof window < "u" && window.innerWidth > 768 && (W(!1), m(null), typeof document < "u" && (document.body.style.overflow = ""));
93
+ }, []), X = x(() => {
94
94
  if (v.current) {
95
95
  const n = v.current.getBoundingClientRect().width;
96
- le(n), re(!0);
96
+ oe(n), ce(!0);
97
97
  }
98
98
  }, []);
99
99
  T(() => {
100
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);
101
+ return n && (window.addEventListener("resize", I), window.addEventListener("scroll", j)), l && document.addEventListener("click", G), X(), () => {
102
+ n && (window.removeEventListener("resize", I), window.removeEventListener("scroll", j)), l && document.removeEventListener("click", G);
103
103
  };
104
104
  }, []), T(() => {
105
105
  if (typeof document < "u")
106
- return document.body.style.overflow = h ? "hidden" : "", () => {
106
+ return document.body.style.overflow = f ? "hidden" : "", () => {
107
107
  document.body.style.overflow = "";
108
108
  };
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(
109
+ }, [f]);
110
+ const ge = (n) => n.map((l, c) => {
111
+ var H, q, J, K, Q;
112
+ const t = `group-${c}`, N = he === c, r = (H = l.primaryItems) == null ? void 0 : H[$ ?? 0], V = y(null);
113
+ return R.current.set(t, V.current), /* @__PURE__ */ d(
114
114
  "div",
115
115
  {
116
116
  className: `${e.linkWrapper} ${e.parent}`,
117
- onMouseEnter: () => B(c),
117
+ onMouseEnter: () => {
118
+ B(c), m(t), D(t);
119
+ },
118
120
  onMouseLeave: () => {
119
- B(null), L(null);
121
+ B(null), E(null), m(null);
120
122
  },
121
123
  children: [
122
- /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ t(
124
+ /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ d(
123
125
  "button",
124
126
  {
127
+ ref: V,
125
128
  "aria-haspopup": "true",
126
129
  "aria-expanded": N,
127
130
  className: `${e.sublinkToggle} ${N ? e.open : ""} `,
128
131
  children: [
129
132
  l.title,
130
- /* @__PURE__ */ a(ge, { size: 18, className: e.chevron })
133
+ /* @__PURE__ */ a(we, { size: 18, className: e.chevron })
131
134
  ]
132
135
  }
133
136
  ) }),
@@ -137,130 +140,137 @@ function We({
137
140
  className: `${e.sublinks} ${N ? e.show : ""}`,
138
141
  role: "menu",
139
142
  "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);
158
- },
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
143
+ children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ d(
144
+ "div",
145
+ {
146
+ className: `${e.sublinksInner} ${l.spotlight ? e.withSpotlight : e.withoutSpotlight}`,
147
+ children: [
148
+ /* @__PURE__ */ d(
149
+ "div",
150
+ {
151
+ className: `${e.sublinksColumn} ${e.primaryColumn}`,
152
+ children: [
153
+ /* @__PURE__ */ a("div", { className: e.linkItem }),
154
+ (q = l.primaryItems) == null ? void 0 : q.map(
155
+ (o, u) => o.href ? /* @__PURE__ */ d(
156
+ "a",
157
+ {
158
+ href: o.href,
159
+ className: `${e.link} ${$ === u ? e.open : ""}`,
160
+ target: o.isExternal ? "_blank" : "_self",
161
+ rel: o.isExternal ? "noopener noreferrer" : void 0,
162
+ onClick: () => {
163
+ var U;
164
+ m(null), (U = o.onClick) == null || U.call(o);
165
+ },
166
+ onMouseEnter: () => o.sublinks ? E(u) : null,
167
+ role: "menuitem",
168
+ children: [
169
+ o.label,
170
+ o.isExternal && /* @__PURE__ */ a(
171
+ z,
172
+ {
173
+ className: e.newTabIcon,
174
+ size: 16
175
+ }
176
+ )
177
+ ]
178
+ },
179
+ o._key ?? u
180
+ ) : /* @__PURE__ */ a(
181
+ "button",
182
+ {
183
+ className: `${e.sublinkToggle} ${$ === u ? e.open : ""}`,
184
+ onMouseEnter: () => E(u),
185
+ children: o.label
186
+ },
187
+ o._key ?? u
188
+ )
189
+ )
190
+ ]
191
+ }
192
+ ),
193
+ (r == null ? void 0 : r.sublinks) && ((J = r == null ? void 0 : r.sublinks) == null ? void 0 : J.length) > 0 && /* @__PURE__ */ a(
194
+ "div",
195
+ {
196
+ className: `${e.sublinksColumn} ${e.childrenColumn} ${e.fadeInFromLeft}`,
197
+ children: (r == null ? void 0 : r.sublinks) && w(
198
+ r.sublinks,
199
+ `${t}-${$}`
181
200
  )
182
- )
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}`
201
+ },
202
+ `${r.label}-${(K = r == null ? void 0 : r.sublinks) == null ? void 0 : K.length}`
203
+ ),
204
+ (l == null ? void 0 : l.secondaryItems) && ((Q = l == null ? void 0 : l.secondaryItems) == null ? void 0 : Q.length) > 0 && /* @__PURE__ */ a(
205
+ "div",
206
+ {
207
+ className: `${e.sublinksColumn} ${e.secondaryColumn}`,
208
+ children: w(l.secondaryItems, `${t}-secondary`)
209
+ }
210
+ ),
211
+ l.spotlight && /* @__PURE__ */ a(
212
+ "div",
213
+ {
214
+ className: `${e.sublinksColumn} ${e.spotlightColumn}`,
215
+ children: l.spotlight
216
+ }
193
217
  )
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
- ] }) })
218
+ ]
219
+ }
220
+ ) })
211
221
  }
212
222
  )
213
223
  ]
214
224
  },
215
225
  c
216
226
  );
217
- }), p = (n, l = "") => n.map((c) => {
218
- const f = `${l}/${c.label}`;
227
+ }), w = (n, l = "") => n.map((c) => {
228
+ const t = `${l}/${c.label}`;
219
229
  return /* @__PURE__ */ a(
220
- ke,
230
+ $e,
221
231
  {
222
232
  link: c,
223
- path: f,
233
+ path: t,
224
234
  parentPath: l,
225
- openPath: C,
226
- togglePath: be,
227
- updateTriangleIndicator: ue,
235
+ openPath: L,
236
+ togglePath: ke,
237
+ updateTriangleIndicator: D,
228
238
  setOpenPath: m,
229
- renderLinks: p,
230
- buttonRefs: O
239
+ renderLinks: w,
240
+ buttonRefs: R
231
241
  },
232
- f
242
+ t
233
243
  );
234
244
  });
235
- return /* @__PURE__ */ a(
245
+ return console.log(L), /* @__PURE__ */ a(
236
246
  "header",
237
247
  {
238
248
  ref: _,
239
- className: `${ne ?? ""} ${Ce[x]} ${xe[ee]} ${e.navbar} ${Y ? e.sticky : ""} ${Z ? e.transparent : ""} ${b === "advanced" ? e.advanced : e.default}`,
249
+ className: `${se ?? ""} ${Ee[C]} ${Le[le]} ${e.navbar} ${ne ? e.sticky : ""} ${ae ? e.transparent : ""} ${b === "advanced" ? e.advanced : e.default}`,
240
250
  role: "navigation",
241
251
  "aria-label": "Main navigation",
242
- children: /* @__PURE__ */ t(
252
+ children: /* @__PURE__ */ d(
243
253
  "div",
244
254
  {
245
- className: `${e.container} ${(!s || s.length === 0) && x !== "center" ? e.twoColumn : ""}`,
255
+ className: `${e.container} ${(!s || s.length === 0) && C !== "center" ? e.twoColumn : ""}`,
246
256
  children: [
247
- S ? /* @__PURE__ */ a("div", { className: e.logo, children: S }) : /* @__PURE__ */ a("div", { className: e.title, children: U }),
257
+ A ? /* @__PURE__ */ a("div", { className: e.logo, children: A }) : /* @__PURE__ */ a("div", { className: e.title, children: ee }),
248
258
  /* @__PURE__ */ a(
249
259
  "nav",
250
260
  {
251
261
  ref: v,
252
262
  style: {
253
- left: x === "center" ? `calc(50% - ${ae / 2}px)` : "0"
263
+ left: C === "center" ? `calc(50% - ${re / 2}px)` : "0"
254
264
  },
255
- className: `${e.nav} ${h ? e.open : ""} ${se ? e.visible : e.hidden}`,
265
+ className: `${e.nav} ${f ? e.open : ""} ${ie ? e.visible : e.hidden}`,
256
266
  id: "main-menu",
257
267
  role: "menubar",
258
- children: /* @__PURE__ */ t("div", { className: e.navInner, children: [
268
+ children: /* @__PURE__ */ d("div", { className: e.navInner, children: [
259
269
  /* @__PURE__ */ a(
260
270
  "svg",
261
271
  {
262
- style: { left: `${oe}px` },
263
- className: `${e.triangle} ${C ? e.show : ""}`,
272
+ style: { left: `${te}px` },
273
+ className: `${e.triangle} ${L ? e.show : ""}`,
264
274
  width: 16,
265
275
  height: 12,
266
276
  viewBox: "0 0 100 75",
@@ -276,30 +286,24 @@ function We({
276
286
  )
277
287
  }
278
288
  ),
279
- /* @__PURE__ */ a(
280
- "div",
281
- {
282
- className: `${e.triangle} ${C ? e.show : ""}`
283
- }
284
- ),
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(
289
+ !p && b === "default" && F && /* @__PURE__ */ a("div", { className: e.grid, children: w(F) }),
290
+ !p && b === "advanced" && k && /* @__PURE__ */ a("div", { className: e.grid, children: ge(k) }),
291
+ p && b === "advanced" && f && i.length === 0 && k && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: k.map((n, l) => /* @__PURE__ */ a(
288
292
  "div",
289
293
  {
290
- className: `${e.mobileMenuItem} ${E === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
294
+ className: `${e.mobileMenuItem} ${M === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
291
295
  children: /* @__PURE__ */ a(
292
296
  "button",
293
297
  {
294
298
  className: e.sublinkToggle,
295
- onClick: () => he(n),
299
+ onClick: () => ue(n),
296
300
  children: n.title
297
301
  }
298
302
  )
299
303
  },
300
304
  n._key ?? l
301
305
  )) }),
302
- w && b === "advanced" && h && i.length > 0 && /* @__PURE__ */ t(
306
+ p && b === "advanced" && f && i.length > 0 && /* @__PURE__ */ d(
303
307
  "div",
304
308
  {
305
309
  className: `${e.mobileMenuSlide} `,
@@ -308,22 +312,22 @@ function We({
308
312
  "button",
309
313
  {
310
314
  className: e.back,
311
- onClick: i.length === 1 ? de : fe,
312
- children: /* @__PURE__ */ a(pe, { size: 18 })
315
+ onClick: i.length === 1 ? me : be,
316
+ children: /* @__PURE__ */ a(ye, { size: 18 })
313
317
  }
314
318
  ),
315
319
  i[i.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
316
320
  "div",
317
321
  {
318
- className: `${e.mobileMenuItem} ${E === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
322
+ className: `${e.mobileMenuItem} ${M === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
319
323
  children: n.sublinks ? /* @__PURE__ */ a(
320
324
  "button",
321
325
  {
322
326
  className: e.sublinkToggle,
323
- onClick: () => F(n),
327
+ onClick: () => O(n),
324
328
  children: n.label
325
329
  }
326
- ) : /* @__PURE__ */ t(
330
+ ) : /* @__PURE__ */ d(
327
331
  "a",
328
332
  {
329
333
  href: n.href,
@@ -334,7 +338,7 @@ function We({
334
338
  children: [
335
339
  n.label,
336
340
  n.isExternal && /* @__PURE__ */ a(
337
- R,
341
+ z,
338
342
  {
339
343
  className: e.newTabIcon,
340
344
  size: 16
@@ -351,15 +355,15 @@ function We({
351
355
  (n, l) => /* @__PURE__ */ a(
352
356
  "div",
353
357
  {
354
- className: `${e.mobileMenuItem} ${E === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
358
+ className: `${e.mobileMenuItem} ${M === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
355
359
  children: n.sublinks ? /* @__PURE__ */ a(
356
360
  "button",
357
361
  {
358
362
  className: e.sublinkToggle,
359
- onClick: () => F(n),
363
+ onClick: () => O(n),
360
364
  children: n.label
361
365
  }
362
- ) : /* @__PURE__ */ t(
366
+ ) : /* @__PURE__ */ d(
363
367
  "a",
364
368
  {
365
369
  href: n.href,
@@ -370,7 +374,7 @@ function We({
370
374
  children: [
371
375
  n.label,
372
376
  n.isExternal && /* @__PURE__ */ a(
373
- R,
377
+ z,
374
378
  {
375
379
  className: e.newTabIcon,
376
380
  size: 16
@@ -390,8 +394,8 @@ function We({
390
394
  ] })
391
395
  }
392
396
  ),
393
- s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(P, { children: s.map((n, l) => /* @__PURE__ */ a(
394
- K,
397
+ s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(Z, { children: s.map((n, l) => /* @__PURE__ */ a(
398
+ Y,
395
399
  {
396
400
  as: "a",
397
401
  href: n.href ?? "/",
@@ -414,9 +418,9 @@ function We({
414
418
  s && /* @__PURE__ */ a(
415
419
  "nav",
416
420
  {
417
- className: `${e.utilityMobile} ${h ? e.open : ""}`,
418
- children: /* @__PURE__ */ a(P, { alignment: "center", children: /* @__PURE__ */ a(
419
- K,
421
+ className: `${e.utilityMobile} ${f ? e.open : ""}`,
422
+ children: /* @__PURE__ */ a(Z, { alignment: "center", children: /* @__PURE__ */ a(
423
+ Y,
420
424
  {
421
425
  as: "a",
422
426
  href: s[1].href ?? "/",
@@ -441,11 +445,11 @@ function We({
441
445
  "button",
442
446
  {
443
447
  className: e.menuToggle,
444
- onClick: me,
445
- "aria-label": h ? "Close menu" : "Open menu",
446
- "aria-expanded": h,
448
+ onClick: ve,
449
+ "aria-label": f ? "Close menu" : "Open menu",
450
+ "aria-expanded": f,
447
451
  "aria-controls": "main-menu",
448
- children: h ? /* @__PURE__ */ a($e, { size: 24 }) : /* @__PURE__ */ a(ye, { size: 24 })
452
+ children: f ? /* @__PURE__ */ a(pe, { size: 24 }) : /* @__PURE__ */ a(Ce, { size: 24 })
449
453
  }
450
454
  )
451
455
  ]
@@ -455,5 +459,5 @@ function We({
455
459
  );
456
460
  }
457
461
  export {
458
- We as Navbar
462
+ Be as Navbar
459
463
  };
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_1t199_5{position:relative;height:var(--nav-height);z-index:1000}._left_1t199_19 ._container_1t199_20{justify-content:flex-start}._left_1t199_19 ._logo_1t199_24{flex:unset}._left_1t199_19 ._nav_1t199_5{flex:1}@media (max-width: 767px){._left_1t199_19 ._logo_1t199_24{flex:1}}._center_1t199_39 ._nav_1t199_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1t199_39 ._nav_1t199_5._hidden_1t199_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1t199_39 ._nav_1t199_5._visible_1t199_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1t199_39 ._logo_1t199_24{flex:1}}._right_1t199_67 ._container_1t199_20{justify-content:flex-end}._right_1t199_67 ._logo_1t199_24,._right_1t199_67 ._title_1t199_73{flex:1}._right_1t199_67 ._nav_1t199_5{flex:unset}._default_1t199_82 ._sublinks_1t199_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1t199_82 ._sublinks_1t199_83{position:relative}}._default_1t199_82 ._sublinksInner_1t199_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}@media (max-width: 767px){._default_1t199_82 ._sublinksInner_1t199_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1t199_82 ._linkItem_1t199_109{justify-content:flex-start}._minimal_1t199_114{left:0;background-color:#fff}._minimal_1t199_114 ._menuToggle_1t199_118{grid-area:unset}._minimal_1t199_114 ._linkWrapper_1t199_122{position:relative}._minimal_1t199_114 ._sublinks_1t199_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1t199_114 ._sublinks_1t199_83{position:relative;justify-content:center;align-items:center}}._minimal_1t199_114 ._sublinksInner_1t199_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1t199_114 ._sublinksInner_1t199_95{justify-content:center;align-items:center}}._minimal_1t199_114 ._linkItem_1t199_109{justify-content:flex-end}@media (max-width: 767px){._minimal_1t199_114 ._linkItem_1t199_109{justify-content:center;align-items:center}}._minimal_1t199_114 ._triangle_1t199_160{display:none}._transparent_1t199_165{background-color:transparent}._transparent_1t199_165 ._nav_1t199_5{height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md);z-index:1001;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1t199_165 ._nav_1t199_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1t199_165 ._nav_1t199_5:before{border-radius:0}}._transparent_1t199_165 ._menuToggle_1t199_118:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}._sticky_1t199_217{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1t199_20{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_1t199_20{grid-template-areas:"first second third fourth"}}._container_1t199_20._twoColumn_1t199_246{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1t199_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1t199_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_1t199_24 img{height:auto;width:auto}._menuToggle_1t199_118{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1t199_118 svg{position:relative;z-index:5}._utilityMobile_1t199_293{display:none;grid-area:third;justify-content:flex-end}._utility_1t199_293{grid-area:third;display:flex;justify-content:flex-end}._utility_1t199_293 a{font-size:var(--font-size-sm)}._nav_1t199_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;grid-gap:var(--spacing-sm);transition:transform .3s ease}@media (max-width: 767px){._nav_1t199_5{height:100vh}}._navInner_1t199_321{position:relative}@media (max-width: 767px){._navInner_1t199_321{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1t199_332{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1t199_332{display:flex;flex-direction:column}}._linkItem_1t199_109{display:flex;align-items:center;box-sizing:border-box}._navTitle_1t199_357,._sublinkToggle_1t199_358,._link_1t199_109{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_1t199_357 ._newTabIcon_1t199_373,._sublinkToggle_1t199_358 ._newTabIcon_1t199_373,._link_1t199_109 ._newTabIcon_1t199_373{color:var(--color-muted);transition:color .3s ease-in-out}._link_1t199_109:hover,._link_1t199_109._open_1t199_380,._sublinkToggle_1t199_358:hover,._sublinkToggle_1t199_358._open_1t199_380,._link_1t199_109:hover ._newTabIcon_1t199_373,._link_1t199_109._open_1t199_380 ._newTabIcon_1t199_373,._sublinkToggle_1t199_358:hover ._newTabIcon_1t199_373,._sublinkToggle_1t199_358._open_1t199_380 ._newTabIcon_1t199_373,._navItem_1t199_390:hover{color:var(--color-primary)}._sublinkToggle_1t199_358,._back_1t199_395{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1t199_83{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease,opacity .3s ease,visibility .3s ease}._sublinks_1t199_83._show_1t199_438{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1t199_160{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);transform:translate(-50%);z-index:10;pointer-events:none;transition:top .3s ease-in-out,left .3s ease-in-out,visbility .3s ease-in-out,opacity .3s ease-in-out}._triangle_1t199_160._show_1t199_438{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1t199_468{border-right:1px solid var(--color-border)}._secondaryColumn_1t199_472{background-color:var(--color-border)}._spotlightColumn_1t199_476{background-color:var(--color-secondary)}._sublinksInner_1t199_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1t199_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1t199_498{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1t199_498{padding:0}}._chevron_1t199_508{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1t199_358._open_1t199_380 ._chevron_1t199_508{transform:rotate(180deg)}@media (max-width: 767px){._logo_1t199_24{flex:1}._menuToggle_1t199_118{display:flex;align-items:center;justify-content:center}._utility_1t199_293 a:not(._utility_1t199_293 a:first-of-type){display:none}._utilityMobile_1t199_293{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1t199_293._open_1t199_380{transform:translateY(0)}._nav_1t199_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1t199_5._open_1t199_380{transform:translate(0)}._linkWrapper_1t199_122{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1t199_122._parent_1t199_587{border-bottom:1px solid var(--color-border)}._linkWrapper_1t199_122._parent_1t199_587:last-of-type{border:none}._linkItem_1t199_109{width:100%}._chevron_1t199_508{display:none}._sublinks_1t199_83{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1t199_358{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_1t199_624 ._sublinkToggle_1t199_358{pointer-events:all;color:var(--color-text-primary);width:100%}._advanced_1t199_624 ._back_1t199_395{margin-bottom:var(--spacing-lg)}._groupDivider_1t199_637{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1t199_645,._mobileMenuSlide_1t199_646{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1t199_656{opacity:0}._fadeInFromLeft_1t199_660{animation:_fadeInFromLeft_1t199_660 .3s ease-in-out forwards}._fadeInFromRight_1t199_664{animation:_fadeInFromRight_1t199_664 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1t199_660{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1t199_664{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}
45
+ :root{--nav-height: 65px}._navbar_13w2e_5{position:relative;height:var(--nav-height);z-index:1000}._left_13w2e_19 ._container_13w2e_20{justify-content:flex-start}._left_13w2e_19 ._logo_13w2e_24{flex:unset}._left_13w2e_19 ._nav_13w2e_5{flex:1}@media (max-width: 767px){._left_13w2e_19 ._logo_13w2e_24{flex:1}}._center_13w2e_39 ._nav_13w2e_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_13w2e_39 ._nav_13w2e_5._hidden_13w2e_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_13w2e_39 ._nav_13w2e_5._visible_13w2e_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_13w2e_39 ._logo_13w2e_24{flex:1}}._right_13w2e_67 ._container_13w2e_20{justify-content:flex-end}._right_13w2e_67 ._logo_13w2e_24,._right_13w2e_67 ._title_13w2e_73{flex:1}._right_13w2e_67 ._nav_13w2e_5{flex:unset}._default_13w2e_82 ._sublinks_13w2e_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_13w2e_82 ._sublinks_13w2e_83{position:relative}}._default_13w2e_82 ._sublinksInner_13w2e_95{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._default_13w2e_82 ._sublinksInner_13w2e_95._withSpotlight_13w2e_102{grid-template-columns:repeat(4,minmax(0,1fr))}._default_13w2e_82 ._sublinksInner_13w2e_95._withoutSpotlight_13w2e_106{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._default_13w2e_82 ._sublinksInner_13w2e_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_13w2e_82 ._linkItem_13w2e_117{justify-content:flex-start}._minimal_13w2e_122{left:0;background-color:#fff}._minimal_13w2e_122 ._menuToggle_13w2e_126{grid-area:unset}._minimal_13w2e_122 ._linkWrapper_13w2e_130{position:relative}._minimal_13w2e_122 ._sublinks_13w2e_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_13w2e_122 ._sublinks_13w2e_83{position:relative;justify-content:center;align-items:center}}._minimal_13w2e_122 ._sublinksInner_13w2e_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_13w2e_122 ._sublinksInner_13w2e_95{justify-content:center;align-items:center}}._minimal_13w2e_122 ._linkItem_13w2e_117{justify-content:flex-end}@media (max-width: 767px){._minimal_13w2e_122 ._linkItem_13w2e_117{justify-content:center;align-items:center}}._minimal_13w2e_122 ._triangle_13w2e_168{display:none}._transparent_13w2e_173{background-color:transparent}._transparent_13w2e_173 ._nav_13w2e_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_13w2e_173 ._nav_13w2e_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_13w2e_173 ._nav_13w2e_5:before{border-radius:0}}._transparent_13w2e_173 ._menuToggle_13w2e_126:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}._sticky_13w2e_225{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_13w2e_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_13w2e_20{grid-template-areas:"first second third fourth"}}._container_13w2e_20._twoColumn_13w2e_254{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_13w2e_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_13w2e_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_13w2e_24 img{height:auto;width:auto}._menuToggle_13w2e_126{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_13w2e_126 svg{position:relative;z-index:5}._utilityMobile_13w2e_301{display:none;grid-area:third;justify-content:flex-end}._utility_13w2e_301{grid-area:third;display:flex;justify-content:flex-end}._utility_13w2e_301 a{font-size:var(--font-size-sm)}._nav_13w2e_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_13w2e_5{height:100vh}}._navInner_13w2e_329{position:relative}@media (max-width: 767px){._navInner_13w2e_329{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_13w2e_340{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_13w2e_340{display:flex;flex-direction:column}}._linkItem_13w2e_117{display:flex;align-items:center;box-sizing:border-box}._navTitle_13w2e_365,._sublinkToggle_13w2e_366,._link_13w2e_117{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_13w2e_365 ._newTabIcon_13w2e_381,._sublinkToggle_13w2e_366 ._newTabIcon_13w2e_381,._link_13w2e_117 ._newTabIcon_13w2e_381{color:var(--color-muted);transition:color .3s ease-in-out}._link_13w2e_117:hover,._link_13w2e_117._open_13w2e_388,._sublinkToggle_13w2e_366:hover,._sublinkToggle_13w2e_366._open_13w2e_388,._link_13w2e_117:hover ._newTabIcon_13w2e_381,._link_13w2e_117._open_13w2e_388 ._newTabIcon_13w2e_381,._sublinkToggle_13w2e_366:hover ._newTabIcon_13w2e_381,._sublinkToggle_13w2e_366._open_13w2e_388 ._newTabIcon_13w2e_381,._navItem_13w2e_398:hover{color:var(--color-primary)}._sublinkToggle_13w2e_366,._back_13w2e_403{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_13w2e_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_13w2e_83._show_13w2e_446{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_13w2e_168{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);transform:translate(-50%);z-index:10;pointer-events:none;transition:top .3s ease-in-out,left .3s ease-in-out,visbility .3s ease-in-out,opacity .3s ease-in-out}._triangle_13w2e_168._show_13w2e_446{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_13w2e_477{border-right:1px solid var(--color-border)}._secondaryColumn_13w2e_481{background-color:var(--color-border)}._spotlightColumn_13w2e_485{background-color:var(--color-secondary)}._sublinksInner_13w2e_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_13w2e_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_13w2e_507{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_13w2e_507{padding:0}}._chevron_13w2e_517{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_13w2e_366._open_13w2e_388 ._chevron_13w2e_517{transform:rotate(180deg)}@media (max-width: 767px){._logo_13w2e_24{flex:1}._menuToggle_13w2e_126{display:flex;align-items:center;justify-content:center}._utility_13w2e_301 a:not(._utility_13w2e_301 a:first-of-type){display:none}._utilityMobile_13w2e_301{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_13w2e_301._open_13w2e_388{transform:translateY(0)}._nav_13w2e_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_13w2e_5._open_13w2e_388{transform:translate(0)}._linkWrapper_13w2e_130{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_13w2e_130._parent_13w2e_596{border-bottom:1px solid var(--color-border)}._linkWrapper_13w2e_130._parent_13w2e_596:last-of-type{border:none}._linkItem_13w2e_117{width:100%}._chevron_13w2e_517{display:none}._sublinks_13w2e_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_13w2e_366{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_13w2e_633 ._sublinkToggle_13w2e_366{pointer-events:all;color:var(--color-text-primary);width:fit-content}._advanced_13w2e_633 ._back_13w2e_403{margin-bottom:var(--spacing-lg)}._groupDivider_13w2e_646{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_13w2e_654,._mobileMenuSlide_13w2e_655{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_13w2e_665{opacity:0}._fadeInFromLeft_13w2e_669{animation:_fadeInFromLeft_13w2e_669 .3s ease-in-out forwards}._fadeInFromRight_13w2e_673{animation:_fadeInFromRight_13w2e_673 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_13w2e_669{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_13w2e_673{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
46
46
  ._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}
47
47
  ._footer_xfxi7_1{background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_xfxi7_8{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_xfxi7_17{width:100%}._primaryNav_xfxi7_21{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_xfxi7_21{flex-direction:column}}._secondaryNav_xfxi7_30{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_xfxi7_30 a:has(img){height:unset;background-color:transparent}._secondaryNav_xfxi7_30 a:has(img) img{width:175px;height:auto}._secondaryNav_xfxi7_30 a:has(img):hover{background-color:transparent}@media (max-width: 480px){._secondaryNav_xfxi7_30{flex-direction:column-reverse}._secondaryNav_xfxi7_30 nav{width:100%}}._details_xfxi7_62{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}._nav_xfxi7_69{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_xfxi7_77{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}._socialItems_xfxi7_83{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm)}._socialItems_xfxi7_83 ._group_xfxi7_90{min-width:unset}._socialItems_xfxi7_83 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_xfxi7_99{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_xfxi7_90{min-width:140px}._groupTitle_xfxi7_109{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_xfxi7_114{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_xfxi7_122{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_xfxi7_122{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_xfxi7_122 ._newTabIcon_xfxi7_140{color:var(--color-muted);transition:color .3s ease-in-out}._link_xfxi7_122:hover,._link_xfxi7_122:hover ._newTabIcon_xfxi7_140{color:var(--color-primary)}._bottom_xfxi7_154{text-align:left;font-size:var(--font-size-sm);color:var(--color-muted)}._left_xfxi7_161 ._container_xfxi7_8{justify-content:flex-start}._left_xfxi7_161 ._logo_xfxi7_77{flex:unset}._left_xfxi7_161 ._nav_xfxi7_69{flex:1}@media (max-width: 767px){._left_xfxi7_161 ._logo_xfxi7_77{flex:1}}._center_xfxi7_181 ._nav_xfxi7_69{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_xfxi7_181 ._nav_xfxi7_69._hidden_xfxi7_187{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_xfxi7_181 ._nav_xfxi7_69._visible_xfxi7_194{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_xfxi7_181 ._logo_xfxi7_77{flex:1}}._right_xfxi7_209 ._container_xfxi7_8{justify-content:flex-end}._right_xfxi7_209 ._logo_xfxi7_77,._right_xfxi7_209 ._title_xfxi7_215{flex:1}._right_xfxi7_209 ._nav_xfxi7_69{flex:unset}
48
48
  ._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.217",
4
+ "version": "0.0.219",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
package/dist/NavLink-DyWHHU93.js DELETED
@@ -1,124 +0,0 @@
1
- import { jsxs as l, jsx as o } from "react/jsx-runtime";
2
- import { useRef as k } from "react";
3
- import { E as p } from "./external-link-BOPobeQJ.js";
4
- import { C as f } from "./chevron-down-DSUzBz9F.js";
5
- import './assets/NavLink.css';const h = "_navbar_1t199_5", I = "_left_1t199_19", C = "_container_1t199_20", y = "_logo_1t199_24", M = "_nav_1t199_5", w = "_center_1t199_39", N = "_hidden_1t199_45", T = "_visible_1t199_52", x = "_right_1t199_67", E = "_title_1t199_73", $ = "_sublinks_1t199_83", F = "_sublinksInner_1t199_95", L = "_linkItem_1t199_109", R = "_minimal_1t199_114", D = "_menuToggle_1t199_118", S = "_linkWrapper_1t199_122", W = "_triangle_1t199_160", j = "_transparent_1t199_165", z = "_sticky_1t199_217", q = "_twoColumn_1t199_246", A = "_utilityMobile_1t199_293", B = "_utility_1t199_293", G = "_navInner_1t199_321", H = "_grid_1t199_332", J = "_sublinkToggle_1t199_358", K = "_link_1t199_109", Q = "_newTabIcon_1t199_373", U = "_open_1t199_380", V = "_back_1t199_395", X = "_show_1t199_438", Y = "_primaryColumn_1t199_468", Z = "_secondaryColumn_1t199_472", O = "_spotlightColumn_1t199_476", P = "_sublinksColumn_1t199_498", nn = "_chevron_1t199_508", en = "_parent_1t199_587", tn = "_advanced_1t199_624", on = "_groupDivider_1t199_637", sn = "_mobileMenu_1t199_645", _n = "_mobileMenuSlide_1t199_646", ln = "_mobileMenuItem_1t199_656", rn = "_fadeInFromLeft_1t199_660", cn = "_fadeInFromRight_1t199_664", e = {
6
- navbar: h,
7
- left: I,
8
- container: C,
9
- logo: y,
10
- nav: M,
11
- center: w,
12
- hidden: N,
13
- visible: T,
14
- right: x,
15
- title: E,
16
- default: "_default_1t199_82",
17
- sublinks: $,
18
- sublinksInner: F,
19
- linkItem: L,
20
- minimal: R,
21
- menuToggle: D,
22
- linkWrapper: S,
23
- triangle: W,
24
- transparent: j,
25
- sticky: z,
26
- twoColumn: q,
27
- utilityMobile: A,
28
- utility: B,
29
- navInner: G,
30
- grid: H,
31
- sublinkToggle: J,
32
- link: K,
33
- newTabIcon: Q,
34
- open: U,
35
- back: V,
36
- show: X,
37
- primaryColumn: Y,
38
- secondaryColumn: Z,
39
- spotlightColumn: O,
40
- sublinksColumn: P,
41
- chevron: nn,
42
- parent: en,
43
- advanced: tn,
44
- groupDivider: on,
45
- mobileMenu: sn,
46
- mobileMenuSlide: _n,
47
- mobileMenuItem: ln,
48
- fadeInFromLeft: rn,
49
- fadeInFromRight: cn
50
- };
51
- function dn({
52
- link: n,
53
- path: t,
54
- parentPath: r,
55
- openPath: b,
56
- togglePath: c,
57
- updateTriangleIndicator: d,
58
- setOpenPath: s,
59
- renderLinks: g,
60
- buttonRefs: v
61
- }) {
62
- var u;
63
- const _ = b === t, i = !!((u = n.sublinks) != null && u.length), a = k(null);
64
- return v.current.set(t, a.current), /* @__PURE__ */ l(
65
- "div",
66
- {
67
- className: `${e.linkWrapper} ${r ? "" : e.parent}`,
68
- children: [
69
- /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ l(
70
- "a",
71
- {
72
- href: n.href,
73
- className: e.link,
74
- target: n.isExternal ? "_blank" : "_self",
75
- rel: n.isExternal ? "noopener noreferrer" : void 0,
76
- onClick: () => {
77
- var m;
78
- s(null), (m = n.onClick) == null || m.call(n);
79
- },
80
- onMouseEnter: () => {
81
- r || s(null);
82
- },
83
- role: "menuitem",
84
- children: [
85
- n.label,
86
- n.isExternal && /* @__PURE__ */ o(p, { className: e.newTabIcon, size: 16 })
87
- ]
88
- }
89
- ) : /* @__PURE__ */ l(
90
- "button",
91
- {
92
- ref: a,
93
- "aria-haspopup": i ? "true" : void 0,
94
- "aria-expanded": _,
95
- className: `${e.sublinkToggle} ${_ ? e.open : ""}`,
96
- onClick: () => c(t),
97
- onMouseEnter: () => {
98
- d(t), s(t);
99
- },
100
- children: [
101
- n.label,
102
- i && /* @__PURE__ */ o(f, { size: 18, className: e.chevron })
103
- ]
104
- }
105
- ) }),
106
- i && /* @__PURE__ */ o(
107
- "div",
108
- {
109
- className: `${e.sublinks} ${_ ? e.show : ""}`,
110
- onMouseLeave: () => c(t),
111
- role: "menu",
112
- "aria-label": `${n.label} submenu`,
113
- children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: e.sublinksInner, children: /* @__PURE__ */ o("div", { className: e.sublinksColumn, children: g(n.sublinks, t) }) }) })
114
- }
115
- )
116
- ]
117
- },
118
- t
119
- );
120
- }
121
- export {
122
- dn as N,
123
- e as s
124
- };