acemyjob-ui 0.4.0 → 0.5.0
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/acemyjob-ui.es.js +180 -158
- package/dist/acemyjob-ui.umd.js +4 -4
- package/dist/component/Stepper/Stepper.d.ts +10 -0
- package/dist/component/Stepper/index.d.ts +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/acemyjob-ui.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import B, { useState as N, createContext as me, useEffect as $, useContext as ve } from "react";
|
|
2
2
|
import { Dialog as xe, DialogBackdrop as he, DialogPanel as fe, TransitionChild as ge } from "@headlessui/react";
|
|
3
|
-
import { XMarkIcon as be, Bars3Icon as pe, ChevronDownIcon as
|
|
4
|
-
var E = { exports: {} },
|
|
3
|
+
import { XMarkIcon as be, Bars3Icon as pe, ChevronDownIcon as je } from "@heroicons/react/24/outline";
|
|
4
|
+
var E = { exports: {} }, k = {};
|
|
5
5
|
/**
|
|
6
6
|
* @license React
|
|
7
7
|
* react-jsx-runtime.production.js
|
|
@@ -12,11 +12,11 @@ var E = { exports: {} }, N = {};
|
|
|
12
12
|
* LICENSE file in the root directory of this source tree.
|
|
13
13
|
*/
|
|
14
14
|
var W;
|
|
15
|
-
function
|
|
16
|
-
if (W) return
|
|
15
|
+
function Ve() {
|
|
16
|
+
if (W) return k;
|
|
17
17
|
W = 1;
|
|
18
|
-
var
|
|
19
|
-
function
|
|
18
|
+
var s = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
|
|
19
|
+
function n(o, c, l) {
|
|
20
20
|
var u = null;
|
|
21
21
|
if (l !== void 0 && (u = "" + l), c.key !== void 0 && (u = "" + c.key), "key" in c) {
|
|
22
22
|
l = {};
|
|
@@ -24,14 +24,14 @@ function je() {
|
|
|
24
24
|
f !== "key" && (l[f] = c[f]);
|
|
25
25
|
} else l = c;
|
|
26
26
|
return c = l.ref, {
|
|
27
|
-
$$typeof:
|
|
27
|
+
$$typeof: s,
|
|
28
28
|
type: o,
|
|
29
29
|
key: u,
|
|
30
30
|
ref: c !== void 0 ? c : null,
|
|
31
31
|
props: l
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
|
-
return
|
|
34
|
+
return k.Fragment = a, k.jsx = n, k.jsxs = n, k;
|
|
35
35
|
}
|
|
36
36
|
var T = {};
|
|
37
37
|
/**
|
|
@@ -46,7 +46,7 @@ var T = {};
|
|
|
46
46
|
var G;
|
|
47
47
|
function we() {
|
|
48
48
|
return G || (G = 1, process.env.NODE_ENV !== "production" && function() {
|
|
49
|
-
function
|
|
49
|
+
function s(r) {
|
|
50
50
|
if (r == null) return null;
|
|
51
51
|
if (typeof r == "function")
|
|
52
52
|
return r.$$typeof === ie ? null : r.displayName || r.name || null;
|
|
@@ -71,51 +71,51 @@ function we() {
|
|
|
71
71
|
), r.$$typeof) {
|
|
72
72
|
case R:
|
|
73
73
|
return "Portal";
|
|
74
|
-
case se:
|
|
75
|
-
return (r.displayName || "Context") + ".Provider";
|
|
76
74
|
case ae:
|
|
75
|
+
return (r.displayName || "Context") + ".Provider";
|
|
76
|
+
case se:
|
|
77
77
|
return (r._context.displayName || "Context") + ".Consumer";
|
|
78
78
|
case oe:
|
|
79
|
-
var
|
|
80
|
-
return r = r.displayName, r || (r =
|
|
79
|
+
var t = r.render;
|
|
80
|
+
return r = r.displayName, r || (r = t.displayName || t.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
|
|
81
81
|
case le:
|
|
82
|
-
return
|
|
83
|
-
case
|
|
84
|
-
|
|
82
|
+
return t = r.displayName || null, t !== null ? t : s(r.type) || "Memo";
|
|
83
|
+
case S:
|
|
84
|
+
t = r._payload, r = r._init;
|
|
85
85
|
try {
|
|
86
|
-
return
|
|
86
|
+
return s(r(t));
|
|
87
87
|
} catch {
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
return null;
|
|
91
91
|
}
|
|
92
|
-
function
|
|
92
|
+
function a(r) {
|
|
93
93
|
return "" + r;
|
|
94
94
|
}
|
|
95
|
-
function
|
|
95
|
+
function n(r) {
|
|
96
96
|
try {
|
|
97
|
-
|
|
98
|
-
var
|
|
97
|
+
a(r);
|
|
98
|
+
var t = !1;
|
|
99
99
|
} catch {
|
|
100
|
-
|
|
100
|
+
t = !0;
|
|
101
101
|
}
|
|
102
|
-
if (
|
|
103
|
-
|
|
104
|
-
var i =
|
|
102
|
+
if (t) {
|
|
103
|
+
t = console;
|
|
104
|
+
var i = t.error, d = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
|
|
105
105
|
return i.call(
|
|
106
|
-
|
|
106
|
+
t,
|
|
107
107
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
108
108
|
d
|
|
109
|
-
),
|
|
109
|
+
), a(r);
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
112
|
function o(r) {
|
|
113
113
|
if (r === C) return "<>";
|
|
114
|
-
if (typeof r == "object" && r !== null && r.$$typeof ===
|
|
114
|
+
if (typeof r == "object" && r !== null && r.$$typeof === S)
|
|
115
115
|
return "<...>";
|
|
116
116
|
try {
|
|
117
|
-
var
|
|
118
|
-
return
|
|
117
|
+
var t = s(r);
|
|
118
|
+
return t ? "<" + t + ">" : "<...>";
|
|
119
119
|
} catch {
|
|
120
120
|
return "<...>";
|
|
121
121
|
}
|
|
@@ -129,16 +129,16 @@ function we() {
|
|
|
129
129
|
}
|
|
130
130
|
function u(r) {
|
|
131
131
|
if (M.call(r, "key")) {
|
|
132
|
-
var
|
|
133
|
-
if (
|
|
132
|
+
var t = Object.getOwnPropertyDescriptor(r, "key").get;
|
|
133
|
+
if (t && t.isReactWarning) return !1;
|
|
134
134
|
}
|
|
135
135
|
return r.key !== void 0;
|
|
136
136
|
}
|
|
137
|
-
function f(r,
|
|
137
|
+
function f(r, t) {
|
|
138
138
|
function i() {
|
|
139
139
|
z || (z = !0, console.error(
|
|
140
140
|
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
141
|
-
|
|
141
|
+
t
|
|
142
142
|
));
|
|
143
143
|
}
|
|
144
144
|
i.isReactWarning = !0, Object.defineProperty(r, "key", {
|
|
@@ -146,22 +146,22 @@ function we() {
|
|
|
146
146
|
configurable: !0
|
|
147
147
|
});
|
|
148
148
|
}
|
|
149
|
-
function
|
|
150
|
-
var r =
|
|
149
|
+
function j() {
|
|
150
|
+
var r = s(this.type);
|
|
151
151
|
return I[r] || (I[r] = !0, console.error(
|
|
152
152
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
153
153
|
)), r = this.props.ref, r !== void 0 ? r : null;
|
|
154
154
|
}
|
|
155
|
-
function
|
|
155
|
+
function V(r, t, i, d, p, b, O, P) {
|
|
156
156
|
return i = b.ref, r = {
|
|
157
157
|
$$typeof: w,
|
|
158
158
|
type: r,
|
|
159
|
-
key:
|
|
159
|
+
key: t,
|
|
160
160
|
props: b,
|
|
161
161
|
_owner: p
|
|
162
162
|
}, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
|
|
163
163
|
enumerable: !1,
|
|
164
|
-
get:
|
|
164
|
+
get: j
|
|
165
165
|
}) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
|
|
166
166
|
configurable: !1,
|
|
167
167
|
enumerable: !1,
|
|
@@ -184,8 +184,8 @@ function we() {
|
|
|
184
184
|
value: P
|
|
185
185
|
}), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
|
|
186
186
|
}
|
|
187
|
-
function x(r,
|
|
188
|
-
var m =
|
|
187
|
+
function x(r, t, i, d, p, b, O, P) {
|
|
188
|
+
var m = t.children;
|
|
189
189
|
if (m !== void 0)
|
|
190
190
|
if (d)
|
|
191
191
|
if (ue(m)) {
|
|
@@ -197,9 +197,9 @@ function we() {
|
|
|
197
197
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
198
198
|
);
|
|
199
199
|
else g(m);
|
|
200
|
-
if (M.call(
|
|
201
|
-
m =
|
|
202
|
-
var y = Object.keys(
|
|
200
|
+
if (M.call(t, "key")) {
|
|
201
|
+
m = s(r);
|
|
202
|
+
var y = Object.keys(t).filter(function(de) {
|
|
203
203
|
return de !== "key";
|
|
204
204
|
});
|
|
205
205
|
d = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", U[m + d] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
@@ -215,15 +215,15 @@ React keys must be passed directly to JSX without using spread:
|
|
|
215
215
|
m
|
|
216
216
|
), U[m + d] = !0);
|
|
217
217
|
}
|
|
218
|
-
if (m = null, i !== void 0 && (
|
|
218
|
+
if (m = null, i !== void 0 && (n(i), m = "" + i), u(t) && (n(t.key), m = "" + t.key), "key" in t) {
|
|
219
219
|
i = {};
|
|
220
|
-
for (var L in
|
|
221
|
-
L !== "key" && (i[L] =
|
|
222
|
-
} else i =
|
|
220
|
+
for (var L in t)
|
|
221
|
+
L !== "key" && (i[L] = t[L]);
|
|
222
|
+
} else i = t;
|
|
223
223
|
return m && f(
|
|
224
224
|
i,
|
|
225
225
|
typeof r == "function" ? r.displayName || r.name || "Unknown" : r
|
|
226
|
-
),
|
|
226
|
+
), V(
|
|
227
227
|
r,
|
|
228
228
|
m,
|
|
229
229
|
b,
|
|
@@ -237,7 +237,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
237
237
|
function g(r) {
|
|
238
238
|
typeof r == "object" && r !== null && r.$$typeof === w && r._store && (r._store.validated = 1);
|
|
239
239
|
}
|
|
240
|
-
var v =
|
|
240
|
+
var v = B, w = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), ae = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), _ = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, ue = Array.isArray, A = console.createTask ? console.createTask : function() {
|
|
241
241
|
return null;
|
|
242
242
|
};
|
|
243
243
|
v = {
|
|
@@ -249,11 +249,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
249
249
|
v,
|
|
250
250
|
l
|
|
251
251
|
)(), F = A(o(l)), U = {};
|
|
252
|
-
T.Fragment = C, T.jsx = function(r,
|
|
252
|
+
T.Fragment = C, T.jsx = function(r, t, i, d, p) {
|
|
253
253
|
var b = 1e4 > _.recentlyCreatedOwnerStacks++;
|
|
254
254
|
return x(
|
|
255
255
|
r,
|
|
256
|
-
|
|
256
|
+
t,
|
|
257
257
|
i,
|
|
258
258
|
!1,
|
|
259
259
|
d,
|
|
@@ -261,11 +261,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
261
261
|
b ? Error("react-stack-top-frame") : Y,
|
|
262
262
|
b ? A(o(r)) : F
|
|
263
263
|
);
|
|
264
|
-
}, T.jsxs = function(r,
|
|
264
|
+
}, T.jsxs = function(r, t, i, d, p) {
|
|
265
265
|
var b = 1e4 > _.recentlyCreatedOwnerStacks++;
|
|
266
266
|
return x(
|
|
267
267
|
r,
|
|
268
|
-
|
|
268
|
+
t,
|
|
269
269
|
i,
|
|
270
270
|
!0,
|
|
271
271
|
d,
|
|
@@ -278,10 +278,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
278
278
|
}
|
|
279
279
|
var J;
|
|
280
280
|
function ye() {
|
|
281
|
-
return J || (J = 1, process.env.NODE_ENV === "production" ? E.exports =
|
|
281
|
+
return J || (J = 1, process.env.NODE_ENV === "production" ? E.exports = Ve() : E.exports = we()), E.exports;
|
|
282
282
|
}
|
|
283
283
|
var e = ye();
|
|
284
|
-
const
|
|
284
|
+
const Ne = {
|
|
285
285
|
bg: "bg-indigo-600",
|
|
286
286
|
activeBg: "bg-indigo-700",
|
|
287
287
|
text: "text-indigo-200",
|
|
@@ -289,57 +289,57 @@ const ke = {
|
|
|
289
289
|
hoverBg: "hover:bg-indigo-700",
|
|
290
290
|
hoverText: "hover:text-white"
|
|
291
291
|
};
|
|
292
|
-
function h(...
|
|
293
|
-
return
|
|
292
|
+
function h(...s) {
|
|
293
|
+
return s.filter(Boolean).join(" ");
|
|
294
294
|
}
|
|
295
|
-
function H({ item:
|
|
296
|
-
const [
|
|
295
|
+
function H({ item: s, colorScheme: a }) {
|
|
296
|
+
const [n, o] = N(s.current || s.children?.some((l) => l.current)), c = s.children && s.children.length > 0;
|
|
297
297
|
return /* @__PURE__ */ e.jsxs("li", { children: [
|
|
298
298
|
/* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
|
|
299
299
|
"a",
|
|
300
300
|
{
|
|
301
|
-
href: c ? void 0 :
|
|
301
|
+
href: c ? void 0 : s.href,
|
|
302
302
|
onClick: (l) => {
|
|
303
|
-
c && (l.preventDefault(), o(!
|
|
303
|
+
c && (l.preventDefault(), o(!n));
|
|
304
304
|
},
|
|
305
305
|
className: h(
|
|
306
|
-
|
|
306
|
+
s.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
|
|
307
307
|
"group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",
|
|
308
308
|
c ? "cursor-pointer" : ""
|
|
309
309
|
),
|
|
310
310
|
children: [
|
|
311
311
|
/* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
|
|
312
312
|
/* @__PURE__ */ e.jsx(
|
|
313
|
-
|
|
313
|
+
s.icon,
|
|
314
314
|
{
|
|
315
315
|
"aria-hidden": "true",
|
|
316
316
|
className: h(
|
|
317
|
-
|
|
317
|
+
s.current ? a.activeText : `${a.text} group-${a.hoverText}`,
|
|
318
318
|
"size-6 shrink-0"
|
|
319
319
|
)
|
|
320
320
|
}
|
|
321
321
|
),
|
|
322
|
-
|
|
322
|
+
s.name
|
|
323
323
|
] }),
|
|
324
324
|
c && /* @__PURE__ */ e.jsx(
|
|
325
|
-
|
|
325
|
+
je,
|
|
326
326
|
{
|
|
327
327
|
className: h(
|
|
328
328
|
"size-5 shrink-0 transition-transform",
|
|
329
|
-
|
|
330
|
-
|
|
329
|
+
n ? "rotate-180" : "",
|
|
330
|
+
s.current ? a.activeText : a.text
|
|
331
331
|
)
|
|
332
332
|
}
|
|
333
333
|
)
|
|
334
334
|
]
|
|
335
335
|
}
|
|
336
336
|
) }),
|
|
337
|
-
c &&
|
|
337
|
+
c && n && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: s.children.map((l) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
|
|
338
338
|
"a",
|
|
339
339
|
{
|
|
340
340
|
href: l.href,
|
|
341
341
|
className: h(
|
|
342
|
-
l.current ? `${
|
|
342
|
+
l.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
|
|
343
343
|
"group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
|
|
344
344
|
),
|
|
345
345
|
children: [
|
|
@@ -348,7 +348,7 @@ function H({ item: a, colorScheme: s }) {
|
|
|
348
348
|
{
|
|
349
349
|
"aria-hidden": "true",
|
|
350
350
|
className: h(
|
|
351
|
-
l.current ?
|
|
351
|
+
l.current ? a.activeText : `${a.text} group-${a.hoverText}`,
|
|
352
352
|
"size-5 shrink-0"
|
|
353
353
|
)
|
|
354
354
|
}
|
|
@@ -359,8 +359,8 @@ function H({ item: a, colorScheme: s }) {
|
|
|
359
359
|
) }, l.name)) })
|
|
360
360
|
] });
|
|
361
361
|
}
|
|
362
|
-
function
|
|
363
|
-
const [c, l] =
|
|
362
|
+
function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
|
|
363
|
+
const [c, l] = N(!1);
|
|
364
364
|
return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
|
|
365
365
|
/* @__PURE__ */ e.jsxs(xe, { open: c, onClose: l, className: "relative z-50 lg:hidden", children: [
|
|
366
366
|
/* @__PURE__ */ e.jsx(
|
|
@@ -384,12 +384,12 @@ function $e({ company: a, profile: s, navigation: t, colorScheme: o = ke }) {
|
|
|
384
384
|
/* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
|
|
385
385
|
"img",
|
|
386
386
|
{
|
|
387
|
-
alt:
|
|
388
|
-
src:
|
|
387
|
+
alt: s.name,
|
|
388
|
+
src: s.logo,
|
|
389
389
|
className: "h-8 w-auto"
|
|
390
390
|
}
|
|
391
391
|
) }),
|
|
392
|
-
/* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children:
|
|
392
|
+
/* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: n.map((u) => /* @__PURE__ */ e.jsx(H, { item: u, colorScheme: o }, u.name)) }) }) }) })
|
|
393
393
|
] })
|
|
394
394
|
]
|
|
395
395
|
}
|
|
@@ -399,13 +399,13 @@ function $e({ company: a, profile: s, navigation: t, colorScheme: o = ke }) {
|
|
|
399
399
|
/* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
|
|
400
400
|
"img",
|
|
401
401
|
{
|
|
402
|
-
alt:
|
|
403
|
-
src:
|
|
402
|
+
alt: s.name,
|
|
403
|
+
src: s.logo,
|
|
404
404
|
className: "h-8 w-auto"
|
|
405
405
|
}
|
|
406
406
|
) }),
|
|
407
407
|
/* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
|
|
408
|
-
/* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children:
|
|
408
|
+
/* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: n.map((u) => /* @__PURE__ */ e.jsx(H, { item: u, colorScheme: o }, u.name)) }) }),
|
|
409
409
|
/* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
|
|
410
410
|
"a",
|
|
411
411
|
{
|
|
@@ -419,13 +419,13 @@ function $e({ company: a, profile: s, navigation: t, colorScheme: o = ke }) {
|
|
|
419
419
|
/* @__PURE__ */ e.jsx(
|
|
420
420
|
"img",
|
|
421
421
|
{
|
|
422
|
-
alt:
|
|
423
|
-
src:
|
|
422
|
+
alt: a.name,
|
|
423
|
+
src: a.image,
|
|
424
424
|
className: h("size-8 rounded-full", o.activeBg)
|
|
425
425
|
}
|
|
426
426
|
),
|
|
427
427
|
/* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
|
|
428
|
-
/* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children:
|
|
428
|
+
/* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: a.name })
|
|
429
429
|
]
|
|
430
430
|
}
|
|
431
431
|
) })
|
|
@@ -442,8 +442,8 @@ function $e({ company: a, profile: s, navigation: t, colorScheme: o = ke }) {
|
|
|
442
442
|
/* @__PURE__ */ e.jsx(
|
|
443
443
|
"img",
|
|
444
444
|
{
|
|
445
|
-
alt:
|
|
446
|
-
src:
|
|
445
|
+
alt: a.name,
|
|
446
|
+
src: a.image,
|
|
447
447
|
className: h("size-8 rounded-full", o.activeBg)
|
|
448
448
|
}
|
|
449
449
|
)
|
|
@@ -451,26 +451,26 @@ function $e({ company: a, profile: s, navigation: t, colorScheme: o = ke }) {
|
|
|
451
451
|
] })
|
|
452
452
|
] }) });
|
|
453
453
|
}
|
|
454
|
-
const Z = (
|
|
455
|
-
const o = `rgb(${
|
|
454
|
+
const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value: n }) => {
|
|
455
|
+
const o = `rgb(${n})`;
|
|
456
456
|
return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
|
|
457
457
|
/* @__PURE__ */ e.jsx(
|
|
458
458
|
"div",
|
|
459
459
|
{
|
|
460
|
-
className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Z(
|
|
460
|
+
className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Z(a)}`
|
|
461
461
|
}
|
|
462
462
|
),
|
|
463
463
|
/* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
|
|
464
|
-
/* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children:
|
|
465
|
-
/* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children:
|
|
464
|
+
/* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: s }),
|
|
465
|
+
/* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: a }),
|
|
466
466
|
/* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: o })
|
|
467
467
|
] })
|
|
468
468
|
] });
|
|
469
|
-
}, q = ({ title:
|
|
470
|
-
/* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children:
|
|
471
|
-
/* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-11 gap-4", children:
|
|
469
|
+
}, q = ({ title: s, colors: a }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
|
|
470
|
+
/* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: s }),
|
|
471
|
+
/* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-11 gap-4", children: a.map((n) => /* @__PURE__ */ e.jsx(ke, { ...n }, n.name)) })
|
|
472
472
|
] }), Te = () => {
|
|
473
|
-
const
|
|
473
|
+
const s = [
|
|
474
474
|
{
|
|
475
475
|
title: "Success Colors (Green)",
|
|
476
476
|
colors: [
|
|
@@ -519,7 +519,7 @@ const Z = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
|
|
|
519
519
|
{ name: "950", cssVar: "--color-error-950", value: "69 10 10" }
|
|
520
520
|
]
|
|
521
521
|
}
|
|
522
|
-
],
|
|
522
|
+
], a = [
|
|
523
523
|
{
|
|
524
524
|
title: "Reseda Green",
|
|
525
525
|
colors: [
|
|
@@ -670,7 +670,7 @@ const Z = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
|
|
|
670
670
|
{ name: "900", cssVar: "--color-beaver-900", value: "235 229 224" }
|
|
671
671
|
]
|
|
672
672
|
}
|
|
673
|
-
],
|
|
673
|
+
], n = [
|
|
674
674
|
{ name: "Background", cssVar: "--color-background" },
|
|
675
675
|
{ name: "Surface", cssVar: "--color-surface" },
|
|
676
676
|
{ name: "Surface Variant", cssVar: "--color-surface-variant" },
|
|
@@ -685,11 +685,11 @@ const Z = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
|
|
|
685
685
|
/* @__PURE__ */ e.jsx("h1", { className: "text-3xl font-bold text-text-primary", children: "AceMyJob Color Palette" }),
|
|
686
686
|
/* @__PURE__ */ e.jsx("p", { className: "text-text-secondary", children: "Your complete design system color reference" })
|
|
687
687
|
] }),
|
|
688
|
-
s.map((o) => /* @__PURE__ */ e.jsx(q, { ...o }, o.title)),
|
|
689
688
|
a.map((o) => /* @__PURE__ */ e.jsx(q, { ...o }, o.title)),
|
|
689
|
+
s.map((o) => /* @__PURE__ */ e.jsx(q, { ...o }, o.title)),
|
|
690
690
|
/* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
|
|
691
691
|
/* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: "Semantic Colors (Theme-aware)" }),
|
|
692
|
-
/* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children:
|
|
692
|
+
/* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: n.map((o) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
|
|
693
693
|
/* @__PURE__ */ e.jsx(
|
|
694
694
|
"div",
|
|
695
695
|
{
|
|
@@ -705,15 +705,15 @@ const Z = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
|
|
|
705
705
|
/* @__PURE__ */ e.jsx("div", { className: "text-center pt-8 border-t border-border-subtle", children: /* @__PURE__ */ e.jsx("p", { className: "text-text-muted text-sm", children: "Toggle between light and dark themes to see how semantic colors adapt" }) })
|
|
706
706
|
] });
|
|
707
707
|
}, K = me(void 0), Ee = ({
|
|
708
|
-
children:
|
|
709
|
-
defaultTheme:
|
|
710
|
-
storageKey:
|
|
708
|
+
children: s,
|
|
709
|
+
defaultTheme: a = "system",
|
|
710
|
+
storageKey: n = "acemyjob-ui-theme"
|
|
711
711
|
}) => {
|
|
712
|
-
const [o, c] =
|
|
713
|
-
|
|
714
|
-
const x = localStorage.getItem(
|
|
715
|
-
x && c(x),
|
|
716
|
-
}, [
|
|
712
|
+
const [o, c] = N(a), [l, u] = N("light"), [f, j] = N(!1);
|
|
713
|
+
$(() => {
|
|
714
|
+
const x = localStorage.getItem(n);
|
|
715
|
+
x && c(x), j(!0);
|
|
716
|
+
}, [n]), $(() => {
|
|
717
717
|
if (!f) return;
|
|
718
718
|
const x = window.document.documentElement, g = () => {
|
|
719
719
|
let v;
|
|
@@ -724,24 +724,24 @@ const Z = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
|
|
|
724
724
|
return v.addEventListener("change", w), () => v.removeEventListener("change", w);
|
|
725
725
|
}
|
|
726
726
|
}, [o, f]);
|
|
727
|
-
const
|
|
727
|
+
const V = {
|
|
728
728
|
theme: o,
|
|
729
729
|
setTheme: (x) => {
|
|
730
|
-
localStorage.setItem(
|
|
730
|
+
localStorage.setItem(n, x), c(x);
|
|
731
731
|
},
|
|
732
732
|
resolvedTheme: l
|
|
733
733
|
};
|
|
734
|
-
return /* @__PURE__ */ e.jsx(K.Provider, { value:
|
|
734
|
+
return /* @__PURE__ */ e.jsx(K.Provider, { value: V, children: s });
|
|
735
735
|
}, Re = () => {
|
|
736
|
-
const
|
|
737
|
-
if (
|
|
736
|
+
const s = ve(K);
|
|
737
|
+
if (s === void 0)
|
|
738
738
|
throw new Error("useTheme must be used within a ThemeProvider");
|
|
739
|
-
return
|
|
739
|
+
return s;
|
|
740
740
|
}, Ce = () => {
|
|
741
|
-
const { theme:
|
|
742
|
-
if (
|
|
741
|
+
const { theme: s, setTheme: a } = Re(), [n, o] = N(!1);
|
|
742
|
+
if ($(() => {
|
|
743
743
|
o(!0);
|
|
744
|
-
}, []), !
|
|
744
|
+
}, []), !n)
|
|
745
745
|
return /* @__PURE__ */ e.jsxs(
|
|
746
746
|
"button",
|
|
747
747
|
{
|
|
@@ -754,9 +754,9 @@ const Z = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
|
|
|
754
754
|
}
|
|
755
755
|
);
|
|
756
756
|
const c = () => {
|
|
757
|
-
s
|
|
757
|
+
a(s === "light" ? "dark" : s === "dark" ? "system" : "light");
|
|
758
758
|
}, l = () => {
|
|
759
|
-
switch (
|
|
759
|
+
switch (s) {
|
|
760
760
|
case "light":
|
|
761
761
|
return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
|
|
762
762
|
case "dark":
|
|
@@ -765,7 +765,7 @@ const Z = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
|
|
|
765
765
|
return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) });
|
|
766
766
|
}
|
|
767
767
|
}, u = () => {
|
|
768
|
-
switch (
|
|
768
|
+
switch (s) {
|
|
769
769
|
case "light":
|
|
770
770
|
return "Light";
|
|
771
771
|
case "dark":
|
|
@@ -807,25 +807,25 @@ const Z = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
|
|
|
807
807
|
xl: "h-12 rounded-md px-10 text-base",
|
|
808
808
|
icon: "h-10 w-10"
|
|
809
809
|
}
|
|
810
|
-
}, Ae = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", Oe = (...
|
|
810
|
+
}, Ae = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", Oe = (...s) => s.filter(Boolean).join(" "), D = B.forwardRef(
|
|
811
811
|
({
|
|
812
|
-
className:
|
|
813
|
-
variant:
|
|
814
|
-
size:
|
|
812
|
+
className: s,
|
|
813
|
+
variant: a = "default",
|
|
814
|
+
size: n = "default",
|
|
815
815
|
fullWidth: o = !1,
|
|
816
816
|
loading: c = !1,
|
|
817
817
|
leftIcon: l,
|
|
818
818
|
rightIcon: u,
|
|
819
819
|
children: f,
|
|
820
|
-
disabled:
|
|
821
|
-
...
|
|
820
|
+
disabled: j,
|
|
821
|
+
...V
|
|
822
822
|
}, x) => {
|
|
823
|
-
const g =
|
|
823
|
+
const g = j || c, v = Oe(
|
|
824
824
|
Ae,
|
|
825
|
-
X.variant[
|
|
826
|
-
X.size[
|
|
825
|
+
X.variant[a],
|
|
826
|
+
X.size[n],
|
|
827
827
|
o ? "w-full" : "",
|
|
828
|
-
|
|
828
|
+
s
|
|
829
829
|
);
|
|
830
830
|
return /* @__PURE__ */ e.jsxs(
|
|
831
831
|
"button",
|
|
@@ -833,7 +833,7 @@ const Z = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
|
|
|
833
833
|
className: v,
|
|
834
834
|
ref: x,
|
|
835
835
|
disabled: g,
|
|
836
|
-
...
|
|
836
|
+
...V,
|
|
837
837
|
children: [
|
|
838
838
|
c && /* @__PURE__ */ e.jsxs(
|
|
839
839
|
"svg",
|
|
@@ -873,7 +873,7 @@ const Z = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
|
|
|
873
873
|
);
|
|
874
874
|
}
|
|
875
875
|
);
|
|
876
|
-
|
|
876
|
+
D.displayName = "Button";
|
|
877
877
|
const Q = {
|
|
878
878
|
provider: {
|
|
879
879
|
linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
|
|
@@ -883,70 +883,92 @@ const Q = {
|
|
|
883
883
|
right: "flex-row-reverse",
|
|
884
884
|
only: "justify-center"
|
|
885
885
|
}
|
|
886
|
-
}, Pe = (...
|
|
886
|
+
}, Pe = (...s) => s.filter(Boolean).join(" "), Le = B.forwardRef(
|
|
887
887
|
({
|
|
888
|
-
className:
|
|
889
|
-
provider:
|
|
890
|
-
iconPosition:
|
|
888
|
+
className: s,
|
|
889
|
+
provider: a,
|
|
890
|
+
iconPosition: n = "left",
|
|
891
891
|
icon: o,
|
|
892
892
|
showText: c = !0,
|
|
893
893
|
children: l,
|
|
894
894
|
size: u = "default",
|
|
895
895
|
fullWidth: f = !0,
|
|
896
|
-
...
|
|
897
|
-
},
|
|
896
|
+
...j
|
|
897
|
+
}, V) => {
|
|
898
898
|
const g = o || {
|
|
899
899
|
linkedin: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e.jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })
|
|
900
|
-
}[
|
|
900
|
+
}[a], w = l || (c ? {
|
|
901
901
|
linkedin: "Continue with LinkedIn"
|
|
902
|
-
}[
|
|
902
|
+
}[a] : ""), R = Pe(
|
|
903
903
|
"relative overflow-hidden transition-all duration-200",
|
|
904
|
-
Q.provider[
|
|
905
|
-
Q.iconPosition[
|
|
906
|
-
|
|
904
|
+
Q.provider[a],
|
|
905
|
+
Q.iconPosition[n],
|
|
906
|
+
s
|
|
907
907
|
);
|
|
908
908
|
return /* @__PURE__ */ e.jsxs(
|
|
909
|
-
|
|
909
|
+
D,
|
|
910
910
|
{
|
|
911
|
-
ref:
|
|
911
|
+
ref: V,
|
|
912
912
|
variant: "none",
|
|
913
913
|
className: R,
|
|
914
914
|
size: u,
|
|
915
915
|
fullWidth: f,
|
|
916
|
-
leftIcon:
|
|
917
|
-
rightIcon:
|
|
918
|
-
...
|
|
916
|
+
leftIcon: n === "left" ? g : void 0,
|
|
917
|
+
rightIcon: n === "right" ? g : void 0,
|
|
918
|
+
...j,
|
|
919
919
|
children: [
|
|
920
|
-
|
|
921
|
-
|
|
920
|
+
n === "only" && g,
|
|
921
|
+
n !== "only" && w
|
|
922
922
|
]
|
|
923
923
|
}
|
|
924
924
|
);
|
|
925
925
|
}
|
|
926
926
|
);
|
|
927
927
|
Le.displayName = "SocialButton";
|
|
928
|
-
function ze({ tabs:
|
|
929
|
-
return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children:
|
|
930
|
-
const l =
|
|
928
|
+
function ze({ tabs: s, activeTab: a, disabled: n = !1, onChange: o }) {
|
|
929
|
+
return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: s.map((c) => {
|
|
930
|
+
const l = a === c.id;
|
|
931
931
|
return /* @__PURE__ */ e.jsx(
|
|
932
|
-
|
|
932
|
+
D,
|
|
933
933
|
{
|
|
934
934
|
variant: "ghost",
|
|
935
|
-
onClick: () => !
|
|
936
|
-
disabled:
|
|
937
|
-
className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${l ? "border-reseda-green-700 text-reseda-green-700" :
|
|
935
|
+
onClick: () => !n && o(c.id),
|
|
936
|
+
disabled: n && !l,
|
|
937
|
+
className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${l ? "border-reseda-green-700 text-reseda-green-700" : n ? "border-transparent text-text-disabled cursor-not-allowed" : "border-transparent text-text-secondary hover:text-text-primary"}`,
|
|
938
938
|
children: c.label
|
|
939
939
|
},
|
|
940
940
|
c.id
|
|
941
941
|
);
|
|
942
942
|
}) });
|
|
943
943
|
}
|
|
944
|
+
function Ie({ currentStep: s, steps: a }) {
|
|
945
|
+
return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: a.map((n, o) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${o < a.length - 1 ? "flex-1" : ""}`, children: [
|
|
946
|
+
/* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
|
|
947
|
+
/* @__PURE__ */ e.jsx(
|
|
948
|
+
"span",
|
|
949
|
+
{
|
|
950
|
+
className: `flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${s === n.number ? "bg-reseda-green-700 text-white" : s > n.number ? "bg-success-500 text-white" : "border-2 border-border text-text-muted"}`,
|
|
951
|
+
children: n.number
|
|
952
|
+
}
|
|
953
|
+
),
|
|
954
|
+
/* @__PURE__ */ e.jsx(
|
|
955
|
+
"span",
|
|
956
|
+
{
|
|
957
|
+
className: `ml-3 text-sm font-medium whitespace-nowrap ${s >= n.number ? "text-reseda-green-800" : "text-text-muted"}`,
|
|
958
|
+
children: n.label
|
|
959
|
+
}
|
|
960
|
+
)
|
|
961
|
+
] }),
|
|
962
|
+
o < a.length - 1 && /* @__PURE__ */ e.jsx("div", { className: "flex-1 h-0.5 mx-4 bg-border" })
|
|
963
|
+
] }, n.number)) }) });
|
|
964
|
+
}
|
|
944
965
|
export {
|
|
945
|
-
|
|
966
|
+
D as Button,
|
|
946
967
|
Te as ColorPalette,
|
|
947
968
|
Me as Demo,
|
|
948
|
-
|
|
969
|
+
Se as Sidebar,
|
|
949
970
|
Le as SocialButton,
|
|
971
|
+
Ie as Stepper,
|
|
950
972
|
ze as TabBar,
|
|
951
973
|
Ee as ThemeProvider,
|
|
952
974
|
Ce as ThemeToggle,
|
package/dist/acemyjob-ui.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(m
|
|
1
|
+
(function(d,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("@headlessui/react"),require("@heroicons/react/24/outline")):typeof define=="function"&&define.amd?define(["exports","react","@headlessui/react","@heroicons/react/24/outline"],m):(d=typeof globalThis<"u"?globalThis:d||self,m(d.AceMyJobUI={},d.React,d.HeadlessUI,d.HeroiconsOutline))})(this,function(d,m,C,A){"use strict";var _={exports:{}},T={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var M;function te(){if(M)return
|
|
9
|
+
*/var M;function te(){if(M)return T;M=1;var s=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function n(o,c,l){var u=null;if(l!==void 0&&(u=""+l),c.key!==void 0&&(u=""+c.key),"key"in c){l={};for(var b in c)b!=="key"&&(l[b]=c[b])}else l=c;return c=l.ref,{$$typeof:s,type:o,key:u,ref:c!==void 0?c:null,props:l}}return T.Fragment=a,T.jsx=n,T.jsxs=n,T}var E={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var z;function le(){return z||(z=1,process.env.NODE_ENV!=="production"&&function(){function s(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===
|
|
17
|
+
*/var z;function le(){return z||(z=1,process.env.NODE_ENV!=="production"&&function(){function s(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===Ce?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case P:return"Fragment";case je:return"Profiler";case pe:return"StrictMode";case Ne:return"Suspense";case ke:return"SuspenseList";case Ee:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case O:return"Portal";case we:return(r.displayName||"Context")+".Provider";case Ve:return(r._context.displayName||"Context")+".Consumer";case ye:var t=r.render;return r=r.displayName,r||(r=t.displayName||t.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case Te:return t=r.displayName||null,t!==null?t:s(r.type)||"Memo";case K:t=r._payload,r=r._init;try{return s(r(t))}catch{}}return null}function a(r){return""+r}function n(r){try{a(r);var t=!1}catch{t=!0}if(t){t=console;var i=t.error,v=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return i.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",v),a(r)}}function o(r){if(r===P)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===K)return"<...>";try{var t=s(r);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function c(){var r=S.A;return r===null?null:r.getOwner()}function l(){return Error("react-stack-top-frame")}function u(r){if(ee.call(r,"key")){var t=Object.getOwnPropertyDescriptor(r,"key").get;if(t&&t.isReactWarning)return!1}return r.key!==void 0}function b(r,t){function i(){re||(re=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}i.isReactWarning=!0,Object.defineProperty(r,"key",{get:i,configurable:!0})}function w(){var r=s(this.type);return se[r]||(se[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),r=this.props.ref,r!==void 0?r:null}function y(r,t,i,v,V,j,L,$){return i=j.ref,r={$$typeof:N,type:r,key:t,props:j,_owner:V},(i!==void 0?i:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:w}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:L}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function f(r,t,i,v,V,j,L,$){var x=t.children;if(x!==void 0)if(v)if(_e(x)){for(v=0;v<x.length;v++)p(x[v]);Object.freeze&&Object.freeze(x)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else p(x);if(ee.call(t,"key")){x=s(r);var k=Object.keys(t).filter(function(Re){return Re!=="key"});v=0<k.length?"{key: someKey, "+k.join(": ..., ")+": ...}":"{key: someKey}",ne[x+v]||(k=0<k.length?"{"+k.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,v,x,T,x),ne[x+v]=!0)}if(x=null,i!==void 0&&(t(i),x=""+i),u(n)&&(t(n.key),x=""+n.key),"key"in n){i={};for(var $ in n)$!=="key"&&(i[$]=n[$])}else i=n;return x&&b(i,typeof r=="function"?r.displayName||r.name||"Unknown":r),y(r,x,V,j,c(),i,L,D)}function p(r){typeof r=="object"&&r!==null&&r.$$typeof===k&&r._store&&(r._store.validated=1)}var h=d,k=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),be=Symbol.for("react.strict_mode"),pe=Symbol.for("react.profiler"),Ve=Symbol.for("react.consumer"),je=Symbol.for("react.context"),we=Symbol.for("react.forward_ref"),ye=Symbol.for("react.suspense"),ke=Symbol.for("react.suspense_list"),Te=Symbol.for("react.memo"),K=Symbol.for("react.lazy"),Ne=Symbol.for("react.activity"),Ee=Symbol.for("react.client.reference"),S=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ee=Object.prototype.hasOwnProperty,Ce=Array.isArray,B=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(r){return r()}};var re,se={},ae=h["react-stack-bottom-frame"].bind(h,l)(),oe=B(o(l)),ne={};E.Fragment=P,E.jsx=function(r,n,i,v,j){var V=1e4>S.recentlyCreatedOwnerStacks++;return f(r,n,i,!1,v,j,V?Error("react-stack-top-frame"):ae,V?B(o(r)):oe)},E.jsxs=function(r,n,i,v,j){var V=1e4>S.recentlyCreatedOwnerStacks++;return f(r,n,i,!0,v,j,V?Error("react-stack-top-frame"):ae,V?B(o(r)):oe)}}()),E}var I;function ce(){return I||(I=1,process.env.NODE_ENV==="production"?_.exports=te():_.exports=le()),_.exports}var e=ce();const ie={bg:"bg-indigo-600",activeBg:"bg-indigo-700",text:"text-indigo-200",activeText:"text-white",hoverBg:"hover:bg-indigo-700",hoverText:"hover:text-white"};function g(...s){return s.filter(Boolean).join(" ")}function Y({item:s,colorScheme:a}){const[t,o]=d.useState(s.current||s.children?.some(l=>l.current)),c=s.children&&s.children.length>0;return e.jsxs("li",{children:[e.jsx("div",{children:e.jsxs("a",{href:c?void 0:s.href,onClick:l=>{c&&(l.preventDefault(),o(!t))},className:g(s.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",c?"cursor-pointer":""),children:[e.jsxs("div",{className:"flex items-center gap-x-3",children:[e.jsx(s.icon,{"aria-hidden":"true",className:g(s.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-6 shrink-0")}),s.name]}),c&&e.jsx(A.ChevronDownIcon,{className:g("size-5 shrink-0 transition-transform",t?"rotate-180":"",s.current?a.activeText:a.text)})]})}),c&&t&&e.jsx("ul",{className:"mt-1 ml-9 space-y-1",children:s.children.map(l=>e.jsx("li",{children:e.jsxs("a",{href:l.href,className:g(l.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[e.jsx(l.icon,{"aria-hidden":"true",className:g(l.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-5 shrink-0")}),l.name]})},l.name))})]})}function ue({company:s,profile:a,navigation:t,colorScheme:o=ie}){const[c,l]=d.useState(!1);return e.jsx(e.Fragment,{children:e.jsxs("div",{children:[e.jsxs(C.Dialog,{open:c,onClose:l,className:"relative z-50 lg:hidden",children:[e.jsx(C.DialogBackdrop,{transition:!0,className:"fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"}),e.jsx("div",{className:"fixed inset-0 flex",children:e.jsxs(C.DialogPanel,{transition:!0,className:"relative mr-16 flex w-full max-w-xs flex-1 transform transition duration-300 ease-in-out data-closed:-translate-x-full",children:[e.jsx(C.TransitionChild,{children:e.jsx("div",{className:"absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0",children:e.jsxs("button",{type:"button",onClick:()=>l(!1),className:"-m-2.5 p-2.5",children:[e.jsx("span",{className:"sr-only",children:"Close sidebar"}),e.jsx(A.XMarkIcon,{"aria-hidden":"true",className:"size-6 text-white"})]})})}),e.jsxs("div",{className:g("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2",o.bg),children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsx("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:t.map(u=>e.jsx(Y,{item:u,colorScheme:o},u.name))})})})})]})]})})]}),e.jsx("div",{className:"hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col",children:e.jsxs("div",{className:g("flex grow flex-col gap-y-5 overflow-y-auto px-6",o.bg),children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsxs("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:[e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:t.map(u=>e.jsx(Y,{item:u,colorScheme:o},u.name))})}),e.jsx("li",{className:"-mx-6 mt-auto",children:e.jsxs("a",{href:"#",className:g("flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",o.activeText,o.hoverBg),children:[e.jsx("img",{alt:a.name,src:a.image,className:g("size-8 rounded-full",o.activeBg)}),e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("span",{"aria-hidden":"true",children:a.name})]})})]})})]})}),e.jsxs("div",{className:g("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden",o.bg),children:[e.jsxs("button",{type:"button",onClick:()=>l(!0),className:g("-m-2.5 p-2.5 lg:hidden",o.text),children:[e.jsx("span",{className:"sr-only",children:"Open sidebar"}),e.jsx(A.Bars3Icon,{"aria-hidden":"true",className:"size-6"})]}),e.jsx("div",{className:g("flex-1 text-sm/6 font-semibold",o.activeText),children:"Dashboard"}),e.jsxs("a",{href:"#",children:[e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("img",{alt:a.name,src:a.image,className:g("size-8 rounded-full",o.activeBg)})]})]})]})})}const F=s=>s.replace("--color-","bg-"),de=({name:s,cssVar:a,value:t})=>{const o=`rgb(${t})`;return e.jsxs("div",{className:"flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${F(a)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:s}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:a}),e.jsx("div",{className:"text-xs text-text-secondary",children:o})]})]})},U=({title:s,colors:a})=>e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:s}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-11 gap-4",children:a.map(t=>e.jsx(de,{...t},t.name))})]}),W=()=>{const s=[{title:"Success Colors (Green)",colors:[{name:"50",cssVar:"--color-success-50",value:"240 253 244"},{name:"100",cssVar:"--color-success-100",value:"220 252 231"},{name:"200",cssVar:"--color-success-200",value:"187 247 208"},{name:"300",cssVar:"--color-success-300",value:"134 239 172"},{name:"400",cssVar:"--color-success-400",value:"74 222 128"},{name:"500",cssVar:"--color-success-500",value:"34 197 94"},{name:"600",cssVar:"--color-success-600",value:"22 163 74"},{name:"700",cssVar:"--color-success-700",value:"21 128 61"},{name:"800",cssVar:"--color-success-800",value:"22 101 52"},{name:"900",cssVar:"--color-success-900",value:"20 83 45"},{name:"950",cssVar:"--color-success-950",value:"5 46 22"}]},{title:"Warning Colors (Yellow)",colors:[{name:"50",cssVar:"--color-warning-50",value:"254 252 232"},{name:"100",cssVar:"--color-warning-100",value:"254 249 195"},{name:"200",cssVar:"--color-warning-200",value:"254 240 138"},{name:"300",cssVar:"--color-warning-300",value:"253 224 71"},{name:"400",cssVar:"--color-warning-400",value:"250 204 21"},{name:"500",cssVar:"--color-warning-500",value:"234 179 8"},{name:"600",cssVar:"--color-warning-600",value:"202 138 4"},{name:"700",cssVar:"--color-warning-700",value:"161 98 7"},{name:"800",cssVar:"--color-warning-800",value:"133 77 14"},{name:"900",cssVar:"--color-warning-900",value:"113 63 18"},{name:"950",cssVar:"--color-warning-950",value:"66 32 6"}]},{title:"Error Colors (Red)",colors:[{name:"50",cssVar:"--color-error-50",value:"254 242 242"},{name:"100",cssVar:"--color-error-100",value:"254 226 226"},{name:"200",cssVar:"--color-error-200",value:"254 202 202"},{name:"300",cssVar:"--color-error-300",value:"252 165 165"},{name:"400",cssVar:"--color-error-400",value:"248 113 113"},{name:"500",cssVar:"--color-error-500",value:"239 68 68"},{name:"600",cssVar:"--color-error-600",value:"220 38 38"},{name:"700",cssVar:"--color-error-700",value:"185 28 28"},{name:"800",cssVar:"--color-error-800",value:"153 27 27"},{name:"900",cssVar:"--color-error-900",value:"127 29 29"},{name:"950",cssVar:"--color-error-950",value:"69 10 10"}]}],a=[{title:"Reseda Green",colors:[{name:"DEFAULT",cssVar:"--color-reseda-green",value:"121 125 98"},{name:"100",cssVar:"--color-reseda-green-100",value:"24 25 20"},{name:"200",cssVar:"--color-reseda-green-200",value:"49 50 39"},{name:"300",cssVar:"--color-reseda-green-300",value:"73 75 59"},{name:"400",cssVar:"--color-reseda-green-400",value:"97 101 79"},{name:"500",cssVar:"--color-reseda-green-500",value:"121 125 98"},{name:"600",cssVar:"--color-reseda-green-600",value:"150 154 127"},{name:"700",cssVar:"--color-reseda-green-700",value:"177 180 159"},{name:"800",cssVar:"--color-reseda-green-800",value:"203 205 191"},{name:"900",cssVar:"--color-reseda-green-900",value:"229 230 223"}]},{title:"Moss Green",colors:[{name:"DEFAULT",cssVar:"--color-moss-green",value:"155 155 122"},{name:"100",cssVar:"--color-moss-green-100",value:"31 31 24"},{name:"200",cssVar:"--color-moss-green-200",value:"63 63 47"},{name:"300",cssVar:"--color-moss-green-300",value:"94 94 71"},{name:"400",cssVar:"--color-moss-green-400",value:"126 126 95"},{name:"500",cssVar:"--color-moss-green-500",value:"155 155 122"},{name:"600",cssVar:"--color-moss-green-600",value:"174 174 148"},{name:"700",cssVar:"--color-moss-green-700",value:"194 194 175"},{name:"800",cssVar:"--color-moss-green-800",value:"215 215 202"},{name:"900",cssVar:"--color-moss-green-900",value:"235 235 228"}]},{title:"Khaki",colors:[{name:"DEFAULT",cssVar:"--color-khaki",value:"186 165 135"},{name:"100",cssVar:"--color-khaki-100",value:"41 34 23"},{name:"200",cssVar:"--color-khaki-200",value:"82 67 47"},{name:"300",cssVar:"--color-khaki-300",value:"122 101 70"},{name:"400",cssVar:"--color-khaki-400",value:"163 134 94"},{name:"500",cssVar:"--color-khaki-500",value:"186 165 135"},{name:"600",cssVar:"--color-khaki-600",value:"200 183 159"},{name:"700",cssVar:"--color-khaki-700",value:"214 201 183"},{name:"800",cssVar:"--color-khaki-800",value:"227 219 207"},{name:"900",cssVar:"--color-khaki-900",value:"241 237 231"}]},{title:"Desert Sand",colors:[{name:"DEFAULT",cssVar:"--color-desert-sand",value:"217 174 148"},{name:"100",cssVar:"--color-desert-sand-100",value:"54 33 19"},{name:"200",cssVar:"--color-desert-sand-200",value:"109 65 38"},{name:"300",cssVar:"--color-desert-sand-300",value:"163 98 57"},{name:"400",cssVar:"--color-desert-sand-400",value:"199 135 95"},{name:"500",cssVar:"--color-desert-sand-500",value:"217 174 148"},{name:"600",cssVar:"--color-desert-sand-600",value:"225 191 170"},{name:"700",cssVar:"--color-desert-sand-700",value:"233 207 192"},{name:"800",cssVar:"--color-desert-sand-800",value:"240 223 213"},{name:"900",cssVar:"--color-desert-sand-900",value:"248 239 234"}]},{title:"Peach Yellow",colors:[{name:"DEFAULT",cssVar:"--color-peach-yellow",value:"241 220 167"},{name:"100",cssVar:"--color-peach-yellow-100",value:"71 54 11"},{name:"200",cssVar:"--color-peach-yellow-200",value:"141 107 22"},{name:"300",cssVar:"--color-peach-yellow-300",value:"212 161 33"},{name:"400",cssVar:"--color-peach-yellow-400",value:"230 192 96"},{name:"500",cssVar:"--color-peach-yellow-500",value:"241 220 167"},{name:"600",cssVar:"--color-peach-yellow-600",value:"244 227 184"},{name:"700",cssVar:"--color-peach-yellow-700",value:"247 234 202"},{name:"800",cssVar:"--color-peach-yellow-800",value:"249 241 220"},{name:"900",cssVar:"--color-peach-yellow-900",value:"252 248 237"}]},{title:"Sunglow",colors:[{name:"DEFAULT",cssVar:"--color-sunglow",value:"255 203 105"},{name:"100",cssVar:"--color-sunglow-100",value:"72 47 0"},{name:"200",cssVar:"--color-sunglow-200",value:"145 94 0"},{name:"300",cssVar:"--color-sunglow-300",value:"217 141 0"},{name:"400",cssVar:"--color-sunglow-400",value:"255 178 35"},{name:"500",cssVar:"--color-sunglow-500",value:"255 203 105"},{name:"600",cssVar:"--color-sunglow-600",value:"255 214 137"},{name:"700",cssVar:"--color-sunglow-700",value:"255 224 166"},{name:"800",cssVar:"--color-sunglow-800",value:"255 234 196"},{name:"900",cssVar:"--color-sunglow-900",value:"255 245 225"}]},{title:"Earth Yellow",colors:[{name:"DEFAULT",cssVar:"--color-earth-yellow",value:"232 172 101"},{name:"100",cssVar:"--color-earth-yellow-100",value:"58 36 9"},{name:"200",cssVar:"--color-earth-yellow-200",value:"115 71 17"},{name:"300",cssVar:"--color-earth-yellow-300",value:"173 107 26"},{name:"400",cssVar:"--color-earth-yellow-400",value:"223 142 42"},{name:"500",cssVar:"--color-earth-yellow-500",value:"232 172 101"},{name:"600",cssVar:"--color-earth-yellow-600",value:"236 189 131"},{name:"700",cssVar:"--color-earth-yellow-700",value:"241 205 162"},{name:"800",cssVar:"--color-earth-yellow-800",value:"246 222 193"},{name:"900",cssVar:"--color-earth-yellow-900",value:"250 238 224"}]},{title:"Persian Orange",colors:[{name:"DEFAULT",cssVar:"--color-persian-orange",value:"208 140 96"},{name:"100",cssVar:"--color-persian-orange-100",value:"47 27 14"},{name:"200",cssVar:"--color-persian-orange-200",value:"94 55 28"},{name:"300",cssVar:"--color-persian-orange-300",value:"141 82 42"},{name:"400",cssVar:"--color-persian-orange-400",value:"188 109 56"},{name:"500",cssVar:"--color-persian-orange-500",value:"208 140 96"},{name:"600",cssVar:"--color-persian-orange-600",value:"217 165 129"},{name:"700",cssVar:"--color-persian-orange-700",value:"227 187 161"},{name:"800",cssVar:"--color-persian-orange-800",value:"236 210 192"},{name:"900",cssVar:"--color-persian-orange-900",value:"246 232 224"}]},{title:"Chamoisee",colors:[{name:"DEFAULT",cssVar:"--color-chamoisee",value:"181 132 99"},{name:"100",cssVar:"--color-chamoisee-100",value:"38 26 18"},{name:"200",cssVar:"--color-chamoisee-200",value:"76 52 36"},{name:"300",cssVar:"--color-chamoisee-300",value:"114 78 54"},{name:"400",cssVar:"--color-chamoisee-400",value:"153 104 72"},{name:"500",cssVar:"--color-chamoisee-500",value:"181 132 99"},{name:"600",cssVar:"--color-chamoisee-600",value:"196 157 130"},{name:"700",cssVar:"--color-chamoisee-700",value:"211 181 161"},{name:"800",cssVar:"--color-chamoisee-800",value:"226 206 193"},{name:"900",cssVar:"--color-chamoisee-900",value:"240 230 224"}]},{title:"Beaver",colors:[{name:"DEFAULT",cssVar:"--color-beaver",value:"153 123 102"},{name:"100",cssVar:"--color-beaver-100",value:"31 25 20"},{name:"200",cssVar:"--color-beaver-200",value:"61 49 41"},{name:"300",cssVar:"--color-beaver-300",value:"92 74 61"},{name:"400",cssVar:"--color-beaver-400",value:"122 99 82"},{name:"500",cssVar:"--color-beaver-500",value:"153 123 102"},{name:"600",cssVar:"--color-beaver-600",value:"173 150 133"},{name:"700",cssVar:"--color-beaver-700",value:"194 176 163"},{name:"800",cssVar:"--color-beaver-800",value:"214 202 194"},{name:"900",cssVar:"--color-beaver-900",value:"235 229 224"}]}],t=[{name:"Background",cssVar:"--color-background"},{name:"Surface",cssVar:"--color-surface"},{name:"Surface Variant",cssVar:"--color-surface-variant"},{name:"Text Primary",cssVar:"--color-text-primary"},{name:"Text Secondary",cssVar:"--color-text-secondary"},{name:"Text Muted",cssVar:"--color-text-muted"},{name:"Border",cssVar:"--color-border"},{name:"Border Subtle",cssVar:"--color-border-subtle"}];return e.jsxs("div",{className:"p-8 space-y-8 bg-background min-h-screen",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-3xl font-bold text-text-primary",children:"AceMyJob Color Palette"}),e.jsx("p",{className:"text-text-secondary",children:"Your complete design system color reference"})]}),a.map(o=>e.jsx(U,{...o},o.title)),s.map(o=>e.jsx(U,{...o},o.title)),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:"Semantic Colors (Theme-aware)"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4",children:t.map(o=>e.jsxs("div",{className:"flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${F(o.cssVar)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:o.name}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:o.cssVar})]})]},o.name))})]}),e.jsx("div",{className:"text-center pt-8 border-t border-border-subtle",children:e.jsx("p",{className:"text-text-muted text-sm",children:"Toggle between light and dark themes to see how semantic colors adapt"})})]})},q=d.createContext(void 0),H=({children:s,defaultTheme:a="system",storageKey:t="acemyjob-ui-theme"})=>{const[o,c]=d.useState(a),[l,u]=d.useState("light"),[b,w]=d.useState(!1);d.useEffect(()=>{const f=localStorage.getItem(t);f&&c(f),w(!0)},[t]),d.useEffect(()=>{if(!b)return;const f=window.document.documentElement,p=()=>{let h;o==="system"?h=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":h=o,u(h),f.classList.remove("light","dark"),f.classList.add(h)};if(p(),o==="system"){const h=window.matchMedia("(prefers-color-scheme: dark)"),k=()=>p();return h.addEventListener("change",k),()=>h.removeEventListener("change",k)}},[o,b]);const y={theme:o,setTheme:f=>{localStorage.setItem(t,f),c(f)},resolvedTheme:l};return e.jsx(q.Provider,{value:y,children:s})},J=()=>{const s=d.useContext(q);if(s===void 0)throw new Error("useTheme must be used within a ThemeProvider");return s},G=()=>{const{theme:s,setTheme:a}=J(),[t,o]=d.useState(!1);if(d.useEffect(()=>{o(!0)},[]),!t)return e.jsxs("button",{className:"flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors","aria-label":"Loading theme toggle",children:[e.jsx("div",{className:"w-4 h-4 animate-pulse bg-text-muted rounded"}),e.jsx("span",{className:"hidden sm:inline",children:"Loading..."})]});const c=()=>{a(s==="light"?"dark":s==="dark"?"system":"light")},l=()=>{switch(s){case"light":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"})});case"dark":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"})});case"system":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"})})}},u=()=>{switch(s){case"light":return"Light";case"dark":return"Dark";case"system":return"System"}};return e.jsxs("button",{onClick:c,className:"flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors","aria-label":`Current theme: ${u()}. Click to cycle themes.`,children:[l(),e.jsx("span",{className:"hidden sm:inline",children:u()})]})},me=()=>e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"fixed top-4 right-4 z-10",children:e.jsx(G,{})}),e.jsx(W,{})]}),ve=()=>e.jsx(H,{defaultTheme:"system",storageKey:"acemyjob-demo-theme",children:e.jsx(me,{})}),X={variant:{default:"bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",destructive:"bg-error-500 text-white hover:bg-error-600 focus-visible:ring-error-500",outline:"border border-border bg-background hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",secondary:"bg-khaki-500 text-white hover:bg-khaki-600 focus-visible:ring-khaki-500",ghost:"hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",link:"text-reseda-green-500 underline-offset-4 hover:underline focus-visible:ring-reseda-green-500",none:""},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-12 rounded-md px-10 text-base",icon:"h-10 w-10"}},xe="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",he=(...s)=>s.filter(Boolean).join(" "),R=d.forwardRef(({className:s,variant:a="default",size:t="default",fullWidth:o=!1,loading:c=!1,leftIcon:l,rightIcon:u,children:b,disabled:w,...y},f)=>{const p=w||c,h=he(xe,X.variant[a],X.size[t],o?"w-full":"",s);return e.jsxs("button",{className:h,ref:f,disabled:p,...y,children:[c&&e.jsxs("svg",{className:"mr-2 h-4 w-4 animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),!c&&l&&e.jsx("span",{className:"mr-2",children:l}),b,!c&&u&&e.jsx("span",{className:"ml-2",children:u})]})});R.displayName="Button";const Q={provider:{linkedin:"bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"},iconPosition:{left:"flex-row",right:"flex-row-reverse",only:"justify-center"}},fe=(...s)=>s.filter(Boolean).join(" "),Z=d.forwardRef(({className:s,provider:a,iconPosition:t="left",icon:o,showText:c=!0,children:l,size:u="default",fullWidth:b=!0,...w},y)=>{const p=o||{linkedin:e.jsx("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"})})}[a],k=l||(c?{linkedin:"Continue with LinkedIn"}[a]:""),O=fe("relative overflow-hidden transition-all duration-200",Q.provider[a],Q.iconPosition[t],s);return e.jsxs(R,{ref:y,variant:"none",className:O,size:u,fullWidth:b,leftIcon:t==="left"?p:void 0,rightIcon:t==="right"?p:void 0,...w,children:[t==="only"&&p,t!=="only"&&k]})});Z.displayName="SocialButton";function ge({tabs:s,activeTab:a,disabled:t=!1,onChange:o}){return e.jsx("div",{className:"flex border-b border-border mb-6",children:s.map(c=>{const l=a===c.id;return e.jsx(R,{variant:"ghost",onClick:()=>!t&&o(c.id),disabled:t&&!l,className:`px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${l?"border-reseda-green-700 text-reseda-green-700":t?"border-transparent text-text-disabled cursor-not-allowed":"border-transparent text-text-secondary hover:text-text-primary"}`,children:c.label},c.id)})})}m.Button=R,m.ColorPalette=W,m.Demo=ve,m.Sidebar=ue,m.SocialButton=Z,m.TabBar=ge,m.ThemeProvider=H,m.ThemeToggle=G,m.useTheme=J,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});
|
|
22
|
+
<%s key={someKey} {...props} />`,v,x,k,x),ne[x+v]=!0)}if(x=null,i!==void 0&&(n(i),x=""+i),u(t)&&(n(t.key),x=""+t.key),"key"in t){i={};for(var D in t)D!=="key"&&(i[D]=t[D])}else i=t;return x&&b(i,typeof r=="function"?r.displayName||r.name||"Unknown":r),y(r,x,j,V,c(),i,L,$)}function p(r){typeof r=="object"&&r!==null&&r.$$typeof===N&&r._store&&(r._store.validated=1)}var h=m,N=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),pe=Symbol.for("react.strict_mode"),je=Symbol.for("react.profiler"),Ve=Symbol.for("react.consumer"),we=Symbol.for("react.context"),ye=Symbol.for("react.forward_ref"),Ne=Symbol.for("react.suspense"),ke=Symbol.for("react.suspense_list"),Te=Symbol.for("react.memo"),K=Symbol.for("react.lazy"),Ee=Symbol.for("react.activity"),Ce=Symbol.for("react.client.reference"),S=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ee=Object.prototype.hasOwnProperty,_e=Array.isArray,B=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(r){return r()}};var re,se={},ae=h["react-stack-bottom-frame"].bind(h,l)(),oe=B(o(l)),ne={};E.Fragment=P,E.jsx=function(r,t,i,v,V){var j=1e4>S.recentlyCreatedOwnerStacks++;return f(r,t,i,!1,v,V,j?Error("react-stack-top-frame"):ae,j?B(o(r)):oe)},E.jsxs=function(r,t,i,v,V){var j=1e4>S.recentlyCreatedOwnerStacks++;return f(r,t,i,!0,v,V,j?Error("react-stack-top-frame"):ae,j?B(o(r)):oe)}}()),E}var I;function ce(){return I||(I=1,process.env.NODE_ENV==="production"?_.exports=te():_.exports=le()),_.exports}var e=ce();const ie={bg:"bg-indigo-600",activeBg:"bg-indigo-700",text:"text-indigo-200",activeText:"text-white",hoverBg:"hover:bg-indigo-700",hoverText:"hover:text-white"};function g(...s){return s.filter(Boolean).join(" ")}function Y({item:s,colorScheme:a}){const[n,o]=m.useState(s.current||s.children?.some(l=>l.current)),c=s.children&&s.children.length>0;return e.jsxs("li",{children:[e.jsx("div",{children:e.jsxs("a",{href:c?void 0:s.href,onClick:l=>{c&&(l.preventDefault(),o(!n))},className:g(s.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",c?"cursor-pointer":""),children:[e.jsxs("div",{className:"flex items-center gap-x-3",children:[e.jsx(s.icon,{"aria-hidden":"true",className:g(s.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-6 shrink-0")}),s.name]}),c&&e.jsx(A.ChevronDownIcon,{className:g("size-5 shrink-0 transition-transform",n?"rotate-180":"",s.current?a.activeText:a.text)})]})}),c&&n&&e.jsx("ul",{className:"mt-1 ml-9 space-y-1",children:s.children.map(l=>e.jsx("li",{children:e.jsxs("a",{href:l.href,className:g(l.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[e.jsx(l.icon,{"aria-hidden":"true",className:g(l.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-5 shrink-0")}),l.name]})},l.name))})]})}function ue({company:s,profile:a,navigation:n,colorScheme:o=ie}){const[c,l]=m.useState(!1);return e.jsx(e.Fragment,{children:e.jsxs("div",{children:[e.jsxs(C.Dialog,{open:c,onClose:l,className:"relative z-50 lg:hidden",children:[e.jsx(C.DialogBackdrop,{transition:!0,className:"fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"}),e.jsx("div",{className:"fixed inset-0 flex",children:e.jsxs(C.DialogPanel,{transition:!0,className:"relative mr-16 flex w-full max-w-xs flex-1 transform transition duration-300 ease-in-out data-closed:-translate-x-full",children:[e.jsx(C.TransitionChild,{children:e.jsx("div",{className:"absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0",children:e.jsxs("button",{type:"button",onClick:()=>l(!1),className:"-m-2.5 p-2.5",children:[e.jsx("span",{className:"sr-only",children:"Close sidebar"}),e.jsx(A.XMarkIcon,{"aria-hidden":"true",className:"size-6 text-white"})]})})}),e.jsxs("div",{className:g("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2",o.bg),children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsx("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:n.map(u=>e.jsx(Y,{item:u,colorScheme:o},u.name))})})})})]})]})})]}),e.jsx("div",{className:"hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col",children:e.jsxs("div",{className:g("flex grow flex-col gap-y-5 overflow-y-auto px-6",o.bg),children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsxs("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:[e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:n.map(u=>e.jsx(Y,{item:u,colorScheme:o},u.name))})}),e.jsx("li",{className:"-mx-6 mt-auto",children:e.jsxs("a",{href:"#",className:g("flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",o.activeText,o.hoverBg),children:[e.jsx("img",{alt:a.name,src:a.image,className:g("size-8 rounded-full",o.activeBg)}),e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("span",{"aria-hidden":"true",children:a.name})]})})]})})]})}),e.jsxs("div",{className:g("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden",o.bg),children:[e.jsxs("button",{type:"button",onClick:()=>l(!0),className:g("-m-2.5 p-2.5 lg:hidden",o.text),children:[e.jsx("span",{className:"sr-only",children:"Open sidebar"}),e.jsx(A.Bars3Icon,{"aria-hidden":"true",className:"size-6"})]}),e.jsx("div",{className:g("flex-1 text-sm/6 font-semibold",o.activeText),children:"Dashboard"}),e.jsxs("a",{href:"#",children:[e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("img",{alt:a.name,src:a.image,className:g("size-8 rounded-full",o.activeBg)})]})]})]})})}const F=s=>s.replace("--color-","bg-"),de=({name:s,cssVar:a,value:n})=>{const o=`rgb(${n})`;return e.jsxs("div",{className:"flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${F(a)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:s}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:a}),e.jsx("div",{className:"text-xs text-text-secondary",children:o})]})]})},U=({title:s,colors:a})=>e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:s}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-11 gap-4",children:a.map(n=>e.jsx(de,{...n},n.name))})]}),W=()=>{const s=[{title:"Success Colors (Green)",colors:[{name:"50",cssVar:"--color-success-50",value:"240 253 244"},{name:"100",cssVar:"--color-success-100",value:"220 252 231"},{name:"200",cssVar:"--color-success-200",value:"187 247 208"},{name:"300",cssVar:"--color-success-300",value:"134 239 172"},{name:"400",cssVar:"--color-success-400",value:"74 222 128"},{name:"500",cssVar:"--color-success-500",value:"34 197 94"},{name:"600",cssVar:"--color-success-600",value:"22 163 74"},{name:"700",cssVar:"--color-success-700",value:"21 128 61"},{name:"800",cssVar:"--color-success-800",value:"22 101 52"},{name:"900",cssVar:"--color-success-900",value:"20 83 45"},{name:"950",cssVar:"--color-success-950",value:"5 46 22"}]},{title:"Warning Colors (Yellow)",colors:[{name:"50",cssVar:"--color-warning-50",value:"254 252 232"},{name:"100",cssVar:"--color-warning-100",value:"254 249 195"},{name:"200",cssVar:"--color-warning-200",value:"254 240 138"},{name:"300",cssVar:"--color-warning-300",value:"253 224 71"},{name:"400",cssVar:"--color-warning-400",value:"250 204 21"},{name:"500",cssVar:"--color-warning-500",value:"234 179 8"},{name:"600",cssVar:"--color-warning-600",value:"202 138 4"},{name:"700",cssVar:"--color-warning-700",value:"161 98 7"},{name:"800",cssVar:"--color-warning-800",value:"133 77 14"},{name:"900",cssVar:"--color-warning-900",value:"113 63 18"},{name:"950",cssVar:"--color-warning-950",value:"66 32 6"}]},{title:"Error Colors (Red)",colors:[{name:"50",cssVar:"--color-error-50",value:"254 242 242"},{name:"100",cssVar:"--color-error-100",value:"254 226 226"},{name:"200",cssVar:"--color-error-200",value:"254 202 202"},{name:"300",cssVar:"--color-error-300",value:"252 165 165"},{name:"400",cssVar:"--color-error-400",value:"248 113 113"},{name:"500",cssVar:"--color-error-500",value:"239 68 68"},{name:"600",cssVar:"--color-error-600",value:"220 38 38"},{name:"700",cssVar:"--color-error-700",value:"185 28 28"},{name:"800",cssVar:"--color-error-800",value:"153 27 27"},{name:"900",cssVar:"--color-error-900",value:"127 29 29"},{name:"950",cssVar:"--color-error-950",value:"69 10 10"}]}],a=[{title:"Reseda Green",colors:[{name:"DEFAULT",cssVar:"--color-reseda-green",value:"121 125 98"},{name:"100",cssVar:"--color-reseda-green-100",value:"24 25 20"},{name:"200",cssVar:"--color-reseda-green-200",value:"49 50 39"},{name:"300",cssVar:"--color-reseda-green-300",value:"73 75 59"},{name:"400",cssVar:"--color-reseda-green-400",value:"97 101 79"},{name:"500",cssVar:"--color-reseda-green-500",value:"121 125 98"},{name:"600",cssVar:"--color-reseda-green-600",value:"150 154 127"},{name:"700",cssVar:"--color-reseda-green-700",value:"177 180 159"},{name:"800",cssVar:"--color-reseda-green-800",value:"203 205 191"},{name:"900",cssVar:"--color-reseda-green-900",value:"229 230 223"}]},{title:"Moss Green",colors:[{name:"DEFAULT",cssVar:"--color-moss-green",value:"155 155 122"},{name:"100",cssVar:"--color-moss-green-100",value:"31 31 24"},{name:"200",cssVar:"--color-moss-green-200",value:"63 63 47"},{name:"300",cssVar:"--color-moss-green-300",value:"94 94 71"},{name:"400",cssVar:"--color-moss-green-400",value:"126 126 95"},{name:"500",cssVar:"--color-moss-green-500",value:"155 155 122"},{name:"600",cssVar:"--color-moss-green-600",value:"174 174 148"},{name:"700",cssVar:"--color-moss-green-700",value:"194 194 175"},{name:"800",cssVar:"--color-moss-green-800",value:"215 215 202"},{name:"900",cssVar:"--color-moss-green-900",value:"235 235 228"}]},{title:"Khaki",colors:[{name:"DEFAULT",cssVar:"--color-khaki",value:"186 165 135"},{name:"100",cssVar:"--color-khaki-100",value:"41 34 23"},{name:"200",cssVar:"--color-khaki-200",value:"82 67 47"},{name:"300",cssVar:"--color-khaki-300",value:"122 101 70"},{name:"400",cssVar:"--color-khaki-400",value:"163 134 94"},{name:"500",cssVar:"--color-khaki-500",value:"186 165 135"},{name:"600",cssVar:"--color-khaki-600",value:"200 183 159"},{name:"700",cssVar:"--color-khaki-700",value:"214 201 183"},{name:"800",cssVar:"--color-khaki-800",value:"227 219 207"},{name:"900",cssVar:"--color-khaki-900",value:"241 237 231"}]},{title:"Desert Sand",colors:[{name:"DEFAULT",cssVar:"--color-desert-sand",value:"217 174 148"},{name:"100",cssVar:"--color-desert-sand-100",value:"54 33 19"},{name:"200",cssVar:"--color-desert-sand-200",value:"109 65 38"},{name:"300",cssVar:"--color-desert-sand-300",value:"163 98 57"},{name:"400",cssVar:"--color-desert-sand-400",value:"199 135 95"},{name:"500",cssVar:"--color-desert-sand-500",value:"217 174 148"},{name:"600",cssVar:"--color-desert-sand-600",value:"225 191 170"},{name:"700",cssVar:"--color-desert-sand-700",value:"233 207 192"},{name:"800",cssVar:"--color-desert-sand-800",value:"240 223 213"},{name:"900",cssVar:"--color-desert-sand-900",value:"248 239 234"}]},{title:"Peach Yellow",colors:[{name:"DEFAULT",cssVar:"--color-peach-yellow",value:"241 220 167"},{name:"100",cssVar:"--color-peach-yellow-100",value:"71 54 11"},{name:"200",cssVar:"--color-peach-yellow-200",value:"141 107 22"},{name:"300",cssVar:"--color-peach-yellow-300",value:"212 161 33"},{name:"400",cssVar:"--color-peach-yellow-400",value:"230 192 96"},{name:"500",cssVar:"--color-peach-yellow-500",value:"241 220 167"},{name:"600",cssVar:"--color-peach-yellow-600",value:"244 227 184"},{name:"700",cssVar:"--color-peach-yellow-700",value:"247 234 202"},{name:"800",cssVar:"--color-peach-yellow-800",value:"249 241 220"},{name:"900",cssVar:"--color-peach-yellow-900",value:"252 248 237"}]},{title:"Sunglow",colors:[{name:"DEFAULT",cssVar:"--color-sunglow",value:"255 203 105"},{name:"100",cssVar:"--color-sunglow-100",value:"72 47 0"},{name:"200",cssVar:"--color-sunglow-200",value:"145 94 0"},{name:"300",cssVar:"--color-sunglow-300",value:"217 141 0"},{name:"400",cssVar:"--color-sunglow-400",value:"255 178 35"},{name:"500",cssVar:"--color-sunglow-500",value:"255 203 105"},{name:"600",cssVar:"--color-sunglow-600",value:"255 214 137"},{name:"700",cssVar:"--color-sunglow-700",value:"255 224 166"},{name:"800",cssVar:"--color-sunglow-800",value:"255 234 196"},{name:"900",cssVar:"--color-sunglow-900",value:"255 245 225"}]},{title:"Earth Yellow",colors:[{name:"DEFAULT",cssVar:"--color-earth-yellow",value:"232 172 101"},{name:"100",cssVar:"--color-earth-yellow-100",value:"58 36 9"},{name:"200",cssVar:"--color-earth-yellow-200",value:"115 71 17"},{name:"300",cssVar:"--color-earth-yellow-300",value:"173 107 26"},{name:"400",cssVar:"--color-earth-yellow-400",value:"223 142 42"},{name:"500",cssVar:"--color-earth-yellow-500",value:"232 172 101"},{name:"600",cssVar:"--color-earth-yellow-600",value:"236 189 131"},{name:"700",cssVar:"--color-earth-yellow-700",value:"241 205 162"},{name:"800",cssVar:"--color-earth-yellow-800",value:"246 222 193"},{name:"900",cssVar:"--color-earth-yellow-900",value:"250 238 224"}]},{title:"Persian Orange",colors:[{name:"DEFAULT",cssVar:"--color-persian-orange",value:"208 140 96"},{name:"100",cssVar:"--color-persian-orange-100",value:"47 27 14"},{name:"200",cssVar:"--color-persian-orange-200",value:"94 55 28"},{name:"300",cssVar:"--color-persian-orange-300",value:"141 82 42"},{name:"400",cssVar:"--color-persian-orange-400",value:"188 109 56"},{name:"500",cssVar:"--color-persian-orange-500",value:"208 140 96"},{name:"600",cssVar:"--color-persian-orange-600",value:"217 165 129"},{name:"700",cssVar:"--color-persian-orange-700",value:"227 187 161"},{name:"800",cssVar:"--color-persian-orange-800",value:"236 210 192"},{name:"900",cssVar:"--color-persian-orange-900",value:"246 232 224"}]},{title:"Chamoisee",colors:[{name:"DEFAULT",cssVar:"--color-chamoisee",value:"181 132 99"},{name:"100",cssVar:"--color-chamoisee-100",value:"38 26 18"},{name:"200",cssVar:"--color-chamoisee-200",value:"76 52 36"},{name:"300",cssVar:"--color-chamoisee-300",value:"114 78 54"},{name:"400",cssVar:"--color-chamoisee-400",value:"153 104 72"},{name:"500",cssVar:"--color-chamoisee-500",value:"181 132 99"},{name:"600",cssVar:"--color-chamoisee-600",value:"196 157 130"},{name:"700",cssVar:"--color-chamoisee-700",value:"211 181 161"},{name:"800",cssVar:"--color-chamoisee-800",value:"226 206 193"},{name:"900",cssVar:"--color-chamoisee-900",value:"240 230 224"}]},{title:"Beaver",colors:[{name:"DEFAULT",cssVar:"--color-beaver",value:"153 123 102"},{name:"100",cssVar:"--color-beaver-100",value:"31 25 20"},{name:"200",cssVar:"--color-beaver-200",value:"61 49 41"},{name:"300",cssVar:"--color-beaver-300",value:"92 74 61"},{name:"400",cssVar:"--color-beaver-400",value:"122 99 82"},{name:"500",cssVar:"--color-beaver-500",value:"153 123 102"},{name:"600",cssVar:"--color-beaver-600",value:"173 150 133"},{name:"700",cssVar:"--color-beaver-700",value:"194 176 163"},{name:"800",cssVar:"--color-beaver-800",value:"214 202 194"},{name:"900",cssVar:"--color-beaver-900",value:"235 229 224"}]}],n=[{name:"Background",cssVar:"--color-background"},{name:"Surface",cssVar:"--color-surface"},{name:"Surface Variant",cssVar:"--color-surface-variant"},{name:"Text Primary",cssVar:"--color-text-primary"},{name:"Text Secondary",cssVar:"--color-text-secondary"},{name:"Text Muted",cssVar:"--color-text-muted"},{name:"Border",cssVar:"--color-border"},{name:"Border Subtle",cssVar:"--color-border-subtle"}];return e.jsxs("div",{className:"p-8 space-y-8 bg-background min-h-screen",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-3xl font-bold text-text-primary",children:"AceMyJob Color Palette"}),e.jsx("p",{className:"text-text-secondary",children:"Your complete design system color reference"})]}),a.map(o=>e.jsx(U,{...o},o.title)),s.map(o=>e.jsx(U,{...o},o.title)),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:"Semantic Colors (Theme-aware)"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4",children:n.map(o=>e.jsxs("div",{className:"flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${F(o.cssVar)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:o.name}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:o.cssVar})]})]},o.name))})]}),e.jsx("div",{className:"text-center pt-8 border-t border-border-subtle",children:e.jsx("p",{className:"text-text-muted text-sm",children:"Toggle between light and dark themes to see how semantic colors adapt"})})]})},q=m.createContext(void 0),H=({children:s,defaultTheme:a="system",storageKey:n="acemyjob-ui-theme"})=>{const[o,c]=m.useState(a),[l,u]=m.useState("light"),[b,w]=m.useState(!1);m.useEffect(()=>{const f=localStorage.getItem(n);f&&c(f),w(!0)},[n]),m.useEffect(()=>{if(!b)return;const f=window.document.documentElement,p=()=>{let h;o==="system"?h=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":h=o,u(h),f.classList.remove("light","dark"),f.classList.add(h)};if(p(),o==="system"){const h=window.matchMedia("(prefers-color-scheme: dark)"),N=()=>p();return h.addEventListener("change",N),()=>h.removeEventListener("change",N)}},[o,b]);const y={theme:o,setTheme:f=>{localStorage.setItem(n,f),c(f)},resolvedTheme:l};return e.jsx(q.Provider,{value:y,children:s})},J=()=>{const s=m.useContext(q);if(s===void 0)throw new Error("useTheme must be used within a ThemeProvider");return s},G=()=>{const{theme:s,setTheme:a}=J(),[n,o]=m.useState(!1);if(m.useEffect(()=>{o(!0)},[]),!n)return e.jsxs("button",{className:"flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors","aria-label":"Loading theme toggle",children:[e.jsx("div",{className:"w-4 h-4 animate-pulse bg-text-muted rounded"}),e.jsx("span",{className:"hidden sm:inline",children:"Loading..."})]});const c=()=>{a(s==="light"?"dark":s==="dark"?"system":"light")},l=()=>{switch(s){case"light":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"})});case"dark":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"})});case"system":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"})})}},u=()=>{switch(s){case"light":return"Light";case"dark":return"Dark";case"system":return"System"}};return e.jsxs("button",{onClick:c,className:"flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors","aria-label":`Current theme: ${u()}. Click to cycle themes.`,children:[l(),e.jsx("span",{className:"hidden sm:inline",children:u()})]})},me=()=>e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"fixed top-4 right-4 z-10",children:e.jsx(G,{})}),e.jsx(W,{})]}),ve=()=>e.jsx(H,{defaultTheme:"system",storageKey:"acemyjob-demo-theme",children:e.jsx(me,{})}),X={variant:{default:"bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",destructive:"bg-error-500 text-white hover:bg-error-600 focus-visible:ring-error-500",outline:"border border-border bg-background hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",secondary:"bg-khaki-500 text-white hover:bg-khaki-600 focus-visible:ring-khaki-500",ghost:"hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",link:"text-reseda-green-500 underline-offset-4 hover:underline focus-visible:ring-reseda-green-500",none:""},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-12 rounded-md px-10 text-base",icon:"h-10 w-10"}},xe="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",he=(...s)=>s.filter(Boolean).join(" "),R=m.forwardRef(({className:s,variant:a="default",size:n="default",fullWidth:o=!1,loading:c=!1,leftIcon:l,rightIcon:u,children:b,disabled:w,...y},f)=>{const p=w||c,h=he(xe,X.variant[a],X.size[n],o?"w-full":"",s);return e.jsxs("button",{className:h,ref:f,disabled:p,...y,children:[c&&e.jsxs("svg",{className:"mr-2 h-4 w-4 animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),!c&&l&&e.jsx("span",{className:"mr-2",children:l}),b,!c&&u&&e.jsx("span",{className:"ml-2",children:u})]})});R.displayName="Button";const Q={provider:{linkedin:"bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"},iconPosition:{left:"flex-row",right:"flex-row-reverse",only:"justify-center"}},fe=(...s)=>s.filter(Boolean).join(" "),Z=m.forwardRef(({className:s,provider:a,iconPosition:n="left",icon:o,showText:c=!0,children:l,size:u="default",fullWidth:b=!0,...w},y)=>{const p=o||{linkedin:e.jsx("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"})})}[a],N=l||(c?{linkedin:"Continue with LinkedIn"}[a]:""),O=fe("relative overflow-hidden transition-all duration-200",Q.provider[a],Q.iconPosition[n],s);return e.jsxs(R,{ref:y,variant:"none",className:O,size:u,fullWidth:b,leftIcon:n==="left"?p:void 0,rightIcon:n==="right"?p:void 0,...w,children:[n==="only"&&p,n!=="only"&&N]})});Z.displayName="SocialButton";function ge({tabs:s,activeTab:a,disabled:n=!1,onChange:o}){return e.jsx("div",{className:"flex border-b border-border mb-6",children:s.map(c=>{const l=a===c.id;return e.jsx(R,{variant:"ghost",onClick:()=>!n&&o(c.id),disabled:n&&!l,className:`px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${l?"border-reseda-green-700 text-reseda-green-700":n?"border-transparent text-text-disabled cursor-not-allowed":"border-transparent text-text-secondary hover:text-text-primary"}`,children:c.label},c.id)})})}function be({currentStep:s,steps:a}){return e.jsx("nav",{className:"mb-10",children:e.jsx("ol",{className:"flex items-center w-full",children:a.map((n,o)=>e.jsxs("li",{className:`flex items-center ${o<a.length-1?"flex-1":""}`,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:`flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${s===n.number?"bg-reseda-green-700 text-white":s>n.number?"bg-success-500 text-white":"border-2 border-border text-text-muted"}`,children:n.number}),e.jsx("span",{className:`ml-3 text-sm font-medium whitespace-nowrap ${s>=n.number?"text-reseda-green-800":"text-text-muted"}`,children:n.label})]}),o<a.length-1&&e.jsx("div",{className:"flex-1 h-0.5 mx-4 bg-border"})]},n.number))})})}d.Button=R,d.ColorPalette=W,d.Demo=ve,d.Sidebar=ue,d.SocialButton=Z,d.Stepper=be,d.TabBar=ge,d.ThemeProvider=H,d.ThemeToggle=G,d.useTheme=J,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface Step {
|
|
2
|
+
number: number;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
interface StepperProps {
|
|
6
|
+
currentStep: number;
|
|
7
|
+
steps: Step[];
|
|
8
|
+
}
|
|
9
|
+
export declare function Stepper({ currentStep, steps }: StepperProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Stepper, type Step } from './Stepper';
|
package/dist/index.d.ts
CHANGED
|
@@ -9,3 +9,5 @@ export { Button, SocialButton } from './component/Button';
|
|
|
9
9
|
export type { ButtonProps, SocialButtonProps } from './component/Button';
|
|
10
10
|
export { TabBar } from './component/Tab';
|
|
11
11
|
export type { Tab, TabId } from './component/Tab';
|
|
12
|
+
export { Stepper } from './component/Stepper';
|
|
13
|
+
export type { Step } from './component/Stepper';
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-indigo-200:oklch(87% .065 274.039);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-success-50:oklch(97.1% .013 142.423);--color-success-100:oklch(96.2% .037 141.267);--color-success-200:oklch(91.5% .084 145.477);--color-success-300:oklch(83.9% .155 144.468);--color-success-400:oklch(73.5% .184 142.686);--color-success-500:oklch(63.4% .179 142.495);--color-success-600:oklch(54.8% .166 143.748);--color-success-700:oklch(44.9% .132 144.206);--color-success-800:oklch(38.5% .108 144.206);--color-success-900:oklch(33.3% .089 144.936);--color-success-950:oklch(19.6% .057 145.477);--color-warning-50:oklch(98.5% .017 99.574);--color-warning-100:oklch(96.8% .043 102.212);--color-warning-200:oklch(92% .108 102.212);--color-warning-300:oklch(84.3% .167 99.574);--color-warning-400:oklch(76.5% .181 95.883);--color-warning-500:oklch(69.3% .157 92.317);--color-warning-600:oklch(59.6% .128 89.567);--color-warning-700:oklch(47.2% .105 85.594);--color-warning-800:oklch(41.7% .093 85.594);--color-warning-900:oklch(37.5% .08 85.594);--color-warning-950:oklch(23.7% .059 85.594);--color-error-50:oklch(97.1% .013 27.33);--color-error-100:oklch(93.6% .032 27.33);--color-error-200:oklch(88.5% .058 27.33);--color-error-300:oklch(81% .109 27.33);--color-error-400:oklch(70.4% .191 25.331);--color-error-500:oklch(62.8% .258 29.233);--color-error-600:oklch(56.9% .235 27.33);--color-error-700:oklch(47.2% .198 27.33);--color-error-800:oklch(41.2% .162 27.33);--color-error-900:oklch(37% .139 27.33);--color-error-950:oklch(22.3% .092 27.33);--color-reseda-green:oklch(53.1% .024 115.856);--color-reseda-green-100:oklch(11.4% .006 115.856);--color-reseda-green-200:oklch(22.8% .012 115.856);--color-reseda-green-300:oklch(34.2% .018 115.856);--color-reseda-green-400:oklch(45.6% .024 115.856);--color-reseda-green-500:oklch(53.1% .024 115.856);--color-reseda-green-600:oklch(63.2% .02 115.856);--color-reseda-green-700:oklch(73.3% .016 115.856);--color-reseda-green-800:oklch(83.4% .012 115.856);--color-reseda-green-900:oklch(93.5% .008 115.856);--color-moss-green:oklch(65% .031 89.784);--color-moss-green-100:oklch(13% .006 89.784);--color-moss-green-200:oklch(26% .012 89.784);--color-moss-green-300:oklch(39% .019 89.784);--color-moss-green-400:oklch(52% .025 89.784);--color-moss-green-500:oklch(65% .031 89.784);--color-moss-green-600:oklch(71.5% .026 89.784);--color-moss-green-700:oklch(78% .021 89.784);--color-moss-green-800:oklch(84.5% .016 89.784);--color-moss-green-900:oklch(91% .01 89.784);--color-khaki:oklch(71.7% .043 85.594);--color-khaki-100:oklch(16.3% .01 85.594);--color-khaki-200:oklch(28.6% .018 85.594);--color-khaki-300:oklch(43% .026 85.594);--color-khaki-400:oklch(57.3% .035 85.594);--color-khaki-500:oklch(71.7% .043 85.594);--color-khaki-600:oklch(76% .036 85.594);--color-khaki-700:oklch(80.3% .029 85.594);--color-khaki-800:oklch(88.6% .022 85.594);--color-khaki-900:oklch(92.9% .014 85.594);--color-desert-sand:oklch(75.7% .057 70.67);--color-desert-sand-100:oklch(18.6% .024 70.67);--color-desert-sand-200:oklch(31.5% .035 70.67);--color-desert-sand-300:oklch(44.4% .046 70.67);--color-desert-sand-400:oklch(57.3% .057 70.67);--color-desert-sand-500:oklch(75.7% .057 70.67);--color-desert-sand-600:oklch(78.7% .048 70.67);--color-desert-sand-700:oklch(81.7% .038 70.67);--color-desert-sand-800:oklch(87.7% .029 70.67);--color-desert-sand-900:oklch(94.7% .019 70.67);--color-peach-yellow:oklch(88.3% .077 92.317);--color-peach-yellow-100:oklch(25.4% .031 92.317);--color-peach-yellow-200:oklch(46% .046 92.317);--color-peach-yellow-300:oklch(70.7% .062 92.317);--color-peach-yellow-400:oklch(80% .069 92.317);--color-peach-yellow-500:oklch(88.3% .077 92.317);--color-peach-yellow-600:oklch(90% .065 92.317);--color-peach-yellow-700:oklch(91.7% .054 92.317);--color-peach-yellow-800:oklch(95.1% .042 92.317);--color-peach-yellow-900:oklch(97.5% .031 92.317);--color-sunglow:oklch(84.7% .146 85.594);--color-sunglow-100:oklch(25.4% .058 85.594);--color-sunglow-200:oklch(42.4% .087 85.594);--color-sunglow-300:oklch(59.4% .117 85.594);--color-sunglow-400:oklch(76.3% .146 85.594);--color-sunglow-500:oklch(84.7% .146 85.594);--color-sunglow-600:oklch(87% .123 85.594);--color-sunglow-700:oklch(89.3% .102 85.594);--color-sunglow-800:oklch(93.9% .081 85.594);--color-sunglow-900:oklch(96.9% .058 85.594);--color-earth-yellow:oklch(74.5% .105 75.46);--color-earth-yellow-100:oklch(18.6% .042 75.46);--color-earth-yellow-200:oklch(31.5% .063 75.46);--color-earth-yellow-300:oklch(44.4% .084 75.46);--color-earth-yellow-400:oklch(63% .105 75.46);--color-earth-yellow-500:oklch(74.5% .105 75.46);--color-earth-yellow-600:oklch(78.7% .088 75.46);--color-earth-yellow-700:oklch(82.8% .07 75.46);--color-earth-yellow-800:oklch(91% .053 75.46);--color-earth-yellow-900:oklch(95.1% .035 75.46);--color-persian-orange:oklch(63.5% .091 54.011);--color-persian-orange-100:oklch(15.2% .036 54.011);--color-persian-orange-200:oklch(25.5% .055 54.011);--color-persian-orange-300:oklch(39.9% .073 54.011);--color-persian-orange-400:oklch(50.2% .091 54.011);--color-persian-orange-500:oklch(63.5% .091 54.011);--color-persian-orange-600:oklch(70.3% .076 54.011);--color-persian-orange-700:oklch(77.1% .061 54.011);--color-persian-orange-800:oklch(87% .046 54.011);--color-persian-orange-900:oklch(93.9% .03 54.011);--color-chamoisee:oklch(59% .067 70.67);--color-chamoisee-100:oklch(11.8% .027 70.67);--color-chamoisee-200:oklch(23.6% .04 70.67);--color-chamoisee-300:oklch(35.4% .054 70.67);--color-chamoisee-400:oklch(47.2% .067 70.67);--color-chamoisee-500:oklch(59% .067 70.67);--color-chamoisee-600:oklch(66.7% .056 70.67);--color-chamoisee-700:oklch(74.4% .045 70.67);--color-chamoisee-800:oklch(85.4% .034 70.67);--color-chamoisee-900:oklch(93.1% .022 70.67);--color-beaver:oklch(54.9% .044 70.67);--color-beaver-100:oklch(11% .018 70.67);--color-beaver-200:oklch(22% .026 70.67);--color-beaver-300:oklch(32.9% .035 70.67);--color-beaver-400:oklch(43.9% .044 70.67);--color-beaver-500:oklch(54.9% .044 70.67);--color-beaver-600:oklch(64.2% .037 70.67);--color-beaver-700:oklch(73.5% .029 70.67);--color-beaver-800:oklch(86.1% .022 70.67);--color-beaver-900:oklch(93.8% .015 70.67);--color-background:oklch(100% 0 0);--color-surface:oklch(98% .002 247.83);--color-surface-variant:oklch(96% .004 247.83);--color-text-primary:oklch(15% .007 265.75);--color-text-secondary:oklch(35% .012 265.75);--color-text-muted:oklch(55% .015 265.75);--color-border:oklch(85% .005 247.83);--color-border-subtle:oklch(92% .003 247.83)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.left-full{left:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-m-2\.5{margin:calc(var(--spacing)*-2.5)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.-mx-6{margin-inline:calc(var(--spacing)*-6)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-16{margin-right:calc(var(--spacing)*16)}.-mb-px{margin-bottom:-1px}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-9{margin-left:calc(var(--spacing)*9)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-auto{width:auto}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-7{row-gap:calc(var(--spacing)*7)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-border{border-color:var(--color-border)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-reseda-green-700{border-color:var(--color-reseda-green-700)}.border-transparent{border-color:#0000}.bg-\[\#0077B5\]{background-color:#0077b5}.bg-background{background-color:var(--color-background)}.bg-beaver{background-color:var(--color-beaver)}.bg-beaver-100{background-color:var(--color-beaver-100)}.bg-beaver-200{background-color:var(--color-beaver-200)}.bg-beaver-300{background-color:var(--color-beaver-300)}.bg-beaver-400{background-color:var(--color-beaver-400)}.bg-beaver-500{background-color:var(--color-beaver-500)}.bg-beaver-600{background-color:var(--color-beaver-600)}.bg-beaver-700{background-color:var(--color-beaver-700)}.bg-beaver-800{background-color:var(--color-beaver-800)}.bg-beaver-900{background-color:var(--color-beaver-900)}.bg-border{background-color:var(--color-border)}.bg-border-subtle{background-color:var(--color-border-subtle)}.bg-chamoisee{background-color:var(--color-chamoisee)}.bg-chamoisee-100{background-color:var(--color-chamoisee-100)}.bg-chamoisee-200{background-color:var(--color-chamoisee-200)}.bg-chamoisee-300{background-color:var(--color-chamoisee-300)}.bg-chamoisee-400{background-color:var(--color-chamoisee-400)}.bg-chamoisee-500{background-color:var(--color-chamoisee-500)}.bg-chamoisee-600{background-color:var(--color-chamoisee-600)}.bg-chamoisee-700{background-color:var(--color-chamoisee-700)}.bg-chamoisee-800{background-color:var(--color-chamoisee-800)}.bg-chamoisee-900{background-color:var(--color-chamoisee-900)}.bg-desert-sand{background-color:var(--color-desert-sand)}.bg-desert-sand-100{background-color:var(--color-desert-sand-100)}.bg-desert-sand-200{background-color:var(--color-desert-sand-200)}.bg-desert-sand-300{background-color:var(--color-desert-sand-300)}.bg-desert-sand-400{background-color:var(--color-desert-sand-400)}.bg-desert-sand-500{background-color:var(--color-desert-sand-500)}.bg-desert-sand-600{background-color:var(--color-desert-sand-600)}.bg-desert-sand-700{background-color:var(--color-desert-sand-700)}.bg-desert-sand-800{background-color:var(--color-desert-sand-800)}.bg-desert-sand-900{background-color:var(--color-desert-sand-900)}.bg-earth-yellow{background-color:var(--color-earth-yellow)}.bg-earth-yellow-100{background-color:var(--color-earth-yellow-100)}.bg-earth-yellow-200{background-color:var(--color-earth-yellow-200)}.bg-earth-yellow-300{background-color:var(--color-earth-yellow-300)}.bg-earth-yellow-400{background-color:var(--color-earth-yellow-400)}.bg-earth-yellow-500{background-color:var(--color-earth-yellow-500)}.bg-earth-yellow-600{background-color:var(--color-earth-yellow-600)}.bg-earth-yellow-700{background-color:var(--color-earth-yellow-700)}.bg-earth-yellow-800{background-color:var(--color-earth-yellow-800)}.bg-earth-yellow-900{background-color:var(--color-earth-yellow-900)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-200{background-color:var(--color-error-200)}.bg-error-300{background-color:var(--color-error-300)}.bg-error-400{background-color:var(--color-error-400)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-error-700{background-color:var(--color-error-700)}.bg-error-800{background-color:var(--color-error-800)}.bg-error-900{background-color:var(--color-error-900)}.bg-error-950{background-color:var(--color-error-950)}.bg-gray-900\/80{background-color:#101828cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/80{background-color:color-mix(in oklab,var(--color-gray-900)80%,transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-khaki{background-color:var(--color-khaki)}.bg-khaki-100{background-color:var(--color-khaki-100)}.bg-khaki-200{background-color:var(--color-khaki-200)}.bg-khaki-300{background-color:var(--color-khaki-300)}.bg-khaki-400{background-color:var(--color-khaki-400)}.bg-khaki-500{background-color:var(--color-khaki-500)}.bg-khaki-600{background-color:var(--color-khaki-600)}.bg-khaki-700{background-color:var(--color-khaki-700)}.bg-khaki-800{background-color:var(--color-khaki-800)}.bg-khaki-900{background-color:var(--color-khaki-900)}.bg-moss-green{background-color:var(--color-moss-green)}.bg-moss-green-100{background-color:var(--color-moss-green-100)}.bg-moss-green-200{background-color:var(--color-moss-green-200)}.bg-moss-green-300{background-color:var(--color-moss-green-300)}.bg-moss-green-400{background-color:var(--color-moss-green-400)}.bg-moss-green-500{background-color:var(--color-moss-green-500)}.bg-moss-green-600{background-color:var(--color-moss-green-600)}.bg-moss-green-700{background-color:var(--color-moss-green-700)}.bg-moss-green-800{background-color:var(--color-moss-green-800)}.bg-moss-green-900{background-color:var(--color-moss-green-900)}.bg-peach-yellow{background-color:var(--color-peach-yellow)}.bg-peach-yellow-100{background-color:var(--color-peach-yellow-100)}.bg-peach-yellow-200{background-color:var(--color-peach-yellow-200)}.bg-peach-yellow-300{background-color:var(--color-peach-yellow-300)}.bg-peach-yellow-400{background-color:var(--color-peach-yellow-400)}.bg-peach-yellow-500{background-color:var(--color-peach-yellow-500)}.bg-peach-yellow-600{background-color:var(--color-peach-yellow-600)}.bg-peach-yellow-700{background-color:var(--color-peach-yellow-700)}.bg-peach-yellow-800{background-color:var(--color-peach-yellow-800)}.bg-peach-yellow-900{background-color:var(--color-peach-yellow-900)}.bg-persian-orange{background-color:var(--color-persian-orange)}.bg-persian-orange-100{background-color:var(--color-persian-orange-100)}.bg-persian-orange-200{background-color:var(--color-persian-orange-200)}.bg-persian-orange-300{background-color:var(--color-persian-orange-300)}.bg-persian-orange-400{background-color:var(--color-persian-orange-400)}.bg-persian-orange-500{background-color:var(--color-persian-orange-500)}.bg-persian-orange-600{background-color:var(--color-persian-orange-600)}.bg-persian-orange-700{background-color:var(--color-persian-orange-700)}.bg-persian-orange-800{background-color:var(--color-persian-orange-800)}.bg-persian-orange-900{background-color:var(--color-persian-orange-900)}.bg-reseda-green{background-color:var(--color-reseda-green)}.bg-reseda-green-100{background-color:var(--color-reseda-green-100)}.bg-reseda-green-200{background-color:var(--color-reseda-green-200)}.bg-reseda-green-300{background-color:var(--color-reseda-green-300)}.bg-reseda-green-400{background-color:var(--color-reseda-green-400)}.bg-reseda-green-500{background-color:var(--color-reseda-green-500)}.bg-reseda-green-600{background-color:var(--color-reseda-green-600)}.bg-reseda-green-700{background-color:var(--color-reseda-green-700)}.bg-reseda-green-800{background-color:var(--color-reseda-green-800)}.bg-reseda-green-900{background-color:var(--color-reseda-green-900)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-200{background-color:var(--color-success-200)}.bg-success-300{background-color:var(--color-success-300)}.bg-success-400{background-color:var(--color-success-400)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-600{background-color:var(--color-success-600)}.bg-success-700{background-color:var(--color-success-700)}.bg-success-800{background-color:var(--color-success-800)}.bg-success-900{background-color:var(--color-success-900)}.bg-success-950{background-color:var(--color-success-950)}.bg-sunglow{background-color:var(--color-sunglow)}.bg-sunglow-100{background-color:var(--color-sunglow-100)}.bg-sunglow-200{background-color:var(--color-sunglow-200)}.bg-sunglow-300{background-color:var(--color-sunglow-300)}.bg-sunglow-400{background-color:var(--color-sunglow-400)}.bg-sunglow-500{background-color:var(--color-sunglow-500)}.bg-sunglow-600{background-color:var(--color-sunglow-600)}.bg-sunglow-700{background-color:var(--color-sunglow-700)}.bg-sunglow-800{background-color:var(--color-sunglow-800)}.bg-sunglow-900{background-color:var(--color-sunglow-900)}.bg-surface{background-color:var(--color-surface)}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-text-muted{background-color:var(--color-text-muted)}.bg-text-primary{background-color:var(--color-text-primary)}.bg-text-secondary{background-color:var(--color-text-secondary)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-300{background-color:var(--color-warning-300)}.bg-warning-400{background-color:var(--color-warning-400)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-warning-800{background-color:var(--color-warning-800)}.bg-warning-900{background-color:var(--color-warning-900)}.bg-warning-950{background-color:var(--color-warning-950)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-8{padding:calc(var(--spacing)*8)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing)*6)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-indigo-200{color:var(--color-indigo-200)}.text-reseda-green-500{color:var(--color-reseda-green-500)}.text-reseda-green-700{color:var(--color-reseda-green-700)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}@media (hover:hover){.hover\:bg-\[\#005885\]:hover{background-color:#005885}.hover\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-khaki-600:hover{background-color:var(--color-khaki-600)}.hover\:bg-moss-green-500:hover{background-color:var(--color-moss-green-500)}.hover\:bg-reseda-green-600:hover{background-color:var(--color-reseda-green-600)}.hover\:bg-surface-variant:hover{background-color:var(--color-surface-variant)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[\#0077B5\]:focus-visible{--tw-ring-color:#0077b5}.focus-visible\:ring-error-500:focus-visible{--tw-ring-color:var(--color-error-500)}.focus-visible\:ring-khaki-500:focus-visible{--tw-ring-color:var(--color-khaki-500)}.focus-visible\:ring-reseda-green-500:focus-visible{--tw-ring-color:var(--color-reseda-green-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-closed\:-translate-x-full[data-closed]{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-closed\:opacity-0[data-closed]{opacity:0}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:fixed{position:fixed}.lg\:inset-y-0{inset-block:calc(var(--spacing)*0)}.lg\:z-50{z-index:50}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}}@media (min-width:80rem){.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}}}.dark{--color-background:oklch(10% .007 265.75);--color-surface:oklch(13% .008 265.75);--color-surface-variant:oklch(16% .009 265.75);--color-text-primary:oklch(95% .002 247.83);--color-text-secondary:oklch(75% .005 247.83);--color-text-muted:oklch(55% .008 247.83);--color-border:oklch(25% .01 265.75);--color-border-subtle:oklch(18% .008 265.75)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
|
1
|
+
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-indigo-200:oklch(87% .065 274.039);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-success-50:oklch(97.1% .013 142.423);--color-success-100:oklch(96.2% .037 141.267);--color-success-200:oklch(91.5% .084 145.477);--color-success-300:oklch(83.9% .155 144.468);--color-success-400:oklch(73.5% .184 142.686);--color-success-500:oklch(63.4% .179 142.495);--color-success-600:oklch(54.8% .166 143.748);--color-success-700:oklch(44.9% .132 144.206);--color-success-800:oklch(38.5% .108 144.206);--color-success-900:oklch(33.3% .089 144.936);--color-success-950:oklch(19.6% .057 145.477);--color-warning-50:oklch(98.5% .017 99.574);--color-warning-100:oklch(96.8% .043 102.212);--color-warning-200:oklch(92% .108 102.212);--color-warning-300:oklch(84.3% .167 99.574);--color-warning-400:oklch(76.5% .181 95.883);--color-warning-500:oklch(69.3% .157 92.317);--color-warning-600:oklch(59.6% .128 89.567);--color-warning-700:oklch(47.2% .105 85.594);--color-warning-800:oklch(41.7% .093 85.594);--color-warning-900:oklch(37.5% .08 85.594);--color-warning-950:oklch(23.7% .059 85.594);--color-error-50:oklch(97.1% .013 27.33);--color-error-100:oklch(93.6% .032 27.33);--color-error-200:oklch(88.5% .058 27.33);--color-error-300:oklch(81% .109 27.33);--color-error-400:oklch(70.4% .191 25.331);--color-error-500:oklch(62.8% .258 29.233);--color-error-600:oklch(56.9% .235 27.33);--color-error-700:oklch(47.2% .198 27.33);--color-error-800:oklch(41.2% .162 27.33);--color-error-900:oklch(37% .139 27.33);--color-error-950:oklch(22.3% .092 27.33);--color-reseda-green:oklch(53.1% .024 115.856);--color-reseda-green-100:oklch(11.4% .006 115.856);--color-reseda-green-200:oklch(22.8% .012 115.856);--color-reseda-green-300:oklch(34.2% .018 115.856);--color-reseda-green-400:oklch(45.6% .024 115.856);--color-reseda-green-500:oklch(53.1% .024 115.856);--color-reseda-green-600:oklch(63.2% .02 115.856);--color-reseda-green-700:oklch(73.3% .016 115.856);--color-reseda-green-800:oklch(83.4% .012 115.856);--color-reseda-green-900:oklch(93.5% .008 115.856);--color-moss-green:oklch(65% .031 89.784);--color-moss-green-100:oklch(13% .006 89.784);--color-moss-green-200:oklch(26% .012 89.784);--color-moss-green-300:oklch(39% .019 89.784);--color-moss-green-400:oklch(52% .025 89.784);--color-moss-green-500:oklch(65% .031 89.784);--color-moss-green-600:oklch(71.5% .026 89.784);--color-moss-green-700:oklch(78% .021 89.784);--color-moss-green-800:oklch(84.5% .016 89.784);--color-moss-green-900:oklch(91% .01 89.784);--color-khaki:oklch(71.7% .043 85.594);--color-khaki-100:oklch(16.3% .01 85.594);--color-khaki-200:oklch(28.6% .018 85.594);--color-khaki-300:oklch(43% .026 85.594);--color-khaki-400:oklch(57.3% .035 85.594);--color-khaki-500:oklch(71.7% .043 85.594);--color-khaki-600:oklch(76% .036 85.594);--color-khaki-700:oklch(80.3% .029 85.594);--color-khaki-800:oklch(88.6% .022 85.594);--color-khaki-900:oklch(92.9% .014 85.594);--color-desert-sand:oklch(75.7% .057 70.67);--color-desert-sand-100:oklch(18.6% .024 70.67);--color-desert-sand-200:oklch(31.5% .035 70.67);--color-desert-sand-300:oklch(44.4% .046 70.67);--color-desert-sand-400:oklch(57.3% .057 70.67);--color-desert-sand-500:oklch(75.7% .057 70.67);--color-desert-sand-600:oklch(78.7% .048 70.67);--color-desert-sand-700:oklch(81.7% .038 70.67);--color-desert-sand-800:oklch(87.7% .029 70.67);--color-desert-sand-900:oklch(94.7% .019 70.67);--color-peach-yellow:oklch(88.3% .077 92.317);--color-peach-yellow-100:oklch(25.4% .031 92.317);--color-peach-yellow-200:oklch(46% .046 92.317);--color-peach-yellow-300:oklch(70.7% .062 92.317);--color-peach-yellow-400:oklch(80% .069 92.317);--color-peach-yellow-500:oklch(88.3% .077 92.317);--color-peach-yellow-600:oklch(90% .065 92.317);--color-peach-yellow-700:oklch(91.7% .054 92.317);--color-peach-yellow-800:oklch(95.1% .042 92.317);--color-peach-yellow-900:oklch(97.5% .031 92.317);--color-sunglow:oklch(84.7% .146 85.594);--color-sunglow-100:oklch(25.4% .058 85.594);--color-sunglow-200:oklch(42.4% .087 85.594);--color-sunglow-300:oklch(59.4% .117 85.594);--color-sunglow-400:oklch(76.3% .146 85.594);--color-sunglow-500:oklch(84.7% .146 85.594);--color-sunglow-600:oklch(87% .123 85.594);--color-sunglow-700:oklch(89.3% .102 85.594);--color-sunglow-800:oklch(93.9% .081 85.594);--color-sunglow-900:oklch(96.9% .058 85.594);--color-earth-yellow:oklch(74.5% .105 75.46);--color-earth-yellow-100:oklch(18.6% .042 75.46);--color-earth-yellow-200:oklch(31.5% .063 75.46);--color-earth-yellow-300:oklch(44.4% .084 75.46);--color-earth-yellow-400:oklch(63% .105 75.46);--color-earth-yellow-500:oklch(74.5% .105 75.46);--color-earth-yellow-600:oklch(78.7% .088 75.46);--color-earth-yellow-700:oklch(82.8% .07 75.46);--color-earth-yellow-800:oklch(91% .053 75.46);--color-earth-yellow-900:oklch(95.1% .035 75.46);--color-persian-orange:oklch(63.5% .091 54.011);--color-persian-orange-100:oklch(15.2% .036 54.011);--color-persian-orange-200:oklch(25.5% .055 54.011);--color-persian-orange-300:oklch(39.9% .073 54.011);--color-persian-orange-400:oklch(50.2% .091 54.011);--color-persian-orange-500:oklch(63.5% .091 54.011);--color-persian-orange-600:oklch(70.3% .076 54.011);--color-persian-orange-700:oklch(77.1% .061 54.011);--color-persian-orange-800:oklch(87% .046 54.011);--color-persian-orange-900:oklch(93.9% .03 54.011);--color-chamoisee:oklch(59% .067 70.67);--color-chamoisee-100:oklch(11.8% .027 70.67);--color-chamoisee-200:oklch(23.6% .04 70.67);--color-chamoisee-300:oklch(35.4% .054 70.67);--color-chamoisee-400:oklch(47.2% .067 70.67);--color-chamoisee-500:oklch(59% .067 70.67);--color-chamoisee-600:oklch(66.7% .056 70.67);--color-chamoisee-700:oklch(74.4% .045 70.67);--color-chamoisee-800:oklch(85.4% .034 70.67);--color-chamoisee-900:oklch(93.1% .022 70.67);--color-beaver:oklch(54.9% .044 70.67);--color-beaver-100:oklch(11% .018 70.67);--color-beaver-200:oklch(22% .026 70.67);--color-beaver-300:oklch(32.9% .035 70.67);--color-beaver-400:oklch(43.9% .044 70.67);--color-beaver-500:oklch(54.9% .044 70.67);--color-beaver-600:oklch(64.2% .037 70.67);--color-beaver-700:oklch(73.5% .029 70.67);--color-beaver-800:oklch(86.1% .022 70.67);--color-beaver-900:oklch(93.8% .015 70.67);--color-background:oklch(100% 0 0);--color-surface:oklch(98% .002 247.83);--color-surface-variant:oklch(96% .004 247.83);--color-text-primary:oklch(15% .007 265.75);--color-text-secondary:oklch(35% .012 265.75);--color-text-muted:oklch(55% .015 265.75);--color-border:oklch(85% .005 247.83);--color-border-subtle:oklch(92% .003 247.83)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.left-full{left:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-m-2\.5{margin:calc(var(--spacing)*-2.5)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.-mx-6{margin-inline:calc(var(--spacing)*-6)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-16{margin-right:calc(var(--spacing)*16)}.-mb-px{margin-bottom:-1px}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-9{margin-left:calc(var(--spacing)*9)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-auto{width:auto}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-7{row-gap:calc(var(--spacing)*7)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-border{border-color:var(--color-border)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-reseda-green-700{border-color:var(--color-reseda-green-700)}.border-transparent{border-color:#0000}.bg-\[\#0077B5\]{background-color:#0077b5}.bg-background{background-color:var(--color-background)}.bg-beaver{background-color:var(--color-beaver)}.bg-beaver-100{background-color:var(--color-beaver-100)}.bg-beaver-200{background-color:var(--color-beaver-200)}.bg-beaver-300{background-color:var(--color-beaver-300)}.bg-beaver-400{background-color:var(--color-beaver-400)}.bg-beaver-500{background-color:var(--color-beaver-500)}.bg-beaver-600{background-color:var(--color-beaver-600)}.bg-beaver-700{background-color:var(--color-beaver-700)}.bg-beaver-800{background-color:var(--color-beaver-800)}.bg-beaver-900{background-color:var(--color-beaver-900)}.bg-border{background-color:var(--color-border)}.bg-border-subtle{background-color:var(--color-border-subtle)}.bg-chamoisee{background-color:var(--color-chamoisee)}.bg-chamoisee-100{background-color:var(--color-chamoisee-100)}.bg-chamoisee-200{background-color:var(--color-chamoisee-200)}.bg-chamoisee-300{background-color:var(--color-chamoisee-300)}.bg-chamoisee-400{background-color:var(--color-chamoisee-400)}.bg-chamoisee-500{background-color:var(--color-chamoisee-500)}.bg-chamoisee-600{background-color:var(--color-chamoisee-600)}.bg-chamoisee-700{background-color:var(--color-chamoisee-700)}.bg-chamoisee-800{background-color:var(--color-chamoisee-800)}.bg-chamoisee-900{background-color:var(--color-chamoisee-900)}.bg-desert-sand{background-color:var(--color-desert-sand)}.bg-desert-sand-100{background-color:var(--color-desert-sand-100)}.bg-desert-sand-200{background-color:var(--color-desert-sand-200)}.bg-desert-sand-300{background-color:var(--color-desert-sand-300)}.bg-desert-sand-400{background-color:var(--color-desert-sand-400)}.bg-desert-sand-500{background-color:var(--color-desert-sand-500)}.bg-desert-sand-600{background-color:var(--color-desert-sand-600)}.bg-desert-sand-700{background-color:var(--color-desert-sand-700)}.bg-desert-sand-800{background-color:var(--color-desert-sand-800)}.bg-desert-sand-900{background-color:var(--color-desert-sand-900)}.bg-earth-yellow{background-color:var(--color-earth-yellow)}.bg-earth-yellow-100{background-color:var(--color-earth-yellow-100)}.bg-earth-yellow-200{background-color:var(--color-earth-yellow-200)}.bg-earth-yellow-300{background-color:var(--color-earth-yellow-300)}.bg-earth-yellow-400{background-color:var(--color-earth-yellow-400)}.bg-earth-yellow-500{background-color:var(--color-earth-yellow-500)}.bg-earth-yellow-600{background-color:var(--color-earth-yellow-600)}.bg-earth-yellow-700{background-color:var(--color-earth-yellow-700)}.bg-earth-yellow-800{background-color:var(--color-earth-yellow-800)}.bg-earth-yellow-900{background-color:var(--color-earth-yellow-900)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-200{background-color:var(--color-error-200)}.bg-error-300{background-color:var(--color-error-300)}.bg-error-400{background-color:var(--color-error-400)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-error-700{background-color:var(--color-error-700)}.bg-error-800{background-color:var(--color-error-800)}.bg-error-900{background-color:var(--color-error-900)}.bg-error-950{background-color:var(--color-error-950)}.bg-gray-900\/80{background-color:#101828cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/80{background-color:color-mix(in oklab,var(--color-gray-900)80%,transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-khaki{background-color:var(--color-khaki)}.bg-khaki-100{background-color:var(--color-khaki-100)}.bg-khaki-200{background-color:var(--color-khaki-200)}.bg-khaki-300{background-color:var(--color-khaki-300)}.bg-khaki-400{background-color:var(--color-khaki-400)}.bg-khaki-500{background-color:var(--color-khaki-500)}.bg-khaki-600{background-color:var(--color-khaki-600)}.bg-khaki-700{background-color:var(--color-khaki-700)}.bg-khaki-800{background-color:var(--color-khaki-800)}.bg-khaki-900{background-color:var(--color-khaki-900)}.bg-moss-green{background-color:var(--color-moss-green)}.bg-moss-green-100{background-color:var(--color-moss-green-100)}.bg-moss-green-200{background-color:var(--color-moss-green-200)}.bg-moss-green-300{background-color:var(--color-moss-green-300)}.bg-moss-green-400{background-color:var(--color-moss-green-400)}.bg-moss-green-500{background-color:var(--color-moss-green-500)}.bg-moss-green-600{background-color:var(--color-moss-green-600)}.bg-moss-green-700{background-color:var(--color-moss-green-700)}.bg-moss-green-800{background-color:var(--color-moss-green-800)}.bg-moss-green-900{background-color:var(--color-moss-green-900)}.bg-peach-yellow{background-color:var(--color-peach-yellow)}.bg-peach-yellow-100{background-color:var(--color-peach-yellow-100)}.bg-peach-yellow-200{background-color:var(--color-peach-yellow-200)}.bg-peach-yellow-300{background-color:var(--color-peach-yellow-300)}.bg-peach-yellow-400{background-color:var(--color-peach-yellow-400)}.bg-peach-yellow-500{background-color:var(--color-peach-yellow-500)}.bg-peach-yellow-600{background-color:var(--color-peach-yellow-600)}.bg-peach-yellow-700{background-color:var(--color-peach-yellow-700)}.bg-peach-yellow-800{background-color:var(--color-peach-yellow-800)}.bg-peach-yellow-900{background-color:var(--color-peach-yellow-900)}.bg-persian-orange{background-color:var(--color-persian-orange)}.bg-persian-orange-100{background-color:var(--color-persian-orange-100)}.bg-persian-orange-200{background-color:var(--color-persian-orange-200)}.bg-persian-orange-300{background-color:var(--color-persian-orange-300)}.bg-persian-orange-400{background-color:var(--color-persian-orange-400)}.bg-persian-orange-500{background-color:var(--color-persian-orange-500)}.bg-persian-orange-600{background-color:var(--color-persian-orange-600)}.bg-persian-orange-700{background-color:var(--color-persian-orange-700)}.bg-persian-orange-800{background-color:var(--color-persian-orange-800)}.bg-persian-orange-900{background-color:var(--color-persian-orange-900)}.bg-reseda-green{background-color:var(--color-reseda-green)}.bg-reseda-green-100{background-color:var(--color-reseda-green-100)}.bg-reseda-green-200{background-color:var(--color-reseda-green-200)}.bg-reseda-green-300{background-color:var(--color-reseda-green-300)}.bg-reseda-green-400{background-color:var(--color-reseda-green-400)}.bg-reseda-green-500{background-color:var(--color-reseda-green-500)}.bg-reseda-green-600{background-color:var(--color-reseda-green-600)}.bg-reseda-green-700{background-color:var(--color-reseda-green-700)}.bg-reseda-green-800{background-color:var(--color-reseda-green-800)}.bg-reseda-green-900{background-color:var(--color-reseda-green-900)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-200{background-color:var(--color-success-200)}.bg-success-300{background-color:var(--color-success-300)}.bg-success-400{background-color:var(--color-success-400)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-600{background-color:var(--color-success-600)}.bg-success-700{background-color:var(--color-success-700)}.bg-success-800{background-color:var(--color-success-800)}.bg-success-900{background-color:var(--color-success-900)}.bg-success-950{background-color:var(--color-success-950)}.bg-sunglow{background-color:var(--color-sunglow)}.bg-sunglow-100{background-color:var(--color-sunglow-100)}.bg-sunglow-200{background-color:var(--color-sunglow-200)}.bg-sunglow-300{background-color:var(--color-sunglow-300)}.bg-sunglow-400{background-color:var(--color-sunglow-400)}.bg-sunglow-500{background-color:var(--color-sunglow-500)}.bg-sunglow-600{background-color:var(--color-sunglow-600)}.bg-sunglow-700{background-color:var(--color-sunglow-700)}.bg-sunglow-800{background-color:var(--color-sunglow-800)}.bg-sunglow-900{background-color:var(--color-sunglow-900)}.bg-surface{background-color:var(--color-surface)}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-text-muted{background-color:var(--color-text-muted)}.bg-text-primary{background-color:var(--color-text-primary)}.bg-text-secondary{background-color:var(--color-text-secondary)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-300{background-color:var(--color-warning-300)}.bg-warning-400{background-color:var(--color-warning-400)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-warning-800{background-color:var(--color-warning-800)}.bg-warning-900{background-color:var(--color-warning-900)}.bg-warning-950{background-color:var(--color-warning-950)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-8{padding:calc(var(--spacing)*8)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing)*6)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-indigo-200{color:var(--color-indigo-200)}.text-reseda-green-500{color:var(--color-reseda-green-500)}.text-reseda-green-700{color:var(--color-reseda-green-700)}.text-reseda-green-800{color:var(--color-reseda-green-800)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}@media (hover:hover){.hover\:bg-\[\#005885\]:hover{background-color:#005885}.hover\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-khaki-600:hover{background-color:var(--color-khaki-600)}.hover\:bg-moss-green-500:hover{background-color:var(--color-moss-green-500)}.hover\:bg-reseda-green-600:hover{background-color:var(--color-reseda-green-600)}.hover\:bg-surface-variant:hover{background-color:var(--color-surface-variant)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[\#0077B5\]:focus-visible{--tw-ring-color:#0077b5}.focus-visible\:ring-error-500:focus-visible{--tw-ring-color:var(--color-error-500)}.focus-visible\:ring-khaki-500:focus-visible{--tw-ring-color:var(--color-khaki-500)}.focus-visible\:ring-reseda-green-500:focus-visible{--tw-ring-color:var(--color-reseda-green-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-closed\:-translate-x-full[data-closed]{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-closed\:opacity-0[data-closed]{opacity:0}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:fixed{position:fixed}.lg\:inset-y-0{inset-block:calc(var(--spacing)*0)}.lg\:z-50{z-index:50}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}}@media (min-width:80rem){.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}}}.dark{--color-background:oklch(10% .007 265.75);--color-surface:oklch(13% .008 265.75);--color-surface-variant:oklch(16% .009 265.75);--color-text-primary:oklch(95% .002 247.83);--color-text-secondary:oklch(75% .005 247.83);--color-text-muted:oklch(55% .008 247.83);--color-border:oklch(25% .01 265.75);--color-border-subtle:oklch(18% .008 265.75)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|