acemyjob-ui 0.11.0 → 0.11.2
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 +58 -59
- package/dist/acemyjob-ui.umd.js +3 -3
- package/package.json +5 -5
package/dist/acemyjob-ui.es.js
CHANGED
|
@@ -159,7 +159,7 @@ function ys({
|
|
|
159
159
|
}
|
|
160
160
|
},
|
|
161
161
|
[a, r, t]
|
|
162
|
-
),
|
|
162
|
+
), D = O(() => {
|
|
163
163
|
n(e), l({}), u({}), d(!1);
|
|
164
164
|
}, [e]), I = O(
|
|
165
165
|
(b) => ({
|
|
@@ -172,10 +172,10 @@ function ys({
|
|
|
172
172
|
), k = O(
|
|
173
173
|
(b) => o[b] || null,
|
|
174
174
|
[o]
|
|
175
|
-
),
|
|
175
|
+
), R = O(
|
|
176
176
|
(b) => i[b] || !1,
|
|
177
177
|
[i]
|
|
178
|
-
),
|
|
178
|
+
), $ = O(
|
|
179
179
|
(b) => a[b] !== e[b],
|
|
180
180
|
[a, e]
|
|
181
181
|
);
|
|
@@ -190,11 +190,11 @@ function ys({
|
|
|
190
190
|
setFieldValue: j,
|
|
191
191
|
setFieldError: C,
|
|
192
192
|
handleSubmit: y,
|
|
193
|
-
resetForm:
|
|
193
|
+
resetForm: D,
|
|
194
194
|
getFieldProps: I,
|
|
195
195
|
getFieldError: k,
|
|
196
|
-
isFieldTouched:
|
|
197
|
-
isFieldDirty:
|
|
196
|
+
isFieldTouched: R,
|
|
197
|
+
isFieldDirty: $
|
|
198
198
|
};
|
|
199
199
|
}
|
|
200
200
|
var ie = { exports: {} }, ee = {};
|
|
@@ -250,11 +250,11 @@ function ur() {
|
|
|
250
250
|
switch (c) {
|
|
251
251
|
case C:
|
|
252
252
|
return "Fragment";
|
|
253
|
-
case
|
|
253
|
+
case D:
|
|
254
254
|
return "Profiler";
|
|
255
255
|
case y:
|
|
256
256
|
return "StrictMode";
|
|
257
|
-
case
|
|
257
|
+
case $:
|
|
258
258
|
return "Suspense";
|
|
259
259
|
case b:
|
|
260
260
|
return "SuspenseList";
|
|
@@ -271,7 +271,7 @@ function ur() {
|
|
|
271
271
|
return (c.displayName || "Context") + ".Provider";
|
|
272
272
|
case I:
|
|
273
273
|
return (c._context.displayName || "Context") + ".Consumer";
|
|
274
|
-
case
|
|
274
|
+
case R:
|
|
275
275
|
var h = c.render;
|
|
276
276
|
return c = c.displayName, c || (c = h.displayName || h.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
|
|
277
277
|
case v:
|
|
@@ -297,11 +297,11 @@ function ur() {
|
|
|
297
297
|
}
|
|
298
298
|
if (h) {
|
|
299
299
|
h = console;
|
|
300
|
-
var p = h.error,
|
|
300
|
+
var p = h.error, E = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
|
|
301
301
|
return p.call(
|
|
302
302
|
h,
|
|
303
303
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
304
|
-
|
|
304
|
+
E
|
|
305
305
|
), r(c);
|
|
306
306
|
}
|
|
307
307
|
}
|
|
@@ -348,7 +348,7 @@ function ur() {
|
|
|
348
348
|
"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."
|
|
349
349
|
)), c = this.props.ref, c !== void 0 ? c : null;
|
|
350
350
|
}
|
|
351
|
-
function f(c, h, p,
|
|
351
|
+
function f(c, h, p, E, L, z, ce, K) {
|
|
352
352
|
return p = z.ref, c = {
|
|
353
353
|
$$typeof: g,
|
|
354
354
|
type: c,
|
|
@@ -380,13 +380,13 @@ function ur() {
|
|
|
380
380
|
value: K
|
|
381
381
|
}), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
|
|
382
382
|
}
|
|
383
|
-
function d(c, h, p,
|
|
383
|
+
function d(c, h, p, E, L, z, ce, K) {
|
|
384
384
|
var N = h.children;
|
|
385
385
|
if (N !== void 0)
|
|
386
|
-
if (
|
|
386
|
+
if (E)
|
|
387
387
|
if (fe(N)) {
|
|
388
|
-
for (
|
|
389
|
-
m(N[
|
|
388
|
+
for (E = 0; E < N.length; E++)
|
|
389
|
+
m(N[E]);
|
|
390
390
|
Object.freeze && Object.freeze(N);
|
|
391
391
|
} else
|
|
392
392
|
console.error(
|
|
@@ -398,18 +398,18 @@ function ur() {
|
|
|
398
398
|
var B = Object.keys(h).filter(function(xe) {
|
|
399
399
|
return xe !== "key";
|
|
400
400
|
});
|
|
401
|
-
|
|
401
|
+
E = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", le[N + E] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
402
402
|
`A props object containing a "key" prop is being spread into JSX:
|
|
403
403
|
let props = %s;
|
|
404
404
|
<%s {...props} />
|
|
405
405
|
React keys must be passed directly to JSX without using spread:
|
|
406
406
|
let props = %s;
|
|
407
407
|
<%s key={someKey} {...props} />`,
|
|
408
|
-
|
|
408
|
+
E,
|
|
409
409
|
N,
|
|
410
410
|
B,
|
|
411
411
|
N
|
|
412
|
-
), le[N +
|
|
412
|
+
), le[N + E] = !0);
|
|
413
413
|
}
|
|
414
414
|
if (N = null, p !== void 0 && (t(p), N = "" + p), l(h) && (t(h.key), N = "" + h.key), "key" in h) {
|
|
415
415
|
p = {};
|
|
@@ -433,7 +433,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
433
433
|
function m(c) {
|
|
434
434
|
typeof c == "object" && c !== null && c.$$typeof === g && c._store && (c._store.validated = 1);
|
|
435
435
|
}
|
|
436
|
-
var x = X, g = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"),
|
|
436
|
+
var x = X, g = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), k = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), A = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, fe = Array.isArray, Z = console.createTask ? console.createTask : function() {
|
|
437
437
|
return null;
|
|
438
438
|
};
|
|
439
439
|
x = {
|
|
@@ -445,26 +445,26 @@ React keys must be passed directly to JSX without using spread:
|
|
|
445
445
|
x,
|
|
446
446
|
o
|
|
447
447
|
)(), oe = Z(a(o)), le = {};
|
|
448
|
-
re.Fragment = C, re.jsx = function(c, h, p,
|
|
448
|
+
re.Fragment = C, re.jsx = function(c, h, p, E, L) {
|
|
449
449
|
var z = 1e4 > A.recentlyCreatedOwnerStacks++;
|
|
450
450
|
return d(
|
|
451
451
|
c,
|
|
452
452
|
h,
|
|
453
453
|
p,
|
|
454
454
|
!1,
|
|
455
|
-
|
|
455
|
+
E,
|
|
456
456
|
L,
|
|
457
457
|
z ? Error("react-stack-top-frame") : G,
|
|
458
458
|
z ? Z(a(c)) : oe
|
|
459
459
|
);
|
|
460
|
-
}, re.jsxs = function(c, h, p,
|
|
460
|
+
}, re.jsxs = function(c, h, p, E, L) {
|
|
461
461
|
var z = 1e4 > A.recentlyCreatedOwnerStacks++;
|
|
462
462
|
return d(
|
|
463
463
|
c,
|
|
464
464
|
h,
|
|
465
465
|
p,
|
|
466
466
|
!0,
|
|
467
|
-
|
|
467
|
+
E,
|
|
468
468
|
L,
|
|
469
469
|
z ? Error("react-stack-top-frame") : G,
|
|
470
470
|
z ? Z(a(c)) : oe
|
|
@@ -1422,13 +1422,13 @@ const $r = X.forwardRef(
|
|
|
1422
1422
|
...m
|
|
1423
1423
|
}, x) => {
|
|
1424
1424
|
const [g, j] = S(""), C = (v) => {
|
|
1425
|
-
v.key === "Enter" && g.trim() ? (v.preventDefault(), y(g.trim())) : v.key === "Backspace" && !g && e.length > 0 &&
|
|
1425
|
+
v.key === "Enter" && g.trim() ? (v.preventDefault(), y(g.trim())) : v.key === "Backspace" && !g && e.length > 0 && D(e[e.length - 1]);
|
|
1426
1426
|
}, y = (v) => {
|
|
1427
1427
|
if (i && e.length >= i || u && e.includes(v))
|
|
1428
1428
|
return;
|
|
1429
1429
|
const w = [...e, v];
|
|
1430
1430
|
r(w), t?.(v), j("");
|
|
1431
|
-
},
|
|
1431
|
+
}, D = (v) => {
|
|
1432
1432
|
const w = e.filter((T) => T !== v);
|
|
1433
1433
|
r(w), a?.(v);
|
|
1434
1434
|
}, b = `w-full px-3 py-2 border rounded-lg transition-colors text-sm ${o ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${f ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${l ? "w-full" : ""} ${d}`;
|
|
@@ -1437,7 +1437,7 @@ const $r = X.forwardRef(
|
|
|
1437
1437
|
Vr,
|
|
1438
1438
|
{
|
|
1439
1439
|
removable: !0,
|
|
1440
|
-
onRemove: () =>
|
|
1440
|
+
onRemove: () => D(v),
|
|
1441
1441
|
variant: "default",
|
|
1442
1442
|
children: v
|
|
1443
1443
|
},
|
|
@@ -1481,7 +1481,7 @@ const Dr = X.forwardRef(
|
|
|
1481
1481
|
}, d) => {
|
|
1482
1482
|
const C = `px-3 py-2 border rounded-lg transition-colors text-sm font-normal resize-none ${r ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${l ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${t ? "w-full" : ""} ${e}`, y = (I) => {
|
|
1483
1483
|
a && (I.target.style.height = "auto", I.target.style.height = `${I.target.scrollHeight}px`), u?.(I);
|
|
1484
|
-
},
|
|
1484
|
+
}, D = typeof i == "string" ? i.length : 0;
|
|
1485
1485
|
return /* @__PURE__ */ s.jsxs("div", { className: "space-y-1", children: [
|
|
1486
1486
|
/* @__PURE__ */ s.jsx(
|
|
1487
1487
|
"textarea",
|
|
@@ -1496,7 +1496,7 @@ const Dr = X.forwardRef(
|
|
|
1496
1496
|
}
|
|
1497
1497
|
),
|
|
1498
1498
|
o && n && /* @__PURE__ */ s.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
|
|
1499
|
-
|
|
1499
|
+
D,
|
|
1500
1500
|
" / ",
|
|
1501
1501
|
n
|
|
1502
1502
|
] })
|
|
@@ -1657,7 +1657,7 @@ const Ir = X.forwardRef(
|
|
|
1657
1657
|
className: x = "",
|
|
1658
1658
|
...g
|
|
1659
1659
|
}, j) => {
|
|
1660
|
-
const k = `w-full h-2 rounded-lg appearance-none cursor-pointer ${f ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${m ? "opacity-50 cursor-not-allowed" : ""} ${d ? "w-full" : ""} ${x}`,
|
|
1660
|
+
const k = `w-full h-2 rounded-lg appearance-none cursor-pointer ${f ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${m ? "opacity-50 cursor-not-allowed" : ""} ${d ? "w-full" : ""} ${x}`, R = (e - t) / (a - t) * 100;
|
|
1661
1661
|
return /* @__PURE__ */ s.jsxs("div", { className: "space-y-2", children: [
|
|
1662
1662
|
l && (i || u) && /* @__PURE__ */ s.jsxs("div", { className: "flex justify-between text-xs text-text-muted", children: [
|
|
1663
1663
|
i && /* @__PURE__ */ s.jsx("span", { children: i }),
|
|
@@ -1673,7 +1673,7 @@ const Ir = X.forwardRef(
|
|
|
1673
1673
|
max: a,
|
|
1674
1674
|
step: n,
|
|
1675
1675
|
value: e,
|
|
1676
|
-
onChange: (
|
|
1676
|
+
onChange: ($) => r(Number($.target.value)),
|
|
1677
1677
|
disabled: m,
|
|
1678
1678
|
className: k,
|
|
1679
1679
|
...g
|
|
@@ -1685,7 +1685,7 @@ const Ir = X.forwardRef(
|
|
|
1685
1685
|
"div",
|
|
1686
1686
|
{
|
|
1687
1687
|
className: "h-full bg-reseda-green-500 transition-all",
|
|
1688
|
-
style: { width: `${
|
|
1688
|
+
style: { width: `${R}%` }
|
|
1689
1689
|
}
|
|
1690
1690
|
) })
|
|
1691
1691
|
] });
|
|
@@ -2070,13 +2070,13 @@ function Zr(e) {
|
|
|
2070
2070
|
role: g = Pe,
|
|
2071
2071
|
roleDescription: j = "draggable",
|
|
2072
2072
|
tabIndex: C = 0
|
|
2073
|
-
} = n ?? {}, y = u?.id === r,
|
|
2073
|
+
} = n ?? {}, y = u?.id === r, D = te(y ? qr : Gr), [I, k] = we(), [R, $] = we(), b = Xr(l, r), v = pe(t);
|
|
2074
2074
|
me(
|
|
2075
2075
|
() => (m.set(r, {
|
|
2076
2076
|
id: r,
|
|
2077
2077
|
key: o,
|
|
2078
2078
|
node: I,
|
|
2079
|
-
activatorNode:
|
|
2079
|
+
activatorNode: R,
|
|
2080
2080
|
data: v
|
|
2081
2081
|
}), () => {
|
|
2082
2082
|
const T = m.get(r);
|
|
@@ -2103,8 +2103,8 @@ function Zr(e) {
|
|
|
2103
2103
|
node: I,
|
|
2104
2104
|
over: x,
|
|
2105
2105
|
setNodeRef: k,
|
|
2106
|
-
setActivatorNodeRef:
|
|
2107
|
-
transform:
|
|
2106
|
+
setActivatorNodeRef: $,
|
|
2107
|
+
transform: D
|
|
2108
2108
|
};
|
|
2109
2109
|
}
|
|
2110
2110
|
const Qr = "Droppable", Kr = {
|
|
@@ -2131,14 +2131,14 @@ function es(e) {
|
|
|
2131
2131
|
} = {
|
|
2132
2132
|
...Kr,
|
|
2133
2133
|
...n
|
|
2134
|
-
},
|
|
2134
|
+
}, D = pe(C ?? a), I = O(
|
|
2135
2135
|
() => {
|
|
2136
2136
|
if (!m.current) {
|
|
2137
2137
|
m.current = !0;
|
|
2138
2138
|
return;
|
|
2139
2139
|
}
|
|
2140
2140
|
g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
|
|
2141
|
-
f(Array.isArray(
|
|
2141
|
+
f(Array.isArray(D.current) ? D.current : [D.current]), g.current = null;
|
|
2142
2142
|
}, y);
|
|
2143
2143
|
},
|
|
2144
2144
|
//eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -2146,19 +2146,19 @@ function es(e) {
|
|
|
2146
2146
|
), k = Wr({
|
|
2147
2147
|
callback: I,
|
|
2148
2148
|
disabled: j || !l
|
|
2149
|
-
}),
|
|
2149
|
+
}), R = O((w, T) => {
|
|
2150
2150
|
k && (T && (k.unobserve(T), m.current = !1), w && k.observe(w));
|
|
2151
|
-
}, [k]), [
|
|
2151
|
+
}, [k]), [$, b] = we(R), v = pe(r);
|
|
2152
2152
|
return M(() => {
|
|
2153
|
-
!k ||
|
|
2154
|
-
}, [
|
|
2153
|
+
!k || !$.current || (k.disconnect(), m.current = !1, k.observe($.current));
|
|
2154
|
+
}, [$, k]), M(
|
|
2155
2155
|
() => (i({
|
|
2156
2156
|
type: se.RegisterDroppable,
|
|
2157
2157
|
element: {
|
|
2158
2158
|
id: a,
|
|
2159
2159
|
key: o,
|
|
2160
2160
|
disabled: t,
|
|
2161
|
-
node:
|
|
2161
|
+
node: $,
|
|
2162
2162
|
rect: x,
|
|
2163
2163
|
data: v
|
|
2164
2164
|
}
|
|
@@ -2180,7 +2180,7 @@ function es(e) {
|
|
|
2180
2180
|
active: l,
|
|
2181
2181
|
rect: x,
|
|
2182
2182
|
isOver: u?.id === a,
|
|
2183
|
-
node:
|
|
2183
|
+
node: $,
|
|
2184
2184
|
over: u,
|
|
2185
2185
|
setNodeRef: b
|
|
2186
2186
|
};
|
|
@@ -2298,23 +2298,23 @@ function ds(e) {
|
|
|
2298
2298
|
disableTransforms: j,
|
|
2299
2299
|
sortedRects: C,
|
|
2300
2300
|
overIndex: y,
|
|
2301
|
-
useDragOverlay:
|
|
2301
|
+
useDragOverlay: D,
|
|
2302
2302
|
strategy: I
|
|
2303
|
-
} = te(ts), k = us(a, g),
|
|
2303
|
+
} = te(ts), k = us(a, g), R = d.indexOf(l), $ = H(() => ({
|
|
2304
2304
|
sortable: {
|
|
2305
2305
|
containerId: m,
|
|
2306
|
-
index:
|
|
2306
|
+
index: R,
|
|
2307
2307
|
items: d
|
|
2308
2308
|
},
|
|
2309
2309
|
...n
|
|
2310
|
-
}), [m, n,
|
|
2310
|
+
}), [m, n, R, d]), b = H(() => d.slice(d.indexOf(l)), [d, l]), {
|
|
2311
2311
|
rect: v,
|
|
2312
2312
|
node: w,
|
|
2313
2313
|
isOver: T,
|
|
2314
2314
|
setNodeRef: Y
|
|
2315
2315
|
} = es({
|
|
2316
2316
|
id: l,
|
|
2317
|
-
data:
|
|
2317
|
+
data: $,
|
|
2318
2318
|
disabled: k.droppable,
|
|
2319
2319
|
resizeObserverConfig: {
|
|
2320
2320
|
updateMeasurementsFor: b,
|
|
@@ -2333,24 +2333,24 @@ function ds(e) {
|
|
|
2333
2333
|
transform: c
|
|
2334
2334
|
} = Zr({
|
|
2335
2335
|
id: l,
|
|
2336
|
-
data:
|
|
2336
|
+
data: $,
|
|
2337
2337
|
attributes: {
|
|
2338
2338
|
...cs,
|
|
2339
2339
|
...t
|
|
2340
2340
|
},
|
|
2341
2341
|
disabled: k.draggable
|
|
2342
|
-
}), h = Ar(Y, Q), p = !!A,
|
|
2342
|
+
}), h = Ar(Y, Q), p = !!A, E = p && !j && de(x) && de(y), L = !D && G, z = L && E ? c : null, K = E ? z ?? (i ?? I)({
|
|
2343
2343
|
rects: C,
|
|
2344
2344
|
activeNodeRect: fe,
|
|
2345
2345
|
activeIndex: x,
|
|
2346
2346
|
overIndex: y,
|
|
2347
|
-
index:
|
|
2347
|
+
index: R
|
|
2348
2348
|
}) : null, N = de(x) && de(y) ? o({
|
|
2349
2349
|
id: l,
|
|
2350
2350
|
items: d,
|
|
2351
2351
|
activeIndex: x,
|
|
2352
2352
|
overIndex: y
|
|
2353
|
-
}) :
|
|
2353
|
+
}) : R, B = A?.id, V = W({
|
|
2354
2354
|
activeId: B,
|
|
2355
2355
|
items: d,
|
|
2356
2356
|
newIndex: N,
|
|
@@ -2361,7 +2361,7 @@ function ds(e) {
|
|
|
2361
2361
|
isDragging: G,
|
|
2362
2362
|
isSorting: p,
|
|
2363
2363
|
id: l,
|
|
2364
|
-
index:
|
|
2364
|
+
index: R,
|
|
2365
2365
|
items: d,
|
|
2366
2366
|
newIndex: V.current.newIndex,
|
|
2367
2367
|
previousItems: V.current.items,
|
|
@@ -2370,7 +2370,7 @@ function ds(e) {
|
|
|
2370
2370
|
wasDragging: V.current.activeId != null
|
|
2371
2371
|
}), ge = is({
|
|
2372
2372
|
disabled: !Ce,
|
|
2373
|
-
index:
|
|
2373
|
+
index: R,
|
|
2374
2374
|
node: w,
|
|
2375
2375
|
rect: v
|
|
2376
2376
|
});
|
|
@@ -2391,9 +2391,9 @@ function ds(e) {
|
|
|
2391
2391
|
active: A,
|
|
2392
2392
|
activeIndex: x,
|
|
2393
2393
|
attributes: Z,
|
|
2394
|
-
data:
|
|
2394
|
+
data: $,
|
|
2395
2395
|
rect: v,
|
|
2396
|
-
index:
|
|
2396
|
+
index: R,
|
|
2397
2397
|
newIndex: N,
|
|
2398
2398
|
items: d,
|
|
2399
2399
|
isOver: T,
|
|
@@ -2414,7 +2414,7 @@ function ds(e) {
|
|
|
2414
2414
|
if (
|
|
2415
2415
|
// Temporarily disable transitions for a single frame to set up derived transforms
|
|
2416
2416
|
ge || // Or to prevent items jumping to back to their "new" position when items change
|
|
2417
|
-
xe && V.current.newIndex ===
|
|
2417
|
+
xe && V.current.newIndex === R
|
|
2418
2418
|
)
|
|
2419
2419
|
return ls;
|
|
2420
2420
|
if (!(L && !Fr(q) || !f) && (p || Ce))
|
|
@@ -2526,7 +2526,6 @@ function ms({
|
|
|
2526
2526
|
...m,
|
|
2527
2527
|
className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing flex-shrink-0",
|
|
2528
2528
|
"aria-label": "Drag to reorder",
|
|
2529
|
-
onClick: (R) => R.stopPropagation(),
|
|
2530
2529
|
leftIcon: /* @__PURE__ */ s.jsx(Ie, { className: "w-4 h-4" })
|
|
2531
2530
|
}
|
|
2532
2531
|
),
|
package/dist/acemyjob-ui.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(b,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("@headlessui/react"),require("@heroicons/react/24/outline"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","@headlessui/react","@heroicons/react/24/outline","react-dom"],d):(b=typeof globalThis<"u"?globalThis:b||self,d(b.AceMyJobUI={},b.React,b.HeadlessUI,b.HeroiconsOutline))})(this,function(b,d,re,Y){"use strict";function ar(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const F=ar(d),nr={required:(e="This field is required")=>({validate:r=>typeof r=="string"?r.trim().length>0:Array.isArray(r)?r.length>0:r!=null,message:e}),email:(e="Please enter a valid email address")=>({validate:r=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(r)),message:e}),minLength:(e,r)=>({validate:t=>String(t).length>=e,message:r||`Must be at least ${e} characters`}),maxLength:(e,r)=>({validate:t=>String(t).length<=e,message:r||`Must be no more than ${e} characters`}),pattern:(e,r="Invalid format")=>({validate:t=>e.test(String(t)),message:r}),minValue:(e,r)=>({validate:t=>Number(t)>=e,message:r||`Must be at least ${e}`}),maxValue:(e,r)=>({validate:t=>Number(t)<=e,message:r||`Must be no more than ${e}`}),url:(e="Please enter a valid URL")=>({validate:r=>{try{return new URL(String(r)),!0}catch{return!1}},message:e}),phone:(e="Please enter a valid phone number")=>({validate:r=>{const t=/^[\d\s\-+()]+$/,a=String(r);return t.test(a)&&a.replace(/\D/g,"").length>=10},message:e}),match:(e,r="Fields do not match")=>({validate:t=>t===e,message:r}),custom:(e,r)=>({validate:e,message:r})};function pe(e,r){for(const t of r)if(!t.validate(e))return t.message;return null}function se(e,r){const t={};for(const[a,n]of Object.entries(r)){const o=e[a],l=pe(o,n);t[a]=l}return t}function we(e){return Object.values(e).some(r=>r!==null)}function or(e){for(const r of Object.values(e))if(r!==null)return r;return null}function lr(e,r){return{...e,[r]:null}}function cr(e){const r={};for(const t of Object.keys(e))r[t]=null;return r}function ir({initialValues:e,validationRules:r={},onSubmit:t}){const[a,n]=d.useState(e),[o,l]=d.useState({}),[i,m]=d.useState({}),[x,u]=d.useState(!1),f=JSON.stringify(a)!==JSON.stringify(e),g=d.useCallback(w=>{const{name:h,value:j,type:E}=w.target;let U=j;if(E==="checkbox"?U=w.target.checked:E==="number"&&(U=j?Number(j):""),n(z=>({...z,[h]:U})),r[h]){const z=se({[h]:U},{[h]:r[h]});l(X=>({...X,[h]:z[h]}))}},[r]),v=d.useCallback(w=>{const{name:h}=w.target;m(j=>({...j,[h]:!0}))},[]),C=d.useCallback((w,h)=>{if(n(j=>({...j,[w]:h})),r[w]){const j=se({[w]:h},{[w]:r[w]});l(E=>({...E,[w]:j[w]}))}},[r]),T=d.useCallback((w,h)=>{l(j=>({...j,[w]:h}))},[]),N=d.useCallback(async w=>{w.preventDefault();const h=se(a,r);l(h);const j={};for(const E of Object.keys(a))j[E]=!0;if(m(j),!we(h)&&t){u(!0);try{await t(a)}catch(E){console.error("Form submission error:",E)}finally{u(!1)}}},[a,r,t]),
|
|
1
|
+
(function(b,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("@headlessui/react"),require("@heroicons/react/24/outline"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","@headlessui/react","@heroicons/react/24/outline","react-dom"],d):(b=typeof globalThis<"u"?globalThis:b||self,d(b.AceMyJobUI={},b.React,b.HeadlessUI,b.HeroiconsOutline))})(this,function(b,d,re,Y){"use strict";function ar(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const F=ar(d),nr={required:(e="This field is required")=>({validate:r=>typeof r=="string"?r.trim().length>0:Array.isArray(r)?r.length>0:r!=null,message:e}),email:(e="Please enter a valid email address")=>({validate:r=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(r)),message:e}),minLength:(e,r)=>({validate:t=>String(t).length>=e,message:r||`Must be at least ${e} characters`}),maxLength:(e,r)=>({validate:t=>String(t).length<=e,message:r||`Must be no more than ${e} characters`}),pattern:(e,r="Invalid format")=>({validate:t=>e.test(String(t)),message:r}),minValue:(e,r)=>({validate:t=>Number(t)>=e,message:r||`Must be at least ${e}`}),maxValue:(e,r)=>({validate:t=>Number(t)<=e,message:r||`Must be no more than ${e}`}),url:(e="Please enter a valid URL")=>({validate:r=>{try{return new URL(String(r)),!0}catch{return!1}},message:e}),phone:(e="Please enter a valid phone number")=>({validate:r=>{const t=/^[\d\s\-+()]+$/,a=String(r);return t.test(a)&&a.replace(/\D/g,"").length>=10},message:e}),match:(e,r="Fields do not match")=>({validate:t=>t===e,message:r}),custom:(e,r)=>({validate:e,message:r})};function pe(e,r){for(const t of r)if(!t.validate(e))return t.message;return null}function se(e,r){const t={};for(const[a,n]of Object.entries(r)){const o=e[a],l=pe(o,n);t[a]=l}return t}function we(e){return Object.values(e).some(r=>r!==null)}function or(e){for(const r of Object.values(e))if(r!==null)return r;return null}function lr(e,r){return{...e,[r]:null}}function cr(e){const r={};for(const t of Object.keys(e))r[t]=null;return r}function ir({initialValues:e,validationRules:r={},onSubmit:t}){const[a,n]=d.useState(e),[o,l]=d.useState({}),[i,m]=d.useState({}),[x,u]=d.useState(!1),f=JSON.stringify(a)!==JSON.stringify(e),g=d.useCallback(w=>{const{name:h,value:j,type:E}=w.target;let U=j;if(E==="checkbox"?U=w.target.checked:E==="number"&&(U=j?Number(j):""),n(z=>({...z,[h]:U})),r[h]){const z=se({[h]:U},{[h]:r[h]});l(X=>({...X,[h]:z[h]}))}},[r]),v=d.useCallback(w=>{const{name:h}=w.target;m(j=>({...j,[h]:!0}))},[]),C=d.useCallback((w,h)=>{if(n(j=>({...j,[w]:h})),r[w]){const j=se({[w]:h},{[w]:r[w]});l(E=>({...E,[w]:j[w]}))}},[r]),T=d.useCallback((w,h)=>{l(j=>({...j,[w]:h}))},[]),N=d.useCallback(async w=>{w.preventDefault();const h=se(a,r);l(h);const j={};for(const E of Object.keys(a))j[E]=!0;if(m(j),!we(h)&&t){u(!0);try{await t(a)}catch(E){console.error("Form submission error:",E)}finally{u(!1)}}},[a,r,t]),O=d.useCallback(()=>{n(e),l({}),m({}),u(!1)},[e]),R=d.useCallback(w=>({name:w,value:a[w]||"",onChange:g,onBlur:v}),[a,g,v]),V=d.useCallback(w=>o[w]||null,[o]),I=d.useCallback(w=>i[w]||!1,[i]),S=d.useCallback(w=>a[w]!==e[w],[a,e]);return{values:a,errors:o,touched:i,isSubmitting:x,isDirty:f,handleChange:g,handleBlur:v,setFieldValue:C,setFieldError:T,handleSubmit:N,resetForm:O,getFieldProps:R,getFieldError:V,isFieldTouched:I,isFieldDirty:S}}var te={exports:{}},q={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -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 je;function ur(){return je||(je=1,process.env.NODE_ENV!=="production"&&function(){function e(c){if(c==null)return null;if(typeof c=="function")return c.$$typeof===U?null:c.displayName||c.name||null;if(typeof c=="string")return c;switch(c){case T:return"Fragment";case
|
|
17
|
+
*/var je;function ur(){return je||(je=1,process.env.NODE_ENV!=="production"&&function(){function e(c){if(c==null)return null;if(typeof c=="function")return c.$$typeof===U?null:c.displayName||c.name||null;if(typeof c=="string")return c;switch(c){case T:return"Fragment";case O:return"Profiler";case N:return"StrictMode";case S:return"Suspense";case w:return"SuspenseList";case E:return"Activity"}if(typeof c=="object")switch(typeof c.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),c.$$typeof){case C:return"Portal";case V:return(c.displayName||"Context")+".Provider";case R:return(c._context.displayName||"Context")+".Consumer";case I:var p=c.render;return c=c.displayName,c||(c=p.displayName||p.name||"",c=c!==""?"ForwardRef("+c+")":"ForwardRef"),c;case h:return p=c.displayName||null,p!==null?p:e(c.type)||"Memo";case j:p=c._payload,c=c._init;try{return e(c(p))}catch{}}return null}function r(c){return""+c}function t(c){try{r(c);var p=!1}catch{p=!0}if(p){p=console;var y=p.error,D=typeof Symbol=="function"&&Symbol.toStringTag&&c[Symbol.toStringTag]||c.constructor.name||"Object";return y.call(p,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",D),r(c)}}function a(c){if(c===T)return"<>";if(typeof c=="object"&&c!==null&&c.$$typeof===j)return"<...>";try{var p=e(c);return p?"<"+p+">":"<...>"}catch{return"<...>"}}function n(){var c=z.A;return c===null?null:c.getOwner()}function o(){return Error("react-stack-top-frame")}function l(c){if(X.call(c,"key")){var p=Object.getOwnPropertyDescriptor(c,"key").get;if(p&&p.isReactWarning)return!1}return c.key!==void 0}function i(c,p){function y(){K||(K=!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)",p))}y.isReactWarning=!0,Object.defineProperty(c,"key",{get:y,configurable:!0})}function m(){var c=e(this.type);return oe[c]||(oe[c]=!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.")),c=this.props.ref,c!==void 0?c:null}function x(c,p,y,D,M,B,ie,ee){return y=B.ref,c={$$typeof:v,type:c,key:p,props:B,_owner:M},(y!==void 0?y:null)!==null?Object.defineProperty(c,"ref",{enumerable:!1,get:m}):Object.defineProperty(c,"ref",{enumerable:!1,value:null}),c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(c,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(c,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:ie}),Object.defineProperty(c,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ee}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c}function u(c,p,y,D,M,B,ie,ee){var k=p.children;if(k!==void 0)if(D)if(ve(k)){for(D=0;D<k.length;D++)f(k[D]);Object.freeze&&Object.freeze(k)}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 f(k);if(X.call(p,"key")){k=e(c);var _=Object.keys(p).filter(function(he){return he!=="key"});D=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",ce[k+D]||(_=0<_.length?"{"+_.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} />`,S,k,_,k),ce[k+S]=!0)}if(k=null,y!==void 0&&(t(y),k=""+y),l(p)&&(t(p.key),k=""+p.key),"key"in p){y={};for(var $ in p)$!=="key"&&(y[$]=p[$])}else y=p;return k&&i(y,typeof c=="function"?c.displayName||c.name||"Unknown":c),x(c,k,B,M,n(),y,ie,ee)}function f(c){typeof c=="object"&&c!==null&&c.$$typeof===v&&c._store&&(c._store.validated=1)}var g=d,v=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),I=Symbol.for("react.profiler"),R=Symbol.for("react.consumer"),V=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),w=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),E=Symbol.for("react.activity"),U=Symbol.for("react.client.reference"),z=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,ve=Array.isArray,Q=console.createTask?console.createTask:function(){return null};g={"react-stack-bottom-frame":function(c){return c()}};var K,oe={},H=g["react-stack-bottom-frame"].bind(g,o)(),le=Q(a(o)),ce={};G.Fragment=T,G.jsx=function(c,p,y,S,M){var B=1e4>z.recentlyCreatedOwnerStacks++;return u(c,p,y,!1,S,M,B?Error("react-stack-top-frame"):H,B?Q(a(c)):le)},G.jsxs=function(c,p,y,S,M){var B=1e4>z.recentlyCreatedOwnerStacks++;return u(c,p,y,!0,S,M,B?Error("react-stack-top-frame"):H,B?Q(a(c)):le)}}()),G}var Ne;function mr(){return Ne||(Ne=1,process.env.NODE_ENV==="production"?te.exports=dr():te.exports=ur()),te.exports}var s=mr();const fr={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 A(...e){return e.filter(Boolean).join(" ")}function Ce({item:e,colorScheme:r}){const[t,a]=d.useState(e.current||e.children?.some(o=>o.current)),n=e.children&&e.children.length>0;return s.jsxs("li",{children:[s.jsx("div",{children:s.jsxs("a",{href:n?void 0:e.href,onClick:o=>{n&&(o.preventDefault(),a(!t))},className:A(e.current?`${r.activeBg} ${r.activeText}`:`${r.text} ${r.hoverBg} ${r.hoverText}`,"group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",n?"cursor-pointer":""),children:[s.jsxs("div",{className:"flex items-center gap-x-3",children:[s.jsx(e.icon,{"aria-hidden":"true",className:A(e.current?r.activeText:`${r.text} group-${r.hoverText}`,"size-6 shrink-0")}),e.name]}),n&&s.jsx(Y.ChevronDownIcon,{className:A("size-5 shrink-0 transition-transform",t?"rotate-180":"",e.current?r.activeText:r.text)})]})}),n&&t&&s.jsx("ul",{className:"mt-1 ml-9 space-y-1",children:e.children.map(o=>s.jsx("li",{children:s.jsxs("a",{href:o.href,className:A(o.current?`${r.activeBg} ${r.activeText}`:`${r.text} ${r.hoverBg} ${r.hoverText}`,"group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[s.jsx(o.icon,{"aria-hidden":"true",className:A(o.current?r.activeText:`${r.text} group-${r.hoverText}`,"size-5 shrink-0")}),o.name]})},o.name))})]})}function xr({company:e,profile:r,navigation:t,colorScheme:a=fr}){const[n,o]=d.useState(!1);return s.jsx(s.Fragment,{children:s.jsxs("div",{children:[s.jsxs(re.Dialog,{open:n,onClose:o,className:"relative z-50 lg:hidden",children:[s.jsx(re.DialogBackdrop,{transition:!0,className:"fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"}),s.jsx("div",{className:"fixed inset-0 flex",children:s.jsxs(re.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:[s.jsx(re.TransitionChild,{children:s.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:s.jsxs("button",{type:"button",onClick:()=>o(!1),className:"-m-2.5 p-2.5",children:[s.jsx("span",{className:"sr-only",children:"Close sidebar"}),s.jsx(Y.XMarkIcon,{"aria-hidden":"true",className:"size-6 text-white"})]})})}),s.jsxs("div",{className:A("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2",a.bg),children:[s.jsx("div",{className:"flex h-16 shrink-0 items-center",children:s.jsx("img",{alt:e.name,src:e.logo,className:"h-8 w-auto"})}),s.jsx("nav",{className:"flex flex-1 flex-col",children:s.jsx("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:s.jsx("li",{children:s.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:t.map(l=>s.jsx(Ce,{item:l,colorScheme:a},l.name))})})})})]})]})})]}),s.jsx("div",{className:"hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col",children:s.jsxs("div",{className:A("flex grow flex-col gap-y-5 overflow-y-auto px-6",a.bg),children:[s.jsx("div",{className:"flex h-16 shrink-0 items-center",children:s.jsx("img",{alt:e.name,src:e.logo,className:"h-8 w-auto"})}),s.jsx("nav",{className:"flex flex-1 flex-col",children:s.jsxs("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:[s.jsx("li",{children:s.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:t.map(l=>s.jsx(Ce,{item:l,colorScheme:a},l.name))})}),s.jsx("li",{className:"-mx-6 mt-auto",children:s.jsxs("a",{href:"#",className:A("flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",a.activeText,a.hoverBg),children:[s.jsx("img",{alt:r.name,src:r.image,className:A("size-8 rounded-full",a.activeBg)}),s.jsx("span",{className:"sr-only",children:"Your profile"}),s.jsx("span",{"aria-hidden":"true",children:r.name})]})})]})})]})}),s.jsxs("div",{className:A("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden",a.bg),children:[s.jsxs("button",{type:"button",onClick:()=>o(!0),className:A("-m-2.5 p-2.5 lg:hidden",a.text),children:[s.jsx("span",{className:"sr-only",children:"Open sidebar"}),s.jsx(Y.Bars3Icon,{"aria-hidden":"true",className:"size-6"})]}),s.jsx("div",{className:A("flex-1 text-sm/6 font-semibold",a.activeText),children:"Dashboard"}),s.jsxs("a",{href:"#",children:[s.jsx("span",{className:"sr-only",children:"Your profile"}),s.jsx("img",{alt:r.name,src:r.image,className:A("size-8 rounded-full",a.activeBg)})]})]})]})})}const ke=e=>e.replace("--color-","bg-"),gr=({name:e,cssVar:r,value:t})=>{const a=`rgb(${t})`;return s.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:[s.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${ke(r)}`}),s.jsxs("div",{className:"text-center",children:[s.jsx("div",{className:"text-sm font-medium text-text-primary",children:e}),s.jsx("div",{className:"text-xs text-text-muted font-mono",children:r}),s.jsx("div",{className:"text-xs text-text-secondary",children:a})]})]})},Te=({title:e,colors:r})=>s.jsxs("div",{className:"space-y-4",children:[s.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:e}),s.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:r.map(t=>s.jsx(gr,{...t},t.name))})]}),Ve=()=>{const e=[{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"}]}],r=[{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 s.jsxs("div",{className:"p-8 space-y-8 bg-background min-h-screen",children:[s.jsxs("div",{className:"text-center space-y-2",children:[s.jsx("h1",{className:"text-3xl font-bold text-text-primary",children:"AceMyJob Color Palette"}),s.jsx("p",{className:"text-text-secondary",children:"Your complete design system color reference"})]}),r.map(a=>s.jsx(Te,{...a},a.title)),e.map(a=>s.jsx(Te,{...a},a.title)),s.jsxs("div",{className:"space-y-4",children:[s.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:"Semantic Colors (Theme-aware)"}),s.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4",children:t.map(a=>s.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:[s.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${ke(a.cssVar)}`}),s.jsxs("div",{className:"text-center",children:[s.jsx("div",{className:"text-sm font-medium text-text-primary",children:a.name}),s.jsx("div",{className:"text-xs text-text-muted font-mono",children:a.cssVar})]})]},a.name))})]}),s.jsx("div",{className:"text-center pt-8 border-t border-border-subtle",children:s.jsx("p",{className:"text-text-muted text-sm",children:"Toggle between light and dark themes to see how semantic colors adapt"})})]})},Ee=d.createContext(void 0),$e=({children:e,defaultTheme:r="system",storageKey:t="acemyjob-ui-theme"})=>{const[a,n]=d.useState(r),[o,l]=d.useState("light"),[i,m]=d.useState(!1);d.useEffect(()=>{const u=localStorage.getItem(t);u&&n(u),m(!0)},[t]),d.useEffect(()=>{if(!i)return;const u=window.document.documentElement,f=()=>{let g;a==="system"?g=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":g=a,l(g),u.classList.remove("light","dark"),u.classList.add(g)};if(f(),a==="system"){const g=window.matchMedia("(prefers-color-scheme: dark)"),v=()=>f();return g.addEventListener("change",v),()=>g.removeEventListener("change",v)}},[a,i]);const x={theme:a,setTheme:u=>{localStorage.setItem(t,u),n(u)},resolvedTheme:o};return s.jsx(Ee.Provider,{value:x,children:e})},Ie=()=>{const e=d.useContext(Ee);if(e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return e},De=()=>{const{theme:e,setTheme:r}=Ie(),[t,a]=d.useState(!1);if(d.useEffect(()=>{a(!0)},[]),!t)return s.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:[s.jsx("div",{className:"w-4 h-4 animate-pulse bg-text-muted rounded"}),s.jsx("span",{className:"hidden sm:inline",children:"Loading..."})]});const n=()=>{r(e==="light"?"dark":e==="dark"?"system":"light")},o=()=>{switch(e){case"light":return s.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:s.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 s.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:s.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 s.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:s.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"})})}},l=()=>{switch(e){case"light":return"Light";case"dark":return"Dark";case"system":return"System"}};return s.jsxs("button",{onClick:n,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: ${l()}. Click to cycle themes.`,children:[o(),s.jsx("span",{className:"hidden sm:inline",children:l()})]})},vr=()=>s.jsxs("div",{className:"relative",children:[s.jsx("div",{className:"fixed top-4 right-4 z-10",children:s.jsx(De,{})}),s.jsx(Ve,{})]}),hr=()=>s.jsx($e,{defaultTheme:"system",storageKey:"acemyjob-demo-theme",children:s.jsx(vr,{})}),Se={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"}},br="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",pr=(...e)=>e.filter(Boolean).join(" "),L=d.forwardRef(({className:e,variant:r="default",size:t="default",fullWidth:a=!1,loading:n=!1,leftIcon:o,rightIcon:l,children:i,disabled:m,...x},u)=>{const f=m||n,g=pr(br,Se.variant[r],Se.size[t],a?"w-full":"",e);return s.jsxs("button",{className:g,ref:u,disabled:f,...x,children:[n&&s.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:[s.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),s.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"})]}),!n&&o&&s.jsx("span",{className:"mr-2",children:o}),i,!n&&l&&s.jsx("span",{className:"ml-2",children:l})]})});L.displayName="Button";const Oe={provider:{linkedin:"bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"},iconPosition:{left:"flex-row",right:"flex-row-reverse",only:"justify-center"}},wr=(...e)=>e.filter(Boolean).join(" "),Re=d.forwardRef(({className:e,provider:r,iconPosition:t="left",icon:a,showText:n=!0,children:o,size:l="default",fullWidth:i=!0,...m},x)=>{const f=a||{linkedin:s.jsx("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",fill:"currentColor",children:s.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"})})}[r],v=o||(n?{linkedin:"Continue with LinkedIn"}[r]:""),C=wr("relative overflow-hidden transition-all duration-200",Oe.provider[r],Oe.iconPosition[t],e);return s.jsxs(L,{ref:x,variant:"none",className:C,size:l,fullWidth:i,leftIcon:t==="left"?f:void 0,rightIcon:t==="right"?f:void 0,...m,children:[t==="only"&&f,t!=="only"&&v]})});Re.displayName="SocialButton";function yr({children:e,variant:r="default",isActive:t=!1,onClick:a,className:n=""}){const o="rounded-lg transition-all",l={default:"border border-border p-4",surface:"bg-surface-variant p-4",elevated:"bg-surface shadow-md p-6",interactive:`border-2 p-4 cursor-pointer ${t?"border-success-500 bg-success-50":"border-border bg-surface hover:border-border-subtle"}`};return s.jsx("div",{className:`${o} ${l[r]} ${n}`,onClick:a,role:a?"button":void 0,tabIndex:a?0:void 0,onKeyDown:a?i=>{(i.key==="Enter"||i.key===" ")&&a()}:void 0,children:e})}function jr({title:e,children:r,subtitle:t,spacing:a="normal",className:n=""}){const o={compact:"space-y-3",normal:"space-y-6",spacious:"space-y-8"};return s.jsxs("div",{className:`${o[a]} ${n}`,children:[s.jsxs("div",{children:[s.jsx("h3",{className:"text-lg font-semibold text-text-primary",children:e}),t&&s.jsx("p",{className:"text-sm text-text-secondary mt-1",children:t})]}),r]})}function Nr({variant:e,title:r,message:t,icon:a,onClose:n,className:o=""}){const i={success:{bg:"bg-success-50",border:"border-success-200",text:"text-success-700",icon:s.jsx(Y.CheckCircleIcon,{className:"h-5 w-5"})},error:{bg:"bg-error-50",border:"border-error-200",text:"text-error-700",icon:s.jsx(Y.XCircleIcon,{className:"h-5 w-5"})},warning:{bg:"bg-warning-50",border:"border-warning-200",text:"text-warning-700",icon:s.jsx(Y.ExclamationCircleIcon,{className:"h-5 w-5"})},info:{bg:"bg-info-50",border:"border-info-200",text:"text-info-700",icon:s.jsx(Y.InformationCircleIcon,{className:"h-5 w-5"})}}[e];return s.jsx("div",{className:`${i.bg} border ${i.border} rounded-md p-3 ${o}`,role:"alert",children:s.jsxs("div",{className:"flex items-start gap-3",children:[s.jsx("div",{className:`flex-shrink-0 ${i.text}`,children:a||i.icon}),s.jsxs("div",{className:"flex-1",children:[r&&s.jsx("p",{className:`text-sm font-medium ${i.text}`,children:r}),s.jsx("p",{className:`text-sm ${i.text}`,children:t})]}),n&&s.jsx("button",{onClick:n,className:`flex-shrink-0 ${i.text} hover:opacity-70`,"aria-label":"Close alert",children:"✕"})]})})}function Cr({title:e,titleId:r,...t},a){return F.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":r},t),e?F.createElement("title",{id:r},e):null,F.createElement("path",{fillRule:"evenodd",d:"M2 6.75A.75.75 0 0 1 2.75 6h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 6.75Zm0 6.5a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z",clipRule:"evenodd"}))}const Ae=F.forwardRef(Cr);function kr({title:e,titleId:r,...t},a){return F.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":r},t),e?F.createElement("title",{id:r},e):null,F.createElement("path",{fillRule:"evenodd",d:"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"}))}const ze=F.forwardRef(kr);function Tr({title:e,titleId:r,...t},a){return F.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":r},t),e?F.createElement("title",{id:r},e):null,F.createElement("path",{d:"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"}))}const de=F.forwardRef(Tr);function Be({children:e,variant:r="default",size:t="md",removable:a=!1,onRemove:n,className:o="",style:l,colorClass:i}){const m={default:"bg-surface-variant text-text-secondary",success:"bg-success-50 text-success-700",error:"bg-error-50 text-error-700",warning:"bg-warning-50 text-warning-700",info:"bg-info-50 text-info-700"},x={sm:"px-2 py-0.5 text-xs",md:"px-3 py-1 text-sm",lg:"px-4 py-1.5 text-base"},u=i||m[r];return s.jsxs("span",{className:`inline-flex items-center gap-1 rounded-full ${u} ${x[t]} ${o}`,style:l,children:[e,a&&n&&s.jsx("button",{onClick:n,className:"ml-1 hover:opacity-70","aria-label":"Remove badge",children:s.jsx(de,{className:"w-3 h-3"})})]})}function Vr({label:e,children:r,helperText:t,errorText:a,required:n=!1,className:o=""}){return s.jsxs("div",{className:`space-y-2 ${o}`,children:[s.jsxs("label",{className:"block text-sm font-medium text-text-primary",children:[e,n&&s.jsx("span",{className:"text-error-500 ml-1",children:"*"})]}),r,a&&s.jsx("p",{className:"text-xs text-error-600",children:a}),t&&!a&&s.jsx("p",{className:"text-xs text-text-muted",children:t})]})}const _e=d.forwardRef(({className:e="",leftIcon:r,rightIcon:t,error:a=!1,fullWidth:n=!0,disabled:o,...l},i)=>{const m="px-3 py-2 border rounded-lg transition-colors text-sm",x=a?"border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent":"border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent",u=o?"bg-surface-variant text-text-muted cursor-not-allowed":"bg-surface text-text-primary",f=n?"w-full":"",g=r||t?"relative flex items-center":"",v=`${m} ${x} ${u} ${f} ${r?"pl-10":""} ${t?"pr-10":""} ${e}`;return s.jsxs("div",{className:g,children:[r&&s.jsx("div",{className:"absolute left-3 flex items-center pointer-events-none text-text-muted",children:r}),s.jsx("input",{ref:i,className:v,disabled:o,...l}),t&&s.jsx("div",{className:"absolute right-3 flex items-center pointer-events-none text-text-muted",children:t})]})});_e.displayName="Input";const Fe=d.forwardRef(({options:e,placeholder:r,className:t="",error:a=!1,fullWidth:n=!0,disabled:o,...l},i)=>{const g=`px-3 py-2 border rounded-lg transition-colors text-sm appearance-none ${a?"border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent":"border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${o?"bg-surface-variant text-text-muted cursor-not-allowed":"bg-surface text-text-primary"} ${n?"w-full":""} pr-10 ${t}`;return s.jsxs("div",{className:"relative flex items-center",children:[s.jsxs("select",{ref:i,className:g,disabled:o,...l,children:[r&&s.jsx("option",{value:"",disabled:!0,children:r}),e.map(v=>s.jsx("option",{value:v.value,children:v.label},v.value))]}),s.jsx(Y.ChevronDownIcon,{className:"absolute right-3 w-4 h-4 text-text-muted pointer-events-none"})]})});Fe.displayName="Select";const Pe=d.forwardRef(({tags:e,onTagsChange:r,onAddTag:t,onRemoveTag:a,placeholder:n="Add a tag and press Enter",error:o=!1,fullWidth:l=!0,maxTags:i,duplicateCheck:m=!0,disabled:x,className:u="",...f},g)=>{const[v,C]=d.useState(""),T=h=>{h.key==="Enter"&&v.trim()?(h.preventDefault(),N(v.trim())):h.key==="Backspace"&&!v&&e.length>0&&I(e[e.length-1])},N=h=>{if(i&&e.length>=i||m&&e.includes(h))return;const j=[...e,h];r(j),t?.(h),C("")},I=h=>{const j=e.filter(E=>E!==h);r(j),a?.(h)},w=`w-full px-3 py-2 border rounded-lg transition-colors text-sm ${o?"border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent":"border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${x?"bg-surface-variant text-text-muted cursor-not-allowed":"bg-surface text-text-primary"} ${l?"w-full":""} ${u}`;return s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"flex flex-wrap gap-2 mb-2",children:e.map(h=>s.jsx(Be,{removable:!0,onRemove:()=>I(h),variant:"default",children:h},h))}),s.jsx("input",{ref:g,type:"text",className:w,placeholder:n,value:v,onChange:h=>C(h.target.value),onKeyDown:T,disabled:x||(i?e.length>=i:!1),...f}),i&&s.jsxs("p",{className:"text-xs text-text-muted",children:[e.length," / ",i]})]})});Pe.displayName="TagInput";const Me=d.forwardRef(({className:e="",error:r=!1,fullWidth:t=!0,autoResize:a=!1,maxLength:n,showCharCount:o=!1,disabled:l,value:i,onChange:m,...x},u)=>{const T=`px-3 py-2 border rounded-lg transition-colors text-sm font-normal resize-none ${r?"border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent":"border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${l?"bg-surface-variant text-text-muted cursor-not-allowed":"bg-surface text-text-primary"} ${t?"w-full":""} ${e}`,N=R=>{a&&(R.target.style.height="auto",R.target.style.height=`${R.target.scrollHeight}px`),m?.(R)},I=typeof i=="string"?i.length:0;return s.jsxs("div",{className:"space-y-1",children:[s.jsx("textarea",{ref:u,className:T,disabled:l,value:i,onChange:N,maxLength:n,...x}),o&&n&&s.jsxs("p",{className:"text-xs text-text-muted text-right",children:[I," / ",n]})]})});Me.displayName="Textarea";function Er({options:e,selectedValues:r,onSelectionChange:t,layout:a="vertical",columns:n=2,disabled:o=!1,error:l=!1}){const i=f=>{const g=r.includes(f)?r.filter(v=>v!==f):[...r,f];t(g)},m={vertical:"space-y-3",horizontal:"flex flex-wrap gap-3",grid:`grid grid-cols-${n} gap-3`},x=a==="grid"?"grid gap-3":m[a],u=a==="grid"?`md:grid-cols-${n}`:"";return s.jsx("div",{className:`${x} ${u}`,children:e.map(f=>{const g=r.includes(f.value),C=g?"border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200":`border-${l?"border-error-300":"border-border"} hover:border-border-subtle hover:bg-surface-variant`;return s.jsxs("label",{className:`relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${C} ${o?"opacity-50 cursor-not-allowed":""}`,children:[s.jsx("input",{type:"checkbox",checked:g,onChange:()=>i(f.value),disabled:o,className:"sr-only"}),f.icon&&s.jsx("div",{className:"mr-3 flex-shrink-0 text-text-secondary",children:f.icon}),s.jsxs("div",{className:"flex-1",children:[s.jsx("div",{className:"font-medium text-text-primary",children:f.label}),f.description&&s.jsx("div",{className:"text-sm text-text-secondary",children:f.description})]}),g&&s.jsx("div",{className:"text-reseda-green-500 flex-shrink-0",children:s.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:s.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})})]},f.value)})})}function $r({options:e,selectedValue:r,onSelectionChange:t,layout:a="vertical",columns:n=2,disabled:o=!1,error:l=!1,name:i="radio-group"}){const x=a==="grid"?`grid gap-3 md:grid-cols-${n}`:{vertical:"space-y-3",horizontal:"flex flex-wrap gap-3",grid:"grid gap-3"}[a];return s.jsx("div",{className:x,children:e.map(u=>{const f=r===u.value,v=f?"border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200":`border-${l?"border-error-300":"border-border"} hover:border-border-subtle hover:bg-surface-variant`;return s.jsxs("label",{className:`relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${v} ${o?"opacity-50 cursor-not-allowed":""}`,children:[s.jsx("input",{type:"radio",name:i,value:u.value,checked:f,onChange:()=>t(u.value),disabled:o,className:"sr-only"}),u.icon&&s.jsx("div",{className:"mr-3 flex-shrink-0 text-text-secondary",children:u.icon}),s.jsxs("div",{className:"flex-1",children:[s.jsx("div",{className:"font-medium text-text-primary",children:u.label}),u.description&&s.jsx("div",{className:"text-sm text-text-secondary",children:u.description})]}),f&&s.jsx("div",{className:"text-reseda-green-500 flex-shrink-0",children:s.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:s.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})})]},u.value)})})}function Ir({items:e,allowMultiple:r=!1,defaultOpenId:t,onOpenChange:a,className:n=""}){const[o,l]=d.useState(()=>t?Array.isArray(t)?t:[t]:[]),i=m=>{let x;r?x=o.includes(m)?o.filter(u=>u!==m):[...o,m]:x=o.includes(m)?[]:[m],l(x),a?.(x)};return s.jsx("div",{className:`space-y-2 ${n}`,children:e.map(m=>{const x=o.includes(m.id);return s.jsxs("div",{className:"border border-border rounded-lg overflow-hidden",children:[s.jsxs("button",{onClick:()=>i(m.id),className:"w-full px-4 py-3 flex items-center justify-between hover:bg-surface-variant transition-colors text-left",children:[s.jsxs("div",{className:"flex items-center gap-3 flex-1",children:[m.icon&&s.jsx("div",{className:"flex-shrink-0 text-text-secondary",children:m.icon}),s.jsx("h3",{className:"font-medium text-text-primary",children:m.title})]}),s.jsx(Y.ChevronDownIcon,{className:`w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${x?"rotate-180":""}`})]}),x&&s.jsx("div",{className:"border-t border-border px-4 py-3 bg-surface-variant text-text-primary",children:m.content})]},m.id)})})}const Le=d.forwardRef(({value:e,onChange:r,min:t=0,max:a=100,step:n=1,showValue:o=!0,showLabels:l=!1,minLabel:i,maxLabel:m,error:x=!1,fullWidth:u=!0,disabled:f,className:g="",...v},C)=>{const V=`w-full h-2 rounded-lg appearance-none cursor-pointer ${x?"bg-error-200 accent-error-500":"bg-border accent-reseda-green-500"} ${f?"opacity-50 cursor-not-allowed":""} ${u?"w-full":""} ${g}`,D=(e-t)/(a-t)*100;return s.jsxs("div",{className:"space-y-2",children:[l&&(i||m)&&s.jsxs("div",{className:"flex justify-between text-xs text-text-muted",children:[i&&s.jsx("span",{children:i}),m&&s.jsx("span",{children:m})]}),s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("input",{ref:C,type:"range",min:t,max:a,step:n,value:e,onChange:O=>r(Number(O.target.value)),disabled:f,className:V,...v}),o&&s.jsx("span",{className:"text-sm font-medium text-text-primary min-w-[3rem] text-right",children:e})]}),s.jsx("div",{className:"h-1 bg-border rounded-full overflow-hidden",children:s.jsx("div",{className:"h-full bg-reseda-green-500 transition-all",style:{width:`${D}%`}})})]})});Le.displayName="Slider";function Dr({icon:e,title:r,description:t,isSelected:a=!1,onClick:n,disabled:o=!1,className:l=""}){const i="p-4 border rounded-lg transition-all text-center cursor-pointer",m=a?"border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200":"border-border hover:border-border-subtle hover:bg-surface-variant",x=o?"opacity-50 cursor-not-allowed":"";return s.jsxs("div",{className:`${i} ${m} ${x} ${l}`,onClick:()=>!o&&n?.(),role:"button",tabIndex:o?-1:0,onKeyDown:u=>{!o&&(u.key==="Enter"||u.key===" ")&&n?.()},children:[e&&s.jsx("div",{className:"mb-3 flex justify-center",children:s.jsx("div",{className:"text-text-secondary",children:e})}),s.jsx("h3",{className:"font-medium text-text-primary mb-1",children:r}),t&&s.jsx("p",{className:"text-xs text-text-secondary",children:t}),a&&s.jsx("div",{className:"mt-3 flex justify-center",children:s.jsx("div",{className:"text-reseda-green-500",children:s.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:s.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})})})]})}const Sr={activeText:"text-reseda-green-700",activeBorder:"border-reseda-green-700",inactiveText:"text-text-secondary",inactiveHoverText:"hover:text-text-primary",disabledText:"text-text-disabled"};function Or({tabs:e,activeTab:r,disabled:t=!1,onChange:a,colorConfig:n}){const o=n||Sr;return s.jsx("div",{className:"flex border-b border-border mb-6",children:e.map(l=>{const i=r===l.id;return s.jsx(L,{variant:"ghost",onClick:()=>!t&&a(l.id),disabled:t&&!i,className:`px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${i?`${o.activeBorder} ${o.activeText}`:t?`border-transparent ${o.disabledText} cursor-not-allowed`:`border-transparent ${o.inactiveText} ${o.inactiveHoverText}`}`,children:l.label},l.id)})})}const Rr={activeBg:"bg-reseda-green-700",activeText:"text-white",completedBg:"bg-success-500",completedText:"text-white",incompleteBorder:"border-border",incompleteText:"text-text-muted",labelActiveText:"text-reseda-green-800",labelInactiveText:"text-text-muted",connectorBg:"bg-border"};function Ar({currentStep:e,steps:r,colorConfig:t}){const a=t||Rr;return s.jsx("nav",{className:"mb-10",children:s.jsx("ol",{className:"flex items-center w-full",children:r.map((n,o)=>s.jsxs("li",{className:`flex items-center ${o<r.length-1?"flex-1":""}`,children:[s.jsxs("div",{className:"flex items-center",children:[s.jsx("span",{className:`flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${e===n.number?`${a.activeBg} ${a.activeText}`:e>n.number?`${a.completedBg} ${a.completedText}`:`border-2 ${a.incompleteBorder} ${a.incompleteText}`}`,children:n.number}),s.jsx("span",{className:`ml-3 text-sm font-medium whitespace-nowrap ${e>=n.number?a.labelActiveText:a.labelInactiveText}`,children:n.label})]}),o<r.length-1&&s.jsx("div",{className:`flex-1 h-0.5 mx-4 ${a.connectorBg}`})]},n.number))})})}function zr(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return d.useMemo(()=>a=>{r.forEach(n=>n(a))},r)}const Br=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function _r(e){const r=Object.prototype.toString.call(e);return r==="[object Window]"||r==="[object global]"}function Fr(e){return"nodeType"in e}function Ye(e){var r,t;return e?_r(e)?e:Fr(e)&&(r=(t=e.ownerDocument)==null?void 0:t.defaultView)!=null?r:window:window}const ae=Br?d.useLayoutEffect:d.useEffect;function Ue(e){const r=d.useRef(e);return ae(()=>{r.current=e}),d.useCallback(function(){for(var t=arguments.length,a=new Array(t),n=0;n<t;n++)a[n]=arguments[n];return r.current==null?void 0:r.current(...a)},[])}function ue(e,r){r===void 0&&(r=[e]);const t=d.useRef(e);return ae(()=>{t.current!==e&&(t.current=e)},r),t}function me(e){const r=Ue(e),t=d.useRef(null),a=d.useCallback(n=>{n!==t.current&&r?.(n,t.current),t.current=n},[]);return[t,a]}let fe={};function We(e,r){return d.useMemo(()=>{const t=fe[e]==null?0:fe[e]+1;return fe[e]=t,e+"-"+t},[e,r])}function Pr(e){if(!e)return!1;const{KeyboardEvent:r}=Ye(e.target);return r&&e instanceof r}const J=Object.freeze({Translate:{toString(e){if(!e)return;const{x:r,y:t}=e;return"translate3d("+(r?Math.round(r):0)+"px, "+(t?Math.round(t):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:r,scaleY:t}=e;return"scaleX("+r+") scaleY("+t+")"}},Transform:{toString(e){if(e)return[J.Translate.toString(e),J.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:r,duration:t,easing:a}=e;return r+" "+t+"ms "+a}}});var Z;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(Z||(Z={}));function Xe(){}const Mr=Object.freeze({x:0,y:0});function Lr(e){if(e.startsWith("matrix3d(")){const r=e.slice(9,-1).split(/, /);return{x:+r[12],y:+r[13],scaleX:+r[0],scaleY:+r[5]}}else if(e.startsWith("matrix(")){const r=e.slice(7,-1).split(/, /);return{x:+r[4],y:+r[5],scaleX:+r[0],scaleY:+r[3]}}return null}function Yr(e,r,t){const a=Lr(r);if(!a)return e;const{scaleX:n,scaleY:o,x:l,y:i}=a,m=e.left-l-(1-n)*parseFloat(t),x=e.top-i-(1-o)*parseFloat(t.slice(t.indexOf(" ")+1)),u=n?e.width/n:e.width,f=o?e.height/o:e.height;return{width:u,height:f,top:x,right:m+u,bottom:x+f,left:m}}const Ur={ignoreTransform:!1};function Wr(e,r){r===void 0&&(r=Ur);let t=e.getBoundingClientRect();if(r.ignoreTransform){const{transform:x,transformOrigin:u}=Ye(e).getComputedStyle(e);x&&(t=Yr(t,x,u))}const{top:a,left:n,width:o,height:l,bottom:i,right:m}=t;return{top:a,left:n,width:o,height:l,bottom:i,right:m}}var W;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(W||(W={}));var He;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(He||(He={}));var P;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(P||(P={})),P.Space,P.Enter,P.Esc,P.Space,P.Enter,P.Tab;var qe;(function(e){e[e.RightClick=2]="RightClick"})(qe||(qe={}));var Ge;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Ge||(Ge={}));var Je;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(Je||(Je={})),W.Backward+"",W.Forward+"",W.Backward+"",W.Forward+"";var xe;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(xe||(xe={}));var ge;(function(e){e.Optimized="optimized"})(ge||(ge={}));function Xr(e){let{callback:r,disabled:t}=e;const a=Ue(r),n=d.useMemo(()=>{if(t||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:o}=window;return new o(a)},[t]);return d.useEffect(()=>()=>n?.disconnect(),[n]),n}function Hr(e,r){return d.useMemo(()=>e.reduce((t,a)=>{let{eventName:n,handler:o}=a;return t[n]=l=>{o(l,r)},t},{}),[e,r])}xe.WhileDragging,ge.Optimized;const qr={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Xe,draggableNodes:new Map,over:null,measureDroppableContainers:Xe},Ze=d.createContext(qr),Gr=d.createContext({...Mr,scaleX:1,scaleY:1});var Qe;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(Qe||(Qe={}));const Jr=d.createContext(null),Ke="button",Zr="Draggable";function Qr(e){let{id:r,data:t,disabled:a=!1,attributes:n}=e;const o=We(Zr),{activators:l,activatorEvent:i,active:m,activeNodeRect:x,ariaDescribedById:u,draggableNodes:f,over:g}=d.useContext(Ze),{role:v=Ke,roleDescription:C="draggable",tabIndex:T=0}=n??{},N=m?.id===r,I=d.useContext(N?Gr:Jr),[R,V]=me(),[D,O]=me(),w=Hr(l,r),h=ue(t);ae(()=>(f.set(r,{id:r,key:o,node:R,activatorNode:D,data:h}),()=>{const E=f.get(r);E&&E.key===o&&f.delete(r)}),[f,r]);const j=d.useMemo(()=>({role:v,tabIndex:T,"aria-disabled":a,"aria-pressed":N&&v===Ke?!0:void 0,"aria-roledescription":C,"aria-describedby":u.draggable}),[a,v,T,N,C,u.draggable]);return{active:m,activatorEvent:i,activeNodeRect:x,attributes:j,isDragging:N,listeners:a?void 0:w,node:R,over:g,setNodeRef:V,setActivatorNodeRef:O,transform:I}}const Kr="Droppable",es={timeout:25};function rs(e){let{data:r,disabled:t=!1,id:a,resizeObserverConfig:n}=e;const o=We(Kr),{active:l,dispatch:i,over:m,measureDroppableContainers:x}=d.useContext(Ze),u=d.useRef({disabled:t}),f=d.useRef(!1),g=d.useRef(null),v=d.useRef(null),{disabled:C,updateMeasurementsFor:T,timeout:N}={...es,...n},I=ue(T??a),R=d.useCallback(()=>{if(!f.current){f.current=!0;return}v.current!=null&&clearTimeout(v.current),v.current=setTimeout(()=>{x(Array.isArray(I.current)?I.current:[I.current]),v.current=null},N)},[N]),V=Xr({callback:R,disabled:C||!l}),D=d.useCallback((j,E)=>{V&&(E&&(V.unobserve(E),f.current=!1),j&&V.observe(j))},[V]),[O,w]=me(D),h=ue(r);return d.useEffect(()=>{!V||!O.current||(V.disconnect(),f.current=!1,V.observe(O.current))},[O,V]),d.useEffect(()=>(i({type:Z.RegisterDroppable,element:{id:a,key:o,disabled:t,node:O,rect:g,data:h}}),()=>i({type:Z.UnregisterDroppable,key:o,id:a})),[a]),d.useEffect(()=>{t!==u.current.disabled&&(i({type:Z.SetDroppableDisabled,id:a,key:o,disabled:t}),u.current.disabled=t)},[a,o,t,i]),{active:l,rect:g,isOver:m?.id===a,node:O,over:m,setNodeRef:w}}function er(e,r,t){const a=e.slice();return a.splice(t<0?a.length+t:t,0,a.splice(r,1)[0]),a}function ne(e){return e!==null&&e>=0}const ss=e=>{let{rects:r,activeIndex:t,overIndex:a,index:n}=e;const o=er(r,a,t),l=r[n],i=o[n];return!i||!l?null:{x:i.left-l.left,y:i.top-l.top,scaleX:i.width/l.width,scaleY:i.height/l.height}},ts=d.createContext({activeIndex:-1,containerId:"Sortable",disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:ss,disabled:{draggable:!1,droppable:!1}}),as=e=>{let{id:r,items:t,activeIndex:a,overIndex:n}=e;return er(t,a,n).indexOf(r)},ns=e=>{let{containerId:r,isSorting:t,wasDragging:a,index:n,items:o,newIndex:l,previousItems:i,previousContainerId:m,transition:x}=e;return!x||!a||i!==o&&n===l?!1:t?!0:l!==n&&r===m},os={duration:200,easing:"ease"},rr="transform",ls=J.Transition.toString({property:rr,duration:0,easing:"linear"}),cs={roleDescription:"sortable"};function is(e){let{disabled:r,index:t,node:a,rect:n}=e;const[o,l]=d.useState(null),i=d.useRef(t);return ae(()=>{if(!r&&t!==i.current&&a.current){const m=n.current;if(m){const x=Wr(a.current,{ignoreTransform:!0}),u={x:m.left-x.left,y:m.top-x.top,scaleX:m.width/x.width,scaleY:m.height/x.height};(u.x||u.y)&&l(u)}}t!==i.current&&(i.current=t)},[r,t,a,n]),d.useEffect(()=>{o&&l(null)},[o]),o}function ds(e){let{animateLayoutChanges:r=ns,attributes:t,disabled:a,data:n,getNewIndex:o=as,id:l,strategy:i,resizeObserverConfig:m,transition:x=os}=e;const{items:u,containerId:f,activeIndex:g,disabled:v,disableTransforms:C,sortedRects:T,overIndex:N,useDragOverlay:I,strategy:R}=d.useContext(ts),V=us(a,v),D=u.indexOf(l),O=d.useMemo(()=>({sortable:{containerId:f,index:D,items:u},...n}),[f,n,D,u]),w=d.useMemo(()=>u.slice(u.indexOf(l)),[u,l]),{rect:h,node:j,isOver:E,setNodeRef:U}=rs({id:l,data:O,disabled:V.droppable,resizeObserverConfig:{updateMeasurementsFor:w,...m}}),{active:z,activatorEvent:X,activeNodeRect:ve,attributes:Q,setNodeRef:K,listeners:oe,isDragging:H,over:le,setActivatorNodeRef:ce,transform:c}=Qr({id:l,data:O,attributes:{...cs,...t},disabled:V.draggable}),p=zr(U,K),y=!!z,S=y&&!C&&ne(g)&&ne(N),M=!I&&H,B=M&&S?c:null,ee=S?B??(i??R)({rects:T,activeNodeRect:ve,activeIndex:g,overIndex:N,index:D}):null,k=ne(g)&&ne(N)?o({id:l,items:u,activeIndex:g,overIndex:N}):D,_=z?.id,$=d.useRef({activeId:_,items:u,newIndex:k,containerId:f}),he=u!==$.current.items,tr=r({active:z,containerId:f,isDragging:H,isSorting:y,id:l,index:D,items:u,newIndex:$.current.newIndex,previousItems:$.current.items,previousContainerId:$.current.containerId,transition:x,wasDragging:$.current.activeId!=null}),be=is({disabled:!tr,index:D,node:j,rect:h});return d.useEffect(()=>{y&&$.current.newIndex!==k&&($.current.newIndex=k),f!==$.current.containerId&&($.current.containerId=f),u!==$.current.items&&($.current.items=u)},[y,k,f,u]),d.useEffect(()=>{if(_===$.current.activeId)return;if(_&&!$.current.activeId){$.current.activeId=_;return}const fs=setTimeout(()=>{$.current.activeId=_},50);return()=>clearTimeout(fs)},[_]),{active:z,activeIndex:g,attributes:Q,data:O,rect:h,index:D,newIndex:k,items:u,isOver:E,isSorting:y,isDragging:H,listeners:oe,node:j,overIndex:N,over:le,setNodeRef:p,setActivatorNodeRef:ce,setDroppableNodeRef:U,setDraggableNodeRef:K,transform:be??ee,transition:ms()};function ms(){if(be||he&&$.current.newIndex===D)return ls;if(!(M&&!Pr(X)||!x)&&(y||tr))return J.Transition.toString({...x,property:rr})}}function us(e,r){var t,a;return typeof e=="boolean"?{draggable:e,droppable:!1}:{draggable:(t=e?.draggable)!=null?t:r.draggable,droppable:(a=e?.droppable)!=null?a:r.droppable}}P.Down,P.Right,P.Up,P.Left;function sr({id:e,index:r,previewText:t,defaultExpanded:a=!1,children:n,tooltipContent:o,onRemove:l,className:i=""}){const[m,x]=d.useState(a),{attributes:u,listeners:f,setNodeRef:g,transform:v,transition:C,isDragging:T}=ds({id:e}),N={transform:J.Transform.toString(v),transition:C,opacity:T?.5:1};return s.jsx("div",{ref:g,style:N,className:`border border-border rounded-md bg-surface-variant ${i}`,children:m?s.jsxs("div",{className:"p-3",children:[s.jsxs("div",{className:"flex justify-between items-center mb-2",children:[s.jsx(L,{type:"button",variant:"ghost",size:"icon",...u,...f,className:"h-auto w-auto p-1 cursor-grab active:cursor-grabbing","aria-label":"Drag to reorder",leftIcon:s.jsx(Ae,{className:"w-4 h-4"})}),s.jsxs("span",{className:"text-sm font-medium text-text-secondary flex-1 cursor-pointer select-none",onClick:()=>x(!1),children:["Item ",r+1]}),s.jsx(L,{type:"button",variant:"ghost",size:"icon",onClick:()=>x(!1),className:"h-auto w-auto p-1","aria-label":"Collapse",leftIcon:s.jsx(ze,{className:"w-4 h-4 transition-transform rotate-90"})}),s.jsx(L,{type:"button",variant:"ghost",size:"icon",onClick:l,className:"h-auto w-auto p-1 text-error-600 hover:text-error-800","aria-label":"Remove",leftIcon:s.jsx(de,{className:"w-4 h-4"})})]}),n]}):s.jsxs("div",{className:"relative group",children:[s.jsxs("div",{className:"flex items-center gap-2 px-3 py-2",children:[s.jsx(L,{type:"button",variant:"ghost",size:"icon",...u,...f,className:"h-auto w-auto p-1 cursor-grab active:cursor-grabbing flex-shrink-0","aria-label":"Drag to reorder",onClick:I=>I.stopPropagation(),leftIcon:s.jsx(Ae,{className:"w-4 h-4"})}),s.jsx("span",{className:"flex-1 text-sm text-text-secondary truncate cursor-pointer select-none",onClick:()=>x(!0),children:t}),s.jsx(L,{type:"button",variant:"ghost",size:"icon",onClick:()=>x(!0),className:"h-auto w-auto p-1 flex-shrink-0","aria-label":"Expand",leftIcon:s.jsx(ze,{className:"w-4 h-4 transition-transform"})}),s.jsx(L,{type:"button",variant:"ghost",size:"icon",onClick:l,className:"h-auto w-auto p-1 text-error-600 hover:text-error-800 flex-shrink-0","aria-label":"Remove",leftIcon:s.jsx(de,{className:"w-4 h-4"})})]}),o&&s.jsx("div",{className:"absolute left-0 top-full mt-1 z-10 w-80 bg-gray-900 text-white text-xs rounded-md p-3 shadow-lg opacity-0 group-hover:opacity-100 pointer-events-none transition-opacity duration-150",children:o})]})})}sr.displayName="SortableItem",b.Accordion=Ir,b.Alert=Nr,b.Badge=Be,b.Button=L,b.Card=yr,b.CheckboxGroup=Er,b.ColorPalette=Ve,b.Demo=hr,b.FormField=Vr,b.Input=_e,b.OptionCard=Dr,b.RadioGroup=$r,b.Section=jr,b.Select=Fe,b.Sidebar=xr,b.Slider=Le,b.SocialButton=Re,b.SortableItem=sr,b.Stepper=Ar,b.TabBar=Or,b.TagInput=Pe,b.Textarea=Me,b.ThemeProvider=$e,b.ThemeToggle=De,b.clearAllErrors=cr,b.clearFieldError=lr,b.getFirstError=or,b.hasErrors=we,b.useForm=ir,b.useTheme=Ie,b.validateField=pe,b.validateForm=se,b.validators=nr,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
|
|
22
|
+
<%s key={someKey} {...props} />`,D,k,_,k),ce[k+D]=!0)}if(k=null,y!==void 0&&(t(y),k=""+y),l(p)&&(t(p.key),k=""+p.key),"key"in p){y={};for(var $ in p)$!=="key"&&(y[$]=p[$])}else y=p;return k&&i(y,typeof c=="function"?c.displayName||c.name||"Unknown":c),x(c,k,B,M,n(),y,ie,ee)}function f(c){typeof c=="object"&&c!==null&&c.$$typeof===v&&c._store&&(c._store.validated=1)}var g=d,v=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),R=Symbol.for("react.consumer"),V=Symbol.for("react.context"),I=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),w=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),E=Symbol.for("react.activity"),U=Symbol.for("react.client.reference"),z=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,ve=Array.isArray,Q=console.createTask?console.createTask:function(){return null};g={"react-stack-bottom-frame":function(c){return c()}};var K,oe={},H=g["react-stack-bottom-frame"].bind(g,o)(),le=Q(a(o)),ce={};G.Fragment=T,G.jsx=function(c,p,y,D,M){var B=1e4>z.recentlyCreatedOwnerStacks++;return u(c,p,y,!1,D,M,B?Error("react-stack-top-frame"):H,B?Q(a(c)):le)},G.jsxs=function(c,p,y,D,M){var B=1e4>z.recentlyCreatedOwnerStacks++;return u(c,p,y,!0,D,M,B?Error("react-stack-top-frame"):H,B?Q(a(c)):le)}}()),G}var Ne;function mr(){return Ne||(Ne=1,process.env.NODE_ENV==="production"?te.exports=dr():te.exports=ur()),te.exports}var s=mr();const fr={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 A(...e){return e.filter(Boolean).join(" ")}function Ce({item:e,colorScheme:r}){const[t,a]=d.useState(e.current||e.children?.some(o=>o.current)),n=e.children&&e.children.length>0;return s.jsxs("li",{children:[s.jsx("div",{children:s.jsxs("a",{href:n?void 0:e.href,onClick:o=>{n&&(o.preventDefault(),a(!t))},className:A(e.current?`${r.activeBg} ${r.activeText}`:`${r.text} ${r.hoverBg} ${r.hoverText}`,"group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",n?"cursor-pointer":""),children:[s.jsxs("div",{className:"flex items-center gap-x-3",children:[s.jsx(e.icon,{"aria-hidden":"true",className:A(e.current?r.activeText:`${r.text} group-${r.hoverText}`,"size-6 shrink-0")}),e.name]}),n&&s.jsx(Y.ChevronDownIcon,{className:A("size-5 shrink-0 transition-transform",t?"rotate-180":"",e.current?r.activeText:r.text)})]})}),n&&t&&s.jsx("ul",{className:"mt-1 ml-9 space-y-1",children:e.children.map(o=>s.jsx("li",{children:s.jsxs("a",{href:o.href,className:A(o.current?`${r.activeBg} ${r.activeText}`:`${r.text} ${r.hoverBg} ${r.hoverText}`,"group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[s.jsx(o.icon,{"aria-hidden":"true",className:A(o.current?r.activeText:`${r.text} group-${r.hoverText}`,"size-5 shrink-0")}),o.name]})},o.name))})]})}function xr({company:e,profile:r,navigation:t,colorScheme:a=fr}){const[n,o]=d.useState(!1);return s.jsx(s.Fragment,{children:s.jsxs("div",{children:[s.jsxs(re.Dialog,{open:n,onClose:o,className:"relative z-50 lg:hidden",children:[s.jsx(re.DialogBackdrop,{transition:!0,className:"fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"}),s.jsx("div",{className:"fixed inset-0 flex",children:s.jsxs(re.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:[s.jsx(re.TransitionChild,{children:s.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:s.jsxs("button",{type:"button",onClick:()=>o(!1),className:"-m-2.5 p-2.5",children:[s.jsx("span",{className:"sr-only",children:"Close sidebar"}),s.jsx(Y.XMarkIcon,{"aria-hidden":"true",className:"size-6 text-white"})]})})}),s.jsxs("div",{className:A("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2",a.bg),children:[s.jsx("div",{className:"flex h-16 shrink-0 items-center",children:s.jsx("img",{alt:e.name,src:e.logo,className:"h-8 w-auto"})}),s.jsx("nav",{className:"flex flex-1 flex-col",children:s.jsx("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:s.jsx("li",{children:s.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:t.map(l=>s.jsx(Ce,{item:l,colorScheme:a},l.name))})})})})]})]})})]}),s.jsx("div",{className:"hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col",children:s.jsxs("div",{className:A("flex grow flex-col gap-y-5 overflow-y-auto px-6",a.bg),children:[s.jsx("div",{className:"flex h-16 shrink-0 items-center",children:s.jsx("img",{alt:e.name,src:e.logo,className:"h-8 w-auto"})}),s.jsx("nav",{className:"flex flex-1 flex-col",children:s.jsxs("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:[s.jsx("li",{children:s.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:t.map(l=>s.jsx(Ce,{item:l,colorScheme:a},l.name))})}),s.jsx("li",{className:"-mx-6 mt-auto",children:s.jsxs("a",{href:"#",className:A("flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",a.activeText,a.hoverBg),children:[s.jsx("img",{alt:r.name,src:r.image,className:A("size-8 rounded-full",a.activeBg)}),s.jsx("span",{className:"sr-only",children:"Your profile"}),s.jsx("span",{"aria-hidden":"true",children:r.name})]})})]})})]})}),s.jsxs("div",{className:A("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden",a.bg),children:[s.jsxs("button",{type:"button",onClick:()=>o(!0),className:A("-m-2.5 p-2.5 lg:hidden",a.text),children:[s.jsx("span",{className:"sr-only",children:"Open sidebar"}),s.jsx(Y.Bars3Icon,{"aria-hidden":"true",className:"size-6"})]}),s.jsx("div",{className:A("flex-1 text-sm/6 font-semibold",a.activeText),children:"Dashboard"}),s.jsxs("a",{href:"#",children:[s.jsx("span",{className:"sr-only",children:"Your profile"}),s.jsx("img",{alt:r.name,src:r.image,className:A("size-8 rounded-full",a.activeBg)})]})]})]})})}const ke=e=>e.replace("--color-","bg-"),gr=({name:e,cssVar:r,value:t})=>{const a=`rgb(${t})`;return s.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:[s.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${ke(r)}`}),s.jsxs("div",{className:"text-center",children:[s.jsx("div",{className:"text-sm font-medium text-text-primary",children:e}),s.jsx("div",{className:"text-xs text-text-muted font-mono",children:r}),s.jsx("div",{className:"text-xs text-text-secondary",children:a})]})]})},Te=({title:e,colors:r})=>s.jsxs("div",{className:"space-y-4",children:[s.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:e}),s.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:r.map(t=>s.jsx(gr,{...t},t.name))})]}),Ve=()=>{const e=[{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"}]}],r=[{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 s.jsxs("div",{className:"p-8 space-y-8 bg-background min-h-screen",children:[s.jsxs("div",{className:"text-center space-y-2",children:[s.jsx("h1",{className:"text-3xl font-bold text-text-primary",children:"AceMyJob Color Palette"}),s.jsx("p",{className:"text-text-secondary",children:"Your complete design system color reference"})]}),r.map(a=>s.jsx(Te,{...a},a.title)),e.map(a=>s.jsx(Te,{...a},a.title)),s.jsxs("div",{className:"space-y-4",children:[s.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:"Semantic Colors (Theme-aware)"}),s.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4",children:t.map(a=>s.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:[s.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${ke(a.cssVar)}`}),s.jsxs("div",{className:"text-center",children:[s.jsx("div",{className:"text-sm font-medium text-text-primary",children:a.name}),s.jsx("div",{className:"text-xs text-text-muted font-mono",children:a.cssVar})]})]},a.name))})]}),s.jsx("div",{className:"text-center pt-8 border-t border-border-subtle",children:s.jsx("p",{className:"text-text-muted text-sm",children:"Toggle between light and dark themes to see how semantic colors adapt"})})]})},Ee=d.createContext(void 0),$e=({children:e,defaultTheme:r="system",storageKey:t="acemyjob-ui-theme"})=>{const[a,n]=d.useState(r),[o,l]=d.useState("light"),[i,m]=d.useState(!1);d.useEffect(()=>{const u=localStorage.getItem(t);u&&n(u),m(!0)},[t]),d.useEffect(()=>{if(!i)return;const u=window.document.documentElement,f=()=>{let g;a==="system"?g=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":g=a,l(g),u.classList.remove("light","dark"),u.classList.add(g)};if(f(),a==="system"){const g=window.matchMedia("(prefers-color-scheme: dark)"),v=()=>f();return g.addEventListener("change",v),()=>g.removeEventListener("change",v)}},[a,i]);const x={theme:a,setTheme:u=>{localStorage.setItem(t,u),n(u)},resolvedTheme:o};return s.jsx(Ee.Provider,{value:x,children:e})},Ie=()=>{const e=d.useContext(Ee);if(e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return e},De=()=>{const{theme:e,setTheme:r}=Ie(),[t,a]=d.useState(!1);if(d.useEffect(()=>{a(!0)},[]),!t)return s.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:[s.jsx("div",{className:"w-4 h-4 animate-pulse bg-text-muted rounded"}),s.jsx("span",{className:"hidden sm:inline",children:"Loading..."})]});const n=()=>{r(e==="light"?"dark":e==="dark"?"system":"light")},o=()=>{switch(e){case"light":return s.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:s.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 s.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:s.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 s.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:s.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"})})}},l=()=>{switch(e){case"light":return"Light";case"dark":return"Dark";case"system":return"System"}};return s.jsxs("button",{onClick:n,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: ${l()}. Click to cycle themes.`,children:[o(),s.jsx("span",{className:"hidden sm:inline",children:l()})]})},vr=()=>s.jsxs("div",{className:"relative",children:[s.jsx("div",{className:"fixed top-4 right-4 z-10",children:s.jsx(De,{})}),s.jsx(Ve,{})]}),hr=()=>s.jsx($e,{defaultTheme:"system",storageKey:"acemyjob-demo-theme",children:s.jsx(vr,{})}),Se={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"}},br="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",pr=(...e)=>e.filter(Boolean).join(" "),L=d.forwardRef(({className:e,variant:r="default",size:t="default",fullWidth:a=!1,loading:n=!1,leftIcon:o,rightIcon:l,children:i,disabled:m,...x},u)=>{const f=m||n,g=pr(br,Se.variant[r],Se.size[t],a?"w-full":"",e);return s.jsxs("button",{className:g,ref:u,disabled:f,...x,children:[n&&s.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:[s.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),s.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"})]}),!n&&o&&s.jsx("span",{className:"mr-2",children:o}),i,!n&&l&&s.jsx("span",{className:"ml-2",children:l})]})});L.displayName="Button";const Oe={provider:{linkedin:"bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"},iconPosition:{left:"flex-row",right:"flex-row-reverse",only:"justify-center"}},wr=(...e)=>e.filter(Boolean).join(" "),Re=d.forwardRef(({className:e,provider:r,iconPosition:t="left",icon:a,showText:n=!0,children:o,size:l="default",fullWidth:i=!0,...m},x)=>{const f=a||{linkedin:s.jsx("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",fill:"currentColor",children:s.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"})})}[r],v=o||(n?{linkedin:"Continue with LinkedIn"}[r]:""),C=wr("relative overflow-hidden transition-all duration-200",Oe.provider[r],Oe.iconPosition[t],e);return s.jsxs(L,{ref:x,variant:"none",className:C,size:l,fullWidth:i,leftIcon:t==="left"?f:void 0,rightIcon:t==="right"?f:void 0,...m,children:[t==="only"&&f,t!=="only"&&v]})});Re.displayName="SocialButton";function yr({children:e,variant:r="default",isActive:t=!1,onClick:a,className:n=""}){const o="rounded-lg transition-all",l={default:"border border-border p-4",surface:"bg-surface-variant p-4",elevated:"bg-surface shadow-md p-6",interactive:`border-2 p-4 cursor-pointer ${t?"border-success-500 bg-success-50":"border-border bg-surface hover:border-border-subtle"}`};return s.jsx("div",{className:`${o} ${l[r]} ${n}`,onClick:a,role:a?"button":void 0,tabIndex:a?0:void 0,onKeyDown:a?i=>{(i.key==="Enter"||i.key===" ")&&a()}:void 0,children:e})}function jr({title:e,children:r,subtitle:t,spacing:a="normal",className:n=""}){const o={compact:"space-y-3",normal:"space-y-6",spacious:"space-y-8"};return s.jsxs("div",{className:`${o[a]} ${n}`,children:[s.jsxs("div",{children:[s.jsx("h3",{className:"text-lg font-semibold text-text-primary",children:e}),t&&s.jsx("p",{className:"text-sm text-text-secondary mt-1",children:t})]}),r]})}function Nr({variant:e,title:r,message:t,icon:a,onClose:n,className:o=""}){const i={success:{bg:"bg-success-50",border:"border-success-200",text:"text-success-700",icon:s.jsx(Y.CheckCircleIcon,{className:"h-5 w-5"})},error:{bg:"bg-error-50",border:"border-error-200",text:"text-error-700",icon:s.jsx(Y.XCircleIcon,{className:"h-5 w-5"})},warning:{bg:"bg-warning-50",border:"border-warning-200",text:"text-warning-700",icon:s.jsx(Y.ExclamationCircleIcon,{className:"h-5 w-5"})},info:{bg:"bg-info-50",border:"border-info-200",text:"text-info-700",icon:s.jsx(Y.InformationCircleIcon,{className:"h-5 w-5"})}}[e];return s.jsx("div",{className:`${i.bg} border ${i.border} rounded-md p-3 ${o}`,role:"alert",children:s.jsxs("div",{className:"flex items-start gap-3",children:[s.jsx("div",{className:`flex-shrink-0 ${i.text}`,children:a||i.icon}),s.jsxs("div",{className:"flex-1",children:[r&&s.jsx("p",{className:`text-sm font-medium ${i.text}`,children:r}),s.jsx("p",{className:`text-sm ${i.text}`,children:t})]}),n&&s.jsx("button",{onClick:n,className:`flex-shrink-0 ${i.text} hover:opacity-70`,"aria-label":"Close alert",children:"✕"})]})})}function Cr({title:e,titleId:r,...t},a){return F.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":r},t),e?F.createElement("title",{id:r},e):null,F.createElement("path",{fillRule:"evenodd",d:"M2 6.75A.75.75 0 0 1 2.75 6h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 6.75Zm0 6.5a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z",clipRule:"evenodd"}))}const Ae=F.forwardRef(Cr);function kr({title:e,titleId:r,...t},a){return F.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":r},t),e?F.createElement("title",{id:r},e):null,F.createElement("path",{fillRule:"evenodd",d:"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"}))}const ze=F.forwardRef(kr);function Tr({title:e,titleId:r,...t},a){return F.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":r},t),e?F.createElement("title",{id:r},e):null,F.createElement("path",{d:"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"}))}const de=F.forwardRef(Tr);function Be({children:e,variant:r="default",size:t="md",removable:a=!1,onRemove:n,className:o="",style:l,colorClass:i}){const m={default:"bg-surface-variant text-text-secondary",success:"bg-success-50 text-success-700",error:"bg-error-50 text-error-700",warning:"bg-warning-50 text-warning-700",info:"bg-info-50 text-info-700"},x={sm:"px-2 py-0.5 text-xs",md:"px-3 py-1 text-sm",lg:"px-4 py-1.5 text-base"},u=i||m[r];return s.jsxs("span",{className:`inline-flex items-center gap-1 rounded-full ${u} ${x[t]} ${o}`,style:l,children:[e,a&&n&&s.jsx("button",{onClick:n,className:"ml-1 hover:opacity-70","aria-label":"Remove badge",children:s.jsx(de,{className:"w-3 h-3"})})]})}function Vr({label:e,children:r,helperText:t,errorText:a,required:n=!1,className:o=""}){return s.jsxs("div",{className:`space-y-2 ${o}`,children:[s.jsxs("label",{className:"block text-sm font-medium text-text-primary",children:[e,n&&s.jsx("span",{className:"text-error-500 ml-1",children:"*"})]}),r,a&&s.jsx("p",{className:"text-xs text-error-600",children:a}),t&&!a&&s.jsx("p",{className:"text-xs text-text-muted",children:t})]})}const _e=d.forwardRef(({className:e="",leftIcon:r,rightIcon:t,error:a=!1,fullWidth:n=!0,disabled:o,...l},i)=>{const m="px-3 py-2 border rounded-lg transition-colors text-sm",x=a?"border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent":"border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent",u=o?"bg-surface-variant text-text-muted cursor-not-allowed":"bg-surface text-text-primary",f=n?"w-full":"",g=r||t?"relative flex items-center":"",v=`${m} ${x} ${u} ${f} ${r?"pl-10":""} ${t?"pr-10":""} ${e}`;return s.jsxs("div",{className:g,children:[r&&s.jsx("div",{className:"absolute left-3 flex items-center pointer-events-none text-text-muted",children:r}),s.jsx("input",{ref:i,className:v,disabled:o,...l}),t&&s.jsx("div",{className:"absolute right-3 flex items-center pointer-events-none text-text-muted",children:t})]})});_e.displayName="Input";const Fe=d.forwardRef(({options:e,placeholder:r,className:t="",error:a=!1,fullWidth:n=!0,disabled:o,...l},i)=>{const g=`px-3 py-2 border rounded-lg transition-colors text-sm appearance-none ${a?"border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent":"border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${o?"bg-surface-variant text-text-muted cursor-not-allowed":"bg-surface text-text-primary"} ${n?"w-full":""} pr-10 ${t}`;return s.jsxs("div",{className:"relative flex items-center",children:[s.jsxs("select",{ref:i,className:g,disabled:o,...l,children:[r&&s.jsx("option",{value:"",disabled:!0,children:r}),e.map(v=>s.jsx("option",{value:v.value,children:v.label},v.value))]}),s.jsx(Y.ChevronDownIcon,{className:"absolute right-3 w-4 h-4 text-text-muted pointer-events-none"})]})});Fe.displayName="Select";const Pe=d.forwardRef(({tags:e,onTagsChange:r,onAddTag:t,onRemoveTag:a,placeholder:n="Add a tag and press Enter",error:o=!1,fullWidth:l=!0,maxTags:i,duplicateCheck:m=!0,disabled:x,className:u="",...f},g)=>{const[v,C]=d.useState(""),T=h=>{h.key==="Enter"&&v.trim()?(h.preventDefault(),N(v.trim())):h.key==="Backspace"&&!v&&e.length>0&&O(e[e.length-1])},N=h=>{if(i&&e.length>=i||m&&e.includes(h))return;const j=[...e,h];r(j),t?.(h),C("")},O=h=>{const j=e.filter(E=>E!==h);r(j),a?.(h)},w=`w-full px-3 py-2 border rounded-lg transition-colors text-sm ${o?"border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent":"border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${x?"bg-surface-variant text-text-muted cursor-not-allowed":"bg-surface text-text-primary"} ${l?"w-full":""} ${u}`;return s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"flex flex-wrap gap-2 mb-2",children:e.map(h=>s.jsx(Be,{removable:!0,onRemove:()=>O(h),variant:"default",children:h},h))}),s.jsx("input",{ref:g,type:"text",className:w,placeholder:n,value:v,onChange:h=>C(h.target.value),onKeyDown:T,disabled:x||(i?e.length>=i:!1),...f}),i&&s.jsxs("p",{className:"text-xs text-text-muted",children:[e.length," / ",i]})]})});Pe.displayName="TagInput";const Me=d.forwardRef(({className:e="",error:r=!1,fullWidth:t=!0,autoResize:a=!1,maxLength:n,showCharCount:o=!1,disabled:l,value:i,onChange:m,...x},u)=>{const T=`px-3 py-2 border rounded-lg transition-colors text-sm font-normal resize-none ${r?"border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent":"border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${l?"bg-surface-variant text-text-muted cursor-not-allowed":"bg-surface text-text-primary"} ${t?"w-full":""} ${e}`,N=R=>{a&&(R.target.style.height="auto",R.target.style.height=`${R.target.scrollHeight}px`),m?.(R)},O=typeof i=="string"?i.length:0;return s.jsxs("div",{className:"space-y-1",children:[s.jsx("textarea",{ref:u,className:T,disabled:l,value:i,onChange:N,maxLength:n,...x}),o&&n&&s.jsxs("p",{className:"text-xs text-text-muted text-right",children:[O," / ",n]})]})});Me.displayName="Textarea";function Er({options:e,selectedValues:r,onSelectionChange:t,layout:a="vertical",columns:n=2,disabled:o=!1,error:l=!1}){const i=f=>{const g=r.includes(f)?r.filter(v=>v!==f):[...r,f];t(g)},m={vertical:"space-y-3",horizontal:"flex flex-wrap gap-3",grid:`grid grid-cols-${n} gap-3`},x=a==="grid"?"grid gap-3":m[a],u=a==="grid"?`md:grid-cols-${n}`:"";return s.jsx("div",{className:`${x} ${u}`,children:e.map(f=>{const g=r.includes(f.value),C=g?"border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200":`border-${l?"border-error-300":"border-border"} hover:border-border-subtle hover:bg-surface-variant`;return s.jsxs("label",{className:`relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${C} ${o?"opacity-50 cursor-not-allowed":""}`,children:[s.jsx("input",{type:"checkbox",checked:g,onChange:()=>i(f.value),disabled:o,className:"sr-only"}),f.icon&&s.jsx("div",{className:"mr-3 flex-shrink-0 text-text-secondary",children:f.icon}),s.jsxs("div",{className:"flex-1",children:[s.jsx("div",{className:"font-medium text-text-primary",children:f.label}),f.description&&s.jsx("div",{className:"text-sm text-text-secondary",children:f.description})]}),g&&s.jsx("div",{className:"text-reseda-green-500 flex-shrink-0",children:s.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:s.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})})]},f.value)})})}function $r({options:e,selectedValue:r,onSelectionChange:t,layout:a="vertical",columns:n=2,disabled:o=!1,error:l=!1,name:i="radio-group"}){const x=a==="grid"?`grid gap-3 md:grid-cols-${n}`:{vertical:"space-y-3",horizontal:"flex flex-wrap gap-3",grid:"grid gap-3"}[a];return s.jsx("div",{className:x,children:e.map(u=>{const f=r===u.value,v=f?"border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200":`border-${l?"border-error-300":"border-border"} hover:border-border-subtle hover:bg-surface-variant`;return s.jsxs("label",{className:`relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${v} ${o?"opacity-50 cursor-not-allowed":""}`,children:[s.jsx("input",{type:"radio",name:i,value:u.value,checked:f,onChange:()=>t(u.value),disabled:o,className:"sr-only"}),u.icon&&s.jsx("div",{className:"mr-3 flex-shrink-0 text-text-secondary",children:u.icon}),s.jsxs("div",{className:"flex-1",children:[s.jsx("div",{className:"font-medium text-text-primary",children:u.label}),u.description&&s.jsx("div",{className:"text-sm text-text-secondary",children:u.description})]}),f&&s.jsx("div",{className:"text-reseda-green-500 flex-shrink-0",children:s.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:s.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})})]},u.value)})})}function Ir({items:e,allowMultiple:r=!1,defaultOpenId:t,onOpenChange:a,className:n=""}){const[o,l]=d.useState(()=>t?Array.isArray(t)?t:[t]:[]),i=m=>{let x;r?x=o.includes(m)?o.filter(u=>u!==m):[...o,m]:x=o.includes(m)?[]:[m],l(x),a?.(x)};return s.jsx("div",{className:`space-y-2 ${n}`,children:e.map(m=>{const x=o.includes(m.id);return s.jsxs("div",{className:"border border-border rounded-lg overflow-hidden",children:[s.jsxs("button",{onClick:()=>i(m.id),className:"w-full px-4 py-3 flex items-center justify-between hover:bg-surface-variant transition-colors text-left",children:[s.jsxs("div",{className:"flex items-center gap-3 flex-1",children:[m.icon&&s.jsx("div",{className:"flex-shrink-0 text-text-secondary",children:m.icon}),s.jsx("h3",{className:"font-medium text-text-primary",children:m.title})]}),s.jsx(Y.ChevronDownIcon,{className:`w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${x?"rotate-180":""}`})]}),x&&s.jsx("div",{className:"border-t border-border px-4 py-3 bg-surface-variant text-text-primary",children:m.content})]},m.id)})})}const Le=d.forwardRef(({value:e,onChange:r,min:t=0,max:a=100,step:n=1,showValue:o=!0,showLabels:l=!1,minLabel:i,maxLabel:m,error:x=!1,fullWidth:u=!0,disabled:f,className:g="",...v},C)=>{const V=`w-full h-2 rounded-lg appearance-none cursor-pointer ${x?"bg-error-200 accent-error-500":"bg-border accent-reseda-green-500"} ${f?"opacity-50 cursor-not-allowed":""} ${u?"w-full":""} ${g}`,I=(e-t)/(a-t)*100;return s.jsxs("div",{className:"space-y-2",children:[l&&(i||m)&&s.jsxs("div",{className:"flex justify-between text-xs text-text-muted",children:[i&&s.jsx("span",{children:i}),m&&s.jsx("span",{children:m})]}),s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("input",{ref:C,type:"range",min:t,max:a,step:n,value:e,onChange:S=>r(Number(S.target.value)),disabled:f,className:V,...v}),o&&s.jsx("span",{className:"text-sm font-medium text-text-primary min-w-[3rem] text-right",children:e})]}),s.jsx("div",{className:"h-1 bg-border rounded-full overflow-hidden",children:s.jsx("div",{className:"h-full bg-reseda-green-500 transition-all",style:{width:`${I}%`}})})]})});Le.displayName="Slider";function Dr({icon:e,title:r,description:t,isSelected:a=!1,onClick:n,disabled:o=!1,className:l=""}){const i="p-4 border rounded-lg transition-all text-center cursor-pointer",m=a?"border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200":"border-border hover:border-border-subtle hover:bg-surface-variant",x=o?"opacity-50 cursor-not-allowed":"";return s.jsxs("div",{className:`${i} ${m} ${x} ${l}`,onClick:()=>!o&&n?.(),role:"button",tabIndex:o?-1:0,onKeyDown:u=>{!o&&(u.key==="Enter"||u.key===" ")&&n?.()},children:[e&&s.jsx("div",{className:"mb-3 flex justify-center",children:s.jsx("div",{className:"text-text-secondary",children:e})}),s.jsx("h3",{className:"font-medium text-text-primary mb-1",children:r}),t&&s.jsx("p",{className:"text-xs text-text-secondary",children:t}),a&&s.jsx("div",{className:"mt-3 flex justify-center",children:s.jsx("div",{className:"text-reseda-green-500",children:s.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:s.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})})})]})}const Sr={activeText:"text-reseda-green-700",activeBorder:"border-reseda-green-700",inactiveText:"text-text-secondary",inactiveHoverText:"hover:text-text-primary",disabledText:"text-text-disabled"};function Or({tabs:e,activeTab:r,disabled:t=!1,onChange:a,colorConfig:n}){const o=n||Sr;return s.jsx("div",{className:"flex border-b border-border mb-6",children:e.map(l=>{const i=r===l.id;return s.jsx(L,{variant:"ghost",onClick:()=>!t&&a(l.id),disabled:t&&!i,className:`px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${i?`${o.activeBorder} ${o.activeText}`:t?`border-transparent ${o.disabledText} cursor-not-allowed`:`border-transparent ${o.inactiveText} ${o.inactiveHoverText}`}`,children:l.label},l.id)})})}const Rr={activeBg:"bg-reseda-green-700",activeText:"text-white",completedBg:"bg-success-500",completedText:"text-white",incompleteBorder:"border-border",incompleteText:"text-text-muted",labelActiveText:"text-reseda-green-800",labelInactiveText:"text-text-muted",connectorBg:"bg-border"};function Ar({currentStep:e,steps:r,colorConfig:t}){const a=t||Rr;return s.jsx("nav",{className:"mb-10",children:s.jsx("ol",{className:"flex items-center w-full",children:r.map((n,o)=>s.jsxs("li",{className:`flex items-center ${o<r.length-1?"flex-1":""}`,children:[s.jsxs("div",{className:"flex items-center",children:[s.jsx("span",{className:`flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${e===n.number?`${a.activeBg} ${a.activeText}`:e>n.number?`${a.completedBg} ${a.completedText}`:`border-2 ${a.incompleteBorder} ${a.incompleteText}`}`,children:n.number}),s.jsx("span",{className:`ml-3 text-sm font-medium whitespace-nowrap ${e>=n.number?a.labelActiveText:a.labelInactiveText}`,children:n.label})]}),o<r.length-1&&s.jsx("div",{className:`flex-1 h-0.5 mx-4 ${a.connectorBg}`})]},n.number))})})}function zr(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return d.useMemo(()=>a=>{r.forEach(n=>n(a))},r)}const Br=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function _r(e){const r=Object.prototype.toString.call(e);return r==="[object Window]"||r==="[object global]"}function Fr(e){return"nodeType"in e}function Ye(e){var r,t;return e?_r(e)?e:Fr(e)&&(r=(t=e.ownerDocument)==null?void 0:t.defaultView)!=null?r:window:window}const ae=Br?d.useLayoutEffect:d.useEffect;function Ue(e){const r=d.useRef(e);return ae(()=>{r.current=e}),d.useCallback(function(){for(var t=arguments.length,a=new Array(t),n=0;n<t;n++)a[n]=arguments[n];return r.current==null?void 0:r.current(...a)},[])}function ue(e,r){r===void 0&&(r=[e]);const t=d.useRef(e);return ae(()=>{t.current!==e&&(t.current=e)},r),t}function me(e){const r=Ue(e),t=d.useRef(null),a=d.useCallback(n=>{n!==t.current&&r?.(n,t.current),t.current=n},[]);return[t,a]}let fe={};function We(e,r){return d.useMemo(()=>{const t=fe[e]==null?0:fe[e]+1;return fe[e]=t,e+"-"+t},[e,r])}function Pr(e){if(!e)return!1;const{KeyboardEvent:r}=Ye(e.target);return r&&e instanceof r}const J=Object.freeze({Translate:{toString(e){if(!e)return;const{x:r,y:t}=e;return"translate3d("+(r?Math.round(r):0)+"px, "+(t?Math.round(t):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:r,scaleY:t}=e;return"scaleX("+r+") scaleY("+t+")"}},Transform:{toString(e){if(e)return[J.Translate.toString(e),J.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:r,duration:t,easing:a}=e;return r+" "+t+"ms "+a}}});var Z;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(Z||(Z={}));function Xe(){}const Mr=Object.freeze({x:0,y:0});function Lr(e){if(e.startsWith("matrix3d(")){const r=e.slice(9,-1).split(/, /);return{x:+r[12],y:+r[13],scaleX:+r[0],scaleY:+r[5]}}else if(e.startsWith("matrix(")){const r=e.slice(7,-1).split(/, /);return{x:+r[4],y:+r[5],scaleX:+r[0],scaleY:+r[3]}}return null}function Yr(e,r,t){const a=Lr(r);if(!a)return e;const{scaleX:n,scaleY:o,x:l,y:i}=a,m=e.left-l-(1-n)*parseFloat(t),x=e.top-i-(1-o)*parseFloat(t.slice(t.indexOf(" ")+1)),u=n?e.width/n:e.width,f=o?e.height/o:e.height;return{width:u,height:f,top:x,right:m+u,bottom:x+f,left:m}}const Ur={ignoreTransform:!1};function Wr(e,r){r===void 0&&(r=Ur);let t=e.getBoundingClientRect();if(r.ignoreTransform){const{transform:x,transformOrigin:u}=Ye(e).getComputedStyle(e);x&&(t=Yr(t,x,u))}const{top:a,left:n,width:o,height:l,bottom:i,right:m}=t;return{top:a,left:n,width:o,height:l,bottom:i,right:m}}var W;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(W||(W={}));var He;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(He||(He={}));var P;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(P||(P={})),P.Space,P.Enter,P.Esc,P.Space,P.Enter,P.Tab;var qe;(function(e){e[e.RightClick=2]="RightClick"})(qe||(qe={}));var Ge;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Ge||(Ge={}));var Je;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(Je||(Je={})),W.Backward+"",W.Forward+"",W.Backward+"",W.Forward+"";var xe;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(xe||(xe={}));var ge;(function(e){e.Optimized="optimized"})(ge||(ge={}));function Xr(e){let{callback:r,disabled:t}=e;const a=Ue(r),n=d.useMemo(()=>{if(t||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:o}=window;return new o(a)},[t]);return d.useEffect(()=>()=>n?.disconnect(),[n]),n}function Hr(e,r){return d.useMemo(()=>e.reduce((t,a)=>{let{eventName:n,handler:o}=a;return t[n]=l=>{o(l,r)},t},{}),[e,r])}xe.WhileDragging,ge.Optimized;const qr={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Xe,draggableNodes:new Map,over:null,measureDroppableContainers:Xe},Ze=d.createContext(qr),Gr=d.createContext({...Mr,scaleX:1,scaleY:1});var Qe;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(Qe||(Qe={}));const Jr=d.createContext(null),Ke="button",Zr="Draggable";function Qr(e){let{id:r,data:t,disabled:a=!1,attributes:n}=e;const o=We(Zr),{activators:l,activatorEvent:i,active:m,activeNodeRect:x,ariaDescribedById:u,draggableNodes:f,over:g}=d.useContext(Ze),{role:v=Ke,roleDescription:C="draggable",tabIndex:T=0}=n??{},N=m?.id===r,O=d.useContext(N?Gr:Jr),[R,V]=me(),[I,S]=me(),w=Hr(l,r),h=ue(t);ae(()=>(f.set(r,{id:r,key:o,node:R,activatorNode:I,data:h}),()=>{const E=f.get(r);E&&E.key===o&&f.delete(r)}),[f,r]);const j=d.useMemo(()=>({role:v,tabIndex:T,"aria-disabled":a,"aria-pressed":N&&v===Ke?!0:void 0,"aria-roledescription":C,"aria-describedby":u.draggable}),[a,v,T,N,C,u.draggable]);return{active:m,activatorEvent:i,activeNodeRect:x,attributes:j,isDragging:N,listeners:a?void 0:w,node:R,over:g,setNodeRef:V,setActivatorNodeRef:S,transform:O}}const Kr="Droppable",es={timeout:25};function rs(e){let{data:r,disabled:t=!1,id:a,resizeObserverConfig:n}=e;const o=We(Kr),{active:l,dispatch:i,over:m,measureDroppableContainers:x}=d.useContext(Ze),u=d.useRef({disabled:t}),f=d.useRef(!1),g=d.useRef(null),v=d.useRef(null),{disabled:C,updateMeasurementsFor:T,timeout:N}={...es,...n},O=ue(T??a),R=d.useCallback(()=>{if(!f.current){f.current=!0;return}v.current!=null&&clearTimeout(v.current),v.current=setTimeout(()=>{x(Array.isArray(O.current)?O.current:[O.current]),v.current=null},N)},[N]),V=Xr({callback:R,disabled:C||!l}),I=d.useCallback((j,E)=>{V&&(E&&(V.unobserve(E),f.current=!1),j&&V.observe(j))},[V]),[S,w]=me(I),h=ue(r);return d.useEffect(()=>{!V||!S.current||(V.disconnect(),f.current=!1,V.observe(S.current))},[S,V]),d.useEffect(()=>(i({type:Z.RegisterDroppable,element:{id:a,key:o,disabled:t,node:S,rect:g,data:h}}),()=>i({type:Z.UnregisterDroppable,key:o,id:a})),[a]),d.useEffect(()=>{t!==u.current.disabled&&(i({type:Z.SetDroppableDisabled,id:a,key:o,disabled:t}),u.current.disabled=t)},[a,o,t,i]),{active:l,rect:g,isOver:m?.id===a,node:S,over:m,setNodeRef:w}}function er(e,r,t){const a=e.slice();return a.splice(t<0?a.length+t:t,0,a.splice(r,1)[0]),a}function ne(e){return e!==null&&e>=0}const ss=e=>{let{rects:r,activeIndex:t,overIndex:a,index:n}=e;const o=er(r,a,t),l=r[n],i=o[n];return!i||!l?null:{x:i.left-l.left,y:i.top-l.top,scaleX:i.width/l.width,scaleY:i.height/l.height}},ts=d.createContext({activeIndex:-1,containerId:"Sortable",disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:ss,disabled:{draggable:!1,droppable:!1}}),as=e=>{let{id:r,items:t,activeIndex:a,overIndex:n}=e;return er(t,a,n).indexOf(r)},ns=e=>{let{containerId:r,isSorting:t,wasDragging:a,index:n,items:o,newIndex:l,previousItems:i,previousContainerId:m,transition:x}=e;return!x||!a||i!==o&&n===l?!1:t?!0:l!==n&&r===m},os={duration:200,easing:"ease"},rr="transform",ls=J.Transition.toString({property:rr,duration:0,easing:"linear"}),cs={roleDescription:"sortable"};function is(e){let{disabled:r,index:t,node:a,rect:n}=e;const[o,l]=d.useState(null),i=d.useRef(t);return ae(()=>{if(!r&&t!==i.current&&a.current){const m=n.current;if(m){const x=Wr(a.current,{ignoreTransform:!0}),u={x:m.left-x.left,y:m.top-x.top,scaleX:m.width/x.width,scaleY:m.height/x.height};(u.x||u.y)&&l(u)}}t!==i.current&&(i.current=t)},[r,t,a,n]),d.useEffect(()=>{o&&l(null)},[o]),o}function ds(e){let{animateLayoutChanges:r=ns,attributes:t,disabled:a,data:n,getNewIndex:o=as,id:l,strategy:i,resizeObserverConfig:m,transition:x=os}=e;const{items:u,containerId:f,activeIndex:g,disabled:v,disableTransforms:C,sortedRects:T,overIndex:N,useDragOverlay:O,strategy:R}=d.useContext(ts),V=us(a,v),I=u.indexOf(l),S=d.useMemo(()=>({sortable:{containerId:f,index:I,items:u},...n}),[f,n,I,u]),w=d.useMemo(()=>u.slice(u.indexOf(l)),[u,l]),{rect:h,node:j,isOver:E,setNodeRef:U}=rs({id:l,data:S,disabled:V.droppable,resizeObserverConfig:{updateMeasurementsFor:w,...m}}),{active:z,activatorEvent:X,activeNodeRect:ve,attributes:Q,setNodeRef:K,listeners:oe,isDragging:H,over:le,setActivatorNodeRef:ce,transform:c}=Qr({id:l,data:S,attributes:{...cs,...t},disabled:V.draggable}),p=zr(U,K),y=!!z,D=y&&!C&&ne(g)&&ne(N),M=!O&&H,B=M&&D?c:null,ee=D?B??(i??R)({rects:T,activeNodeRect:ve,activeIndex:g,overIndex:N,index:I}):null,k=ne(g)&&ne(N)?o({id:l,items:u,activeIndex:g,overIndex:N}):I,_=z?.id,$=d.useRef({activeId:_,items:u,newIndex:k,containerId:f}),he=u!==$.current.items,tr=r({active:z,containerId:f,isDragging:H,isSorting:y,id:l,index:I,items:u,newIndex:$.current.newIndex,previousItems:$.current.items,previousContainerId:$.current.containerId,transition:x,wasDragging:$.current.activeId!=null}),be=is({disabled:!tr,index:I,node:j,rect:h});return d.useEffect(()=>{y&&$.current.newIndex!==k&&($.current.newIndex=k),f!==$.current.containerId&&($.current.containerId=f),u!==$.current.items&&($.current.items=u)},[y,k,f,u]),d.useEffect(()=>{if(_===$.current.activeId)return;if(_&&!$.current.activeId){$.current.activeId=_;return}const fs=setTimeout(()=>{$.current.activeId=_},50);return()=>clearTimeout(fs)},[_]),{active:z,activeIndex:g,attributes:Q,data:S,rect:h,index:I,newIndex:k,items:u,isOver:E,isSorting:y,isDragging:H,listeners:oe,node:j,overIndex:N,over:le,setNodeRef:p,setActivatorNodeRef:ce,setDroppableNodeRef:U,setDraggableNodeRef:K,transform:be??ee,transition:ms()};function ms(){if(be||he&&$.current.newIndex===I)return ls;if(!(M&&!Pr(X)||!x)&&(y||tr))return J.Transition.toString({...x,property:rr})}}function us(e,r){var t,a;return typeof e=="boolean"?{draggable:e,droppable:!1}:{draggable:(t=e?.draggable)!=null?t:r.draggable,droppable:(a=e?.droppable)!=null?a:r.droppable}}P.Down,P.Right,P.Up,P.Left;function sr({id:e,index:r,previewText:t,defaultExpanded:a=!1,children:n,tooltipContent:o,onRemove:l,className:i=""}){const[m,x]=d.useState(a),{attributes:u,listeners:f,setNodeRef:g,transform:v,transition:C,isDragging:T}=ds({id:e}),N={transform:J.Transform.toString(v),transition:C,opacity:T?.5:1};return s.jsx("div",{ref:g,style:N,className:`border border-border rounded-md bg-surface-variant ${i}`,children:m?s.jsxs("div",{className:"p-3",children:[s.jsxs("div",{className:"flex justify-between items-center mb-2",children:[s.jsx(L,{type:"button",variant:"ghost",size:"icon",...u,...f,className:"h-auto w-auto p-1 cursor-grab active:cursor-grabbing","aria-label":"Drag to reorder",leftIcon:s.jsx(Ae,{className:"w-4 h-4"})}),s.jsxs("span",{className:"text-sm font-medium text-text-secondary flex-1 cursor-pointer select-none",onClick:()=>x(!1),children:["Item ",r+1]}),s.jsx(L,{type:"button",variant:"ghost",size:"icon",onClick:()=>x(!1),className:"h-auto w-auto p-1","aria-label":"Collapse",leftIcon:s.jsx(ze,{className:"w-4 h-4 transition-transform rotate-90"})}),s.jsx(L,{type:"button",variant:"ghost",size:"icon",onClick:l,className:"h-auto w-auto p-1 text-error-600 hover:text-error-800","aria-label":"Remove",leftIcon:s.jsx(de,{className:"w-4 h-4"})})]}),n]}):s.jsxs("div",{className:"relative group",children:[s.jsxs("div",{className:"flex items-center gap-2 px-3 py-2",children:[s.jsx(L,{type:"button",variant:"ghost",size:"icon",...u,...f,className:"h-auto w-auto p-1 cursor-grab active:cursor-grabbing flex-shrink-0","aria-label":"Drag to reorder",leftIcon:s.jsx(Ae,{className:"w-4 h-4"})}),s.jsx("span",{className:"flex-1 text-sm text-text-secondary truncate cursor-pointer select-none",onClick:()=>x(!0),children:t}),s.jsx(L,{type:"button",variant:"ghost",size:"icon",onClick:()=>x(!0),className:"h-auto w-auto p-1 flex-shrink-0","aria-label":"Expand",leftIcon:s.jsx(ze,{className:"w-4 h-4 transition-transform"})}),s.jsx(L,{type:"button",variant:"ghost",size:"icon",onClick:l,className:"h-auto w-auto p-1 text-error-600 hover:text-error-800 flex-shrink-0","aria-label":"Remove",leftIcon:s.jsx(de,{className:"w-4 h-4"})})]}),o&&s.jsx("div",{className:"absolute left-0 top-full mt-1 z-10 w-80 bg-gray-900 text-white text-xs rounded-md p-3 shadow-lg opacity-0 group-hover:opacity-100 pointer-events-none transition-opacity duration-150",children:o})]})})}sr.displayName="SortableItem",b.Accordion=Ir,b.Alert=Nr,b.Badge=Be,b.Button=L,b.Card=yr,b.CheckboxGroup=Er,b.ColorPalette=Ve,b.Demo=hr,b.FormField=Vr,b.Input=_e,b.OptionCard=Dr,b.RadioGroup=$r,b.Section=jr,b.Select=Fe,b.Sidebar=xr,b.Slider=Le,b.SocialButton=Re,b.SortableItem=sr,b.Stepper=Ar,b.TabBar=Or,b.TagInput=Pe,b.Textarea=Me,b.ThemeProvider=$e,b.ThemeToggle=De,b.clearAllErrors=cr,b.clearFieldError=lr,b.getFirstError=or,b.hasErrors=we,b.useForm=ir,b.useTheme=Ie,b.validateField=pe,b.validateForm=se,b.validators=nr,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "acemyjob-ui",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.2",
|
|
4
4
|
"description": "A React component library for job search and career management applications",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -50,12 +50,12 @@
|
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
52
|
"react": "^18.0.0 || ^19.0.0",
|
|
53
|
-
"react-dom": "^18.0.0 || ^19.0.0"
|
|
53
|
+
"react-dom": "^18.0.0 || ^19.0.0",
|
|
54
|
+
"@dnd-kit/core": "^6.0.0",
|
|
55
|
+
"@dnd-kit/sortable": "^8.0.0 || ^10.0.0",
|
|
56
|
+
"@dnd-kit/utilities": "^3.0.0"
|
|
54
57
|
},
|
|
55
58
|
"dependencies": {
|
|
56
|
-
"@dnd-kit/core": "^6.3.1",
|
|
57
|
-
"@dnd-kit/sortable": "^8.0.0",
|
|
58
|
-
"@dnd-kit/utilities": "^3.2.2",
|
|
59
59
|
"@headlessui/react": "^2.2.4",
|
|
60
60
|
"@heroicons/react": "^2.2.0",
|
|
61
61
|
"@tailwindcss/postcss": "^4.1.11"
|