quirk-ui 0.0.256 → 0.0.258

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,133 @@
1
+ import { jsxs as i, jsx as t } from "react/jsx-runtime";
2
+ import { useRef as g } from "react";
3
+ import { E as k } from "./external-link-BOPobeQJ.js";
4
+ import { C as v } from "./chevron-down-DSUzBz9F.js";
5
+ import './assets/NavLink.css';const f = "_navbar_1h1mc_5", C = "_left_1h1mc_19", I = "_container_1h1mc_20", w = "_logo_1h1mc_24", M = "_nav_1h1mc_5", y = "_center_1h1mc_39", N = "_hidden_1h1mc_45", T = "_visible_1h1mc_52", S = "_right_1h1mc_67", x = "_title_1h1mc_73", D = "_linkWrapper_1h1mc_82", E = "_parent_1h1mc_82", W = "_linkItem_1h1mc_90", $ = "_link_1h1mc_82", F = "_search_1h1mc_92", L = "_sublinkToggle_1h1mc_93", R = "_standard_1h1mc_139", j = "_triangle_1h1mc_147", z = "_transparent_1h1mc_152", q = "_menuToggle_1h1mc_181", A = "_sticky_1h1mc_204", B = "_twoColumn_1h1mc_233", G = "_searchWrapper_1h1mc_262", H = "_utilityMobile_1h1mc_287", J = "_utility_1h1mc_287", K = "_navInner_1h1mc_315", Q = "_grid_1h1mc_326", U = "_searchModal_1h1mc_345", V = "_separator_1h1mc_360", X = "_newTabIcon_1h1mc_388", Y = "_sublinksDescription_1h1mc_395", Z = "_linkContent_1h1mc_398", O = "_open_1h1mc_409", P = "_back_1h1mc_433", nn = "_sublinks_1h1mc_395", en = "_show_1h1mc_480", on = "_primaryColumn_1h1mc_521", tn = "_secondaryColumn_1h1mc_530", sn = "_spotlightColumn_1h1mc_534", cn = "_sublinksInner_1h1mc_538", _n = "_sublinksColumn_1h1mc_556", ln = "_chevron_1h1mc_566", rn = "_advanced_1h1mc_719", an = "_subtitle_1h1mc_728", mn = "_withSpotlight_1h1mc_770", hn = "_withoutSpotlight_1h1mc_774", un = "_groupDivider_1h1mc_812", dn = "_mobileMenu_1h1mc_820", bn = "_mobileMenuSlide_1h1mc_821", pn = "_mobileMenuItem_1h1mc_831", gn = "_fadeInFromLeft_1h1mc_835", kn = "_fadeInFromRight_1h1mc_839", e = {
6
+ navbar: f,
7
+ left: C,
8
+ container: I,
9
+ logo: w,
10
+ nav: M,
11
+ center: y,
12
+ hidden: N,
13
+ visible: T,
14
+ right: S,
15
+ title: x,
16
+ linkWrapper: D,
17
+ parent: E,
18
+ linkItem: W,
19
+ link: $,
20
+ search: F,
21
+ sublinkToggle: L,
22
+ standard: R,
23
+ triangle: j,
24
+ transparent: z,
25
+ menuToggle: q,
26
+ sticky: A,
27
+ twoColumn: B,
28
+ searchWrapper: G,
29
+ utilityMobile: H,
30
+ utility: J,
31
+ navInner: K,
32
+ grid: Q,
33
+ searchModal: U,
34
+ separator: V,
35
+ newTabIcon: X,
36
+ sublinksDescription: Y,
37
+ linkContent: Z,
38
+ open: O,
39
+ back: P,
40
+ sublinks: nn,
41
+ show: en,
42
+ primaryColumn: on,
43
+ secondaryColumn: tn,
44
+ spotlightColumn: sn,
45
+ sublinksInner: cn,
46
+ sublinksColumn: _n,
47
+ chevron: ln,
48
+ default: "_default_1h1mc_683",
49
+ advanced: rn,
50
+ subtitle: an,
51
+ withSpotlight: mn,
52
+ withoutSpotlight: hn,
53
+ groupDivider: un,
54
+ mobileMenu: dn,
55
+ mobileMenuSlide: bn,
56
+ mobileMenuItem: pn,
57
+ fadeInFromLeft: gn,
58
+ fadeInFromRight: kn
59
+ };
60
+ function wn({
61
+ link: n,
62
+ path: o,
63
+ parentPath: l,
64
+ openPath: u,
65
+ togglePath: r,
66
+ updateTriangleIndicator: d,
67
+ setOpenPath: s,
68
+ renderLinks: b,
69
+ buttonRefs: p
70
+ }) {
71
+ var m;
72
+ const c = u === o, _ = !!((m = n.sublinks) != null && m.length), a = g(null);
73
+ return p.current.set(o, a.current), /* @__PURE__ */ i(
74
+ "div",
75
+ {
76
+ className: `${e.linkWrapper} ${l ? "" : e.parent}`,
77
+ children: [
78
+ /* @__PURE__ */ t("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ i(
79
+ "a",
80
+ {
81
+ href: n.href,
82
+ className: e.link,
83
+ target: n.isExternal ? "_blank" : "_self",
84
+ rel: n.isExternal ? "noopener noreferrer" : void 0,
85
+ onClick: () => {
86
+ var h;
87
+ s(null), (h = n.onClick) == null || h.call(n);
88
+ },
89
+ onMouseEnter: () => {
90
+ l || s(null);
91
+ },
92
+ role: "menuitem",
93
+ children: [
94
+ n.label,
95
+ n.isExternal && /* @__PURE__ */ t(k, { className: e.newTabIcon, size: 16 })
96
+ ]
97
+ }
98
+ ) : /* @__PURE__ */ i(
99
+ "button",
100
+ {
101
+ ref: a,
102
+ "aria-haspopup": _ ? "true" : void 0,
103
+ "aria-expanded": c,
104
+ className: `${e.sublinkToggle} ${c ? e.open : ""}`,
105
+ onClick: () => r(o),
106
+ onMouseEnter: () => {
107
+ d(o), s(o);
108
+ },
109
+ children: [
110
+ n.label,
111
+ _ && /* @__PURE__ */ t(v, { size: 18, className: e.chevron })
112
+ ]
113
+ }
114
+ ) }),
115
+ _ && /* @__PURE__ */ t(
116
+ "div",
117
+ {
118
+ className: `${e.sublinks} ${c ? e.show : ""}`,
119
+ onMouseLeave: () => r(o),
120
+ role: "menu",
121
+ "aria-label": `${n.label} submenu`,
122
+ children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: e.sublinksInner, children: /* @__PURE__ */ t("div", { className: e.sublinksColumn, children: b(n.sublinks, o) }) }) })
123
+ }
124
+ )
125
+ ]
126
+ },
127
+ o
128
+ );
129
+ }
130
+ export {
131
+ wn as N,
132
+ e as s
133
+ };
@@ -1 +1 @@
1
- :root{--nav-height: 65px}._navbar_l2xnw_5{position:relative;height:var(--nav-height);z-index:1000}._left_l2xnw_19 ._container_l2xnw_20{justify-content:flex-start}._left_l2xnw_19 ._logo_l2xnw_24{flex:unset}._left_l2xnw_19 ._nav_l2xnw_5{flex:1}@media (max-width: 767px){._left_l2xnw_19 ._logo_l2xnw_24{flex:1}}._center_l2xnw_39 ._nav_l2xnw_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_l2xnw_39 ._nav_l2xnw_5._hidden_l2xnw_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_l2xnw_39 ._nav_l2xnw_5._visible_l2xnw_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_l2xnw_39 ._logo_l2xnw_24{flex:1}}._right_l2xnw_67 ._container_l2xnw_20{justify-content:flex-end}._right_l2xnw_67 ._logo_l2xnw_24,._right_l2xnw_67 ._title_l2xnw_73{flex:1}._right_l2xnw_67 ._nav_l2xnw_5{flex:unset}._linkWrapper_l2xnw_82._parent_l2xnw_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_l2xnw_82._parent_l2xnw_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_l2xnw_82._parent_l2xnw_82:first-of-type ._link_l2xnw_82,._linkWrapper_l2xnw_82._parent_l2xnw_82:first-of-type ._search_l2xnw_91,._linkWrapper_l2xnw_82._parent_l2xnw_82:first-of-type ._sublinkToggle_l2xnw_92{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_l2xnw_82._parent_l2xnw_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_l2xnw_82._parent_l2xnw_82:last-of-type ._link_l2xnw_82,._linkWrapper_l2xnw_82._parent_l2xnw_82:last-of-type ._search_l2xnw_91,._linkWrapper_l2xnw_82._parent_l2xnw_82:last-of-type ._sublinkToggle_l2xnw_92{padding-right:var(--spacing-md)}}._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._sublinkToggle_l2xnw_92,._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._link_l2xnw_82{height:40px}@media (min-width: 768px){._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._link_l2xnw_82,._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._search_l2xnw_91,._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._sublinkToggle_l2xnw_92{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._link_l2xnw_82:hover,._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._search_l2xnw_91:hover,._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._sublinkToggle_l2xnw_92:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_l2xnw_135{left:0;background-color:#fff}._standard_l2xnw_135 ._linkWrapper_l2xnw_82{position:relative}._standard_l2xnw_135 ._triangle_l2xnw_143{display:none}._transparent_l2xnw_148{background-color:transparent}._transparent_l2xnw_148 ._nav_l2xnw_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:#ffffff4d;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_l2xnw_148 ._nav_l2xnw_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_l2xnw_148 ._nav_l2xnw_5:before{border-radius:0}}@media (max-width: 767px){._transparent_l2xnw_148 ._menuToggle_l2xnw_177,._transparent_l2xnw_148 ._search_l2xnw_91{border-radius:var(--radius-md)}._transparent_l2xnw_148 ._menuToggle_l2xnw_177:before,._transparent_l2xnw_148 ._search_l2xnw_91: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_l2xnw_200{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_l2xnw_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_l2xnw_20{grid-template-areas:"first second third fourth fifth"}}._container_l2xnw_20._twoColumn_l2xnw_229{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_l2xnw_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_l2xnw_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_l2xnw_24 img{height:auto;width:auto}@media (max-width: 767px){._searchWrapper_l2xnw_258{grid-area:fourth}}._menuToggle_l2xnw_177,._search_l2xnw_91{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_l2xnw_177 svg,._search_l2xnw_91 svg{position:relative;z-index:5}._utilityMobile_l2xnw_283{display:none;grid-area:third;justify-content:flex-end}._utility_l2xnw_283{grid-area:third;display:flex;justify-content:flex-end}._utility_l2xnw_283 a{font-size:var(--font-size-sm)}._nav_l2xnw_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_l2xnw_5{height:100vh}}._navInner_l2xnw_311{position:relative}@media (max-width: 767px){._navInner_l2xnw_311{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_l2xnw_322{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_l2xnw_322{display:flex;flex-direction:column}}._linkItem_l2xnw_111{display:flex;align-items:center;box-sizing:border-box}._searchModal_l2xnw_341{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_l2xnw_341 .modalClose{display:none}._searchModal_l2xnw_341 .modalContent{margin-top:0}._separator_l2xnw_356{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_l2xnw_364,._sublinkToggle_l2xnw_92,._search_l2xnw_91,._link_l2xnw_82{text-decoration:none;color:var(--color-secondary-100);background-color:transparent;border:none;padding:var(--spacing-sm);transition:color .3s ease-in-out;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_l2xnw_364 ._newTabIcon_l2xnw_384,._sublinkToggle_l2xnw_92 ._newTabIcon_l2xnw_384,._search_l2xnw_91 ._newTabIcon_l2xnw_384,._link_l2xnw_82 ._newTabIcon_l2xnw_384{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_l2xnw_364,._sublinksDescription_l2xnw_391,._link_l2xnw_82,._sublinkToggle_l2xnw_92,._link_l2xnw_82 ._linkContent_l2xnw_394,._sublinkToggle_l2xnw_92 ._linkContent_l2xnw_394{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_l2xnw_82:hover,._link_l2xnw_82._open_l2xnw_405,._search_l2xnw_91:hover,._sublinkToggle_l2xnw_92:hover,._sublinkToggle_l2xnw_92._open_l2xnw_405,._link_l2xnw_82:hover ._newTabIcon_l2xnw_384,._link_l2xnw_82._open_l2xnw_405 ._newTabIcon_l2xnw_384,._search_l2xnw_91:hover ._newTabIcon_l2xnw_384,._sublinkToggle_l2xnw_92:hover ._newTabIcon_l2xnw_384,._sublinkToggle_l2xnw_92._open_l2xnw_405 ._newTabIcon_l2xnw_384{color:var(--color-primary-100)}@media (max-width: 767px){._link_l2xnw_82:hover,._link_l2xnw_82._open_l2xnw_405,._search_l2xnw_91:hover,._sublinkToggle_l2xnw_92:hover,._sublinkToggle_l2xnw_92._open_l2xnw_405{color:var(--color-secondary-100)}._link_l2xnw_82:hover ._newTabIcon_l2xnw_384,._link_l2xnw_82._open_l2xnw_405 ._newTabIcon_l2xnw_384,._search_l2xnw_91:hover ._newTabIcon_l2xnw_384,._sublinkToggle_l2xnw_92:hover ._newTabIcon_l2xnw_384,._sublinkToggle_l2xnw_92._open_l2xnw_405 ._newTabIcon_l2xnw_384{color:var(--color-secondary-100)}}._navItem_l2xnw_424:hover{color:var(--color-primary-100)}._sublinkToggle_l2xnw_92,._back_l2xnw_429{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_l2xnw_92:hover,._sublinkToggle_l2xnw_92._open_l2xnw_405,._back_l2xnw_429:hover,._back_l2xnw_429._open_l2xnw_405{color:var(--color-primary-100)}._sublinks_l2xnw_391{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_l2xnw_391._show_l2xnw_476{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_l2xnw_391._show_l2xnw_476 ._navTitle_l2xnw_364,._sublinks_l2xnw_391._show_l2xnw_476 ._sublinksDescription_l2xnw_391,._sublinks_l2xnw_391._show_l2xnw_476 ._link_l2xnw_82,._sublinks_l2xnw_391._show_l2xnw_476 ._sublinkToggle_l2xnw_92,._sublinks_l2xnw_391._show_l2xnw_476 ._link_l2xnw_82 ._linkContent_l2xnw_394,._sublinks_l2xnw_391._show_l2xnw_476 ._sublinkToggle_l2xnw_92 ._linkContent_l2xnw_394{opacity:1;visibility:visible}._triangle_l2xnw_143{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_l2xnw_143._show_l2xnw_476{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_l2xnw_517{border-right:1px solid var(--color-border)}._primaryColumn_l2xnw_517 ._sublinkToggle_l2xnw_92:hover,._primaryColumn_l2xnw_517 ._sublinkToggle_l2xnw_92._open_l2xnw_405{color:var(--color-primary-100)}._secondaryColumn_l2xnw_526{background-color:var(--color-secondary-10)}._spotlightColumn_l2xnw_530{background-color:var(--color-secondary-75)}._sublinksInner_l2xnw_534{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_l2xnw_534{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_l2xnw_552{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_l2xnw_552{padding:0}}._chevron_l2xnw_562{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_l2xnw_92._open_l2xnw_405 ._chevron_l2xnw_562{transform:rotate(180deg)}@media (max-width: 767px){._logo_l2xnw_24{flex:1}._menuToggle_l2xnw_177,._search_l2xnw_91{display:flex;align-items:center;justify-content:center}._utility_l2xnw_283 a:not(._utility_l2xnw_283 a:first-of-type){display:none}._utilityMobile_l2xnw_283{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_l2xnw_283._open_l2xnw_405{transform:translateY(0)}._nav_l2xnw_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_l2xnw_5._open_l2xnw_405{transform:translate(0)}._linkWrapper_l2xnw_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_l2xnw_82._parent_l2xnw_82{border-bottom:1px solid var(--color-border)}._linkWrapper_l2xnw_82._parent_l2xnw_82:last-of-type{border:none}._linkItem_l2xnw_111{width:100%}._chevron_l2xnw_562{display:none}._sublinks_l2xnw_391{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_l2xnw_92{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_l2xnw_679 ._sublinks_l2xnw_391{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_l2xnw_679 ._sublinks_l2xnw_391{position:relative;justify-content:center;align-items:center}}._default_l2xnw_679 ._linkItem_l2xnw_111{justify-content:flex-end}@media (max-width: 767px){._default_l2xnw_679 ._linkItem_l2xnw_111{justify-content:center;align-items:center}}._default_l2xnw_679 ._sublinksInner_l2xnw_534{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_l2xnw_679 ._sublinksInner_l2xnw_534{justify-content:center;align-items:center}}._advanced_l2xnw_715 ._linkContent_l2xnw_394{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_l2xnw_715 ._subtitle_l2xnw_724{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_l2xnw_715 ._sublinksDescription_l2xnw_391,._advanced_l2xnw_715 ._sublinksDescription_l2xnw_391 div p{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_l2xnw_715 ._sublinks_l2xnw_391{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_l2xnw_715 ._sublinks_l2xnw_391{position:relative;justify-content:center;align-items:center}}._advanced_l2xnw_715 ._linkItem_l2xnw_111{justify-content:flex-start}._advanced_l2xnw_715 ._sublinksInner_l2xnw_534{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_l2xnw_715 ._sublinksInner_l2xnw_534._withSpotlight_l2xnw_766{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_l2xnw_715 ._sublinksInner_l2xnw_534._withoutSpotlight_l2xnw_770{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_l2xnw_715 ._sublinksInner_l2xnw_534{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_l2xnw_715 ._sublinkToggle_l2xnw_92{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_l2xnw_715 ._sublinkToggle_l2xnw_92:hover,._advanced_l2xnw_715 ._sublinkToggle_l2xnw_92._open_l2xnw_405{color:var(--color-primary-100)}._advanced_l2xnw_715 ._back_l2xnw_429{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_l2xnw_715 ._back_l2xnw_429:hover{color:var(--color-primary-100)}._groupDivider_l2xnw_808{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_l2xnw_816,._mobileMenuSlide_l2xnw_817{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_l2xnw_827{opacity:0}._fadeInFromLeft_l2xnw_831{animation:_fadeInFromLeft_l2xnw_831 .3s ease-in-out forwards}._fadeInFromRight_l2xnw_835{animation:_fadeInFromRight_l2xnw_835 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_l2xnw_831{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_l2xnw_835{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
1
+ :root{--nav-height: 65px}._navbar_1h1mc_5{position:relative;height:var(--nav-height);z-index:1000}._left_1h1mc_19 ._container_1h1mc_20{justify-content:flex-start}._left_1h1mc_19 ._logo_1h1mc_24{flex:unset}._left_1h1mc_19 ._nav_1h1mc_5{flex:1}@media (max-width: 767px){._left_1h1mc_19 ._logo_1h1mc_24{flex:1}}._center_1h1mc_39 ._nav_1h1mc_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1h1mc_39 ._nav_1h1mc_5._hidden_1h1mc_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1h1mc_39 ._nav_1h1mc_5._visible_1h1mc_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1h1mc_39 ._logo_1h1mc_24{flex:1}}._right_1h1mc_67 ._container_1h1mc_20{justify-content:flex-end}._right_1h1mc_67 ._logo_1h1mc_24,._right_1h1mc_67 ._title_1h1mc_73{flex:1}._right_1h1mc_67 ._nav_1h1mc_5{flex:unset}._linkWrapper_1h1mc_82._parent_1h1mc_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_1h1mc_82._parent_1h1mc_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_1h1mc_82._parent_1h1mc_82:first-of-type>._linkItem_1h1mc_90 ._link_1h1mc_82,._linkWrapper_1h1mc_82._parent_1h1mc_82:first-of-type>._linkItem_1h1mc_90 ._search_1h1mc_92,._linkWrapper_1h1mc_82._parent_1h1mc_82:first-of-type>._linkItem_1h1mc_90 ._sublinkToggle_1h1mc_93{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_1h1mc_82._parent_1h1mc_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_1h1mc_82._parent_1h1mc_82:last-of-type>._linkItem_1h1mc_90 ._link_1h1mc_82,._linkWrapper_1h1mc_82._parent_1h1mc_82:last-of-type>._linkItem_1h1mc_90 ._search_1h1mc_92,._linkWrapper_1h1mc_82._parent_1h1mc_82:last-of-type>._linkItem_1h1mc_90 ._sublinkToggle_1h1mc_93{padding-right:var(--spacing-md)}}._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._sublinkToggle_1h1mc_93,._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._link_1h1mc_82{height:40px}@media (min-width: 768px){._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._link_1h1mc_82,._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._search_1h1mc_92,._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._sublinkToggle_1h1mc_93{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._link_1h1mc_82:hover,._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._search_1h1mc_92:hover,._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._sublinkToggle_1h1mc_93:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_1h1mc_139{left:0;background-color:#fff}._standard_1h1mc_139 ._linkWrapper_1h1mc_82{position:relative}._standard_1h1mc_139 ._triangle_1h1mc_147{display:none}._transparent_1h1mc_152{background-color:transparent}._transparent_1h1mc_152 ._nav_1h1mc_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:#ffffff4d;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1h1mc_152 ._nav_1h1mc_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1h1mc_152 ._nav_1h1mc_5:before{border-radius:0}}@media (max-width: 767px){._transparent_1h1mc_152 ._menuToggle_1h1mc_181,._transparent_1h1mc_152 ._search_1h1mc_92{border-radius:var(--radius-md)}._transparent_1h1mc_152 ._menuToggle_1h1mc_181:before,._transparent_1h1mc_152 ._search_1h1mc_92: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_1h1mc_204{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1h1mc_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_1h1mc_20{grid-template-areas:"first second third fourth fifth"}}._container_1h1mc_20._twoColumn_1h1mc_233{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1h1mc_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1h1mc_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_1h1mc_24 img{height:auto;width:auto}@media (max-width: 767px){._searchWrapper_1h1mc_262{grid-area:fourth}}._menuToggle_1h1mc_181,._search_1h1mc_92{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1h1mc_181 svg,._search_1h1mc_92 svg{position:relative;z-index:5}._utilityMobile_1h1mc_287{display:none;grid-area:third;justify-content:flex-end}._utility_1h1mc_287{grid-area:third;display:flex;justify-content:flex-end}._utility_1h1mc_287 a{font-size:var(--font-size-sm)}._nav_1h1mc_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_1h1mc_5{height:100vh}}._navInner_1h1mc_315{position:relative}@media (max-width: 767px){._navInner_1h1mc_315{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1h1mc_326{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1h1mc_326{display:flex;flex-direction:column}}._linkItem_1h1mc_90{display:flex;align-items:center;box-sizing:border-box}._searchModal_1h1mc_345{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_1h1mc_345 .modalClose{display:none}._searchModal_1h1mc_345 .modalContent{margin-top:0}._separator_1h1mc_360{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_1h1mc_368,._sublinkToggle_1h1mc_93,._search_1h1mc_92,._link_1h1mc_82{text-decoration:none;color:var(--color-secondary-100);background-color:transparent;border:none;padding:var(--spacing-sm);transition:color .3s ease-in-out;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_1h1mc_368 ._newTabIcon_1h1mc_388,._sublinkToggle_1h1mc_93 ._newTabIcon_1h1mc_388,._search_1h1mc_92 ._newTabIcon_1h1mc_388,._link_1h1mc_82 ._newTabIcon_1h1mc_388{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_1h1mc_368,._sublinksDescription_1h1mc_395,._link_1h1mc_82,._sublinkToggle_1h1mc_93,._link_1h1mc_82 ._linkContent_1h1mc_398,._sublinkToggle_1h1mc_93 ._linkContent_1h1mc_398{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_1h1mc_82:hover,._link_1h1mc_82._open_1h1mc_409,._search_1h1mc_92:hover,._sublinkToggle_1h1mc_93:hover,._sublinkToggle_1h1mc_93._open_1h1mc_409,._link_1h1mc_82:hover ._newTabIcon_1h1mc_388,._link_1h1mc_82._open_1h1mc_409 ._newTabIcon_1h1mc_388,._search_1h1mc_92:hover ._newTabIcon_1h1mc_388,._sublinkToggle_1h1mc_93:hover ._newTabIcon_1h1mc_388,._sublinkToggle_1h1mc_93._open_1h1mc_409 ._newTabIcon_1h1mc_388{color:var(--color-primary-100)}@media (max-width: 767px){._link_1h1mc_82:hover,._link_1h1mc_82._open_1h1mc_409,._search_1h1mc_92:hover,._sublinkToggle_1h1mc_93:hover,._sublinkToggle_1h1mc_93._open_1h1mc_409{color:var(--color-secondary-100)}._link_1h1mc_82:hover ._newTabIcon_1h1mc_388,._link_1h1mc_82._open_1h1mc_409 ._newTabIcon_1h1mc_388,._search_1h1mc_92:hover ._newTabIcon_1h1mc_388,._sublinkToggle_1h1mc_93:hover ._newTabIcon_1h1mc_388,._sublinkToggle_1h1mc_93._open_1h1mc_409 ._newTabIcon_1h1mc_388{color:var(--color-secondary-100)}}._navItem_1h1mc_428:hover{color:var(--color-primary-100)}._sublinkToggle_1h1mc_93,._back_1h1mc_433{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_1h1mc_93:hover,._sublinkToggle_1h1mc_93._open_1h1mc_409,._back_1h1mc_433:hover,._back_1h1mc_433._open_1h1mc_409{color:var(--color-primary-100)}._sublinks_1h1mc_395{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_1h1mc_395._show_1h1mc_480{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_1h1mc_395._show_1h1mc_480 ._navTitle_1h1mc_368,._sublinks_1h1mc_395._show_1h1mc_480 ._sublinksDescription_1h1mc_395,._sublinks_1h1mc_395._show_1h1mc_480 ._link_1h1mc_82,._sublinks_1h1mc_395._show_1h1mc_480 ._sublinkToggle_1h1mc_93,._sublinks_1h1mc_395._show_1h1mc_480 ._link_1h1mc_82 ._linkContent_1h1mc_398,._sublinks_1h1mc_395._show_1h1mc_480 ._sublinkToggle_1h1mc_93 ._linkContent_1h1mc_398{opacity:1;visibility:visible}._triangle_1h1mc_147{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_1h1mc_147._show_1h1mc_480{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1h1mc_521{border-right:1px solid var(--color-border)}._primaryColumn_1h1mc_521 ._sublinkToggle_1h1mc_93:hover,._primaryColumn_1h1mc_521 ._sublinkToggle_1h1mc_93._open_1h1mc_409{color:var(--color-primary-100)}._secondaryColumn_1h1mc_530{background-color:var(--color-secondary-10)}._spotlightColumn_1h1mc_534{background-color:var(--color-secondary-75)}._sublinksInner_1h1mc_538{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1h1mc_538{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1h1mc_556{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1h1mc_556{padding:0}}._chevron_1h1mc_566{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1h1mc_93._open_1h1mc_409 ._chevron_1h1mc_566{transform:rotate(180deg)}@media (max-width: 767px){._logo_1h1mc_24{flex:1}._menuToggle_1h1mc_181,._search_1h1mc_92{display:flex;align-items:center;justify-content:center}._utility_1h1mc_287 a:not(._utility_1h1mc_287 a:first-of-type){display:none}._utilityMobile_1h1mc_287{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_1h1mc_287._open_1h1mc_409{transform:translateY(0)}._nav_1h1mc_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_1h1mc_5._open_1h1mc_409{transform:translate(0)}._linkWrapper_1h1mc_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1h1mc_82._parent_1h1mc_82{border-bottom:1px solid var(--color-border)}._linkWrapper_1h1mc_82._parent_1h1mc_82:last-of-type{border:none}._linkItem_1h1mc_90{width:100%}._chevron_1h1mc_566{display:none}._sublinks_1h1mc_395{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_1h1mc_93{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_1h1mc_683 ._sublinks_1h1mc_395{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_1h1mc_683 ._sublinks_1h1mc_395{position:relative;justify-content:center;align-items:center}}._default_1h1mc_683 ._linkItem_1h1mc_90{justify-content:flex-end}@media (max-width: 767px){._default_1h1mc_683 ._linkItem_1h1mc_90{justify-content:center;align-items:center}}._default_1h1mc_683 ._sublinksInner_1h1mc_538{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_1h1mc_683 ._sublinksInner_1h1mc_538{justify-content:center;align-items:center}}._advanced_1h1mc_719 ._linkContent_1h1mc_398{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_1h1mc_719 ._subtitle_1h1mc_728{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_1h1mc_719 ._sublinksDescription_1h1mc_395,._advanced_1h1mc_719 ._sublinksDescription_1h1mc_395 div p{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_1h1mc_719 ._sublinks_1h1mc_395{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_1h1mc_719 ._sublinks_1h1mc_395{position:relative;justify-content:center;align-items:center}}._advanced_1h1mc_719 ._linkItem_1h1mc_90{justify-content:flex-start}._advanced_1h1mc_719 ._sublinksInner_1h1mc_538{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_1h1mc_719 ._sublinksInner_1h1mc_538._withSpotlight_1h1mc_770{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_1h1mc_719 ._sublinksInner_1h1mc_538._withoutSpotlight_1h1mc_774{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_1h1mc_719 ._sublinksInner_1h1mc_538{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_1h1mc_719 ._sublinkToggle_1h1mc_93{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_1h1mc_719 ._sublinkToggle_1h1mc_93:hover,._advanced_1h1mc_719 ._sublinkToggle_1h1mc_93._open_1h1mc_409{color:var(--color-primary-100)}._advanced_1h1mc_719 ._back_1h1mc_433{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_1h1mc_719 ._back_1h1mc_433:hover{color:var(--color-primary-100)}._groupDivider_1h1mc_812{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1h1mc_820,._mobileMenuSlide_1h1mc_821{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1h1mc_831{opacity:0}._fadeInFromLeft_1h1mc_835{animation:_fadeInFromLeft_1h1mc_835 .3s ease-in-out forwards}._fadeInFromRight_1h1mc_839{animation:_fadeInFromRight_1h1mc_839 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1h1mc_835{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1h1mc_839{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
@@ -1,165 +1,177 @@
1
- import { jsxs as A, jsx as r } from "react/jsx-runtime";
2
- import { useState as c, useRef as E, useEffect as D, useLayoutEffect as Mt } from "react";
3
- import { A as bt } from "../../arrow-left-BIJvHwNQ.js";
4
- import { A as xt } from "../../arrow-right-QEwnX3Sk.js";
5
- import '../../assets/index30.css';const $t = "_carousel_ifeug_1", Ct = "_noPointerEvents_ifeug_10", Et = "_trackContainer_ifeug_14", Xt = "_track_ifeug_14", yt = "_page_ifeug_29", It = "_controls_ifeug_39", Nt = "_indicators_ifeug_50", kt = "_indicator_ifeug_50", Tt = "_active_ifeug_67", Wt = "_buttons_ifeug_71", At = "_prev_ifeug_76", Dt = "_disabled_ifeug_76", Lt = "_next_ifeug_77", o = {
6
- carousel: $t,
7
- noPointerEvents: Ct,
8
- trackContainer: Et,
9
- track: Xt,
10
- page: yt,
11
- controls: It,
12
- indicators: Nt,
13
- indicator: kt,
14
- active: Tt,
15
- buttons: Wt,
16
- prev: At,
17
- disabled: Dt,
18
- next: Lt
1
+ import { jsxs as P, jsx as r } from "react/jsx-runtime";
2
+ import { useState as o, useRef as y, useEffect as k, useLayoutEffect as bt, useCallback as $t } from "react";
3
+ import { A as xt } from "../../arrow-left-BIJvHwNQ.js";
4
+ import { A as Et } from "../../arrow-right-QEwnX3Sk.js";
5
+ import '../../assets/index30.css';const Xt = "_carousel_ifeug_1", yt = "_noPointerEvents_ifeug_10", kt = "_trackContainer_ifeug_14", It = "_track_ifeug_14", Nt = "_page_ifeug_29", Tt = "_controls_ifeug_39", Wt = "_indicators_ifeug_50", At = "_indicator_ifeug_50", Dt = "_active_ifeug_67", Lt = "_buttons_ifeug_71", St = "_prev_ifeug_76", Pt = "_disabled_ifeug_76", Rt = "_next_ifeug_77", c = {
6
+ carousel: Xt,
7
+ noPointerEvents: yt,
8
+ trackContainer: kt,
9
+ track: It,
10
+ page: Nt,
11
+ controls: Tt,
12
+ indicators: Wt,
13
+ indicator: At,
14
+ active: Dt,
15
+ buttons: Lt,
16
+ prev: St,
17
+ disabled: Pt,
18
+ next: Rt
19
19
  };
20
- function Bt({
21
- items: M,
22
- itemsPerPage: i = 9,
23
- itemsPerRow: K = 3,
24
- autoplay: Q = !1,
25
- autoplayInterval: L = 3,
26
- className: V,
27
- externalRef: Z,
28
- siblingRef: l,
29
- isSplit: S = !1
20
+ function Ut({
21
+ items: m,
22
+ itemsPerPage: d = 9,
23
+ itemsPerRow: V = 3,
24
+ autoplay: Z = !1,
25
+ autoplayInterval: R = 3,
26
+ className: tt,
27
+ externalRef: et,
28
+ siblingRef: u,
29
+ isSplit: z = !1
30
30
  }) {
31
- const [u, d] = c(0), [v, b] = c(0), [P, tt] = c(0), [h, et] = c(i), [f, nt] = c(!1), [z, ot] = c(Q), st = E(null), a = E(null), _ = E(null), x = Z, [g, X] = c(!1), [Y, B] = c(null), [$, j] = c(null), [R, U] = c(null), [ct, G] = c(!1), [m, O] = c(null), [y, q] = c(null), rt = (t) => {
32
- Math.abs((y ?? 0) - (m ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
33
- }, at = (t) => {
34
- O(t.clientX);
35
- }, it = (t) => {
36
- m !== null && Math.abs(t.clientX - m) > 5 && (G(!0), q(t.clientX));
37
- }, lt = () => {
38
- if (!m || !y) {
39
- I();
31
+ const [h, f] = o(0), [i, $] = o(0), [p, I] = o(0), [v, nt] = o(d), [_, st] = o(!1), [Y, ot] = o(Z), [x, ct] = o(!1), rt = y(null), l = y(null), w = y(null), E = et, [M, N] = o(!1), [B, j] = o(null), [X, U] = o(null), [G, H] = o(null), [at, O] = o(!1), [C, q] = o(null), [T, F] = o(null), it = (t) => {
32
+ Math.abs((T ?? 0) - (C ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
33
+ }, lt = (t) => {
34
+ q(t.clientX);
35
+ }, dt = (t) => {
36
+ C !== null && Math.abs(t.clientX - C) > 5 && (O(!0), F(t.clientX));
37
+ }, ut = () => {
38
+ if (!C || !T) {
39
+ W();
40
40
  return;
41
41
  }
42
- const t = m - y;
43
- Math.abs(t) > 50 && (t > 0 ? T() : W()), I();
44
- }, ut = () => {
45
- I();
46
- }, I = () => {
47
- G(!1), O(null), q(null);
48
- }, dt = (t) => {
49
- j(t.touches[0].clientX), B(t.touches[0].clientY), X(!1);
50
- }, F = E(null);
51
- D(() => {
52
- const t = F.current;
42
+ const t = C - T;
43
+ Math.abs(t) > 50 && (t > 0 ? L() : S()), W();
44
+ }, ht = () => {
45
+ W();
46
+ }, W = () => {
47
+ O(!1), q(null), F(null);
48
+ }, ft = (t) => {
49
+ U(t.touches[0].clientX), j(t.touches[0].clientY), N(!1);
50
+ }, J = y(null);
51
+ k(() => {
52
+ const t = J.current;
53
53
  if (!t) return;
54
54
  const e = (n) => {
55
- const s = n.touches[0].clientX - ($ ?? 0), C = n.touches[0].clientY - (Y ?? 0);
56
- !g && Math.abs(s) > Math.abs(C) && X(!0), g && (n.preventDefault(), U(n.touches[0].clientX));
55
+ const s = n.touches[0].clientX - (X ?? 0), a = n.touches[0].clientY - (B ?? 0);
56
+ !M && Math.abs(s) > Math.abs(a) && N(!0), M && (n.preventDefault(), H(n.touches[0].clientX));
57
57
  };
58
58
  return t.addEventListener("touchmove", e), () => {
59
59
  t.removeEventListener("touchmove", e);
60
60
  };
61
- }, [g, $, Y]);
62
- const ht = () => {
63
- if ($ === null || R === null) return;
64
- const t = $ - R;
65
- Math.abs(t) > 50 && (t > 0 ? T() : W()), j(null), U(null), B(null), X(!1);
66
- }, ft = (t, e) => {
61
+ }, [M, X, B]);
62
+ const pt = () => {
63
+ if (X === null || G === null) return;
64
+ const t = X - G;
65
+ Math.abs(t) > 50 && (t > 0 ? L() : S()), U(null), H(null), j(null), N(!1);
66
+ }, vt = (t, e) => {
67
67
  const n = [];
68
68
  for (let s = 0; s < t.length; s += e)
69
69
  n.push(t.slice(s, s + e));
70
70
  return n;
71
71
  };
72
- Mt(() => {
72
+ bt(() => {
73
73
  if (typeof window < "u") {
74
74
  const t = () => {
75
- const e = window.innerWidth < 768, n = e ? 1 : i;
76
- nt(e), et(e ? 1 : i), d(
77
- (s) => Math.min(s, Math.ceil(M.length / n) - 1)
75
+ const e = window.innerWidth < 768, n = e ? 1 : d;
76
+ st(e), nt(e ? 1 : d), f(
77
+ (s) => Math.min(s, Math.ceil(m.length / n) - 1)
78
78
  );
79
79
  };
80
80
  return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
81
81
  }
82
- }, [i]);
83
- const N = Math.ceil(h / K), H = ft(M, h), p = H.length, pt = 3 * 16, vt = 3 * 16;
84
- D(() => {
82
+ }, [d]);
83
+ const A = Math.ceil(v / V), K = vt(m, v), g = K.length, _t = 3 * 16, gt = 3 * 16, mt = $t(
84
+ (t) => {
85
+ if (t && !x) {
86
+ const e = t.getBoundingClientRect().width;
87
+ e > 0 && e !== p && (I(e), ct(!0));
88
+ }
89
+ },
90
+ [p, x]
91
+ );
92
+ k(() => {
93
+ var t, e, n, s;
94
+ if (x && i > 0 && l.current && ((e = (t = l.current.children[0]) == null ? void 0 : t.children[0]) != null && e.children[0])) {
95
+ const b = ((s = (n = l.current.children[0]) == null ? void 0 : n.children[0]) == null ? void 0 : s.children[0]).getBoundingClientRect().width;
96
+ b > 0 && b !== p && I(b);
97
+ }
98
+ }, [i, x, p]), k(() => {
85
99
  const t = new ResizeObserver((e) => {
86
- var n, s, C;
87
- for (let w of e)
88
- if (w.contentRect) {
89
- f ? b(w.contentRect.width - vt) : S ? l != null && l.current ? b(
90
- w.contentRect.width - ((n = l == null ? void 0 : l.current) == null ? void 0 : n.offsetWidth) - pt
91
- ) : b(w.contentRect.width) : (b(w.contentRect.width), console.log(
92
- "W",
93
- (s = a == null ? void 0 : a.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width
94
- ), tt(
95
- ((C = a == null ? void 0 : a.current) == null ? void 0 : C.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
100
+ var n, s;
101
+ for (let a of e)
102
+ if (a.contentRect) {
103
+ _ ? $(a.contentRect.width - gt) : z ? u != null && u.current ? $(
104
+ a.contentRect.width - ((n = u == null ? void 0 : u.current) == null ? void 0 : n.offsetWidth) - _t
105
+ ) : $(a.contentRect.width) : ($(a.contentRect.width), I(
106
+ ((s = l == null ? void 0 : l.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
96
107
  ));
97
- const mt = f ? 1 : i;
98
- d(
99
- (wt) => Math.min(wt, Math.ceil(M.length / mt) - 1)
108
+ const b = _ ? 1 : d;
109
+ f(
110
+ (Ct) => Math.min(Ct, Math.ceil(m.length / b) - 1)
100
111
  );
101
112
  }
102
113
  });
103
- return x != null && x.current && t.observe(x.current), () => t.disconnect();
104
- }, [f, S]);
105
- const k = () => {
106
- _.current && clearInterval(_.current), ot(!1);
107
- }, T = () => {
108
- k(), d((t) => Math.min(t + 1, p - 1));
109
- }, W = () => {
110
- k(), d((t) => Math.max(t - 1, 0));
111
- }, _t = (t) => {
112
- k(), d(t);
113
- }, gt = () => v ? `translateX(-${u * v}px)` : "translateX(0px)", J = () => {
114
- d((t) => t >= p - 1 ? 0 : t + 1);
114
+ return E != null && E.current && t.observe(E.current), () => t.disconnect();
115
+ }, [_, z, m]);
116
+ const D = () => {
117
+ w.current && clearInterval(w.current), ot(!1);
118
+ }, L = () => {
119
+ D(), f((t) => Math.min(t + 1, g - 1));
120
+ }, S = () => {
121
+ D(), f((t) => Math.max(t - 1, 0));
122
+ }, wt = (t) => {
123
+ D(), f(t);
124
+ }, Mt = () => i ? `translateX(-${h * i}px)` : "translateX(0px)", Q = () => {
125
+ f((t) => t >= g - 1 ? 0 : t + 1);
115
126
  };
116
- return D(() => (z && (_.current = setInterval(
117
- J,
118
- L * 1e3
127
+ return k(() => (Y && (w.current = setInterval(
128
+ Q,
129
+ R * 1e3
119
130
  )), () => {
120
- _.current && clearInterval(_.current);
121
- }), [z, L, J]), /* @__PURE__ */ A("div", { className: `${V ?? ""} ${o.carousel}`, ref: st, children: [
131
+ w.current && clearInterval(w.current);
132
+ }), [Y, R, Q]), /* @__PURE__ */ P("div", { className: `${tt ?? ""} ${c.carousel}`, ref: rt, children: [
122
133
  /* @__PURE__ */ r(
123
134
  "div",
124
135
  {
125
- ref: F,
126
- className: `${o.trackContainer} ${ct || g ? o.noPointerEvents : ""}
136
+ ref: J,
137
+ className: `${c.trackContainer} ${at || M ? c.noPointerEvents : ""}
127
138
  `,
128
139
  style: {
129
- maxWidth: `${v}px`,
130
- touchAction: g ? "none" : "pan-y"
140
+ maxWidth: `${i}px`,
141
+ touchAction: M ? "none" : "pan-y"
131
142
  },
132
- onTouchStart: dt,
133
- onTouchEnd: ht,
134
- onMouseDown: at,
135
- onMouseMove: it,
136
- onMouseUp: lt,
137
- onMouseLeave: ut,
143
+ onTouchStart: ft,
144
+ onTouchEnd: pt,
145
+ onMouseDown: lt,
146
+ onMouseMove: dt,
147
+ onMouseUp: ut,
148
+ onMouseLeave: ht,
138
149
  children: /* @__PURE__ */ r(
139
150
  "div",
140
151
  {
141
- ref: a,
142
- className: o.track,
143
- style: { width: `${p * 100}%`, transform: gt() },
144
- children: H.map((t, e) => /* @__PURE__ */ r(
152
+ ref: l,
153
+ className: c.track,
154
+ style: { width: `${g * 100}%`, transform: Mt() },
155
+ children: K.map((t, e) => /* @__PURE__ */ r(
145
156
  "div",
146
157
  {
147
- className: o.page,
158
+ className: c.page,
148
159
  style: {
149
- display: N > 1 ? "grid" : "flex",
160
+ display: A > 1 ? "grid" : "flex",
150
161
  gridTemplateColumns: `repeat(${Math.ceil(
151
- h / N
162
+ v / A
152
163
  )}, 1fr)`,
153
- gridTemplateRows: `repeat(${N}, auto)`,
154
- width: `${v}px`
164
+ gridTemplateRows: `repeat(${A}, auto)`,
165
+ width: `${i}px`
155
166
  },
156
167
  children: t.map((n, s) => /* @__PURE__ */ r(
157
168
  "div",
158
169
  {
159
- onClickCapture: rt,
170
+ ref: e === 0 && s === 0 ? mt : null,
171
+ onClickCapture: it,
160
172
  style: {
161
- flexBasis: f ? "100%" : `${100 / h}%`,
162
- width: f ? `${v / h - 16}px` : "unset"
173
+ flexBasis: _ ? "100%" : `${100 / v}%`,
174
+ width: _ ? `${i / v - 16}px` : "unset"
163
175
  },
164
176
  children: n
165
177
  },
@@ -172,42 +184,42 @@ function Bt({
172
184
  )
173
185
  }
174
186
  ),
175
- p > 1 && /* @__PURE__ */ A(
187
+ g > 1 && /* @__PURE__ */ P(
176
188
  "div",
177
189
  {
178
- className: o.controls,
190
+ className: c.controls,
179
191
  style: {
180
- maxWidth: P > 0 && i === 1 && !f ? `${P}px` : "unset"
192
+ maxWidth: p > 0 && d === 1 && !_ ? `${p}px` : "unset"
181
193
  },
182
194
  children: [
183
- /* @__PURE__ */ r("div", { className: o.indicators, children: Array.from({ length: p }).map((t, e) => /* @__PURE__ */ r(
195
+ /* @__PURE__ */ r("div", { className: c.indicators, children: Array.from({ length: g }).map((t, e) => /* @__PURE__ */ r(
184
196
  "button",
185
197
  {
186
- className: `${o.indicator} ${e === u ? o.active : ""}`,
187
- onClick: () => _t(e),
198
+ className: `${c.indicator} ${e === h ? c.active : ""}`,
199
+ onClick: () => wt(e),
188
200
  "aria-label": `Go to group ${e + 1}`
189
201
  },
190
202
  e
191
203
  )) }),
192
- /* @__PURE__ */ A("div", { className: o.buttons, children: [
204
+ /* @__PURE__ */ P("div", { className: c.buttons, children: [
193
205
  /* @__PURE__ */ r(
194
206
  "button",
195
207
  {
196
208
  "aria-label": "Previous slide",
197
- className: `${o.prev} ${u === 0 ? o.disabled : ""}`,
198
- onClick: W,
199
- disabled: u === 0,
200
- children: /* @__PURE__ */ r(bt, { size: 36 })
209
+ className: `${c.prev} ${h === 0 ? c.disabled : ""}`,
210
+ onClick: S,
211
+ disabled: h === 0,
212
+ children: /* @__PURE__ */ r(xt, { size: 36 })
201
213
  }
202
214
  ),
203
215
  /* @__PURE__ */ r(
204
216
  "button",
205
217
  {
206
218
  "aria-label": "Next slide",
207
- className: `${o.next} ${u >= p - 1 ? o.disabled : ""}`,
208
- onClick: T,
209
- disabled: u >= M.length - h,
210
- children: /* @__PURE__ */ r(xt, { size: 36 })
219
+ className: `${c.next} ${h >= g - 1 ? c.disabled : ""}`,
220
+ onClick: L,
221
+ disabled: h >= m.length - v,
222
+ children: /* @__PURE__ */ r(Et, { size: 36 })
211
223
  }
212
224
  )
213
225
  ] })
@@ -217,5 +229,5 @@ function Bt({
217
229
  ] });
218
230
  }
219
231
  export {
220
- Bt as Carousel
232
+ Ut as Carousel
221
233
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { N as a } from "../../NavLink-OZi3Er5m.js";
3
+ import { N as a } from "../../NavLink-D0Fy2_Mj.js";
4
4
  import "../../external-link-BOPobeQJ.js";
5
5
  import "../../chevron-down-DSUzBz9F.js";
6
6
  export {
@@ -1,6 +1,6 @@
1
1
  import { jsx as a, jsxs as o, Fragment as Ne } from "react/jsx-runtime";
2
2
  import { useState as h, useEffect as _, useRef as S, useCallback as T } from "react";
3
- import { s as e, N as $e } from "../../NavLink-OZi3Er5m.js";
3
+ import { s as e, N as $e } from "../../NavLink-D0Fy2_Mj.js";
4
4
  import { Modal as ge } from "../Modal/index.js";
5
5
  import { CallToAction as Z } from "../CallToAction/index.js";
6
6
  import { ButtonGroup as P } from "../ButtonGroup/index.js";
package/dist/styles.css CHANGED
@@ -41,7 +41,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
41
41
  ._wrapper_1nmh2_1{display:flex;flex-direction:column;position:relative}._input_1nmh2_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_1nmh2_7::placeholder{color:var(--color-primary-25)}._input_1nmh2_7:focus{border-color:var(--color-primary-100)}._popover_1nmh2_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)}
42
42
  ._wrapper_1wm56_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_1wm56_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_1wm56_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-primary-25);border-radius:4px;outline:none}._track_1wm56_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._track_1wm56_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._value_1wm56_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._error_1wm56_52{color:var(--color-error)}._errorMessage_1wm56_56{font-size:var(--font-size-sm);color:var(--color-error)}
43
43
  ._wrapper_1mpje_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._dropZone_1mpje_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_1mpje_7 p{color:var(--color-text-primary)}._dropZone_1mpje_7:hover{background-color:var(--color-background)}._dragging_1mpje_25{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._input_1mpje_30{display:none}._fileList_1mpje_34{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);list-style:none;padding:0}._fileList_1mpje_34 li{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}._fileList_1mpje_34 li button{cursor:pointer}
44
- :root{--nav-height: 65px}._navbar_l2xnw_5{position:relative;height:var(--nav-height);z-index:1000}._left_l2xnw_19 ._container_l2xnw_20{justify-content:flex-start}._left_l2xnw_19 ._logo_l2xnw_24{flex:unset}._left_l2xnw_19 ._nav_l2xnw_5{flex:1}@media (max-width: 767px){._left_l2xnw_19 ._logo_l2xnw_24{flex:1}}._center_l2xnw_39 ._nav_l2xnw_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_l2xnw_39 ._nav_l2xnw_5._hidden_l2xnw_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_l2xnw_39 ._nav_l2xnw_5._visible_l2xnw_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_l2xnw_39 ._logo_l2xnw_24{flex:1}}._right_l2xnw_67 ._container_l2xnw_20{justify-content:flex-end}._right_l2xnw_67 ._logo_l2xnw_24,._right_l2xnw_67 ._title_l2xnw_73{flex:1}._right_l2xnw_67 ._nav_l2xnw_5{flex:unset}._linkWrapper_l2xnw_82._parent_l2xnw_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_l2xnw_82._parent_l2xnw_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_l2xnw_82._parent_l2xnw_82:first-of-type ._link_l2xnw_82,._linkWrapper_l2xnw_82._parent_l2xnw_82:first-of-type ._search_l2xnw_91,._linkWrapper_l2xnw_82._parent_l2xnw_82:first-of-type ._sublinkToggle_l2xnw_92{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_l2xnw_82._parent_l2xnw_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_l2xnw_82._parent_l2xnw_82:last-of-type ._link_l2xnw_82,._linkWrapper_l2xnw_82._parent_l2xnw_82:last-of-type ._search_l2xnw_91,._linkWrapper_l2xnw_82._parent_l2xnw_82:last-of-type ._sublinkToggle_l2xnw_92{padding-right:var(--spacing-md)}}._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._sublinkToggle_l2xnw_92,._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._link_l2xnw_82{height:40px}@media (min-width: 768px){._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._link_l2xnw_82,._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._search_l2xnw_91,._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._sublinkToggle_l2xnw_92{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._link_l2xnw_82:hover,._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._search_l2xnw_91:hover,._linkWrapper_l2xnw_82._parent_l2xnw_82>._linkItem_l2xnw_111 ._sublinkToggle_l2xnw_92:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_l2xnw_135{left:0;background-color:#fff}._standard_l2xnw_135 ._linkWrapper_l2xnw_82{position:relative}._standard_l2xnw_135 ._triangle_l2xnw_143{display:none}._transparent_l2xnw_148{background-color:transparent}._transparent_l2xnw_148 ._nav_l2xnw_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:#ffffff4d;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_l2xnw_148 ._nav_l2xnw_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_l2xnw_148 ._nav_l2xnw_5:before{border-radius:0}}@media (max-width: 767px){._transparent_l2xnw_148 ._menuToggle_l2xnw_177,._transparent_l2xnw_148 ._search_l2xnw_91{border-radius:var(--radius-md)}._transparent_l2xnw_148 ._menuToggle_l2xnw_177:before,._transparent_l2xnw_148 ._search_l2xnw_91: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_l2xnw_200{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_l2xnw_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_l2xnw_20{grid-template-areas:"first second third fourth fifth"}}._container_l2xnw_20._twoColumn_l2xnw_229{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_l2xnw_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_l2xnw_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_l2xnw_24 img{height:auto;width:auto}@media (max-width: 767px){._searchWrapper_l2xnw_258{grid-area:fourth}}._menuToggle_l2xnw_177,._search_l2xnw_91{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_l2xnw_177 svg,._search_l2xnw_91 svg{position:relative;z-index:5}._utilityMobile_l2xnw_283{display:none;grid-area:third;justify-content:flex-end}._utility_l2xnw_283{grid-area:third;display:flex;justify-content:flex-end}._utility_l2xnw_283 a{font-size:var(--font-size-sm)}._nav_l2xnw_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_l2xnw_5{height:100vh}}._navInner_l2xnw_311{position:relative}@media (max-width: 767px){._navInner_l2xnw_311{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_l2xnw_322{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_l2xnw_322{display:flex;flex-direction:column}}._linkItem_l2xnw_111{display:flex;align-items:center;box-sizing:border-box}._searchModal_l2xnw_341{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_l2xnw_341 .modalClose{display:none}._searchModal_l2xnw_341 .modalContent{margin-top:0}._separator_l2xnw_356{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_l2xnw_364,._sublinkToggle_l2xnw_92,._search_l2xnw_91,._link_l2xnw_82{text-decoration:none;color:var(--color-secondary-100);background-color:transparent;border:none;padding:var(--spacing-sm);transition:color .3s ease-in-out;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_l2xnw_364 ._newTabIcon_l2xnw_384,._sublinkToggle_l2xnw_92 ._newTabIcon_l2xnw_384,._search_l2xnw_91 ._newTabIcon_l2xnw_384,._link_l2xnw_82 ._newTabIcon_l2xnw_384{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_l2xnw_364,._sublinksDescription_l2xnw_391,._link_l2xnw_82,._sublinkToggle_l2xnw_92,._link_l2xnw_82 ._linkContent_l2xnw_394,._sublinkToggle_l2xnw_92 ._linkContent_l2xnw_394{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_l2xnw_82:hover,._link_l2xnw_82._open_l2xnw_405,._search_l2xnw_91:hover,._sublinkToggle_l2xnw_92:hover,._sublinkToggle_l2xnw_92._open_l2xnw_405,._link_l2xnw_82:hover ._newTabIcon_l2xnw_384,._link_l2xnw_82._open_l2xnw_405 ._newTabIcon_l2xnw_384,._search_l2xnw_91:hover ._newTabIcon_l2xnw_384,._sublinkToggle_l2xnw_92:hover ._newTabIcon_l2xnw_384,._sublinkToggle_l2xnw_92._open_l2xnw_405 ._newTabIcon_l2xnw_384{color:var(--color-primary-100)}@media (max-width: 767px){._link_l2xnw_82:hover,._link_l2xnw_82._open_l2xnw_405,._search_l2xnw_91:hover,._sublinkToggle_l2xnw_92:hover,._sublinkToggle_l2xnw_92._open_l2xnw_405{color:var(--color-secondary-100)}._link_l2xnw_82:hover ._newTabIcon_l2xnw_384,._link_l2xnw_82._open_l2xnw_405 ._newTabIcon_l2xnw_384,._search_l2xnw_91:hover ._newTabIcon_l2xnw_384,._sublinkToggle_l2xnw_92:hover ._newTabIcon_l2xnw_384,._sublinkToggle_l2xnw_92._open_l2xnw_405 ._newTabIcon_l2xnw_384{color:var(--color-secondary-100)}}._navItem_l2xnw_424:hover{color:var(--color-primary-100)}._sublinkToggle_l2xnw_92,._back_l2xnw_429{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_l2xnw_92:hover,._sublinkToggle_l2xnw_92._open_l2xnw_405,._back_l2xnw_429:hover,._back_l2xnw_429._open_l2xnw_405{color:var(--color-primary-100)}._sublinks_l2xnw_391{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_l2xnw_391._show_l2xnw_476{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_l2xnw_391._show_l2xnw_476 ._navTitle_l2xnw_364,._sublinks_l2xnw_391._show_l2xnw_476 ._sublinksDescription_l2xnw_391,._sublinks_l2xnw_391._show_l2xnw_476 ._link_l2xnw_82,._sublinks_l2xnw_391._show_l2xnw_476 ._sublinkToggle_l2xnw_92,._sublinks_l2xnw_391._show_l2xnw_476 ._link_l2xnw_82 ._linkContent_l2xnw_394,._sublinks_l2xnw_391._show_l2xnw_476 ._sublinkToggle_l2xnw_92 ._linkContent_l2xnw_394{opacity:1;visibility:visible}._triangle_l2xnw_143{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_l2xnw_143._show_l2xnw_476{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_l2xnw_517{border-right:1px solid var(--color-border)}._primaryColumn_l2xnw_517 ._sublinkToggle_l2xnw_92:hover,._primaryColumn_l2xnw_517 ._sublinkToggle_l2xnw_92._open_l2xnw_405{color:var(--color-primary-100)}._secondaryColumn_l2xnw_526{background-color:var(--color-secondary-10)}._spotlightColumn_l2xnw_530{background-color:var(--color-secondary-75)}._sublinksInner_l2xnw_534{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_l2xnw_534{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_l2xnw_552{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_l2xnw_552{padding:0}}._chevron_l2xnw_562{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_l2xnw_92._open_l2xnw_405 ._chevron_l2xnw_562{transform:rotate(180deg)}@media (max-width: 767px){._logo_l2xnw_24{flex:1}._menuToggle_l2xnw_177,._search_l2xnw_91{display:flex;align-items:center;justify-content:center}._utility_l2xnw_283 a:not(._utility_l2xnw_283 a:first-of-type){display:none}._utilityMobile_l2xnw_283{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_l2xnw_283._open_l2xnw_405{transform:translateY(0)}._nav_l2xnw_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_l2xnw_5._open_l2xnw_405{transform:translate(0)}._linkWrapper_l2xnw_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_l2xnw_82._parent_l2xnw_82{border-bottom:1px solid var(--color-border)}._linkWrapper_l2xnw_82._parent_l2xnw_82:last-of-type{border:none}._linkItem_l2xnw_111{width:100%}._chevron_l2xnw_562{display:none}._sublinks_l2xnw_391{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_l2xnw_92{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_l2xnw_679 ._sublinks_l2xnw_391{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_l2xnw_679 ._sublinks_l2xnw_391{position:relative;justify-content:center;align-items:center}}._default_l2xnw_679 ._linkItem_l2xnw_111{justify-content:flex-end}@media (max-width: 767px){._default_l2xnw_679 ._linkItem_l2xnw_111{justify-content:center;align-items:center}}._default_l2xnw_679 ._sublinksInner_l2xnw_534{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_l2xnw_679 ._sublinksInner_l2xnw_534{justify-content:center;align-items:center}}._advanced_l2xnw_715 ._linkContent_l2xnw_394{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_l2xnw_715 ._subtitle_l2xnw_724{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_l2xnw_715 ._sublinksDescription_l2xnw_391,._advanced_l2xnw_715 ._sublinksDescription_l2xnw_391 div p{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_l2xnw_715 ._sublinks_l2xnw_391{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_l2xnw_715 ._sublinks_l2xnw_391{position:relative;justify-content:center;align-items:center}}._advanced_l2xnw_715 ._linkItem_l2xnw_111{justify-content:flex-start}._advanced_l2xnw_715 ._sublinksInner_l2xnw_534{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_l2xnw_715 ._sublinksInner_l2xnw_534._withSpotlight_l2xnw_766{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_l2xnw_715 ._sublinksInner_l2xnw_534._withoutSpotlight_l2xnw_770{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_l2xnw_715 ._sublinksInner_l2xnw_534{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_l2xnw_715 ._sublinkToggle_l2xnw_92{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_l2xnw_715 ._sublinkToggle_l2xnw_92:hover,._advanced_l2xnw_715 ._sublinkToggle_l2xnw_92._open_l2xnw_405{color:var(--color-primary-100)}._advanced_l2xnw_715 ._back_l2xnw_429{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_l2xnw_715 ._back_l2xnw_429:hover{color:var(--color-primary-100)}._groupDivider_l2xnw_808{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_l2xnw_816,._mobileMenuSlide_l2xnw_817{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_l2xnw_827{opacity:0}._fadeInFromLeft_l2xnw_831{animation:_fadeInFromLeft_l2xnw_831 .3s ease-in-out forwards}._fadeInFromRight_l2xnw_835{animation:_fadeInFromRight_l2xnw_835 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_l2xnw_831{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_l2xnw_835{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
44
+ :root{--nav-height: 65px}._navbar_1h1mc_5{position:relative;height:var(--nav-height);z-index:1000}._left_1h1mc_19 ._container_1h1mc_20{justify-content:flex-start}._left_1h1mc_19 ._logo_1h1mc_24{flex:unset}._left_1h1mc_19 ._nav_1h1mc_5{flex:1}@media (max-width: 767px){._left_1h1mc_19 ._logo_1h1mc_24{flex:1}}._center_1h1mc_39 ._nav_1h1mc_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1h1mc_39 ._nav_1h1mc_5._hidden_1h1mc_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1h1mc_39 ._nav_1h1mc_5._visible_1h1mc_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1h1mc_39 ._logo_1h1mc_24{flex:1}}._right_1h1mc_67 ._container_1h1mc_20{justify-content:flex-end}._right_1h1mc_67 ._logo_1h1mc_24,._right_1h1mc_67 ._title_1h1mc_73{flex:1}._right_1h1mc_67 ._nav_1h1mc_5{flex:unset}._linkWrapper_1h1mc_82._parent_1h1mc_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_1h1mc_82._parent_1h1mc_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_1h1mc_82._parent_1h1mc_82:first-of-type>._linkItem_1h1mc_90 ._link_1h1mc_82,._linkWrapper_1h1mc_82._parent_1h1mc_82:first-of-type>._linkItem_1h1mc_90 ._search_1h1mc_92,._linkWrapper_1h1mc_82._parent_1h1mc_82:first-of-type>._linkItem_1h1mc_90 ._sublinkToggle_1h1mc_93{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_1h1mc_82._parent_1h1mc_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_1h1mc_82._parent_1h1mc_82:last-of-type>._linkItem_1h1mc_90 ._link_1h1mc_82,._linkWrapper_1h1mc_82._parent_1h1mc_82:last-of-type>._linkItem_1h1mc_90 ._search_1h1mc_92,._linkWrapper_1h1mc_82._parent_1h1mc_82:last-of-type>._linkItem_1h1mc_90 ._sublinkToggle_1h1mc_93{padding-right:var(--spacing-md)}}._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._sublinkToggle_1h1mc_93,._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._link_1h1mc_82{height:40px}@media (min-width: 768px){._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._link_1h1mc_82,._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._search_1h1mc_92,._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._sublinkToggle_1h1mc_93{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._link_1h1mc_82:hover,._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._search_1h1mc_92:hover,._linkWrapper_1h1mc_82._parent_1h1mc_82>._linkItem_1h1mc_90 ._sublinkToggle_1h1mc_93:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_1h1mc_139{left:0;background-color:#fff}._standard_1h1mc_139 ._linkWrapper_1h1mc_82{position:relative}._standard_1h1mc_139 ._triangle_1h1mc_147{display:none}._transparent_1h1mc_152{background-color:transparent}._transparent_1h1mc_152 ._nav_1h1mc_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:#ffffff4d;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1h1mc_152 ._nav_1h1mc_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1h1mc_152 ._nav_1h1mc_5:before{border-radius:0}}@media (max-width: 767px){._transparent_1h1mc_152 ._menuToggle_1h1mc_181,._transparent_1h1mc_152 ._search_1h1mc_92{border-radius:var(--radius-md)}._transparent_1h1mc_152 ._menuToggle_1h1mc_181:before,._transparent_1h1mc_152 ._search_1h1mc_92: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_1h1mc_204{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1h1mc_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_1h1mc_20{grid-template-areas:"first second third fourth fifth"}}._container_1h1mc_20._twoColumn_1h1mc_233{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1h1mc_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1h1mc_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_1h1mc_24 img{height:auto;width:auto}@media (max-width: 767px){._searchWrapper_1h1mc_262{grid-area:fourth}}._menuToggle_1h1mc_181,._search_1h1mc_92{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1h1mc_181 svg,._search_1h1mc_92 svg{position:relative;z-index:5}._utilityMobile_1h1mc_287{display:none;grid-area:third;justify-content:flex-end}._utility_1h1mc_287{grid-area:third;display:flex;justify-content:flex-end}._utility_1h1mc_287 a{font-size:var(--font-size-sm)}._nav_1h1mc_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_1h1mc_5{height:100vh}}._navInner_1h1mc_315{position:relative}@media (max-width: 767px){._navInner_1h1mc_315{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1h1mc_326{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1h1mc_326{display:flex;flex-direction:column}}._linkItem_1h1mc_90{display:flex;align-items:center;box-sizing:border-box}._searchModal_1h1mc_345{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_1h1mc_345 .modalClose{display:none}._searchModal_1h1mc_345 .modalContent{margin-top:0}._separator_1h1mc_360{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_1h1mc_368,._sublinkToggle_1h1mc_93,._search_1h1mc_92,._link_1h1mc_82{text-decoration:none;color:var(--color-secondary-100);background-color:transparent;border:none;padding:var(--spacing-sm);transition:color .3s ease-in-out;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_1h1mc_368 ._newTabIcon_1h1mc_388,._sublinkToggle_1h1mc_93 ._newTabIcon_1h1mc_388,._search_1h1mc_92 ._newTabIcon_1h1mc_388,._link_1h1mc_82 ._newTabIcon_1h1mc_388{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_1h1mc_368,._sublinksDescription_1h1mc_395,._link_1h1mc_82,._sublinkToggle_1h1mc_93,._link_1h1mc_82 ._linkContent_1h1mc_398,._sublinkToggle_1h1mc_93 ._linkContent_1h1mc_398{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_1h1mc_82:hover,._link_1h1mc_82._open_1h1mc_409,._search_1h1mc_92:hover,._sublinkToggle_1h1mc_93:hover,._sublinkToggle_1h1mc_93._open_1h1mc_409,._link_1h1mc_82:hover ._newTabIcon_1h1mc_388,._link_1h1mc_82._open_1h1mc_409 ._newTabIcon_1h1mc_388,._search_1h1mc_92:hover ._newTabIcon_1h1mc_388,._sublinkToggle_1h1mc_93:hover ._newTabIcon_1h1mc_388,._sublinkToggle_1h1mc_93._open_1h1mc_409 ._newTabIcon_1h1mc_388{color:var(--color-primary-100)}@media (max-width: 767px){._link_1h1mc_82:hover,._link_1h1mc_82._open_1h1mc_409,._search_1h1mc_92:hover,._sublinkToggle_1h1mc_93:hover,._sublinkToggle_1h1mc_93._open_1h1mc_409{color:var(--color-secondary-100)}._link_1h1mc_82:hover ._newTabIcon_1h1mc_388,._link_1h1mc_82._open_1h1mc_409 ._newTabIcon_1h1mc_388,._search_1h1mc_92:hover ._newTabIcon_1h1mc_388,._sublinkToggle_1h1mc_93:hover ._newTabIcon_1h1mc_388,._sublinkToggle_1h1mc_93._open_1h1mc_409 ._newTabIcon_1h1mc_388{color:var(--color-secondary-100)}}._navItem_1h1mc_428:hover{color:var(--color-primary-100)}._sublinkToggle_1h1mc_93,._back_1h1mc_433{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_1h1mc_93:hover,._sublinkToggle_1h1mc_93._open_1h1mc_409,._back_1h1mc_433:hover,._back_1h1mc_433._open_1h1mc_409{color:var(--color-primary-100)}._sublinks_1h1mc_395{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_1h1mc_395._show_1h1mc_480{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_1h1mc_395._show_1h1mc_480 ._navTitle_1h1mc_368,._sublinks_1h1mc_395._show_1h1mc_480 ._sublinksDescription_1h1mc_395,._sublinks_1h1mc_395._show_1h1mc_480 ._link_1h1mc_82,._sublinks_1h1mc_395._show_1h1mc_480 ._sublinkToggle_1h1mc_93,._sublinks_1h1mc_395._show_1h1mc_480 ._link_1h1mc_82 ._linkContent_1h1mc_398,._sublinks_1h1mc_395._show_1h1mc_480 ._sublinkToggle_1h1mc_93 ._linkContent_1h1mc_398{opacity:1;visibility:visible}._triangle_1h1mc_147{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_1h1mc_147._show_1h1mc_480{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1h1mc_521{border-right:1px solid var(--color-border)}._primaryColumn_1h1mc_521 ._sublinkToggle_1h1mc_93:hover,._primaryColumn_1h1mc_521 ._sublinkToggle_1h1mc_93._open_1h1mc_409{color:var(--color-primary-100)}._secondaryColumn_1h1mc_530{background-color:var(--color-secondary-10)}._spotlightColumn_1h1mc_534{background-color:var(--color-secondary-75)}._sublinksInner_1h1mc_538{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1h1mc_538{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1h1mc_556{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1h1mc_556{padding:0}}._chevron_1h1mc_566{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1h1mc_93._open_1h1mc_409 ._chevron_1h1mc_566{transform:rotate(180deg)}@media (max-width: 767px){._logo_1h1mc_24{flex:1}._menuToggle_1h1mc_181,._search_1h1mc_92{display:flex;align-items:center;justify-content:center}._utility_1h1mc_287 a:not(._utility_1h1mc_287 a:first-of-type){display:none}._utilityMobile_1h1mc_287{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_1h1mc_287._open_1h1mc_409{transform:translateY(0)}._nav_1h1mc_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_1h1mc_5._open_1h1mc_409{transform:translate(0)}._linkWrapper_1h1mc_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1h1mc_82._parent_1h1mc_82{border-bottom:1px solid var(--color-border)}._linkWrapper_1h1mc_82._parent_1h1mc_82:last-of-type{border:none}._linkItem_1h1mc_90{width:100%}._chevron_1h1mc_566{display:none}._sublinks_1h1mc_395{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_1h1mc_93{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_1h1mc_683 ._sublinks_1h1mc_395{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_1h1mc_683 ._sublinks_1h1mc_395{position:relative;justify-content:center;align-items:center}}._default_1h1mc_683 ._linkItem_1h1mc_90{justify-content:flex-end}@media (max-width: 767px){._default_1h1mc_683 ._linkItem_1h1mc_90{justify-content:center;align-items:center}}._default_1h1mc_683 ._sublinksInner_1h1mc_538{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_1h1mc_683 ._sublinksInner_1h1mc_538{justify-content:center;align-items:center}}._advanced_1h1mc_719 ._linkContent_1h1mc_398{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_1h1mc_719 ._subtitle_1h1mc_728{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_1h1mc_719 ._sublinksDescription_1h1mc_395,._advanced_1h1mc_719 ._sublinksDescription_1h1mc_395 div p{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_1h1mc_719 ._sublinks_1h1mc_395{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_1h1mc_719 ._sublinks_1h1mc_395{position:relative;justify-content:center;align-items:center}}._advanced_1h1mc_719 ._linkItem_1h1mc_90{justify-content:flex-start}._advanced_1h1mc_719 ._sublinksInner_1h1mc_538{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_1h1mc_719 ._sublinksInner_1h1mc_538._withSpotlight_1h1mc_770{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_1h1mc_719 ._sublinksInner_1h1mc_538._withoutSpotlight_1h1mc_774{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_1h1mc_719 ._sublinksInner_1h1mc_538{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_1h1mc_719 ._sublinkToggle_1h1mc_93{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_1h1mc_719 ._sublinkToggle_1h1mc_93:hover,._advanced_1h1mc_719 ._sublinkToggle_1h1mc_93._open_1h1mc_409{color:var(--color-primary-100)}._advanced_1h1mc_719 ._back_1h1mc_433{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_1h1mc_719 ._back_1h1mc_433:hover{color:var(--color-primary-100)}._groupDivider_1h1mc_812{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1h1mc_820,._mobileMenuSlide_1h1mc_821{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1h1mc_831{opacity:0}._fadeInFromLeft_1h1mc_835{animation:_fadeInFromLeft_1h1mc_835 .3s ease-in-out forwards}._fadeInFromRight_1h1mc_839{animation:_fadeInFromRight_1h1mc_839 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1h1mc_835{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1h1mc_839{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
45
45
  ._label_i7a04_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_i7a04_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_i7a04_13{font-size:.75rem}._md_i7a04_17{font-size:.875rem}._lg_i7a04_21{font-size:1rem}._default_i7a04_26{color:var(--color-text-primary)}._muted_i7a04_30{color:var(--color-primary-25)}._accent_i7a04_34{color:var(--color-primary-100)}._disabled_i7a04_38{color:var(--color-primary-25)}._error_i7a04_42{color:var(--color-error)}._required_i7a04_47{color:var(--color-error);margin-left:.25rem}._optional_i7a04_52{color:var(--color-primary-25);font-style:italic;margin-left:.25rem}._srOnly_i7a04_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_i7a04_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_i7a04_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_i7a04_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-primary-25)}._tooltipText_i7a04_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_i7a04_77:hover ._tooltipText_i7a04_91,._tooltipWrapper_i7a04_77:focus-within ._tooltipText_i7a04_91{visibility:visible;opacity:1}
46
46
  ._footer_1pk76_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_1pk76_8{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_1pk76_18{width:100%}._primaryNav_1pk76_22{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_1pk76_22{width:100%;flex-direction:column-reverse}}._secondaryNav_1pk76_32{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_1pk76_32 a:has(img){height:unset;background-color:transparent}._secondaryNav_1pk76_32 a:has(img) img{width:175px;height:auto}._secondaryNav_1pk76_32 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_1pk76_32{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_1pk76_32 nav{width:100%;display:flex;justify-content:center}}._details_1pk76_69{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_1pk76_69{justify-content:center;align-items:center;text-align:center}}._nav_1pk76_82{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_1pk76_90{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._socialItems_1pk76_96{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm)}._socialItems_1pk76_96 ._group_1pk76_103{min-width:unset}._socialItems_1pk76_96 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_1pk76_112{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_1pk76_103{flex:.2;min-width:140px}._groupTitle_1pk76_123{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_1pk76_132{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_1pk76_140{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_1pk76_140{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_1pk76_140 ._newTabIcon_1pk76_158{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_1pk76_140:hover,._link_1pk76_140:hover ._newTabIcon_1pk76_158{color:var(--color-primary-100)}._bottom_1pk76_172{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_1pk76_172{text-align:center}}._left_1pk76_183 ._container_1pk76_8{justify-content:flex-start}._left_1pk76_183 ._logo_1pk76_90{flex:unset}._left_1pk76_183 ._nav_1pk76_82{flex:1}@media (max-width: 767px){._left_1pk76_183 ._logo_1pk76_90{flex:1}}._center_1pk76_203 ._nav_1pk76_82{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1pk76_203 ._nav_1pk76_82._hidden_1pk76_209{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1pk76_203 ._nav_1pk76_82._visible_1pk76_216{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1pk76_203 ._logo_1pk76_90{flex:1}}._right_1pk76_231 ._container_1pk76_8{justify-content:flex-end}._right_1pk76_231 ._logo_1pk76_90,._right_1pk76_231 ._title_1pk76_237{flex:1}._right_1pk76_231 ._nav_1pk76_82{flex:unset}
47
47
  ._calendar_1q8jq_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_1q8jq_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_1q8jq_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_1q8jq_22{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_1q8jq_27{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_1q8jq_33{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_1q8jq_44{color:var(--color-primary-25)}._selected_1q8jq_48{background-color:var(--color-primary-100);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.256",
4
+ "version": "0.0.258",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
@@ -1,133 +0,0 @@
1
- import { jsxs as i, jsx as o } from "react/jsx-runtime";
2
- import { useRef as p } from "react";
3
- import { E as h } from "./external-link-BOPobeQJ.js";
4
- import { C as g } from "./chevron-down-DSUzBz9F.js";
5
- import './assets/NavLink.css';const k = "_navbar_l2xnw_5", v = "_left_l2xnw_19", f = "_container_l2xnw_20", C = "_logo_l2xnw_24", I = "_nav_l2xnw_5", M = "_center_l2xnw_39", y = "_hidden_l2xnw_45", N = "_visible_l2xnw_52", T = "_right_l2xnw_67", S = "_title_l2xnw_73", D = "_linkWrapper_l2xnw_82", E = "_parent_l2xnw_82", W = "_link_l2xnw_82", $ = "_search_l2xnw_91", F = "_sublinkToggle_l2xnw_92", L = "_linkItem_l2xnw_111", R = "_standard_l2xnw_135", j = "_triangle_l2xnw_143", z = "_transparent_l2xnw_148", q = "_menuToggle_l2xnw_177", A = "_sticky_l2xnw_200", B = "_twoColumn_l2xnw_229", G = "_searchWrapper_l2xnw_258", H = "_utilityMobile_l2xnw_283", J = "_utility_l2xnw_283", K = "_navInner_l2xnw_311", Q = "_grid_l2xnw_322", U = "_searchModal_l2xnw_341", V = "_separator_l2xnw_356", X = "_newTabIcon_l2xnw_384", Y = "_sublinksDescription_l2xnw_391", Z = "_linkContent_l2xnw_394", O = "_open_l2xnw_405", P = "_back_l2xnw_429", nn = "_sublinks_l2xnw_391", en = "_show_l2xnw_476", ln = "_primaryColumn_l2xnw_517", on = "_secondaryColumn_l2xnw_526", tn = "_spotlightColumn_l2xnw_530", sn = "_sublinksInner_l2xnw_534", _n = "_sublinksColumn_l2xnw_552", rn = "_chevron_l2xnw_562", an = "_advanced_l2xnw_715", cn = "_subtitle_l2xnw_724", un = "_withSpotlight_l2xnw_766", wn = "_withoutSpotlight_l2xnw_770", mn = "_groupDivider_l2xnw_808", xn = "_mobileMenu_l2xnw_816", dn = "_mobileMenuSlide_l2xnw_817", bn = "_mobileMenuItem_l2xnw_827", pn = "_fadeInFromLeft_l2xnw_831", hn = "_fadeInFromRight_l2xnw_835", e = {
6
- navbar: k,
7
- left: v,
8
- container: f,
9
- logo: C,
10
- nav: I,
11
- center: M,
12
- hidden: y,
13
- visible: N,
14
- right: T,
15
- title: S,
16
- linkWrapper: D,
17
- parent: E,
18
- link: W,
19
- search: $,
20
- sublinkToggle: F,
21
- linkItem: L,
22
- standard: R,
23
- triangle: j,
24
- transparent: z,
25
- menuToggle: q,
26
- sticky: A,
27
- twoColumn: B,
28
- searchWrapper: G,
29
- utilityMobile: H,
30
- utility: J,
31
- navInner: K,
32
- grid: Q,
33
- searchModal: U,
34
- separator: V,
35
- newTabIcon: X,
36
- sublinksDescription: Y,
37
- linkContent: Z,
38
- open: O,
39
- back: P,
40
- sublinks: nn,
41
- show: en,
42
- primaryColumn: ln,
43
- secondaryColumn: on,
44
- spotlightColumn: tn,
45
- sublinksInner: sn,
46
- sublinksColumn: _n,
47
- chevron: rn,
48
- default: "_default_l2xnw_679",
49
- advanced: an,
50
- subtitle: cn,
51
- withSpotlight: un,
52
- withoutSpotlight: wn,
53
- groupDivider: mn,
54
- mobileMenu: xn,
55
- mobileMenuSlide: dn,
56
- mobileMenuItem: bn,
57
- fadeInFromLeft: pn,
58
- fadeInFromRight: hn
59
- };
60
- function Cn({
61
- link: n,
62
- path: l,
63
- parentPath: r,
64
- openPath: m,
65
- togglePath: a,
66
- updateTriangleIndicator: x,
67
- setOpenPath: t,
68
- renderLinks: d,
69
- buttonRefs: b
70
- }) {
71
- var u;
72
- const s = m === l, _ = !!((u = n.sublinks) != null && u.length), c = p(null);
73
- return b.current.set(l, c.current), /* @__PURE__ */ i(
74
- "div",
75
- {
76
- className: `${e.linkWrapper} ${r ? "" : e.parent}`,
77
- children: [
78
- /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ i(
79
- "a",
80
- {
81
- href: n.href,
82
- className: e.link,
83
- target: n.isExternal ? "_blank" : "_self",
84
- rel: n.isExternal ? "noopener noreferrer" : void 0,
85
- onClick: () => {
86
- var w;
87
- t(null), (w = n.onClick) == null || w.call(n);
88
- },
89
- onMouseEnter: () => {
90
- r || t(null);
91
- },
92
- role: "menuitem",
93
- children: [
94
- n.label,
95
- n.isExternal && /* @__PURE__ */ o(h, { className: e.newTabIcon, size: 16 })
96
- ]
97
- }
98
- ) : /* @__PURE__ */ i(
99
- "button",
100
- {
101
- ref: c,
102
- "aria-haspopup": _ ? "true" : void 0,
103
- "aria-expanded": s,
104
- className: `${e.sublinkToggle} ${s ? e.open : ""}`,
105
- onClick: () => a(l),
106
- onMouseEnter: () => {
107
- x(l), t(l);
108
- },
109
- children: [
110
- n.label,
111
- _ && /* @__PURE__ */ o(g, { size: 18, className: e.chevron })
112
- ]
113
- }
114
- ) }),
115
- _ && /* @__PURE__ */ o(
116
- "div",
117
- {
118
- className: `${e.sublinks} ${s ? e.show : ""}`,
119
- onMouseLeave: () => a(l),
120
- role: "menu",
121
- "aria-label": `${n.label} submenu`,
122
- children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: e.sublinksInner, children: /* @__PURE__ */ o("div", { className: e.sublinksColumn, children: d(n.sublinks, l) }) }) })
123
- }
124
- )
125
- ]
126
- },
127
- l
128
- );
129
- }
130
- export {
131
- Cn as N,
132
- e as s
133
- };