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.
@@ -159,7 +159,7 @@ function ys({
159
159
  }
160
160
  },
161
161
  [a, r, t]
162
- ), R = O(() => {
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
- ), E = O(
175
+ ), R = O(
176
176
  (b) => i[b] || !1,
177
177
  [i]
178
- ), D = O(
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: R,
193
+ resetForm: D,
194
194
  getFieldProps: I,
195
195
  getFieldError: k,
196
- isFieldTouched: E,
197
- isFieldDirty: D
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 R:
253
+ case D:
254
254
  return "Profiler";
255
255
  case y:
256
256
  return "StrictMode";
257
- case D:
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 E:
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, $ = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
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, $, L, z, ce, K) {
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, $, L, z, ce, K) {
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 ($ = 0; $ < N.length; $++)
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
- $ = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", le[N + $] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
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 + $] = !0);
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"), R = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), k = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), D = 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() {
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, $, L) {
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, $, L) {
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 && R(e[e.length - 1]);
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
- }, R = (v) => {
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: () => R(v),
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
- }, R = typeof i == "string" ? i.length : 0;
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
- R,
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}`, E = (e - t) / (a - t) * 100;
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: (D) => r(Number(D.target.value)),
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: `${E}%` }
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, R = te(y ? qr : Gr), [I, k] = we(), [E, D] = we(), b = Xr(l, r), v = pe(t);
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: E,
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: D,
2107
- transform: R
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
- }, R = pe(C ?? a), I = O(
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(R.current) ? R.current : [R.current]), g.current = null;
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
- }), E = O((w, T) => {
2149
+ }), R = O((w, T) => {
2150
2150
  k && (T && (k.unobserve(T), m.current = !1), w && k.observe(w));
2151
- }, [k]), [D, b] = we(E), v = pe(r);
2151
+ }, [k]), [$, b] = we(R), v = pe(r);
2152
2152
  return M(() => {
2153
- !k || !D.current || (k.disconnect(), m.current = !1, k.observe(D.current));
2154
- }, [D, k]), M(
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: D,
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: D,
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: R,
2301
+ useDragOverlay: D,
2302
2302
  strategy: I
2303
- } = te(ts), k = us(a, g), E = d.indexOf(l), D = H(() => ({
2303
+ } = te(ts), k = us(a, g), R = d.indexOf(l), $ = H(() => ({
2304
2304
  sortable: {
2305
2305
  containerId: m,
2306
- index: E,
2306
+ index: R,
2307
2307
  items: d
2308
2308
  },
2309
2309
  ...n
2310
- }), [m, n, E, d]), b = H(() => d.slice(d.indexOf(l)), [d, l]), {
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: D,
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: D,
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, $ = p && !j && de(x) && de(y), L = !R && G, z = L && $ ? c : null, K = $ ? z ?? (i ?? I)({
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: E
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
- }) : E, B = A?.id, V = W({
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: E,
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: E,
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: D,
2394
+ data: $,
2395
2395
  rect: v,
2396
- index: E,
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 === E
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
  ),
@@ -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]),I=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]),D=d.useCallback(w=>i[w]||!1,[i]),O=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:I,getFieldProps:R,getFieldError:V,isFieldTouched:D,isFieldDirty:O}}var te={exports:{}},q={};/**
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 I:return"Profiler";case N:return"StrictMode";case O: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 D: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,S=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.",S),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,S,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,S,M,B,ie,ee){var k=p.children;if(k!==void 0)if(S)if(ve(k)){for(S=0;S<k.length;S++)f(k[S]);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"});S=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",ce[k+S]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
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.0",
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"