quirk-ui 0.0.217 → 0.0.218

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-BCXKxy7d.js +124 -0
  2. package/dist/assets/NavLink.css +1 -1
  3. package/dist/components/NavBar/NavLink.js +1 -1
  4. package/dist/components/NavBar/index.js +78 -77
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
  7. package/dist/NavLink-DyWHHU93.js +0 -124
package/dist/NavLink-BCXKxy7d.js ADDED
@@ -0,0 +1,124 @@
1
+ import { jsxs as l, jsx as i } from "react/jsx-runtime";
2
+ import { useRef as v } 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 f = "_navbar_1ojai_5", h = "_left_1ojai_19", I = "_container_1ojai_20", C = "_logo_1ojai_24", y = "_nav_1ojai_5", M = "_center_1ojai_39", w = "_hidden_1ojai_45", N = "_visible_1ojai_52", T = "_right_1ojai_67", x = "_title_1ojai_73", E = "_sublinks_1ojai_83", $ = "_sublinksInner_1ojai_95", F = "_linkItem_1ojai_109", L = "_minimal_1ojai_114", R = "_menuToggle_1ojai_118", D = "_linkWrapper_1ojai_122", S = "_triangle_1ojai_160", W = "_transparent_1ojai_165", z = "_sticky_1ojai_217", q = "_twoColumn_1ojai_246", A = "_utilityMobile_1ojai_293", B = "_utility_1ojai_293", G = "_navInner_1ojai_321", H = "_grid_1ojai_332", J = "_sublinkToggle_1ojai_358", K = "_link_1ojai_109", Q = "_newTabIcon_1ojai_373", U = "_open_1ojai_380", V = "_back_1ojai_395", X = "_show_1ojai_438", Y = "_primaryColumn_1ojai_468", Z = "_secondaryColumn_1ojai_472", O = "_spotlightColumn_1ojai_476", P = "_sublinksColumn_1ojai_498", nn = "_chevron_1ojai_508", on = "_parent_1ojai_587", en = "_advanced_1ojai_624", sn = "_groupDivider_1ojai_637", an = "_mobileMenu_1ojai_645", _n = "_mobileMenuSlide_1ojai_646", ln = "_mobileMenuItem_1ojai_656", tn = "_fadeInFromLeft_1ojai_660", rn = "_fadeInFromRight_1ojai_664", o = {
6
+ navbar: f,
7
+ left: h,
8
+ container: I,
9
+ logo: C,
10
+ nav: y,
11
+ center: M,
12
+ hidden: w,
13
+ visible: N,
14
+ right: T,
15
+ title: x,
16
+ default: "_default_1ojai_82",
17
+ sublinks: E,
18
+ sublinksInner: $,
19
+ linkItem: F,
20
+ minimal: L,
21
+ menuToggle: R,
22
+ linkWrapper: D,
23
+ triangle: S,
24
+ transparent: W,
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: on,
43
+ advanced: en,
44
+ groupDivider: sn,
45
+ mobileMenu: an,
46
+ mobileMenuSlide: _n,
47
+ mobileMenuItem: ln,
48
+ fadeInFromLeft: tn,
49
+ fadeInFromRight: rn
50
+ };
51
+ function dn({
52
+ link: n,
53
+ path: e,
54
+ parentPath: t,
55
+ openPath: b,
56
+ togglePath: r,
57
+ updateTriangleIndicator: d,
58
+ setOpenPath: s,
59
+ renderLinks: j,
60
+ buttonRefs: g
61
+ }) {
62
+ var u;
63
+ const a = b === e, _ = !!((u = n.sublinks) != null && u.length), c = v(null);
64
+ return g.current.set(e, c.current), /* @__PURE__ */ l(
65
+ "div",
66
+ {
67
+ className: `${o.linkWrapper} ${t ? "" : o.parent}`,
68
+ children: [
69
+ /* @__PURE__ */ i("div", { className: o.linkItem, children: n.href ? /* @__PURE__ */ l(
70
+ "a",
71
+ {
72
+ href: n.href,
73
+ className: o.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
+ t || s(null);
82
+ },
83
+ role: "menuitem",
84
+ children: [
85
+ n.label,
86
+ n.isExternal && /* @__PURE__ */ i(k, { className: o.newTabIcon, size: 16 })
87
+ ]
88
+ }
89
+ ) : /* @__PURE__ */ l(
90
+ "button",
91
+ {
92
+ ref: c,
93
+ "aria-haspopup": _ ? "true" : void 0,
94
+ "aria-expanded": a,
95
+ className: `${o.sublinkToggle} ${a ? o.open : ""}`,
96
+ onClick: () => r(e),
97
+ onMouseEnter: () => {
98
+ d(e), s(e);
99
+ },
100
+ children: [
101
+ n.label,
102
+ _ && /* @__PURE__ */ i(p, { size: 18, className: o.chevron })
103
+ ]
104
+ }
105
+ ) }),
106
+ _ && /* @__PURE__ */ i(
107
+ "div",
108
+ {
109
+ className: `${o.sublinks} ${a ? o.show : ""}`,
110
+ onMouseLeave: () => r(e),
111
+ role: "menu",
112
+ "aria-label": `${n.label} submenu`,
113
+ children: /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("div", { className: o.sublinksInner, children: /* @__PURE__ */ i("div", { className: o.sublinksColumn, children: j(n.sublinks, e) }) }) })
114
+ }
115
+ )
116
+ ]
117
+ },
118
+ e
119
+ );
120
+ }
121
+ export {
122
+ dn as N,
123
+ o as s
124
+ };
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_1ojai_5{position:relative;height:var(--nav-height);z-index:1000}._left_1ojai_19 ._container_1ojai_20{justify-content:flex-start}._left_1ojai_19 ._logo_1ojai_24{flex:unset}._left_1ojai_19 ._nav_1ojai_5{flex:1}@media (max-width: 767px){._left_1ojai_19 ._logo_1ojai_24{flex:1}}._center_1ojai_39 ._nav_1ojai_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1ojai_39 ._nav_1ojai_5._hidden_1ojai_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1ojai_39 ._nav_1ojai_5._visible_1ojai_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1ojai_39 ._logo_1ojai_24{flex:1}}._right_1ojai_67 ._container_1ojai_20{justify-content:flex-end}._right_1ojai_67 ._logo_1ojai_24,._right_1ojai_67 ._title_1ojai_73{flex:1}._right_1ojai_67 ._nav_1ojai_5{flex:unset}._default_1ojai_82 ._sublinks_1ojai_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1ojai_82 ._sublinks_1ojai_83{position:relative}}._default_1ojai_82 ._sublinksInner_1ojai_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_1ojai_82 ._sublinksInner_1ojai_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1ojai_82 ._linkItem_1ojai_109{justify-content:flex-start}._minimal_1ojai_114{left:0;background-color:#fff}._minimal_1ojai_114 ._menuToggle_1ojai_118{grid-area:unset}._minimal_1ojai_114 ._linkWrapper_1ojai_122{position:relative}._minimal_1ojai_114 ._sublinks_1ojai_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1ojai_114 ._sublinks_1ojai_83{position:relative;justify-content:center;align-items:center}}._minimal_1ojai_114 ._sublinksInner_1ojai_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1ojai_114 ._sublinksInner_1ojai_95{justify-content:center;align-items:center}}._minimal_1ojai_114 ._linkItem_1ojai_109{justify-content:flex-end}@media (max-width: 767px){._minimal_1ojai_114 ._linkItem_1ojai_109{justify-content:center;align-items:center}}._minimal_1ojai_114 ._triangle_1ojai_160{display:none}._transparent_1ojai_165{background-color:transparent}._transparent_1ojai_165 ._nav_1ojai_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_1ojai_165 ._nav_1ojai_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1ojai_165 ._nav_1ojai_5:before{border-radius:0}}._transparent_1ojai_165 ._menuToggle_1ojai_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_1ojai_217{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1ojai_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_1ojai_20{grid-template-areas:"first second third fourth"}}._container_1ojai_20._twoColumn_1ojai_246{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1ojai_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1ojai_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_1ojai_24 img{height:auto;width:auto}._menuToggle_1ojai_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_1ojai_118 svg{position:relative;z-index:5}._utilityMobile_1ojai_293{display:none;grid-area:third;justify-content:flex-end}._utility_1ojai_293{grid-area:third;display:flex;justify-content:flex-end}._utility_1ojai_293 a{font-size:var(--font-size-sm)}._nav_1ojai_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_1ojai_5{height:100vh}}._navInner_1ojai_321{position:relative}@media (max-width: 767px){._navInner_1ojai_321{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1ojai_332{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1ojai_332{display:flex;flex-direction:column}}._linkItem_1ojai_109{display:flex;align-items:center;box-sizing:border-box}._navTitle_1ojai_357,._sublinkToggle_1ojai_358,._link_1ojai_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_1ojai_357 ._newTabIcon_1ojai_373,._sublinkToggle_1ojai_358 ._newTabIcon_1ojai_373,._link_1ojai_109 ._newTabIcon_1ojai_373{color:var(--color-muted);transition:color .3s ease-in-out}._link_1ojai_109:hover,._link_1ojai_109._open_1ojai_380,._sublinkToggle_1ojai_358:hover,._sublinkToggle_1ojai_358._open_1ojai_380,._link_1ojai_109:hover ._newTabIcon_1ojai_373,._link_1ojai_109._open_1ojai_380 ._newTabIcon_1ojai_373,._sublinkToggle_1ojai_358:hover ._newTabIcon_1ojai_373,._sublinkToggle_1ojai_358._open_1ojai_380 ._newTabIcon_1ojai_373,._navItem_1ojai_390:hover{color:var(--color-primary)}._sublinkToggle_1ojai_358,._back_1ojai_395{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1ojai_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_1ojai_83._show_1ojai_438{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1ojai_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_1ojai_160._show_1ojai_438{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1ojai_468{border-right:1px solid var(--color-border)}._secondaryColumn_1ojai_472{background-color:var(--color-border)}._spotlightColumn_1ojai_476{background-color:var(--color-secondary)}._sublinksInner_1ojai_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1ojai_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1ojai_498{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1ojai_498{padding:0}}._chevron_1ojai_508{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1ojai_358._open_1ojai_380 ._chevron_1ojai_508{transform:rotate(180deg)}@media (max-width: 767px){._logo_1ojai_24{flex:1}._menuToggle_1ojai_118{display:flex;align-items:center;justify-content:center}._utility_1ojai_293 a:not(._utility_1ojai_293 a:first-of-type){display:none}._utilityMobile_1ojai_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_1ojai_293._open_1ojai_380{transform:translateY(0)}._nav_1ojai_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_1ojai_5._open_1ojai_380{transform:translate(0)}._linkWrapper_1ojai_122{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1ojai_122._parent_1ojai_587{border-bottom:1px solid var(--color-border)}._linkWrapper_1ojai_122._parent_1ojai_587:last-of-type{border:none}._linkItem_1ojai_109{width:100%}._chevron_1ojai_508{display:none}._sublinks_1ojai_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_1ojai_358{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_1ojai_624 ._sublinkToggle_1ojai_358{pointer-events:all;color:var(--color-text-primary);width:100%}._advanced_1ojai_624 ._back_1ojai_395{margin-bottom:var(--spacing-lg)}._groupDivider_1ojai_637{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1ojai_645,._mobileMenuSlide_1ojai_646{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1ojai_656{opacity:0}._fadeInFromLeft_1ojai_660{animation:_fadeInFromLeft_1ojai_660 .3s ease-in-out forwards}._fadeInFromRight_1ojai_664{animation:_fadeInFromRight_1ojai_664 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1ojai_660{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1ojai_664{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-BCXKxy7d.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,65 +1,65 @@
1
1
  import { jsx as a, jsxs as t } from "react/jsx-runtime";
2
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";
3
+ import { s as e, N as $e } from "../../NavLink-BCXKxy7d.js";
4
+ import { CallToAction as Q } from "../CallToAction/index.js";
5
+ import { ButtonGroup as U } from "../ButtonGroup/index.js";
6
+ import { c as Y } from "../../createLucideIcon-C8GTh_Qx.js";
7
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";
8
+ import { X as ge } 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 pe = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Ne = Y("chevron-left", pe);
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 ye = [
24
24
  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
25
25
  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
26
26
  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
27
- ], ye = Q("menu", Ne), xe = {
27
+ ], xe = Y("menu", ye), Ce = {
28
28
  default: e.default,
29
29
  minimal: e.minimal
30
- }, Ce = {
30
+ }, Le = {
31
31
  left: e.left,
32
32
  center: e.center,
33
33
  right: e.right
34
34
  };
35
35
  function We({
36
- title: U,
36
+ title: Z,
37
37
  logo: S,
38
38
  items: A,
39
39
  groups: k,
40
40
  utilityItems: s,
41
- isSticky: Y = !1,
42
- isTransparent: Z = !1,
41
+ isSticky: P = !1,
42
+ isTransparent: ee = !1,
43
43
  alignment: x = "right",
44
- variant: ee = "default",
44
+ variant: ne = "default",
45
45
  navigationType: b = "default",
46
- className: ne
46
+ className: ae
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 [h, F] = d(!1), [C, m] = d(null), [le, se] = d(0), [re, oe] = d(!1), [ie, ce] = d(null), [i, $] = d([]), [g, L] = d(
49
49
  null
50
- ), [ce, B] = d(null), [w, te] = d(!1), [E, M] = d("forward");
50
+ ), [te, W] = d(null), [w, de] = d(!1), [E, M] = d("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
+ de(l);
56
56
  };
57
57
  return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
58
58
  }
59
59
  }, []);
