quirk-ui 0.0.142 → 0.0.143
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.
- package/dist/assets/index46.css +1 -1
- package/dist/components/NavBar/index.js +40 -40
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/assets/index46.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--nav-height: 65px}.
|
|
1
|
+
:root{--nav-height: 65px}._navbar_1nirr_5{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background-color:var(--color-background);padding:0 var(--spacing-md);position:relative;z-index:1000;height:var(--nav-height)}._transparent_1nirr_19{position:fixed;top:var(--spacing-sm);left:0;right:0;background-color:transparent}._transparent_1nirr_19 ._nav_1nirr_5{background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:blur(6px);height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md)}._transparent_1nirr_19 ._nav_1nirr_5 ._sublinks_1nirr_42{background:#ffffff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}._left_1nirr_50 ._container_1nirr_51{justify-content:flex-start}._left_1nirr_50 ._logo_1nirr_26{flex:unset}._left_1nirr_50 ._nav_1nirr_5{flex:1}@media (max-width: 767px){._left_1nirr_50 ._logo_1nirr_26{flex:1}}._center_1nirr_70 ._nav_1nirr_5{position:absolute;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1nirr_70 ._nav_1nirr_5._hidden_1nirr_76{transform:translateY(-100%);opacity:0;pointer-events:none}._center_1nirr_70 ._nav_1nirr_5._visible_1nirr_82{transform:translateY(0);opacity:1;pointer-events:auto}@media (max-width: 767px){._center_1nirr_70 ._logo_1nirr_26{flex:1}}._right_1nirr_96 ._container_1nirr_51{justify-content:flex-end}._right_1nirr_96 ._logo_1nirr_26{flex:1}._right_1nirr_96 ._nav_1nirr_5{flex:unset}._sticky_1nirr_110{position:sticky;top:0;width:100%}._container_1nirr_51{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;height:100%;margin:0 auto}._logo_1nirr_26{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start}._logo_1nirr_26 img{height:auto;width:auto}._menuToggle_1nirr_140{background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100}._utilityMobile_1nirr_149{display:none}._utility_1nirr_149 a{font-size:var(--font-size-sm)}._nav_1nirr_5{display:flex;gap:var(--spacing-lg);height:100%;transition:transform .3s ease}._linkWrapper_1nirr_164{position:relative;display:flex;align-items:center}._linkItem_1nirr_170{display:flex;align-items:center;box-sizing:border-box}._sublinkToggle_1nirr_178,._link_1nirr_164{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box}._link_1nirr_164:hover,._sublinkToggle_1nirr_178:hover,._navItem_1nirr_195:hover{color:var(--color-primary)}._sublinkToggle_1nirr_178{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1nirr_42{position:absolute;right:0;top:100%;background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;overflow:hidden;max-height:0;min-width:100%;width:max-content;opacity:0;z-index:100;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;display:flex;visibility:hidden;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:0 0 var(--radius-md) var(--radius-md);pointer-events:none}._sublinks_1nirr_42._show_1nirr_232{max-height:500px;opacity:1;pointer-events:auto;visibility:visible}._chevron_1nirr_239{transition:transform .3s ease}._sublinkToggle_1nirr_178._open_1nirr_243 ._chevron_1nirr_239{transform:rotate(180deg)}@media (max-width: 767px){._logo_1nirr_26{flex:1}._menuToggle_1nirr_140{display:flex;align-items:center;justify-content:center}._utility_1nirr_149 a:first-of-type{display:none}._utilityMobile_1nirr_149{display:block;transform:translateY(100px);position:fixed;bottom:1rem;margin:0 auto;width:100%;z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1nirr_149._open_1nirr_243{transform:translateY(0)}._nav_1nirr_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_1nirr_5._open_1nirr_243{transform:translate(0)}._linkWrapper_1nirr_164{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1nirr_164._parent_1nirr_312{border-bottom:1px solid var(--color-border)}._linkWrapper_1nirr_164._parent_1nirr_312:last-of-type{border:none}._linkItem_1nirr_170{width:100%}._chevron_1nirr_239{display:none}._sublinks_1nirr_42{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1nirr_178{cursor:pointer;pointer-events:none;color:var(--color-muted)}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as r, jsxs as f } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d, useRef as C, useCallback as u, useEffect as E } from "react";
|
|
3
3
|
import { CallToAction as I } from "../CallToAction/index.js";
|
|
4
4
|
import { ButtonGroup as W } from "../ButtonGroup/index.js";
|
|
@@ -15,7 +15,7 @@ const X = [
|
|
|
15
15
|
["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
|
|
16
16
|
["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
|
|
17
17
|
["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
|
|
18
|
-
], q = A("menu", X), F = "
|
|
18
|
+
], q = A("menu", X), F = "_navbar_1nirr_5", H = "_transparent_1nirr_19", J = "_nav_1nirr_5", K = "_sublinks_1nirr_42", Q = "_left_1nirr_50", U = "_container_1nirr_51", Y = "_logo_1nirr_26", Z = "_center_1nirr_70", ee = "_hidden_1nirr_76", ne = "_visible_1nirr_82", re = "_right_1nirr_96", ie = "_sticky_1nirr_110", te = "_menuToggle_1nirr_140", oe = "_utilityMobile_1nirr_149", se = "_utility_1nirr_149", ae = "_linkWrapper_1nirr_164", le = "_linkItem_1nirr_170", ce = "_sublinkToggle_1nirr_178", de = "_link_1nirr_164", ue = "_show_1nirr_232", _e = "_chevron_1nirr_239", ve = "_open_1nirr_243", he = "_parent_1nirr_312", e = {
|
|
19
19
|
navbar: F,
|
|
20
20
|
transparent: H,
|
|
21
21
|
nav: J,
|
|
@@ -26,10 +26,10 @@ const X = [
|
|
|
26
26
|
center: Z,
|
|
27
27
|
hidden: ee,
|
|
28
28
|
visible: ne,
|
|
29
|
-
right:
|
|
30
|
-
sticky:
|
|
31
|
-
menuToggle:
|
|
32
|
-
utilityMobile:
|
|
29
|
+
right: re,
|
|
30
|
+
sticky: ie,
|
|
31
|
+
menuToggle: te,
|
|
32
|
+
utilityMobile: oe,
|
|
33
33
|
utility: se,
|
|
34
34
|
linkWrapper: ae,
|
|
35
35
|
linkItem: le,
|
|
@@ -56,7 +56,7 @@ function $e({
|
|
|
56
56
|
const [a, b] = d(!1), [O, c] = d(null), [R, j] = d(0), [S, V] = d(!1), _ = C(null), v = C(null), B = () => {
|
|
57
57
|
b((n) => !n);
|
|
58
58
|
}, D = (n) => {
|
|
59
|
-
c((
|
|
59
|
+
c((t) => t === n ? null : n);
|
|
60
60
|
}, g = u((n) => {
|
|
61
61
|
_.current && !_.current.contains(n.target) && c(null);
|
|
62
62
|
}, []), y = u(() => {
|
|
@@ -70,9 +70,9 @@ function $e({
|
|
|
70
70
|
}
|
|
71
71
|
}, []);
|
|
72
72
|
E(() => {
|
|
73
|
-
const n = typeof window < "u",
|
|
74
|
-
return n && (window.addEventListener("resize", k), window.addEventListener("scroll", y)),
|
|
75
|
-
n && (window.removeEventListener("resize", k), window.removeEventListener("scroll", y)),
|
|
73
|
+
const n = typeof window < "u", t = typeof document < "u";
|
|
74
|
+
return n && (window.addEventListener("resize", k), window.addEventListener("scroll", y)), t && document.addEventListener("click", g), w(), () => {
|
|
75
|
+
n && (window.removeEventListener("resize", k), window.removeEventListener("scroll", y)), t && document.removeEventListener("click", g);
|
|
76
76
|
};
|
|
77
77
|
}, []), E(() => {
|
|
78
78
|
if (typeof document < "u")
|
|
@@ -80,27 +80,27 @@ function $e({
|
|
|
80
80
|
document.body.style.overflow = "";
|
|
81
81
|
};
|
|
82
82
|
}, [a]);
|
|
83
|
-
const $ = (n,
|
|
83
|
+
const $ = (n, t = "") => n.map((i) => {
|
|
84
84
|
var N;
|
|
85
|
-
const
|
|
85
|
+
const o = `${t}/${i.label}`, l = O === o, h = (N = i.sublinks) == null ? void 0 : N.length;
|
|
86
86
|
return /* @__PURE__ */ f(
|
|
87
87
|
"div",
|
|
88
88
|
{
|
|
89
|
-
className: `${e.linkWrapper} ${
|
|
89
|
+
className: `${e.linkWrapper} ${t ? "" : e.parent}`,
|
|
90
90
|
children: [
|
|
91
|
-
/* @__PURE__ */
|
|
91
|
+
/* @__PURE__ */ r("div", { className: e.linkItem, children: i.href ? /* @__PURE__ */ r(
|
|
92
92
|
"a",
|
|
93
93
|
{
|
|
94
|
-
href:
|
|
94
|
+
href: i.href,
|
|
95
95
|
className: e.link,
|
|
96
|
-
target:
|
|
97
|
-
rel:
|
|
96
|
+
target: i.isExternal ? "_blank" : "_self",
|
|
97
|
+
rel: i.isExternal ? "noopener noreferrer" : void 0,
|
|
98
98
|
onClick: () => {
|
|
99
99
|
var x;
|
|
100
|
-
c(null), (x =
|
|
100
|
+
c(null), (x = i.onClick) == null || x.call(i);
|
|
101
101
|
},
|
|
102
102
|
role: "menuitem",
|
|
103
|
-
children:
|
|
103
|
+
children: i.label
|
|
104
104
|
}
|
|
105
105
|
) : /* @__PURE__ */ f(
|
|
106
106
|
"button",
|
|
@@ -108,28 +108,28 @@ function $e({
|
|
|
108
108
|
"aria-haspopup": h ? "true" : void 0,
|
|
109
109
|
"aria-expanded": l,
|
|
110
110
|
className: `${e.sublinkToggle} ${l ? e.open : ""}`,
|
|
111
|
-
onClick: () => D(
|
|
111
|
+
onClick: () => D(o),
|
|
112
112
|
children: [
|
|
113
|
-
|
|
114
|
-
h && /* @__PURE__ */
|
|
113
|
+
i.label,
|
|
114
|
+
h && /* @__PURE__ */ r(G, { size: 21, className: e.chevron })
|
|
115
115
|
]
|
|
116
116
|
}
|
|
117
117
|
) }),
|
|
118
|
-
h && /* @__PURE__ */
|
|
118
|
+
h && /* @__PURE__ */ r(
|
|
119
119
|
"div",
|
|
120
120
|
{
|
|
121
121
|
className: `${e.sublinks} ${l ? e.show : ""}`,
|
|
122
122
|
role: "menu",
|
|
123
|
-
"aria-label": `${
|
|
124
|
-
children: $(
|
|
123
|
+
"aria-label": `${i.label} submenu`,
|
|
124
|
+
children: $(i.sublinks, o)
|
|
125
125
|
}
|
|
126
126
|
)
|
|
127
127
|
]
|
|
128
128
|
},
|
|
129
|
-
|
|
129
|
+
o
|
|
130
130
|
);
|
|
131
131
|
});
|
|
132
|
-
return /* @__PURE__ */
|
|
132
|
+
return /* @__PURE__ */ r(
|
|
133
133
|
"header",
|
|
134
134
|
{
|
|
135
135
|
ref: _,
|
|
@@ -137,8 +137,8 @@ function $e({
|
|
|
137
137
|
role: "navigation",
|
|
138
138
|
"aria-label": "Main navigation",
|
|
139
139
|
children: /* @__PURE__ */ f("div", { className: e.container, children: [
|
|
140
|
-
/* @__PURE__ */
|
|
141
|
-
/* @__PURE__ */
|
|
140
|
+
/* @__PURE__ */ r("div", { className: e.logo, children: L }),
|
|
141
|
+
/* @__PURE__ */ r(
|
|
142
142
|
"nav",
|
|
143
143
|
{
|
|
144
144
|
ref: v,
|
|
@@ -151,9 +151,9 @@ function $e({
|
|
|
151
151
|
children: $(M)
|
|
152
152
|
}
|
|
153
153
|
),
|
|
154
|
-
s && /* @__PURE__ */
|
|
155
|
-
const
|
|
156
|
-
const
|
|
154
|
+
s && /* @__PURE__ */ r("nav", { className: e.utility, children: /* @__PURE__ */ r(W, { children: s.map((n, t) => {
|
|
155
|
+
const i = (() => {
|
|
156
|
+
const o = n.variant, l = m && !o.includes("Inverted") ? `${o}Inverted` : o;
|
|
157
157
|
return [
|
|
158
158
|
"primary",
|
|
159
159
|
"primaryInverted",
|
|
@@ -165,24 +165,24 @@ function $e({
|
|
|
165
165
|
"underlineInverted",
|
|
166
166
|
"blurred",
|
|
167
167
|
"blurredInverted"
|
|
168
|
-
].includes(l) ? l :
|
|
168
|
+
].includes(l) ? l : o;
|
|
169
169
|
})();
|
|
170
|
-
return /* @__PURE__ */
|
|
170
|
+
return /* @__PURE__ */ r(
|
|
171
171
|
I,
|
|
172
172
|
{
|
|
173
173
|
as: "a",
|
|
174
174
|
href: n.href ?? "/",
|
|
175
|
-
variant: n.variant.includes("blurred") ? n.variant :
|
|
175
|
+
variant: n.variant.includes("blurred") ? n.variant : i,
|
|
176
176
|
children: n.label
|
|
177
177
|
},
|
|
178
|
-
n._id ||
|
|
178
|
+
n._id || t
|
|
179
179
|
);
|
|
180
180
|
}) }) }),
|
|
181
|
-
s && /* @__PURE__ */
|
|
181
|
+
s && /* @__PURE__ */ r(
|
|
182
182
|
"nav",
|
|
183
183
|
{
|
|
184
184
|
className: `${e.utilityMobile} ${a ? e.open : ""}`,
|
|
185
|
-
children: /* @__PURE__ */
|
|
185
|
+
children: /* @__PURE__ */ r(W, { alignment: "center", children: /* @__PURE__ */ r(
|
|
186
186
|
I,
|
|
187
187
|
{
|
|
188
188
|
as: "a",
|
|
@@ -194,7 +194,7 @@ function $e({
|
|
|
194
194
|
) })
|
|
195
195
|
}
|
|
196
196
|
),
|
|
197
|
-
/* @__PURE__ */
|
|
197
|
+
/* @__PURE__ */ r(
|
|
198
198
|
"button",
|
|
199
199
|
{
|
|
200
200
|
className: e.menuToggle,
|
|
@@ -202,7 +202,7 @@ function $e({
|
|
|
202
202
|
"aria-label": a ? "Close menu" : "Open menu",
|
|
203
203
|
"aria-expanded": a,
|
|
204
204
|
"aria-controls": "main-menu",
|
|
205
|
-
children: a ? /* @__PURE__ */
|
|
205
|
+
children: a ? /* @__PURE__ */ r(P, { size: 24 }) : /* @__PURE__ */ r(q, { size: 24 })
|
|
206
206
|
}
|
|
207
207
|
)
|
|
208
208
|
] })
|
package/dist/styles.css
CHANGED
|
@@ -43,6 +43,6 @@ ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-s
|
|
|
43
43
|
._wrapper_13tha_1{display:flex;flex-direction:column;position:relative}._input_13tha_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_13tha_7::placeholder{color:var(--color-muted)}._input_13tha_7:focus{border-color:var(--color-primary)}._popover_13tha_25{position:absolute;top:100%;left:0;z-index:10;border-radius:var(--radius-md);background-color:var(--color-background);border:1px solid var(--color-border);margin-top:var(--spacing-xs)}
|
|
44
44
|
._wrapper_7toxm_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_7toxm_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_7toxm_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-muted);border-radius:4px;outline:none}._track_7toxm_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._track_7toxm_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._value_7toxm_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}._error_7toxm_52{color:var(--color-error)}._errorMessage_7toxm_56{font-size:var(--font-size-sm);color:var(--color-error)}
|
|
45
45
|
._wrapper_s8dew_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._dropZone_s8dew_7{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;background-color:var(--color-background);transition:background-color .3s ease}._dropZone_s8dew_7 p{color:var(--color-text-primary)}._dropZone_s8dew_7:hover{background-color:var(--color-background)}._dragging_s8dew_25{background-color:var(--color-primary);border-color:var(--color-primary)}._input_s8dew_30{display:none}._fileList_s8dew_34{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);list-style:none;padding:0}._fileList_s8dew_34 li{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}._fileList_s8dew_34 li button{cursor:pointer}
|
|
46
|
-
:root{--nav-height: 65px}.
|
|
46
|
+
:root{--nav-height: 65px}._navbar_1nirr_5{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background-color:var(--color-background);padding:0 var(--spacing-md);position:relative;z-index:1000;height:var(--nav-height)}._transparent_1nirr_19{position:fixed;top:var(--spacing-sm);left:0;right:0;background-color:transparent}._transparent_1nirr_19 ._nav_1nirr_5{background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:blur(6px);height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md)}._transparent_1nirr_19 ._nav_1nirr_5 ._sublinks_1nirr_42{background:#ffffff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}._left_1nirr_50 ._container_1nirr_51{justify-content:flex-start}._left_1nirr_50 ._logo_1nirr_26{flex:unset}._left_1nirr_50 ._nav_1nirr_5{flex:1}@media (max-width: 767px){._left_1nirr_50 ._logo_1nirr_26{flex:1}}._center_1nirr_70 ._nav_1nirr_5{position:absolute;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1nirr_70 ._nav_1nirr_5._hidden_1nirr_76{transform:translateY(-100%);opacity:0;pointer-events:none}._center_1nirr_70 ._nav_1nirr_5._visible_1nirr_82{transform:translateY(0);opacity:1;pointer-events:auto}@media (max-width: 767px){._center_1nirr_70 ._logo_1nirr_26{flex:1}}._right_1nirr_96 ._container_1nirr_51{justify-content:flex-end}._right_1nirr_96 ._logo_1nirr_26{flex:1}._right_1nirr_96 ._nav_1nirr_5{flex:unset}._sticky_1nirr_110{position:sticky;top:0;width:100%}._container_1nirr_51{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;height:100%;margin:0 auto}._logo_1nirr_26{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start}._logo_1nirr_26 img{height:auto;width:auto}._menuToggle_1nirr_140{background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100}._utilityMobile_1nirr_149{display:none}._utility_1nirr_149 a{font-size:var(--font-size-sm)}._nav_1nirr_5{display:flex;gap:var(--spacing-lg);height:100%;transition:transform .3s ease}._linkWrapper_1nirr_164{position:relative;display:flex;align-items:center}._linkItem_1nirr_170{display:flex;align-items:center;box-sizing:border-box}._sublinkToggle_1nirr_178,._link_1nirr_164{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box}._link_1nirr_164:hover,._sublinkToggle_1nirr_178:hover,._navItem_1nirr_195:hover{color:var(--color-primary)}._sublinkToggle_1nirr_178{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1nirr_42{position:absolute;right:0;top:100%;background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;overflow:hidden;max-height:0;min-width:100%;width:max-content;opacity:0;z-index:100;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;display:flex;visibility:hidden;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:0 0 var(--radius-md) var(--radius-md);pointer-events:none}._sublinks_1nirr_42._show_1nirr_232{max-height:500px;opacity:1;pointer-events:auto;visibility:visible}._chevron_1nirr_239{transition:transform .3s ease}._sublinkToggle_1nirr_178._open_1nirr_243 ._chevron_1nirr_239{transform:rotate(180deg)}@media (max-width: 767px){._logo_1nirr_26{flex:1}._menuToggle_1nirr_140{display:flex;align-items:center;justify-content:center}._utility_1nirr_149 a:first-of-type{display:none}._utilityMobile_1nirr_149{display:block;transform:translateY(100px);position:fixed;bottom:1rem;margin:0 auto;width:100%;z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1nirr_149._open_1nirr_243{transform:translateY(0)}._nav_1nirr_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_1nirr_5._open_1nirr_243{transform:translate(0)}._linkWrapper_1nirr_164{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1nirr_164._parent_1nirr_312{border-bottom:1px solid var(--color-border)}._linkWrapper_1nirr_164._parent_1nirr_312:last-of-type{border:none}._linkItem_1nirr_170{width:100%}._chevron_1nirr_239{display:none}._sublinks_1nirr_42{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1nirr_178{cursor:pointer;pointer-events:none;color:var(--color-muted)}}
|
|
47
47
|
._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}
|
|
48
48
|
._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}
|