60
- const de = () => {
60
+ const he = () => {
61
61
  $([]);
62
- }, he = (n) => {
62
+ }, fe = (n) => {
63
63
  M("forward"), $([
64
64
  {
65
65
  title: n.title,
@@ -67,39 +67,39 @@ function We({
67
67
  secondary: n.secondaryItems ?? []
68
68
  }
69
69
  ]);
70
- }, F = (n) => {
70
+ }, B = (n) => {
71
71
  M("forward"), $((l) => [
72
72
  ...l,
73
73
  { title: n.label, primary: n.sublinks ?? [], secondary: [] }
74
74
  ]);
75
- }, fe = () => {
75
+ }, me = () => {
76
76
  M("backward"), $((n) => n.slice(0, -1));
77
- }, _ = z(null), v = z(null), O = z(/* @__PURE__ */ new Map()), me = () => {
78
- W((n) => !n);
79
- }, ue = (n) => {
77
+ }, _ = z(null), v = z(null), O = z(/* @__PURE__ */ new Map()), ue = () => {
78
+ F((n) => !n);
79
+ }, be = (n) => {
80
80
  const l = O.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(), f = v.current.getBoundingClientRect(), r = c.left - f.left + c.width / 4;
83
+ ce(r);
84
84
  }
85
- }, be = (n) => {
85
+ }, ve = (n) => {
86
86
  m((l) => l === n ? null : n);
87
87
  }, D = y((n) => {
88
88
  _.current && !_.current.contains(n.target) && m(null);
89
89
  }, []), G = y(() => {
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
91
  }, []), j = y(() => {
92
+ I(), typeof window < "u" && window.innerWidth > 768 && (F(!1), m(null), typeof document < "u" && (document.body.style.overflow = ""));
93
+ }, []), I = y(() => {
94
94
  if (v.current) {
95
95
  const n = v.current.getBoundingClientRect().width;
96
- le(n), re(!0);
96
+ se(n), oe(!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", j), window.addEventListener("scroll", G)), l && document.addEventListener("click", D), I(), () => {
102
+ n && (window.removeEventListener("resize", j), window.removeEventListener("scroll", G)), l && document.removeEventListener("click", D);
103
103
  };
104
104
  }, []), T(() => {
105
105
  if (typeof document < "u")
@@ -107,16 +107,16 @@ function We({
107
107
  document.body.style.overflow = "";
108
108
  };
109
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];
110
+ const ke = (n) => n.map((l, c) => {
111
+ var X, V, H, q, J;
112
+ const f = `group-${c}`, N = te === c, r = (X = l.primaryItems) == null ? void 0 : X[g ?? 0];
113
113
  return /* @__PURE__ */ t(
114
114
  "div",
115
115
  {
116
116
  className: `${e.linkWrapper} ${e.parent}`,
117
- onMouseEnter: () => B(c),
117
+ onMouseEnter: () => W(c),
118
118
  onMouseLeave: () => {
119
- B(null), L(null);
119
+ W(null), L(null);
120
120
  },
121
121
  children: [
122
122
  /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ t(
@@ -127,7 +127,7 @@ function We({
127
127
  className: `${e.sublinkToggle} ${N ? e.open : ""} `,
128
128
  children: [
129
129
  l.title,
130
- /* @__PURE__ */ a(ge, { size: 18, className: e.chevron })
130
+ /* @__PURE__ */ a(we, { size: 18, className: e.chevron })
131
131
  ]
132
132
  }
133
133
  ) }),
@@ -145,22 +145,22 @@ function We({
145
145
  children: [
146
146
  /* @__PURE__ */ a("div", { className: e.linkItem }),
147
147
  (V = l.primaryItems) == null ? void 0 : V.map(
148
- (r, u) => r.href ? /* @__PURE__ */ t(
148
+ (o, u) => o.href ? /* @__PURE__ */ t(
149
149
  "a",
150
150
  {
151
- href: r.href,
151
+ href: o.href,
152
152
  className: `${e.link} ${g === u ? e.open : ""}`,
153
- target: r.isExternal ? "_blank" : "_self",
154
- rel: r.isExternal ? "noopener noreferrer" : void 0,
153
+ target: o.isExternal ? "_blank" : "_self",
154
+ rel: o.isExternal ? "noopener noreferrer" : void 0,
155
155
  onClick: () => {
156
- var J;
157
- m(null), (J = r.onClick) == null || J.call(r);
156
+ var K;
157
+ m(null), (K = o.onClick) == null || K.call(o);
158
158
  },
159
- onMouseEnter: () => r.sublinks ? L(u) : null,
159
+ onMouseEnter: () => o.sublinks ? L(u) : null,
160
160
  role: "menuitem",
161
161
  children: [
162
- r.label,
163
- r.isExternal && /* @__PURE__ */ a(
162
+ o.label,
163
+ o.isExternal && /* @__PURE__ */ a(
164
164
  R,
165
165
  {
166
166
  className: e.newTabIcon,
@@ -169,31 +169,32 @@ function We({
169
169
  )
170
170
  ]
171
171
  },
172
- r._key ?? u
172
+ o._key ?? u
173
173
  ) : /* @__PURE__ */ a(
174
174
  "button",
175
175
  {
176
176
  className: `${e.sublinkToggle} ${g === u ? e.open : ""}`,
177
177
  onMouseEnter: () => L(u),
178
- children: r.label
178
+ children: o.label
179
179
  },
180
- r._key ?? u
180
+ o._key ?? u
181
181
  )
182
182
  )
183
183
  ]
184
184
  }
185
185
  ),
186
- (o == null ? void 0 : o.sublinks) && ((H = o == null ? void 0 : o.sublinks) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ a(
186
+ (r == null ? void 0 : r.sublinks) && ((H = r == null ? void 0 : r.sublinks) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ a(
187
187
  "div",
188
188
  {
189
- className: `${e.sublinksColumn} ${e.childrenColumn}`,
190
- children: (o == null ? void 0 : o.sublinks) && p(
191
- o.sublinks,
189
+ className: `${e.sublinksColumn} ${e.childrenColumn} ${e.fadeInFromLeft}`,
190
+ children: (r == null ? void 0 : r.sublinks) && p(
191
+ r.sublinks,
192
192
  `${f}-${g}`
193
193
  )
194
- }
194
+ },
195
+ `${r.label}-${(q = r == null ? void 0 : r.sublinks) == null ? void 0 : q.length}`
195
196
  ),
196
- (l == null ? void 0 : l.secondaryItems) && ((q = l == null ? void 0 : l.secondaryItems) == null ? void 0 : q.length) > 0 && /* @__PURE__ */ a(
197
+ (l == null ? void 0 : l.secondaryItems) && ((J = l == null ? void 0 : l.secondaryItems) == null ? void 0 : J.length) > 0 && /* @__PURE__ */ a(
197
198
  "div",
198
199
  {
199
200
  className: `${e.sublinksColumn} ${e.secondaryColumn}`,
@@ -217,14 +218,14 @@ function We({
217
218
  }), p = (n, l = "") => n.map((c) => {
218
219
  const f = `${l}/${c.label}`;
219
220
  return /* @__PURE__ */ a(
220
- ke,
221
+ $e,
221
222
  {
222
223
  link: c,
223
224
  path: f,
224
225
  parentPath: l,
225
226
  openPath: C,
226
- togglePath: be,
227
- updateTriangleIndicator: ue,
227
+ togglePath: ve,
228
+ updateTriangleIndicator: be,
228
229
  setOpenPath: m,
229
230
  renderLinks: p,
230
231
  buttonRefs: O
@@ -236,7 +237,7 @@ function We({
236
237
  "header",
237
238
  {
238
239
  ref: _,
239
- className: `${ne ?? ""} ${Ce[x]} ${xe[ee]} ${e.navbar} ${Y ? e.sticky : ""} ${Z ? e.transparent : ""} ${b === "advanced" ? e.advanced : e.default}`,
240
+ className: `${ae ?? ""} ${Le[x]} ${Ce[ne]} ${e.navbar} ${P ? e.sticky : ""} ${ee ? e.transparent : ""} ${b === "advanced" ? e.advanced : e.default}`,
240
241
  role: "navigation",
241
242
  "aria-label": "Main navigation",
242
243
  children: /* @__PURE__ */ t(
@@ -244,22 +245,22 @@ function We({
244
245
  {
245
246
  className: `${e.container} ${(!s || s.length === 0) && x !== "center" ? e.twoColumn : ""}`,
246
247
  children: [
247
- S ? /* @__PURE__ */ a("div", { className: e.logo, children: S }) : /* @__PURE__ */ a("div", { className: e.title, children: U }),
248
+ S ? /* @__PURE__ */ a("div", { className: e.logo, children: S }) : /* @__PURE__ */ a("div", { className: e.title, children: Z }),
248
249
  /* @__PURE__ */ a(
249
250
  "nav",
250
251
  {
251
252
  ref: v,
252
253
  style: {
253
- left: x === "center" ? `calc(50% - ${ae / 2}px)` : "0"
254
+ left: x === "center" ? `calc(50% - ${le / 2}px)` : "0"
254
255
  },
255
- className: `${e.nav} ${h ? e.open : ""} ${se ? e.visible : e.hidden}`,
256
+ className: `${e.nav} ${h ? e.open : ""} ${re ? e.visible : e.hidden}`,
256
257
  id: "main-menu",
257
258
  role: "menubar",
258
259
  children: /* @__PURE__ */ t("div", { className: e.navInner, children: [
259
260
  /* @__PURE__ */ a(
260
261
  "svg",
261
262
  {
262
- style: { left: `${oe}px` },
263
+ style: { left: `${ie}px` },
263
264
  className: `${e.triangle} ${C ? e.show : ""}`,
264
265
  width: 16,
265
266
  height: 12,
@@ -283,7 +284,7 @@ function We({
283
284
  }
284
285
  ),
285
286
  !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" && k && /* @__PURE__ */ a("div", { className: e.grid, children: ke(k) }),
287
288
  w && b === "advanced" && h && i.length === 0 && k && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: k.map((n, l) => /* @__PURE__ */ a(
288
289
  "div",
289
290
  {
@@ -292,7 +293,7 @@ function We({
292
293
  "button",
293
294
  {
294
295
  className: e.sublinkToggle,
295
- onClick: () => he(n),
296
+ onClick: () => fe(n),
296
297
  children: n.title
297
298
  }
298
299
  )
@@ -308,8 +309,8 @@ function We({
308
309
  "button",
309
310
  {
310
311
  className: e.back,
311
- onClick: i.length === 1 ? de : fe,
312
- children: /* @__PURE__ */ a(pe, { size: 18 })
312
+ onClick: i.length === 1 ? he : me,
313
+ children: /* @__PURE__ */ a(Ne, { size: 18 })
313
314
  }
314
315
  ),
315
316
  i[i.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
@@ -320,7 +321,7 @@ function We({
320
321
  "button",
321
322
  {
322
323
  className: e.sublinkToggle,
323
- onClick: () => F(n),
324
+ onClick: () => B(n),
324
325
  children: n.label
325
326
  }
326
327
  ) : /* @__PURE__ */ t(
@@ -356,7 +357,7 @@ function We({
356
357
  "button",
357
358
  {
358
359
  className: e.sublinkToggle,
359
- onClick: () => F(n),
360
+ onClick: () => B(n),
360
361
  children: n.label
361
362
  }
362
363
  ) : /* @__PURE__ */ t(
@@ -390,8 +391,8 @@ function We({
390
391
  ] })
391
392
  }
392
393
  ),
393
- s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(P, { children: s.map((n, l) => /* @__PURE__ */ a(
394
- K,
394
+ s && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(U, { children: s.map((n, l) => /* @__PURE__ */ a(
395
+ Q,
395
396
  {
396
397
  as: "a",
397
398
  href: n.href ?? "/",
@@ -415,8 +416,8 @@ function We({
415
416
  "nav",
416
417
  {
417
418
  className: `${e.utilityMobile} ${h ? e.open : ""}`,
418
- children: /* @__PURE__ */ a(P, { alignment: "center", children: /* @__PURE__ */ a(
419
- K,
419
+ children: /* @__PURE__ */ a(U, { alignment: "center", children: /* @__PURE__ */ a(
420
+ Q,
420
421
  {
421
422
  as: "a",
422
423
  href: s[1].href ?? "/",
@@ -441,11 +442,11 @@ function We({
441
442
  "button",
442
443
  {
443
444
  className: e.menuToggle,
444
- onClick: me,
445
+ onClick: ue,
445
446
  "aria-label": h ? "Close menu" : "Open menu",
446
447
  "aria-expanded": h,
447
448
  "aria-controls": "main-menu",
448
- children: h ? /* @__PURE__ */ a($e, { size: 24 }) : /* @__PURE__ */ a(ye, { size: 24 })
449
+ children: h ? /* @__PURE__ */ a(ge, { size: 24 }) : /* @__PURE__ */ a(xe, { size: 24 })
449
450
  }
450
451
  )
451
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_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_1ojai_5{position:relative;height:var(--nav-height);z-index:1000}._left_1ojai_19 ._container_1ojai_20{justify-content:flex-start}._left_1ojai_19 ._logo_1ojai_24{flex:unset}._left_1ojai_19 ._nav_1ojai_5{flex:1}@media (max-width: 767px){._left_1ojai_19 ._logo_1ojai_24{flex:1}}._center_1ojai_39 ._nav_1ojai_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1ojai_39 ._nav_1ojai_5._hidden_1ojai_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1ojai_39 ._nav_1ojai_5._visible_1ojai_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1ojai_39 ._logo_1ojai_24{flex:1}}._right_1ojai_67 ._container_1ojai_20{justify-content:flex-end}._right_1ojai_67 ._logo_1ojai_24,._right_1ojai_67 ._title_1ojai_73{flex:1}._right_1ojai_67 ._nav_1ojai_5{flex:unset}._default_1ojai_82 ._sublinks_1ojai_83{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1ojai_82 ._sublinks_1ojai_83{position:relative}}._default_1ojai_82 ._sublinksInner_1ojai_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_1ojai_82 ._sublinksInner_1ojai_95{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1ojai_82 ._linkItem_1ojai_109{justify-content:flex-start}._minimal_1ojai_114{left:0;background-color:#fff}._minimal_1ojai_114 ._menuToggle_1ojai_118{grid-area:unset}._minimal_1ojai_114 ._linkWrapper_1ojai_122{position:relative}._minimal_1ojai_114 ._sublinks_1ojai_83{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1ojai_114 ._sublinks_1ojai_83{position:relative;justify-content:center;align-items:center}}._minimal_1ojai_114 ._sublinksInner_1ojai_95{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1ojai_114 ._sublinksInner_1ojai_95{justify-content:center;align-items:center}}._minimal_1ojai_114 ._linkItem_1ojai_109{justify-content:flex-end}@media (max-width: 767px){._minimal_1ojai_114 ._linkItem_1ojai_109{justify-content:center;align-items:center}}._minimal_1ojai_114 ._triangle_1ojai_160{display:none}._transparent_1ojai_165{background-color:transparent}._transparent_1ojai_165 ._nav_1ojai_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_1ojai_165 ._nav_1ojai_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1ojai_165 ._nav_1ojai_5:before{border-radius:0}}._transparent_1ojai_165 ._menuToggle_1ojai_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_1ojai_217{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1ojai_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_1ojai_20{grid-template-areas:"first second third fourth"}}._container_1ojai_20._twoColumn_1ojai_246{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1ojai_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1ojai_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_1ojai_24 img{height:auto;width:auto}._menuToggle_1ojai_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_1ojai_118 svg{position:relative;z-index:5}._utilityMobile_1ojai_293{display:none;grid-area:third;justify-content:flex-end}._utility_1ojai_293{grid-area:third;display:flex;justify-content:flex-end}._utility_1ojai_293 a{font-size:var(--font-size-sm)}._nav_1ojai_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_1ojai_5{height:100vh}}._navInner_1ojai_321{position:relative}@media (max-width: 767px){._navInner_1ojai_321{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1ojai_332{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1ojai_332{display:flex;flex-direction:column}}._linkItem_1ojai_109{display:flex;align-items:center;box-sizing:border-box}._navTitle_1ojai_357,._sublinkToggle_1ojai_358,._link_1ojai_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_1ojai_357 ._newTabIcon_1ojai_373,._sublinkToggle_1ojai_358 ._newTabIcon_1ojai_373,._link_1ojai_109 ._newTabIcon_1ojai_373{color:var(--color-muted);transition:color .3s ease-in-out}._link_1ojai_109:hover,._link_1ojai_109._open_1ojai_380,._sublinkToggle_1ojai_358:hover,._sublinkToggle_1ojai_358._open_1ojai_380,._link_1ojai_109:hover ._newTabIcon_1ojai_373,._link_1ojai_109._open_1ojai_380 ._newTabIcon_1ojai_373,._sublinkToggle_1ojai_358:hover ._newTabIcon_1ojai_373,._sublinkToggle_1ojai_358._open_1ojai_380 ._newTabIcon_1ojai_373,._navItem_1ojai_390:hover{color:var(--color-primary)}._sublinkToggle_1ojai_358,._back_1ojai_395{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1ojai_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_1ojai_83._show_1ojai_438{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1ojai_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_1ojai_160._show_1ojai_438{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1ojai_468{border-right:1px solid var(--color-border)}._secondaryColumn_1ojai_472{background-color:var(--color-border)}._spotlightColumn_1ojai_476{background-color:var(--color-secondary)}._sublinksInner_1ojai_95{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1ojai_95{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1ojai_498{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1ojai_498{padding:0}}._chevron_1ojai_508{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1ojai_358._open_1ojai_380 ._chevron_1ojai_508{transform:rotate(180deg)}@media (max-width: 767px){._logo_1ojai_24{flex:1}._menuToggle_1ojai_118{display:flex;align-items:center;justify-content:center}._utility_1ojai_293 a:not(._utility_1ojai_293 a:first-of-type){display:none}._utilityMobile_1ojai_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_1ojai_293._open_1ojai_380{transform:translateY(0)}._nav_1ojai_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_1ojai_5._open_1ojai_380{transform:translate(0)}._linkWrapper_1ojai_122{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1ojai_122._parent_1ojai_587{border-bottom:1px solid var(--color-border)}._linkWrapper_1ojai_122._parent_1ojai_587:last-of-type{border:none}._linkItem_1ojai_109{width:100%}._chevron_1ojai_508{display:none}._sublinks_1ojai_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_1ojai_358{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._advanced_1ojai_624 ._sublinkToggle_1ojai_358{pointer-events:all;color:var(--color-text-primary);width:100%}._advanced_1ojai_624 ._back_1ojai_395{margin-bottom:var(--spacing-lg)}._groupDivider_1ojai_637{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1ojai_645,._mobileMenuSlide_1ojai_646{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1ojai_656{opacity:0}._fadeInFromLeft_1ojai_660{animation:_fadeInFromLeft_1ojai_660 .3s ease-in-out forwards}._fadeInFromRight_1ojai_664{animation:_fadeInFromRight_1ojai_664 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1ojai_660{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1ojai_664{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.218",
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
- };