acemyjob-ui 0.10.0 → 0.11.0

package/dist/acemyjob-ui.es.js

@@ -1,202 +1,203 @@
-import * as W from "react";
-import B, { useState as k, useCallback as R, createContext as he, useEffect as Z, useContext as ge } from "react";
-import { Dialog as be, DialogBackdrop as pe, DialogPanel as je, TransitionChild as we } from "@headlessui/react";
-import { XMarkIcon as ye, Bars3Icon as Ne, ChevronDownIcon as K, InformationCircleIcon as Ve, ExclamationCircleIcon as Ce, XCircleIcon as ke, CheckCircleIcon as Te } from "@heroicons/react/24/outline";
-const ar = {
-  required: (r = "This field is required") => ({
-    validate: (s) => typeof s == "string" ? s.trim().length > 0 : Array.isArray(s) ? s.length > 0 : s != null,
-    message: r
+import * as P from "react";
+import X, { useState as S, useCallback as O, createContext as ue, useEffect as M, useContext as te, useLayoutEffect as Ze, useMemo as H, useRef as W } from "react";
+import { Dialog as Qe, DialogBackdrop as Ke, DialogPanel as er, TransitionChild as rr } from "@headlessui/react";
+import { XMarkIcon as sr, Bars3Icon as tr, ChevronDownIcon as Ne, InformationCircleIcon as ar, ExclamationCircleIcon as nr, XCircleIcon as or, CheckCircleIcon as lr } from "@heroicons/react/24/outline";
+import "react-dom";
+const hs = {
+  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: (r = "Please enter a valid email address") => ({
-    validate: (s) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(s)),
-    message: r
+  email: (e = "Please enter a valid email address") => ({
+    validate: (r) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(r)),
+    message: e
   }),
-  minLength: (r, s) => ({
-    validate: (t) => String(t).length >= r,
-    message: s || `Must be at least ${r} characters`
+  minLength: (e, r) => ({
+    validate: (t) => String(t).length >= e,
+    message: r || `Must be at least ${e} characters`
   }),
-  maxLength: (r, s) => ({
-    validate: (t) => String(t).length <= r,
-    message: s || `Must be no more than ${r} characters`
+  maxLength: (e, r) => ({
+    validate: (t) => String(t).length <= e,
+    message: r || `Must be no more than ${e} characters`
   }),
-  pattern: (r, s = "Invalid format") => ({
-    validate: (t) => r.test(String(t)),
-    message: s
+  pattern: (e, r = "Invalid format") => ({
+    validate: (t) => e.test(String(t)),
+    message: r
   }),
-  minValue: (r, s) => ({
-    validate: (t) => Number(t) >= r,
-    message: s || `Must be at least ${r}`
+  minValue: (e, r) => ({
+    validate: (t) => Number(t) >= e,
+    message: r || `Must be at least ${e}`
   }),
-  maxValue: (r, s) => ({
-    validate: (t) => Number(t) <= r,
-    message: s || `Must be no more than ${r}`
+  maxValue: (e, r) => ({
+    validate: (t) => Number(t) <= e,
+    message: r || `Must be no more than ${e}`
   }),
-  url: (r = "Please enter a valid URL") => ({
-    validate: (s) => {
+  url: (e = "Please enter a valid URL") => ({
+    validate: (r) => {
       try {
-        return new URL(String(s)), !0;
+        return new URL(String(r)), !0;
       } catch {
         return !1;
       }
     },
-    message: r
+    message: e
   }),
-  phone: (r = "Please enter a valid phone number") => ({
-    validate: (s) => {
-      const t = /^[\d\s\-+()]+$/, a = String(s);
+  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: r
+    message: e
   }),
-  match: (r, s = "Fields do not match") => ({
-    validate: (t) => t === r,
-    message: s
+  match: (e, r = "Fields do not match") => ({
+    validate: (t) => t === e,
+    message: r
   }),
-  custom: (r, s) => ({
-    validate: r,
-    message: s
+  custom: (e, r) => ({
+    validate: e,
+    message: r
   })
 };
-function $e(r, s) {
-  for (const t of s)
-    if (!t.validate(r))
+function cr(e, r) {
+  for (const t of r)
+    if (!t.validate(e))
       return t.message;
   return null;
 }
-function X(r, s) {
+function ve(e, r) {
   const t = {};
-  for (const [a, l] of Object.entries(s)) {
-    const o = r[a], i = $e(o, l);
-    t[a] = i;
+  for (const [a, n] of Object.entries(r)) {
+    const o = e[a], l = cr(o, n);
+    t[a] = l;
   }
   return t;
 }
-function Ee(r) {
-  return Object.values(r).some((s) => s !== null);
+function ir(e) {
+  return Object.values(e).some((r) => r !== null);
 }
-function tr(r) {
-  for (const s of Object.values(r))
-    if (s !== null)
-      return s;
+function bs(e) {
+  for (const r of Object.values(e))
+    if (r !== null)
+      return r;
   return null;
 }
-function nr(r, s) {
+function ps(e, r) {
   return {
-    ...r,
-    [s]: null
+    ...e,
+    [r]: null
   };
 }
-function or(r) {
-  const s = {};
-  for (const t of Object.keys(r))
-    s[t] = null;
-  return s;
+function ws(e) {
+  const r = {};
+  for (const t of Object.keys(e))
+    r[t] = null;
+  return r;
 }
-function lr({
-  initialValues: r,
-  validationRules: s = {},
+function ys({
+  initialValues: e,
+  validationRules: r = {},
   onSubmit: t
 }) {
-  const [a, l] = k(r), [o, i] = k({}), [c, u] = k({}), [v, d] = k(!1), m = JSON.stringify(a) !== JSON.stringify(r), h = R(
+  const [a, n] = S(e), [o, l] = S({}), [i, u] = S({}), [f, d] = S(!1), m = JSON.stringify(a) !== JSON.stringify(e), x = O(
     (b) => {
-      const { name: f, value: j, type: C } = b.target;
-      let L = j;
-      if (C === "checkbox" ? L = b.target.checked : C === "number" && (L = j ? Number(j) : ""), l((P) => ({
-        ...P,
-        [f]: L
-      })), s[f]) {
-        const P = X({ [f]: L }, { [f]: s[f] });
-        i((Y) => ({
-          ...Y,
-          [f]: P[f]
+      const { name: v, value: w, type: T } = b.target;
+      let Y = w;
+      if (T === "checkbox" ? Y = b.target.checked : T === "number" && (Y = w ? Number(w) : ""), n((A) => ({
+        ...A,
+        [v]: Y
+      })), r[v]) {
+        const A = ve({ [v]: Y }, { [v]: r[v] });
+        l((q) => ({
+          ...q,
+          [v]: A[v]
         }));
       }
     },
-    [s]
-  ), g = R(
+    [r]
+  ), g = O(
     (b) => {
-      const { name: f } = b.target;
-      u((j) => ({
-        ...j,
-        [f]: !0
+      const { name: v } = b.target;
+      u((w) => ({
+        ...w,
+        [v]: !0
       }));
     },
     []
-  ), N = R((b, f) => {
-    if (l((j) => ({
-      ...j,
-      [b]: f
-    })), s[b]) {
-      const j = X({ [b]: f }, { [b]: s[b] });
-      i((C) => ({
-        ...C,
-        [b]: j[b]
+  ), j = O((b, v) => {
+    if (n((w) => ({
+      ...w,
+      [b]: v
+    })), r[b]) {
+      const w = ve({ [b]: v }, { [b]: r[b] });
+      l((T) => ({
+        ...T,
+        [b]: w[b]
       }));
     }
-  }, [s]), T = R((b, f) => {
-    i((j) => ({
-      ...j,
-      [b]: f
+  }, [r]), C = O((b, v) => {
+    l((w) => ({
+      ...w,
+      [b]: v
     }));
-  }, []), _ = R(
+  }, []), y = O(
     async (b) => {
       b.preventDefault();
-      const f = X(a, s);
-      i(f);
-      const j = {};
-      for (const C of Object.keys(a))
-        j[C] = !0;
-      if (u(j), !Ee(f) && t) {
+      const v = ve(a, r);
+      l(v);
+      const w = {};
+      for (const T of Object.keys(a))
+        w[T] = !0;
+      if (u(w), !ir(v) && t) {
         d(!0);
         try {
           await t(a);
-        } catch (C) {
-          console.error("Form submission error:", C);
+        } catch (T) {
+          console.error("Form submission error:", T);
         } finally {
           d(!1);
         }
       }
     },
-    [a, s, t]
-  ), A = R(() => {
-    l(r), i({}), u({}), d(!1);
-  }, [r]), $ = R(
+    [a, r, t]
+  ), R = O(() => {
+    n(e), l({}), u({}), d(!1);
+  }, [e]), I = O(
     (b) => ({
       name: b,
       value: a[b] || "",
-      onChange: h,
+      onChange: x,
       onBlur: g
     }),
-    [a, h, g]
-  ), S = R(
+    [a, x, g]
+  ), k = O(
     (b) => o[b] || null,
     [o]
-  ), D = R(
-    (b) => c[b] || !1,
-    [c]
-  ), F = R(
-    (b) => a[b] !== r[b],
-    [a, r]
+  ), E = O(
+    (b) => i[b] || !1,
+    [i]
+  ), D = O(
+    (b) => a[b] !== e[b],
+    [a, e]
   );
   return {
     values: a,
     errors: o,
-    touched: c,
-    isSubmitting: v,
+    touched: i,
+    isSubmitting: f,
     isDirty: m,
-    handleChange: h,
+    handleChange: x,
     handleBlur: g,
-    setFieldValue: N,
-    setFieldError: T,
-    handleSubmit: _,
-    resetForm: A,
-    getFieldProps: $,
-    getFieldError: S,
-    isFieldTouched: D,
-    isFieldDirty: F
+    setFieldValue: j,
+    setFieldError: C,
+    handleSubmit: y,
+    resetForm: R,
+    getFieldProps: I,
+    getFieldError: k,
+    isFieldTouched: E,
+    isFieldDirty: D
   };
 }
-var U = { exports: {} }, I = {};
+var ie = { exports: {} }, ee = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -206,29 +207,29 @@ var U = { exports: {} }, I = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ne;
-function Re() {
-  if (ne) return I;
-  ne = 1;
-  var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function t(a, l, o) {
-    var i = null;
-    if (o !== void 0 && (i = "" + o), l.key !== void 0 && (i = "" + l.key), "key" in l) {
+var ke;
+function dr() {
+  if (ke) return ee;
+  ke = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function t(a, n, o) {
+    var l = null;
+    if (o !== void 0 && (l = "" + o), n.key !== void 0 && (l = "" + n.key), "key" in n) {
       o = {};
-      for (var c in l)
-        c !== "key" && (o[c] = l[c]);
-    } else o = l;
-    return l = o.ref, {
-      $$typeof: r,
+      for (var i in n)
+        i !== "key" && (o[i] = n[i]);
+    } else o = n;
+    return n = o.ref, {
+      $$typeof: e,
       type: a,
-      key: i,
-      ref: l !== void 0 ? l : null,
+      key: l,
+      ref: n !== void 0 ? n : null,
       props: o
     };
   }
-  return I.Fragment = s, I.jsx = t, I.jsxs = t, I;
+  return ee.Fragment = r, ee.jsx = t, ee.jsxs = t, ee;
 }
-var z = {};
+var re = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -238,245 +239,245 @@ var z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var oe;
-function Ae() {
-  return oe || (oe = 1, process.env.NODE_ENV !== "production" && function() {
-    function r(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === L ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
-        case T:
+var Te;
+function ur() {
+  return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(c) {
+      if (c == null) return null;
+      if (typeof c == "function")
+        return c.$$typeof === Y ? null : c.displayName || c.name || null;
+      if (typeof c == "string") return c;
+      switch (c) {
+        case C:
           return "Fragment";
-        case A:
+        case R:
           return "Profiler";
-        case _:
+        case y:
           return "StrictMode";
-        case F:
+        case D:
           return "Suspense";
         case b:
           return "SuspenseList";
-        case C:
+        case T:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
+      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."
-        ), n.$$typeof) {
-          case N:
-            return "Portal";
-          case S:
-            return (n.displayName || "Context") + ".Provider";
-          case $:
-            return (n._context.displayName || "Context") + ".Consumer";
-          case D:
-            var x = n.render;
-            return n = n.displayName, n || (n = x.displayName || x.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case f:
-            return x = n.displayName || null, x !== null ? x : r(n.type) || "Memo";
+        ), c.$$typeof) {
           case j:
-            x = n._payload, n = n._init;
+            return "Portal";
+          case k:
+            return (c.displayName || "Context") + ".Provider";
+          case I:
+            return (c._context.displayName || "Context") + ".Consumer";
+          case E:
+            var h = c.render;
+            return c = c.displayName, c || (c = h.displayName || h.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+          case v:
+            return h = c.displayName || null, h !== null ? h : e(c.type) || "Memo";
+          case w:
+            h = c._payload, c = c._init;
             try {
-              return r(n(x));
+              return e(c(h));
             } catch {
             }
         }
       return null;
     }
-    function s(n) {
-      return "" + n;
+    function r(c) {
+      return "" + c;
     }
-    function t(n) {
+    function t(c) {
       try {
-        s(n);
-        var x = !1;
+        r(c);
+        var h = !1;
       } catch {
-        x = !0;
+        h = !0;
       }
-      if (x) {
-        x = console;
-        var p = x.error, w = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+      if (h) {
+        h = console;
+        var p = h.error, $ = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
         return p.call(
-          x,
+          h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          w
-        ), s(n);
+          $
+        ), r(c);
       }
     }
-    function a(n) {
-      if (n === T) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === j)
+    function a(c) {
+      if (c === C) return "<>";
+      if (typeof c == "object" && c !== null && c.$$typeof === w)
         return "<...>";
       try {
-        var x = r(n);
-        return x ? "<" + x + ">" : "<...>";
+        var h = e(c);
+        return h ? "<" + h + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function l() {
-      var n = P.A;
-      return n === null ? null : n.getOwner();
+    function n() {
+      var c = A.A;
+      return c === null ? null : c.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
-    function i(n) {
-      if (Y.call(n, "key")) {
-        var x = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (x && x.isReactWarning) return !1;
+    function l(c) {
+      if (q.call(c, "key")) {
+        var h = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (h && h.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return c.key !== void 0;
     }
-    function c(n, x) {
+    function i(c, h) {
       function p() {
-        ee || (ee = !0, console.error(
+        Q || (Q = !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)",
-          x
+          h
         ));
       }
-      p.isReactWarning = !0, Object.defineProperty(n, "key", {
+      p.isReactWarning = !0, Object.defineProperty(c, "key", {
         get: p,
         configurable: !0
       });
     }
     function u() {
-      var n = r(this.type);
-      return re[n] || (re[n] = !0, console.error(
+      var c = e(this.type);
+      return ne[c] || (ne[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."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function v(n, x, p, w, O, E, H, J) {
-      return p = E.ref, n = {
+    function f(c, h, p, $, L, z, ce, K) {
+      return p = z.ref, c = {
         $$typeof: g,
-        type: n,
-        key: x,
-        props: E,
-        _owner: O
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(n, "ref", {
+        type: c,
+        key: h,
+        props: z,
+        _owner: L
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+      }) : 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(n, "_debugInfo", {
+      }), Object.defineProperty(c, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(c, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
-      }), Object.defineProperty(n, "_debugTask", {
+        value: ce
+      }), Object.defineProperty(c, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: J
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+        value: K
+      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function d(n, x, p, w, O, E, H, J) {
-      var y = x.children;
-      if (y !== void 0)
-        if (w)
-          if (fe(y)) {
-            for (w = 0; w < y.length; w++)
-              m(y[w]);
-            Object.freeze && Object.freeze(y);
+    function d(c, h, p, $, L, z, ce, K) {
+      var N = h.children;
+      if (N !== void 0)
+        if ($)
+          if (fe(N)) {
+            for ($ = 0; $ < N.length; $++)
+              m(N[$]);
+            Object.freeze && Object.freeze(N);
           } 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 m(y);
-      if (Y.call(x, "key")) {
-        y = r(n);
-        var M = Object.keys(x).filter(function(ve) {
-          return ve !== "key";
+        else m(N);
+      if (q.call(h, "key")) {
+        N = e(c);
+        var B = Object.keys(h).filter(function(xe) {
+          return xe !== "key";
         });
-        w = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", te[y + w] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
+        $ = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", le[N + $] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          w,
-          y,
-          M,
-          y
-        ), te[y + w] = !0);
+          $,
+          N,
+          B,
+          N
+        ), le[N + $] = !0);
       }
-      if (y = null, p !== void 0 && (t(p), y = "" + p), i(x) && (t(x.key), y = "" + x.key), "key" in x) {
+      if (N = null, p !== void 0 && (t(p), N = "" + p), l(h) && (t(h.key), N = "" + h.key), "key" in h) {
         p = {};
-        for (var q in x)
-          q !== "key" && (p[q] = x[q]);
-      } else p = x;
-      return y && c(
+        for (var V in h)
+          V !== "key" && (p[V] = h[V]);
+      } else p = h;
+      return N && i(
         p,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), v(
-        n,
-        y,
-        E,
-        O,
-        l(),
+        typeof c == "function" ? c.displayName || c.name || "Unknown" : c
+      ), f(
+        c,
+        N,
+        z,
+        L,
+        n(),
         p,
-        H,
-        J
+        ce,
+        K
       );
     }
-    function m(n) {
-      typeof n == "object" && n !== null && n.$$typeof === g && n._store && (n._store.validated = 1);
+    function m(c) {
+      typeof c == "object" && c !== null && c.$$typeof === g && c._store && (c._store.validated = 1);
     }
-    var h = B, g = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), S = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), P = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, fe = Array.isArray, G = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    h = {
-      "react-stack-bottom-frame": function(n) {
-        return n();
+    x = {
+      "react-stack-bottom-frame": function(c) {
+        return c();
       }
     };
-    var ee, re = {}, se = h["react-stack-bottom-frame"].bind(
-      h,
+    var Q, ne = {}, G = x["react-stack-bottom-frame"].bind(
+      x,
       o
-    )(), ae = G(a(o)), te = {};
-    z.Fragment = T, z.jsx = function(n, x, p, w, O) {
-      var E = 1e4 > P.recentlyCreatedOwnerStacks++;
+    )(), oe = Z(a(o)), le = {};
+    re.Fragment = C, re.jsx = function(c, h, p, $, L) {
+      var z = 1e4 > A.recentlyCreatedOwnerStacks++;
       return d(
-        n,
-        x,
+        c,
+        h,
         p,
         !1,
-        w,
-        O,
-        E ? Error("react-stack-top-frame") : se,
-        E ? G(a(n)) : ae
+        $,
+        L,
+        z ? Error("react-stack-top-frame") : G,
+        z ? Z(a(c)) : oe
       );
-    }, z.jsxs = function(n, x, p, w, O) {
-      var E = 1e4 > P.recentlyCreatedOwnerStacks++;
+    }, re.jsxs = function(c, h, p, $, L) {
+      var z = 1e4 > A.recentlyCreatedOwnerStacks++;
       return d(
-        n,
-        x,
+        c,
+        h,
         p,
         !0,
-        w,
-        O,
-        E ? Error("react-stack-top-frame") : se,
-        E ? G(a(n)) : ae
+        $,
+        L,
+        z ? Error("react-stack-top-frame") : G,
+        z ? Z(a(c)) : oe
       );
     };
-  }()), z;
+  }()), re;
 }
-var le;
-function _e() {
-  return le || (le = 1, process.env.NODE_ENV === "production" ? U.exports = Re() : U.exports = Ae()), U.exports;
+var Ve;
+function mr() {
+  return Ve || (Ve = 1, process.env.NODE_ENV === "production" ? ie.exports = dr() : ie.exports = ur()), ie.exports;
 }
-var e = _e();
-const Oe = {
+var s = mr();
+const fr = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -484,66 +485,66 @@ const Oe = {
   hoverBg: "hover:bg-indigo-700",
   hoverText: "hover:text-white"
 };
-function V(...r) {
-  return r.filter(Boolean).join(" ");
+function _(...e) {
+  return e.filter(Boolean).join(" ");
 }
-function ce({ item: r, colorScheme: s }) {
-  const [t, a] = k(r.current || r.children?.some((o) => o.current)), l = r.children && r.children.length > 0;
-  return /* @__PURE__ */ e.jsxs("li", { children: [
-    /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
+function Re({ item: e, colorScheme: r }) {
+  const [t, a] = S(e.current || e.children?.some((o) => o.current)), n = e.children && e.children.length > 0;
+  return /* @__PURE__ */ s.jsxs("li", { children: [
+    /* @__PURE__ */ s.jsx("div", { children: /* @__PURE__ */ s.jsxs(
       "a",
       {
-        href: l ? void 0 : r.href,
+        href: n ? void 0 : e.href,
         onClick: (o) => {
-          l && (o.preventDefault(), a(!t));
+          n && (o.preventDefault(), a(!t));
         },
-        className: V(
-          r.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
+        className: _(
+          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",
-          l ? "cursor-pointer" : ""
+          n ? "cursor-pointer" : ""
         ),
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
-            /* @__PURE__ */ e.jsx(
-              r.icon,
+          /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-x-3", children: [
+            /* @__PURE__ */ s.jsx(
+              e.icon,
               {
                 "aria-hidden": "true",
-                className: V(
-                  r.current ? s.activeText : `${s.text} group-${s.hoverText}`,
+                className: _(
+                  e.current ? r.activeText : `${r.text} group-${r.hoverText}`,
                   "size-6 shrink-0"
                 )
               }
             ),
-            r.name
+            e.name
           ] }),
-          l && /* @__PURE__ */ e.jsx(
-            K,
+          n && /* @__PURE__ */ s.jsx(
+            Ne,
             {
-              className: V(
+              className: _(
                 "size-5 shrink-0 transition-transform",
                 t ? "rotate-180" : "",
-                r.current ? s.activeText : s.text
+                e.current ? r.activeText : r.text
               )
             }
           )
         ]
       }
     ) }),
-    l && t && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: r.children.map((o) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
+    n && t && /* @__PURE__ */ s.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: e.children.map((o) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
       "a",
       {
         href: o.href,
-        className: V(
-          o.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
+        className: _(
+          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: [
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ s.jsx(
             o.icon,
             {
               "aria-hidden": "true",
-              className: V(
-                o.current ? s.activeText : `${s.text} group-${s.hoverText}`,
+              className: _(
+                o.current ? r.activeText : `${r.text} group-${r.hoverText}`,
                 "size-5 shrink-0"
               )
             }
@@ -554,118 +555,118 @@ function ce({ item: r, colorScheme: s }) {
     ) }, o.name)) })
   ] });
 }
-function cr({ company: r, profile: s, navigation: t, colorScheme: a = Oe }) {
-  const [l, o] = k(!1);
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(be, { open: l, onClose: o, className: "relative z-50 lg:hidden", children: [
-      /* @__PURE__ */ e.jsx(
-        pe,
+function js({ company: e, profile: r, navigation: t, colorScheme: a = fr }) {
+  const [n, o] = S(!1);
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsxs(Qe, { open: n, onClose: o, className: "relative z-50 lg:hidden", children: [
+      /* @__PURE__ */ s.jsx(
+        Ke,
         {
           transition: !0,
           className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"
         }
       ),
-      /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ e.jsxs(
-        je,
+      /* @__PURE__ */ s.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ s.jsxs(
+        er,
         {
           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: [
-            /* @__PURE__ */ e.jsx(we, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0", children: /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => o(!1), className: "-m-2.5 p-2.5", children: [
-              /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
-              /* @__PURE__ */ e.jsx(ye, { "aria-hidden": "true", className: "size-6 text-white" })
+            /* @__PURE__ */ s.jsx(rr, { children: /* @__PURE__ */ 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: /* @__PURE__ */ s.jsxs("button", { type: "button", onClick: () => o(!1), className: "-m-2.5 p-2.5", children: [
+              /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Close sidebar" }),
+              /* @__PURE__ */ s.jsx(sr, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: V("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", a.bg), children: [
-              /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ s.jsxs("div", { className: _("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", a.bg), children: [
+              /* @__PURE__ */ s.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ s.jsx(
                 "img",
                 {
-                  alt: r.name,
-                  src: r.logo,
+                  alt: e.name,
+                  src: e.logo,
                   className: "h-8 w-auto"
                 }
               ) }),
-              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(ce, { item: i, colorScheme: a }, i.name)) }) }) }) })
+              /* @__PURE__ */ s.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ s.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((l) => /* @__PURE__ */ s.jsx(Re, { item: l, colorScheme: a }, l.name)) }) }) }) })
             ] })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: V("flex grow flex-col gap-y-5 overflow-y-auto px-6", a.bg), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ s.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ s.jsxs("div", { className: _("flex grow flex-col gap-y-5 overflow-y-auto px-6", a.bg), children: [
+      /* @__PURE__ */ s.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ s.jsx(
         "img",
         {
-          alt: r.name,
-          src: r.logo,
+          alt: e.name,
+          src: e.logo,
           className: "h-8 w-auto"
         }
       ) }),
-      /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
-        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(ce, { item: i, colorScheme: a }, i.name)) }) }),
-        /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ s.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ s.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
+        /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((l) => /* @__PURE__ */ s.jsx(Re, { item: l, colorScheme: a }, l.name)) }) }),
+        /* @__PURE__ */ s.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ s.jsxs(
           "a",
           {
             href: "#",
-            className: V(
+            className: _(
               "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
               a.activeText,
               a.hoverBg
             ),
             children: [
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ s.jsx(
                 "img",
                 {
-                  alt: s.name,
-                  src: s.image,
-                  className: V("size-8 rounded-full", a.activeBg)
+                  alt: r.name,
+                  src: r.image,
+                  className: _("size-8 rounded-full", a.activeBg)
                 }
               ),
-              /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
-              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: s.name })
+              /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Your profile" }),
+              /* @__PURE__ */ s.jsx("span", { "aria-hidden": "true", children: r.name })
             ]
           }
         ) })
       ] }) })
     ] }) }),
-    /* @__PURE__ */ e.jsxs("div", { className: V("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: [
-      /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => o(!0), className: V("-m-2.5 p-2.5 lg:hidden", a.text), children: [
-        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
-        /* @__PURE__ */ e.jsx(Ne, { "aria-hidden": "true", className: "size-6" })
+    /* @__PURE__ */ s.jsxs("div", { className: _("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: [
+      /* @__PURE__ */ s.jsxs("button", { type: "button", onClick: () => o(!0), className: _("-m-2.5 p-2.5 lg:hidden", a.text), children: [
+        /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Open sidebar" }),
+        /* @__PURE__ */ s.jsx(tr, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: V("flex-1 text-sm/6 font-semibold", a.activeText), children: "Dashboard" }),
-      /* @__PURE__ */ e.jsxs("a", { href: "#", children: [
-        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
-        /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ s.jsx("div", { className: _("flex-1 text-sm/6 font-semibold", a.activeText), children: "Dashboard" }),
+      /* @__PURE__ */ s.jsxs("a", { href: "#", children: [
+        /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Your profile" }),
+        /* @__PURE__ */ s.jsx(
           "img",
           {
-            alt: s.name,
-            src: s.image,
-            className: V("size-8 rounded-full", a.activeBg)
+            alt: r.name,
+            src: r.image,
+            className: _("size-8 rounded-full", a.activeBg)
           }
         )
       ] })
     ] })
   ] }) });
 }
-const me = (r) => r.replace("--color-", "bg-"), Be = ({ name: r, cssVar: s, value: t }) => {
+const Le = (e) => e.replace("--color-", "bg-"), xr = ({ name: e, cssVar: r, value: t }) => {
   const a = `rgb(${t})`;
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
-    /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ 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: [
+    /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${me(s)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Le(r)}`
       }
     ),
-    /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: r }),
-      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: a })
+    /* @__PURE__ */ s.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "text-sm font-medium text-text-primary", children: e }),
+      /* @__PURE__ */ s.jsx("div", { className: "text-xs text-text-muted font-mono", children: r }),
+      /* @__PURE__ */ s.jsx("div", { className: "text-xs text-text-secondary", children: a })
     ] })
   ] });
-}, ie = ({ title: r, colors: s }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-  /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: r }),
-  /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-11 gap-4", children: s.map((t) => /* @__PURE__ */ e.jsx(Be, { ...t }, t.name)) })
-] }), Pe = () => {
-  const r = [
+}, Ee = ({ title: e, colors: r }) => /* @__PURE__ */ s.jsxs("div", { className: "space-y-4", children: [
+  /* @__PURE__ */ s.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: e }),
+  /* @__PURE__ */ 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) => /* @__PURE__ */ s.jsx(xr, { ...t }, t.name)) })
+] }), gr = () => {
+  const e = [
     {
       title: "Success Colors (Green)",
       colors: [
@@ -714,7 +715,7 @@ const me = (r) => r.replace("--color-", "bg-"), Be = ({ name: r, cssVar: s, valu
         { name: "950", cssVar: "--color-error-950", value: "69 10 10" }
       ]
     }
-  ], s = [
+  ], r = [
     {
       title: "Reseda Green",
       colors: [
@@ -875,92 +876,92 @@ const me = (r) => r.replace("--color-", "bg-"), Be = ({ name: r, cssVar: s, valu
     { name: "Border", cssVar: "--color-border" },
     { name: "Border Subtle", cssVar: "--color-border-subtle" }
   ];
-  return /* @__PURE__ */ e.jsxs("div", { className: "p-8 space-y-8 bg-background min-h-screen", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "text-center space-y-2", children: [
-      /* @__PURE__ */ e.jsx("h1", { className: "text-3xl font-bold text-text-primary", children: "AceMyJob Color Palette" }),
-      /* @__PURE__ */ e.jsx("p", { className: "text-text-secondary", children: "Your complete design system color reference" })
+  return /* @__PURE__ */ s.jsxs("div", { className: "p-8 space-y-8 bg-background min-h-screen", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ s.jsx("h1", { className: "text-3xl font-bold text-text-primary", children: "AceMyJob Color Palette" }),
+      /* @__PURE__ */ s.jsx("p", { className: "text-text-secondary", children: "Your complete design system color reference" })
     ] }),
-    s.map((a) => /* @__PURE__ */ e.jsx(ie, { ...a }, a.title)),
-    r.map((a) => /* @__PURE__ */ e.jsx(ie, { ...a }, a.title)),
-    /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: "Semantic Colors (Theme-aware)" }),
-      /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: t.map((a) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
-        /* @__PURE__ */ e.jsx(
+    r.map((a) => /* @__PURE__ */ s.jsx(Ee, { ...a }, a.title)),
+    e.map((a) => /* @__PURE__ */ s.jsx(Ee, { ...a }, a.title)),
+    /* @__PURE__ */ s.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ s.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: "Semantic Colors (Theme-aware)" }),
+      /* @__PURE__ */ s.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: t.map((a) => /* @__PURE__ */ 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: [
+        /* @__PURE__ */ s.jsx(
           "div",
           {
-            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${me(a.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Le(a.cssVar)}`
           }
         ),
-        /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: a.name }),
-          /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: a.cssVar })
+        /* @__PURE__ */ s.jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "text-sm font-medium text-text-primary", children: a.name }),
+          /* @__PURE__ */ s.jsx("div", { className: "text-xs text-text-muted font-mono", children: a.cssVar })
         ] })
       ] }, a.name)) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "text-center pt-8 border-t border-border-subtle", children: /* @__PURE__ */ e.jsx("p", { className: "text-text-muted text-sm", children: "Toggle between light and dark themes to see how semantic colors adapt" }) })
+    /* @__PURE__ */ s.jsx("div", { className: "text-center pt-8 border-t border-border-subtle", children: /* @__PURE__ */ s.jsx("p", { className: "text-text-muted text-sm", children: "Toggle between light and dark themes to see how semantic colors adapt" }) })
   ] });
-}, xe = he(void 0), Se = ({
-  children: r,
-  defaultTheme: s = "system",
+}, Me = ue(void 0), vr = ({
+  children: e,
+  defaultTheme: r = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [a, l] = k(s), [o, i] = k("light"), [c, u] = k(!1);
-  Z(() => {
+  const [a, n] = S(r), [o, l] = S("light"), [i, u] = S(!1);
+  M(() => {
     const d = localStorage.getItem(t);
-    d && l(d), u(!0);
-  }, [t]), Z(() => {
-    if (!c) return;
+    d && n(d), u(!0);
+  }, [t]), M(() => {
+    if (!i) return;
     const d = window.document.documentElement, m = () => {
-      let h;
-      a === "system" ? h = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : h = a, i(h), d.classList.remove("light", "dark"), d.classList.add(h);
+      let x;
+      a === "system" ? x = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : x = a, l(x), d.classList.remove("light", "dark"), d.classList.add(x);
     };
     if (m(), a === "system") {
-      const h = window.matchMedia("(prefers-color-scheme: dark)"), g = () => m();
-      return h.addEventListener("change", g), () => h.removeEventListener("change", g);
+      const x = window.matchMedia("(prefers-color-scheme: dark)"), g = () => m();
+      return x.addEventListener("change", g), () => x.removeEventListener("change", g);
     }
-  }, [a, c]);
-  const v = {
+  }, [a, i]);
+  const f = {
     theme: a,
     setTheme: (d) => {
-      localStorage.setItem(t, d), l(d);
+      localStorage.setItem(t, d), n(d);
     },
     resolvedTheme: o
   };
-  return /* @__PURE__ */ e.jsx(xe.Provider, { value: v, children: r });
-}, De = () => {
-  const r = ge(xe);
-  if (r === void 0)
+  return /* @__PURE__ */ s.jsx(Me.Provider, { value: f, children: e });
+}, hr = () => {
+  const e = te(Me);
+  if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
-  return r;
-}, Fe = () => {
-  const { theme: r, setTheme: s } = De(), [t, a] = k(!1);
-  if (Z(() => {
+  return e;
+}, br = () => {
+  const { theme: e, setTheme: r } = hr(), [t, a] = S(!1);
+  if (M(() => {
     a(!0);
   }, []), !t)
-    return /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ 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: [
-          /* @__PURE__ */ e.jsx("div", { className: "w-4 h-4 animate-pulse bg-text-muted rounded" }),
-          /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: "Loading..." })
+          /* @__PURE__ */ s.jsx("div", { className: "w-4 h-4 animate-pulse bg-text-muted rounded" }),
+          /* @__PURE__ */ s.jsx("span", { className: "hidden sm:inline", children: "Loading..." })
         ]
       }
     );
-  const l = () => {
-    s(r === "light" ? "dark" : r === "dark" ? "system" : "light");
+  const n = () => {
+    r(e === "light" ? "dark" : e === "dark" ? "system" : "light");
   }, o = () => {
-    switch (r) {
+    switch (e) {
       case "light":
-        return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
+        return /* @__PURE__ */ s.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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 /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "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" }) });
+        return /* @__PURE__ */ s.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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 /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) });
+        return /* @__PURE__ */ s.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
     }
-  }, i = () => {
-    switch (r) {
+  }, l = () => {
+    switch (e) {
       case "light":
         return "Light";
       case "dark":
@@ -969,22 +970,22 @@ const me = (r) => r.replace("--color-", "bg-"), Be = ({ name: r, cssVar: s, valu
         return "System";
     }
   };
-  return /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ s.jsxs(
     "button",
     {
-      onClick: l,
+      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: ${i()}. Click to cycle themes.`,
+      "aria-label": `Current theme: ${l()}. Click to cycle themes.`,
       children: [
         o(),
-        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: i() })
+        /* @__PURE__ */ s.jsx("span", { className: "hidden sm:inline", children: l() })
       ]
     }
   );
-}, Le = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Fe, {}) }),
-  /* @__PURE__ */ e.jsx(Pe, {})
-] }), ir = () => /* @__PURE__ */ e.jsx(Se, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Le, {}) }), de = {
+}, pr = () => /* @__PURE__ */ s.jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ s.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ s.jsx(br, {}) }),
+  /* @__PURE__ */ s.jsx(gr, {})
+] }), Ns = () => /* @__PURE__ */ s.jsx(vr, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ s.jsx(pr, {}) }), $e = {
   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",
@@ -1002,35 +1003,35 @@ const me = (r) => r.replace("--color-", "bg-"), Be = ({ name: r, cssVar: s, valu
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, Me = "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", Ie = (...r) => r.filter(Boolean).join(" "), Q = B.forwardRef(
+}, wr = "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", yr = (...e) => e.filter(Boolean).join(" "), U = X.forwardRef(
   ({
-    className: r,
-    variant: s = "default",
+    className: e,
+    variant: r = "default",
     size: t = "default",
     fullWidth: a = !1,
-    loading: l = !1,
+    loading: n = !1,
     leftIcon: o,
-    rightIcon: i,
-    children: c,
+    rightIcon: l,
+    children: i,
     disabled: u,
-    ...v
+    ...f
   }, d) => {
-    const m = u || l, h = Ie(
-      Me,
-      de.variant[s],
-      de.size[t],
+    const m = u || n, x = yr(
+      wr,
+      $e.variant[r],
+      $e.size[t],
       a ? "w-full" : "",
-      r
+      e
     );
-    return /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ s.jsxs(
       "button",
       {
-        className: h,
+        className: x,
         ref: d,
         disabled: m,
-        ...v,
+        ...f,
         children: [
-          l && /* @__PURE__ */ e.jsxs(
+          n && /* @__PURE__ */ s.jsxs(
             "svg",
             {
               className: "mr-2 h-4 w-4 animate-spin",
@@ -1038,7 +1039,7 @@ const me = (r) => r.replace("--color-", "bg-"), Be = ({ name: r, cssVar: s, valu
               fill: "none",
               viewBox: "0 0 24 24",
               children: [
-                /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ s.jsx(
                   "circle",
                   {
                     className: "opacity-25",
@@ -1049,7 +1050,7 @@ const me = (r) => r.replace("--color-", "bg-"), Be = ({ name: r, cssVar: s, valu
                     strokeWidth: "4"
                   }
                 ),
-                /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ s.jsx(
                   "path",
                   {
                     className: "opacity-75",
@@ -1060,16 +1061,16 @@ const me = (r) => r.replace("--color-", "bg-"), Be = ({ name: r, cssVar: s, valu
               ]
             }
           ),
-          !l && o && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: o }),
-          c,
-          !l && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
+          !n && o && /* @__PURE__ */ s.jsx("span", { className: "mr-2", children: o }),
+          i,
+          !n && l && /* @__PURE__ */ s.jsx("span", { className: "ml-2", children: l })
         ]
       }
     );
   }
 );
-Q.displayName = "Button";
-const ue = {
+U.displayName = "Button";
+const De = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
   },
@@ -1078,36 +1079,36 @@ const ue = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, ze = (...r) => r.filter(Boolean).join(" "), Ye = B.forwardRef(
+}, jr = (...e) => e.filter(Boolean).join(" "), Nr = X.forwardRef(
   ({
-    className: r,
-    provider: s,
+    className: e,
+    provider: r,
     iconPosition: t = "left",
     icon: a,
-    showText: l = !0,
+    showText: n = !0,
     children: o,
-    size: i = "default",
-    fullWidth: c = !0,
+    size: l = "default",
+    fullWidth: i = !0,
     ...u
-  }, v) => {
+  }, f) => {
     const m = a || {
-      linkedin: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e.jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })
-    }[s], g = o || (l ? {
+      linkedin: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ 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], g = o || (n ? {
       linkedin: "Continue with LinkedIn"
-    }[s] : ""), N = ze(
+    }[r] : ""), j = jr(
       "relative overflow-hidden transition-all duration-200",
-      ue.provider[s],
-      ue.iconPosition[t],
-      r
+      De.provider[r],
+      De.iconPosition[t],
+      e
     );
-    return /* @__PURE__ */ e.jsxs(
-      Q,
+    return /* @__PURE__ */ s.jsxs(
+      U,
       {
-        ref: v,
+        ref: f,
         variant: "none",
-        className: N,
-        size: i,
-        fullWidth: c,
+        className: j,
+        size: l,
+        fullWidth: i,
         leftIcon: t === "left" ? m : void 0,
         rightIcon: t === "right" ? m : void 0,
         ...u,
@@ -1119,104 +1120,104 @@ const ue = {
     );
   }
 );
-Ye.displayName = "SocialButton";
-function dr({
-  children: r,
-  variant: s = "default",
+Nr.displayName = "SocialButton";
+function Cs({
+  children: e,
+  variant: r = "default",
   isActive: t = !1,
   onClick: a,
-  className: l = ""
+  className: n = ""
 }) {
-  const o = "rounded-lg transition-all", i = {
+  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 /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ s.jsx(
     "div",
     {
-      className: `${o} ${i[s]} ${l}`,
+      className: `${o} ${l[r]} ${n}`,
       onClick: a,
       role: a ? "button" : void 0,
       tabIndex: a ? 0 : void 0,
-      onKeyDown: a ? (c) => {
-        (c.key === "Enter" || c.key === " ") && a();
+      onKeyDown: a ? (i) => {
+        (i.key === "Enter" || i.key === " ") && a();
       } : void 0,
-      children: r
+      children: e
     }
   );
 }
-function ur({
-  title: r,
-  children: s,
+function ks({
+  title: e,
+  children: r,
   subtitle: t,
   spacing: a = "normal",
-  className: l = ""
+  className: n = ""
 }) {
   const o = {
     compact: "space-y-3",
     normal: "space-y-6",
     spacious: "space-y-8"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `${o[a]} ${l}`, children: [
-    /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: r }),
-      t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t })
+  return /* @__PURE__ */ s.jsxs("div", { className: `${o[a]} ${n}`, children: [
+    /* @__PURE__ */ s.jsxs("div", { children: [
+      /* @__PURE__ */ s.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: e }),
+      t && /* @__PURE__ */ s.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t })
     ] }),
-    s
+    r
   ] });
 }
-function mr({
-  variant: r,
-  title: s,
+function Ts({
+  variant: e,
+  title: r,
   message: t,
   icon: a,
-  onClose: l,
+  onClose: n,
   className: o = ""
 }) {
-  const c = {
+  const i = {
     success: {
       bg: "bg-success-50",
       border: "border-success-200",
       text: "text-success-700",
-      icon: /* @__PURE__ */ e.jsx(Te, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ s.jsx(lr, { className: "h-5 w-5" })
     },
     error: {
       bg: "bg-error-50",
       border: "border-error-200",
       text: "text-error-700",
-      icon: /* @__PURE__ */ e.jsx(ke, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ s.jsx(or, { className: "h-5 w-5" })
     },
     warning: {
       bg: "bg-warning-50",
       border: "border-warning-200",
       text: "text-warning-700",
-      icon: /* @__PURE__ */ e.jsx(Ce, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ s.jsx(nr, { className: "h-5 w-5" })
     },
     info: {
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ e.jsx(Ve, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ s.jsx(ar, { className: "h-5 w-5" })
     }
-  }[r];
-  return /* @__PURE__ */ e.jsx(
+  }[e];
+  return /* @__PURE__ */ s.jsx(
     "div",
     {
-      className: `${c.bg} border ${c.border} rounded-md p-3 ${o}`,
+      className: `${i.bg} border ${i.border} rounded-md p-3 ${o}`,
       role: "alert",
-      children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${c.text}`, children: a || c.icon }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-          s && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${c.text}`, children: s }),
-          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${c.text}`, children: t })
+      children: /* @__PURE__ */ s.jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ s.jsx("div", { className: `flex-shrink-0 ${i.text}`, children: a || i.icon }),
+        /* @__PURE__ */ s.jsxs("div", { className: "flex-1", children: [
+          r && /* @__PURE__ */ s.jsx("p", { className: `text-sm font-medium ${i.text}`, children: r }),
+          /* @__PURE__ */ s.jsx("p", { className: `text-sm ${i.text}`, children: t })
         ] }),
-        l && /* @__PURE__ */ e.jsx(
+        n && /* @__PURE__ */ s.jsx(
           "button",
           {
-            onClick: l,
-            className: `flex-shrink-0 ${c.text} hover:opacity-70`,
+            onClick: n,
+            className: `flex-shrink-0 ${i.text} hover:opacity-70`,
             "aria-label": "Close alert",
             children: "✕"
           }
@@ -1225,35 +1226,79 @@ function mr({
     }
   );
 }
-function Ue({
-  title: r,
-  titleId: s,
+function Cr({
+  title: e,
+  titleId: r,
+  ...t
+}, a) {
+  return /* @__PURE__ */ P.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 ? /* @__PURE__ */ P.createElement("title", {
+    id: r
+  }, e) : null, /* @__PURE__ */ P.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 Ie = /* @__PURE__ */ P.forwardRef(Cr);
+function kr({
+  title: e,
+  titleId: r,
+  ...t
+}, a) {
+  return /* @__PURE__ */ P.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 ? /* @__PURE__ */ P.createElement("title", {
+    id: r
+  }, e) : null, /* @__PURE__ */ P.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 Oe = /* @__PURE__ */ P.forwardRef(kr);
+function Tr({
+  title: e,
+  titleId: r,
   ...t
 }, a) {
-  return /* @__PURE__ */ W.createElement("svg", Object.assign({
+  return /* @__PURE__ */ P.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": s
-  }, t), r ? /* @__PURE__ */ W.createElement("title", {
-    id: s
-  }, r) : null, /* @__PURE__ */ W.createElement("path", {
+    "aria-labelledby": r
+  }, t), e ? /* @__PURE__ */ P.createElement("title", {
+    id: r
+  }, e) : null, /* @__PURE__ */ P.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 We = /* @__PURE__ */ W.forwardRef(Ue);
-function Ge({
-  children: r,
-  variant: s = "default",
+const be = /* @__PURE__ */ P.forwardRef(Tr);
+function Vr({
+  children: e,
+  variant: r = "default",
   size: t = "md",
   removable: a = !1,
-  onRemove: l,
+  onRemove: n,
   className: o = "",
-  style: i,
-  colorClass: c
+  style: l,
+  colorClass: i
 }) {
   const u = {
     default: "bg-surface-variant text-text-secondary",
@@ -1261,277 +1306,277 @@ function Ge({
     error: "bg-error-50 text-error-700",
     warning: "bg-warning-50 text-warning-700",
     info: "bg-info-50 text-info-700"
-  }, v = {
+  }, f = {
     sm: "px-2 py-0.5 text-xs",
     md: "px-3 py-1 text-sm",
     lg: "px-4 py-1.5 text-base"
-  }, d = c || u[s];
-  return /* @__PURE__ */ e.jsxs(
+  }, d = i || u[r];
+  return /* @__PURE__ */ s.jsxs(
     "span",
     {
-      className: `inline-flex items-center gap-1 rounded-full ${d} ${v[t]} ${o}`,
-      style: i,
+      className: `inline-flex items-center gap-1 rounded-full ${d} ${f[t]} ${o}`,
+      style: l,
       children: [
-        r,
-        a && l && /* @__PURE__ */ e.jsx(
+        e,
+        a && n && /* @__PURE__ */ s.jsx(
           "button",
           {
-            onClick: l,
+            onClick: n,
             className: "ml-1 hover:opacity-70",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e.jsx(We, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ s.jsx(be, { className: "w-3 h-3" })
           }
         )
       ]
     }
   );
 }
-function xr({
-  label: r,
-  children: s,
+function Vs({
+  label: e,
+  children: r,
   helperText: t,
   errorText: a,
-  required: l = !1,
+  required: n = !1,
   className: o = ""
 }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: `space-y-2 ${o}`, children: [
-    /* @__PURE__ */ e.jsxs("label", { className: "block text-sm font-medium text-text-primary", children: [
-      r,
-      l && /* @__PURE__ */ e.jsx("span", { className: "text-error-500 ml-1", children: "*" })
+  return /* @__PURE__ */ s.jsxs("div", { className: `space-y-2 ${o}`, children: [
+    /* @__PURE__ */ s.jsxs("label", { className: "block text-sm font-medium text-text-primary", children: [
+      e,
+      n && /* @__PURE__ */ s.jsx("span", { className: "text-error-500 ml-1", children: "*" })
     ] }),
-    s,
-    a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-error-600", children: a }),
-    t && !a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: t })
+    r,
+    a && /* @__PURE__ */ s.jsx("p", { className: "text-xs text-error-600", children: a }),
+    t && !a && /* @__PURE__ */ s.jsx("p", { className: "text-xs text-text-muted", children: t })
   ] });
 }
-const He = B.forwardRef(
+const Rr = X.forwardRef(
   ({
-    className: r = "",
-    leftIcon: s,
+    className: e = "",
+    leftIcon: r,
     rightIcon: t,
     error: a = !1,
-    fullWidth: l = !0,
+    fullWidth: n = !0,
     disabled: o,
-    ...i
-  }, c) => {
-    const u = "px-3 py-2 border rounded-lg transition-colors text-sm", v = 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", d = o ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary", m = l ? "w-full" : "", h = s || t ? "relative flex items-center" : "", g = `${u} ${v} ${d} ${m} ${s ? "pl-10" : ""} ${t ? "pr-10" : ""} ${r}`;
-    return /* @__PURE__ */ e.jsxs("div", { className: h, children: [
-      s && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 flex items-center pointer-events-none text-text-muted", children: s }),
-      /* @__PURE__ */ e.jsx(
+    ...l
+  }, i) => {
+    const u = "px-3 py-2 border rounded-lg transition-colors text-sm", f = 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", d = o ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary", m = n ? "w-full" : "", x = r || t ? "relative flex items-center" : "", g = `${u} ${f} ${d} ${m} ${r ? "pl-10" : ""} ${t ? "pr-10" : ""} ${e}`;
+    return /* @__PURE__ */ s.jsxs("div", { className: x, children: [
+      r && /* @__PURE__ */ s.jsx("div", { className: "absolute left-3 flex items-center pointer-events-none text-text-muted", children: r }),
+      /* @__PURE__ */ s.jsx(
         "input",
         {
-          ref: c,
+          ref: i,
           className: g,
           disabled: o,
-          ...i
+          ...l
         }
       ),
-      t && /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: t })
+      t && /* @__PURE__ */ s.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: t })
     ] });
   }
 );
-He.displayName = "Input";
-const Je = B.forwardRef(
+Rr.displayName = "Input";
+const Er = X.forwardRef(
   ({
-    options: r,
-    placeholder: s,
+    options: e,
+    placeholder: r,
     className: t = "",
     error: a = !1,
-    fullWidth: l = !0,
+    fullWidth: n = !0,
     disabled: o,
-    ...i
-  }, c) => {
-    const h = `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"} ${l ? "w-full" : ""} pr-10 ${t}`;
-    return /* @__PURE__ */ e.jsxs("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ e.jsxs(
+    ...l
+  }, i) => {
+    const x = `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 /* @__PURE__ */ s.jsxs("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ s.jsxs(
         "select",
         {
-          ref: c,
-          className: h,
+          ref: i,
+          className: x,
           disabled: o,
-          ...i,
+          ...l,
           children: [
-            s && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, children: s }),
-            r.map((g) => /* @__PURE__ */ e.jsx("option", { value: g.value, children: g.label }, g.value))
+            r && /* @__PURE__ */ s.jsx("option", { value: "", disabled: !0, children: r }),
+            e.map((g) => /* @__PURE__ */ s.jsx("option", { value: g.value, children: g.label }, g.value))
           ]
         }
       ),
-      /* @__PURE__ */ e.jsx(K, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
+      /* @__PURE__ */ s.jsx(Ne, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
     ] });
   }
 );
-Je.displayName = "Select";
-const qe = B.forwardRef(
+Er.displayName = "Select";
+const $r = X.forwardRef(
   ({
-    tags: r,
-    onTagsChange: s,
+    tags: e,
+    onTagsChange: r,
     onAddTag: t,
     onRemoveTag: a,
-    placeholder: l = "Add a tag and press Enter",
+    placeholder: n = "Add a tag and press Enter",
     error: o = !1,
-    fullWidth: i = !0,
-    maxTags: c,
+    fullWidth: l = !0,
+    maxTags: i,
     duplicateCheck: u = !0,
-    disabled: v,
+    disabled: f,
     className: d = "",
     ...m
-  }, h) => {
-    const [g, N] = k(""), T = (f) => {
-      f.key === "Enter" && g.trim() ? (f.preventDefault(), _(g.trim())) : f.key === "Backspace" && !g && r.length > 0 && A(r[r.length - 1]);
-    }, _ = (f) => {
-      if (c && r.length >= c || u && r.includes(f))
+  }, x) => {
+    const [g, j] = S(""), C = (v) => {
+      v.key === "Enter" && g.trim() ? (v.preventDefault(), y(g.trim())) : v.key === "Backspace" && !g && e.length > 0 && R(e[e.length - 1]);
+    }, y = (v) => {
+      if (i && e.length >= i || u && e.includes(v))
         return;
-      const j = [...r, f];
-      s(j), t?.(f), N("");
-    }, A = (f) => {
-      const j = r.filter((C) => C !== f);
-      s(j), a?.(f);
-    }, 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"} ${v ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${i ? "w-full" : ""} ${d}`;
-    return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: r.map((f) => /* @__PURE__ */ e.jsx(
-        Ge,
+      const w = [...e, v];
+      r(w), t?.(v), j("");
+    }, R = (v) => {
+      const w = e.filter((T) => T !== v);
+      r(w), a?.(v);
+    }, 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}`;
+    return /* @__PURE__ */ s.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: e.map((v) => /* @__PURE__ */ s.jsx(
+        Vr,
         {
           removable: !0,
-          onRemove: () => A(f),
+          onRemove: () => R(v),
           variant: "default",
-          children: f
+          children: v
         },
-        f
+        v
       )) }),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ s.jsx(
         "input",
         {
-          ref: h,
+          ref: x,
           type: "text",
           className: b,
-          placeholder: l,
+          placeholder: n,
           value: g,
-          onChange: (f) => N(f.target.value),
-          onKeyDown: T,
-          disabled: v || (c ? r.length >= c : !1),
+          onChange: (v) => j(v.target.value),
+          onKeyDown: C,
+          disabled: f || (i ? e.length >= i : !1),
           ...m
         }
       ),
-      c && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted", children: [
-        r.length,
+      i && /* @__PURE__ */ s.jsxs("p", { className: "text-xs text-text-muted", children: [
+        e.length,
         " / ",
-        c
+        i
       ] })
     ] });
   }
 );
-qe.displayName = "TagInput";
-const Xe = B.forwardRef(
+$r.displayName = "TagInput";
+const Dr = X.forwardRef(
   ({
-    className: r = "",
-    error: s = !1,
+    className: e = "",
+    error: r = !1,
     fullWidth: t = !0,
     autoResize: a = !1,
-    maxLength: l,
+    maxLength: n,
     showCharCount: o = !1,
-    disabled: i,
-    value: c,
+    disabled: l,
+    value: i,
     onChange: u,
-    ...v
+    ...f
   }, d) => {
-    const T = `px-3 py-2 border rounded-lg transition-colors text-sm font-normal resize-none ${s ? "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"} ${i ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${t ? "w-full" : ""} ${r}`, _ = ($) => {
-      a && ($.target.style.height = "auto", $.target.style.height = `${$.target.scrollHeight}px`), u?.($);
-    }, A = typeof c == "string" ? c.length : 0;
-    return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e.jsx(
+    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) => {
+      a && (I.target.style.height = "auto", I.target.style.height = `${I.target.scrollHeight}px`), u?.(I);
+    }, R = typeof i == "string" ? i.length : 0;
+    return /* @__PURE__ */ s.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ s.jsx(
         "textarea",
         {
           ref: d,
-          className: T,
-          disabled: i,
-          value: c,
-          onChange: _,
-          maxLength: l,
-          ...v
+          className: C,
+          disabled: l,
+          value: i,
+          onChange: y,
+          maxLength: n,
+          ...f
         }
       ),
-      o && l && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
-        A,
+      o && n && /* @__PURE__ */ s.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
+        R,
         " / ",
-        l
+        n
       ] })
     ] });
   }
 );
-Xe.displayName = "Textarea";
-function fr({
-  options: r,
-  selectedValues: s,
+Dr.displayName = "Textarea";
+function Rs({
+  options: e,
+  selectedValues: r,
   onSelectionChange: t,
   layout: a = "vertical",
-  columns: l = 2,
+  columns: n = 2,
   disabled: o = !1,
-  error: i = !1
+  error: l = !1
 }) {
-  const c = (m) => {
-    const h = s.includes(m) ? s.filter((g) => g !== m) : [...s, m];
-    t(h);
+  const i = (m) => {
+    const x = r.includes(m) ? r.filter((g) => g !== m) : [...r, m];
+    t(x);
   }, u = {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
-    grid: `grid grid-cols-${l} gap-3`
-  }, v = a === "grid" ? "grid gap-3" : u[a], d = a === "grid" ? `md:grid-cols-${l}` : "";
-  return /* @__PURE__ */ e.jsx("div", { className: `${v} ${d}`, children: r.map((m) => {
-    const h = s.includes(m.value), N = h ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${i ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
-    return /* @__PURE__ */ e.jsxs(
+    grid: `grid grid-cols-${n} gap-3`
+  }, f = a === "grid" ? "grid gap-3" : u[a], d = a === "grid" ? `md:grid-cols-${n}` : "";
+  return /* @__PURE__ */ s.jsx("div", { className: `${f} ${d}`, children: e.map((m) => {
+    const x = r.includes(m.value), j = x ? "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 /* @__PURE__ */ s.jsxs(
       "label",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${N} ${o ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${j} ${o ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ s.jsx(
             "input",
             {
               type: "checkbox",
-              checked: h,
-              onChange: () => c(m.value),
+              checked: x,
+              onChange: () => i(m.value),
               disabled: o,
               className: "sr-only"
             }
           ),
-          m.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: m.icon }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: m.label }),
-            m.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: m.description })
+          m.icon && /* @__PURE__ */ s.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: m.icon }),
+          /* @__PURE__ */ s.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ s.jsx("div", { className: "font-medium text-text-primary", children: m.label }),
+            m.description && /* @__PURE__ */ s.jsx("div", { className: "text-sm text-text-secondary", children: m.description })
           ] }),
-          h && /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.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" }) }) })
+          x && /* @__PURE__ */ s.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ 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" }) }) })
         ]
       },
       m.value
     );
   }) });
 }
-function vr({
-  options: r,
-  selectedValue: s,
+function Es({
+  options: e,
+  selectedValue: r,
   onSelectionChange: t,
   layout: a = "vertical",
-  columns: l = 2,
+  columns: n = 2,
   disabled: o = !1,
-  error: i = !1,
-  name: c = "radio-group"
+  error: l = !1,
+  name: i = "radio-group"
 }) {
-  const v = a === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
+  const f = 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 /* @__PURE__ */ e.jsx("div", { className: v, children: r.map((d) => {
-    const m = s === d.value, g = m ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${i ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
-    return /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ s.jsx("div", { className: f, children: e.map((d) => {
+    const m = r === d.value, g = m ? "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 /* @__PURE__ */ s.jsxs(
       "label",
       {
         className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${g} ${o ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ s.jsx(
             "input",
             {
               type: "radio",
-              name: c,
+              name: i,
               value: d.value,
               checked: m,
               onChange: () => t(d.value),
@@ -1539,168 +1584,168 @@ function vr({
               className: "sr-only"
             }
           ),
-          d.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: d.icon }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: d.label }),
-            d.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: d.description })
+          d.icon && /* @__PURE__ */ s.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: d.icon }),
+          /* @__PURE__ */ s.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ s.jsx("div", { className: "font-medium text-text-primary", children: d.label }),
+            d.description && /* @__PURE__ */ s.jsx("div", { className: "text-sm text-text-secondary", children: d.description })
           ] }),
-          m && /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.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" }) }) })
+          m && /* @__PURE__ */ s.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ 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" }) }) })
         ]
       },
       d.value
     );
   }) });
 }
-function hr({
-  items: r,
-  allowMultiple: s = !1,
+function $s({
+  items: e,
+  allowMultiple: r = !1,
   defaultOpenId: t,
   onOpenChange: a,
-  className: l = ""
+  className: n = ""
 }) {
-  const [o, i] = k(() => t ? Array.isArray(t) ? t : [t] : []), c = (u) => {
-    let v;
-    s ? v = o.includes(u) ? o.filter((d) => d !== u) : [...o, u] : v = o.includes(u) ? [] : [u], i(v), a?.(v);
+  const [o, l] = S(() => t ? Array.isArray(t) ? t : [t] : []), i = (u) => {
+    let f;
+    r ? f = o.includes(u) ? o.filter((d) => d !== u) : [...o, u] : f = o.includes(u) ? [] : [u], l(f), a?.(f);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: `space-y-2 ${l}`, children: r.map((u) => {
-    const v = o.includes(u.id);
-    return /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ s.jsx("div", { className: `space-y-2 ${n}`, children: e.map((u) => {
+    const f = o.includes(u.id);
+    return /* @__PURE__ */ s.jsxs(
       "div",
       {
         className: "border border-border rounded-lg overflow-hidden",
         children: [
-          /* @__PURE__ */ e.jsxs(
+          /* @__PURE__ */ s.jsxs(
             "button",
             {
-              onClick: () => c(u.id),
+              onClick: () => i(u.id),
               className: "w-full px-4 py-3 flex items-center justify-between hover:bg-surface-variant transition-colors text-left",
               children: [
-                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
-                  u.icon && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 text-text-secondary", children: u.icon }),
-                  /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary", children: u.title })
+                /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
+                  u.icon && /* @__PURE__ */ s.jsx("div", { className: "flex-shrink-0 text-text-secondary", children: u.icon }),
+                  /* @__PURE__ */ s.jsx("h3", { className: "font-medium text-text-primary", children: u.title })
                 ] }),
-                /* @__PURE__ */ e.jsx(
-                  K,
+                /* @__PURE__ */ s.jsx(
+                  Ne,
                   {
-                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${v ? "rotate-180" : ""}`
+                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${f ? "rotate-180" : ""}`
                   }
                 )
               ]
             }
           ),
-          v && /* @__PURE__ */ e.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: u.content })
+          f && /* @__PURE__ */ s.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: u.content })
         ]
       },
       u.id
     );
   }) });
 }
-const Ze = B.forwardRef(
+const Ir = X.forwardRef(
   ({
-    value: r,
-    onChange: s,
+    value: e,
+    onChange: r,
     min: t = 0,
     max: a = 100,
-    step: l = 1,
+    step: n = 1,
     showValue: o = !0,
-    showLabels: i = !1,
-    minLabel: c,
+    showLabels: l = !1,
+    minLabel: i,
     maxLabel: u,
-    error: v = !1,
+    error: f = !1,
     fullWidth: d = !0,
     disabled: m,
-    className: h = "",
+    className: x = "",
     ...g
-  }, N) => {
-    const S = `w-full h-2 rounded-lg appearance-none cursor-pointer ${v ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${m ? "opacity-50 cursor-not-allowed" : ""} ${d ? "w-full" : ""} ${h}`, D = (r - t) / (a - t) * 100;
-    return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      i && (c || u) && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-xs text-text-muted", children: [
-        c && /* @__PURE__ */ e.jsx("span", { children: c }),
-        u && /* @__PURE__ */ e.jsx("span", { children: u })
+  }, j) => {
+    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;
+    return /* @__PURE__ */ s.jsxs("div", { className: "space-y-2", children: [
+      l && (i || u) && /* @__PURE__ */ s.jsxs("div", { className: "flex justify-between text-xs text-text-muted", children: [
+        i && /* @__PURE__ */ s.jsx("span", { children: i }),
+        u && /* @__PURE__ */ s.jsx("span", { children: u })
       ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ s.jsx(
           "input",
           {
-            ref: N,
+            ref: j,
             type: "range",
             min: t,
             max: a,
-            step: l,
-            value: r,
-            onChange: (F) => s(Number(F.target.value)),
+            step: n,
+            value: e,
+            onChange: (D) => r(Number(D.target.value)),
             disabled: m,
-            className: S,
+            className: k,
             ...g
           }
         ),
-        o && /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-text-primary min-w-[3rem] text-right", children: r })
+        o && /* @__PURE__ */ s.jsx("span", { className: "text-sm font-medium text-text-primary min-w-[3rem] text-right", children: e })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "h-1 bg-border rounded-full overflow-hidden", children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ s.jsx("div", { className: "h-1 bg-border rounded-full overflow-hidden", children: /* @__PURE__ */ s.jsx(
         "div",
         {
           className: "h-full bg-reseda-green-500 transition-all",
-          style: { width: `${D}%` }
+          style: { width: `${E}%` }
         }
       ) })
     ] });
   }
 );
-Ze.displayName = "Slider";
-function gr({
-  icon: r,
-  title: s,
+Ir.displayName = "Slider";
+function Ds({
+  icon: e,
+  title: r,
   description: t,
   isSelected: a = !1,
-  onClick: l,
+  onClick: n,
   disabled: o = !1,
-  className: i = ""
+  className: l = ""
 }) {
-  const c = "p-4 border rounded-lg transition-all text-center cursor-pointer", u = 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", v = o ? "opacity-50 cursor-not-allowed" : "";
-  return /* @__PURE__ */ e.jsxs(
+  const i = "p-4 border rounded-lg transition-all text-center cursor-pointer", u = 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", f = o ? "opacity-50 cursor-not-allowed" : "";
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: `${c} ${u} ${v} ${i}`,
-      onClick: () => !o && l?.(),
+      className: `${i} ${u} ${f} ${l}`,
+      onClick: () => !o && n?.(),
       role: "button",
       tabIndex: o ? -1 : 0,
       onKeyDown: (d) => {
-        !o && (d.key === "Enter" || d.key === " ") && l?.();
+        !o && (d.key === "Enter" || d.key === " ") && n?.();
       },
       children: [
-        r && /* @__PURE__ */ e.jsx("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-text-secondary", children: r }) }),
-        /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary mb-1", children: s }),
-        t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-secondary", children: t }),
-        a && /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.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" }) }) }) })
+        e && /* @__PURE__ */ s.jsx("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ s.jsx("div", { className: "text-text-secondary", children: e }) }),
+        /* @__PURE__ */ s.jsx("h3", { className: "font-medium text-text-primary mb-1", children: r }),
+        t && /* @__PURE__ */ s.jsx("p", { className: "text-xs text-text-secondary", children: t }),
+        a && /* @__PURE__ */ s.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ s.jsx("div", { className: "text-reseda-green-500", children: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ 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 Ke = {
+const Or = {
   activeText: "text-reseda-green-700",
   activeBorder: "border-reseda-green-700",
   inactiveText: "text-text-secondary",
   inactiveHoverText: "hover:text-text-primary",
   disabledText: "text-text-disabled"
 };
-function br({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
-  const o = l || Ke;
-  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: r.map((i) => {
-    const c = s === i.id;
-    return /* @__PURE__ */ e.jsx(
-      Q,
+function Is({ tabs: e, activeTab: r, disabled: t = !1, onChange: a, colorConfig: n }) {
+  const o = n || Or;
+  return /* @__PURE__ */ s.jsx("div", { className: "flex border-b border-border mb-6", children: e.map((l) => {
+    const i = r === l.id;
+    return /* @__PURE__ */ s.jsx(
+      U,
       {
         variant: "ghost",
-        onClick: () => !t && a(i.id),
-        disabled: t && !c,
-        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${c ? `${o.activeBorder} ${o.activeText}` : t ? `border-transparent ${o.disabledText} cursor-not-allowed` : `border-transparent ${o.inactiveText} ${o.inactiveHoverText}`}`,
-        children: i.label
+        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
       },
-      i.id
+      l.id
     );
   }) });
 }
-const Qe = {
+const Sr = {
   activeBg: "bg-reseda-green-700",
   activeText: "text-white",
   completedBg: "bg-success-500",
@@ -1711,59 +1756,852 @@ const Qe = {
   labelInactiveText: "text-text-muted",
   connectorBg: "bg-border"
 };
-function pr({ currentStep: r, steps: s, colorConfig: t }) {
-  const a = t || Qe;
-  return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: s.map((l, o) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${o < s.length - 1 ? "flex-1" : ""}`, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ e.jsx(
+function Os({ currentStep: e, steps: r, colorConfig: t }) {
+  const a = t || Sr;
+  return /* @__PURE__ */ s.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ s.jsx("ol", { className: "flex items-center w-full", children: r.map((n, o) => /* @__PURE__ */ s.jsxs("li", { className: `flex items-center ${o < r.length - 1 ? "flex-1" : ""}`, children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ s.jsx(
         "span",
         {
-          className: `flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${r === l.number ? `${a.activeBg} ${a.activeText}` : r > l.number ? `${a.completedBg} ${a.completedText}` : `border-2 ${a.incompleteBorder} ${a.incompleteText}`}`,
-          children: l.number
+          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
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ s.jsx(
         "span",
         {
-          className: `ml-3 text-sm font-medium whitespace-nowrap ${r >= l.number ? a.labelActiveText : a.labelInactiveText}`,
-          children: l.label
+          className: `ml-3 text-sm font-medium whitespace-nowrap ${e >= n.number ? a.labelActiveText : a.labelInactiveText}`,
+          children: n.label
         }
       )
     ] }),
-    o < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${a.connectorBg}` })
-  ] }, l.number)) }) });
+    o < r.length - 1 && /* @__PURE__ */ s.jsx("div", { className: `flex-1 h-0.5 mx-4 ${a.connectorBg}` })
+  ] }, n.number)) }) });
+}
+function Ar() {
+  for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
+    r[t] = arguments[t];
+  return H(
+    () => (a) => {
+      r.forEach((n) => n(a));
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    r
+  );
+}
+const zr = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+function Br(e) {
+  const r = Object.prototype.toString.call(e);
+  return r === "[object Window]" || // In Electron context the Window object serializes to [object global]
+  r === "[object global]";
+}
+function _r(e) {
+  return "nodeType" in e;
+}
+function Ye(e) {
+  var r, t;
+  return e ? Br(e) ? e : _r(e) && (r = (t = e.ownerDocument) == null ? void 0 : t.defaultView) != null ? r : window : window;
+}
+const me = zr ? Ze : M;
+function Ue(e) {
+  const r = W(e);
+  return me(() => {
+    r.current = e;
+  }), O(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 pe(e, r) {
+  r === void 0 && (r = [e]);
+  const t = W(e);
+  return me(() => {
+    t.current !== e && (t.current = e);
+  }, r), t;
+}
+function we(e) {
+  const r = Ue(e), t = W(null), a = O(
+    (n) => {
+      n !== t.current && r?.(n, t.current), t.current = n;
+    },
+    //eslint-disable-next-line
+    []
+  );
+  return [t, a];
+}
+let he = {};
+function We(e, r) {
+  return H(() => {
+    const t = he[e] == null ? 0 : he[e] + 1;
+    return he[e] = t, e + "-" + t;
+  }, [e, r]);
+}
+function Fr(e) {
+  if (!e)
+    return !1;
+  const {
+    KeyboardEvent: r
+  } = Ye(e.target);
+  return r && e instanceof r;
+}
+const ae = /* @__PURE__ */ 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 [ae.Translate.toString(e), ae.Scale.toString(e)].join(" ");
+    }
+  },
+  Transition: {
+    toString(e) {
+      let {
+        property: r,
+        duration: t,
+        easing: a
+      } = e;
+      return r + " " + t + "ms " + a;
+    }
+  }
+});
+var se;
+(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";
+})(se || (se = {}));
+function Se() {
+}
+const Pr = /* @__PURE__ */ 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 Mr(e, r, t) {
+  const a = Lr(r);
+  if (!a)
+    return e;
+  const {
+    scaleX: n,
+    scaleY: o,
+    x: l,
+    y: i
+  } = a, u = e.left - l - (1 - n) * parseFloat(t), f = e.top - i - (1 - o) * parseFloat(t.slice(t.indexOf(" ") + 1)), d = n ? e.width / n : e.width, m = o ? e.height / o : e.height;
+  return {
+    width: d,
+    height: m,
+    top: f,
+    right: u + d,
+    bottom: f + m,
+    left: u
+  };
+}
+const Yr = {
+  ignoreTransform: !1
+};
+function Ur(e, r) {
+  r === void 0 && (r = Yr);
+  let t = e.getBoundingClientRect();
+  if (r.ignoreTransform) {
+    const {
+      transform: f,
+      transformOrigin: d
+    } = Ye(e).getComputedStyle(e);
+    f && (t = Mr(t, f, d));
+  }
+  const {
+    top: a,
+    left: n,
+    width: o,
+    height: l,
+    bottom: i,
+    right: u
+  } = t;
+  return {
+    top: a,
+    left: n,
+    width: o,
+    height: l,
+    bottom: i,
+    right: u
+  };
+}
+var J;
+(function(e) {
+  e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
+})(J || (J = {}));
+var Ae;
+(function(e) {
+  e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
+})(Ae || (Ae = {}));
+var F;
+(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";
+})(F || (F = {}));
+F.Space, F.Enter, F.Esc, F.Space, F.Enter, F.Tab;
+var ze;
+(function(e) {
+  e[e.RightClick = 2] = "RightClick";
+})(ze || (ze = {}));
+var Be;
+(function(e) {
+  e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
+})(Be || (Be = {}));
+var _e;
+(function(e) {
+  e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+})(_e || (_e = {}));
+J.Backward + "", J.Forward + "", J.Backward + "", J.Forward + "";
+var ye;
+(function(e) {
+  e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
+})(ye || (ye = {}));
+var je;
+(function(e) {
+  e.Optimized = "optimized";
+})(je || (je = {}));
+function Wr(e) {
+  let {
+    callback: r,
+    disabled: t
+  } = e;
+  const a = Ue(r), n = H(
+    () => {
+      if (t || typeof window > "u" || typeof window.ResizeObserver > "u")
+        return;
+      const {
+        ResizeObserver: o
+      } = window;
+      return new o(a);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [t]
+  );
+  return M(() => () => n?.disconnect(), [n]), n;
+}
+function Xr(e, r) {
+  return H(() => e.reduce((t, a) => {
+    let {
+      eventName: n,
+      handler: o
+    } = a;
+    return t[n] = (l) => {
+      o(l, r);
+    }, t;
+  }, {}), [e, r]);
+}
+ye.WhileDragging, je.Optimized;
+const Hr = {
+  activatorEvent: null,
+  activators: [],
+  active: null,
+  activeNodeRect: null,
+  ariaDescribedById: {
+    draggable: ""
+  },
+  dispatch: Se,
+  draggableNodes: /* @__PURE__ */ new Map(),
+  over: null,
+  measureDroppableContainers: Se
+}, Xe = /* @__PURE__ */ ue(Hr), qr = /* @__PURE__ */ ue({
+  ...Pr,
+  scaleX: 1,
+  scaleY: 1
+});
+var Fe;
+(function(e) {
+  e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
+})(Fe || (Fe = {}));
+const Gr = /* @__PURE__ */ ue(null), Pe = "button", Jr = "Draggable";
+function Zr(e) {
+  let {
+    id: r,
+    data: t,
+    disabled: a = !1,
+    attributes: n
+  } = e;
+  const o = We(Jr), {
+    activators: l,
+    activatorEvent: i,
+    active: u,
+    activeNodeRect: f,
+    ariaDescribedById: d,
+    draggableNodes: m,
+    over: x
+  } = te(Xe), {
+    role: g = Pe,
+    roleDescription: j = "draggable",
+    tabIndex: C = 0
+  } = n ?? {}, y = u?.id === r, R = te(y ? qr : Gr), [I, k] = we(), [E, D] = we(), b = Xr(l, r), v = pe(t);
+  me(
+    () => (m.set(r, {
+      id: r,
+      key: o,
+      node: I,
+      activatorNode: E,
+      data: v
+    }), () => {
+      const T = m.get(r);
+      T && T.key === o && m.delete(r);
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [m, r]
+  );
+  const w = H(() => ({
+    role: g,
+    tabIndex: C,
+    "aria-disabled": a,
+    "aria-pressed": y && g === Pe ? !0 : void 0,
+    "aria-roledescription": j,
+    "aria-describedby": d.draggable
+  }), [a, g, C, y, j, d.draggable]);
+  return {
+    active: u,
+    activatorEvent: i,
+    activeNodeRect: f,
+    attributes: w,
+    isDragging: y,
+    listeners: a ? void 0 : b,
+    node: I,
+    over: x,
+    setNodeRef: k,
+    setActivatorNodeRef: D,
+    transform: R
+  };
+}
+const Qr = "Droppable", Kr = {
+  timeout: 25
+};
+function es(e) {
+  let {
+    data: r,
+    disabled: t = !1,
+    id: a,
+    resizeObserverConfig: n
+  } = e;
+  const o = We(Qr), {
+    active: l,
+    dispatch: i,
+    over: u,
+    measureDroppableContainers: f
+  } = te(Xe), d = W({
+    disabled: t
+  }), m = W(!1), x = W(null), g = W(null), {
+    disabled: j,
+    updateMeasurementsFor: C,
+    timeout: y
+  } = {
+    ...Kr,
+    ...n
+  }, R = pe(C ?? a), I = O(
+    () => {
+      if (!m.current) {
+        m.current = !0;
+        return;
+      }
+      g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
+        f(Array.isArray(R.current) ? R.current : [R.current]), g.current = null;
+      }, y);
+    },
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+    [y]
+  ), k = Wr({
+    callback: I,
+    disabled: j || !l
+  }), E = O((w, T) => {
+    k && (T && (k.unobserve(T), m.current = !1), w && k.observe(w));
+  }, [k]), [D, b] = we(E), v = pe(r);
+  return M(() => {
+    !k || !D.current || (k.disconnect(), m.current = !1, k.observe(D.current));
+  }, [D, k]), M(
+    () => (i({
+      type: se.RegisterDroppable,
+      element: {
+        id: a,
+        key: o,
+        disabled: t,
+        node: D,
+        rect: x,
+        data: v
+      }
+    }), () => i({
+      type: se.UnregisterDroppable,
+      key: o,
+      id: a
+    })),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [a]
+  ), M(() => {
+    t !== d.current.disabled && (i({
+      type: se.SetDroppableDisabled,
+      id: a,
+      key: o,
+      disabled: t
+    }), d.current.disabled = t);
+  }, [a, o, t, i]), {
+    active: l,
+    rect: x,
+    isOver: u?.id === a,
+    node: D,
+    over: u,
+    setNodeRef: b
+  };
+}
+function He(e, r, t) {
+  const a = e.slice();
+  return a.splice(t < 0 ? a.length + t : t, 0, a.splice(r, 1)[0]), a;
+}
+function de(e) {
+  return e !== null && e >= 0;
+}
+const rs = (e) => {
+  let {
+    rects: r,
+    activeIndex: t,
+    overIndex: a,
+    index: n
+  } = e;
+  const o = He(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
+  };
+}, ss = "Sortable", ts = /* @__PURE__ */ X.createContext({
+  activeIndex: -1,
+  containerId: ss,
+  disableTransforms: !1,
+  items: [],
+  overIndex: -1,
+  useDragOverlay: !1,
+  sortedRects: [],
+  strategy: rs,
+  disabled: {
+    draggable: !1,
+    droppable: !1
+  }
+}), as = (e) => {
+  let {
+    id: r,
+    items: t,
+    activeIndex: a,
+    overIndex: n
+  } = e;
+  return He(t, a, n).indexOf(r);
+}, ns = (e) => {
+  let {
+    containerId: r,
+    isSorting: t,
+    wasDragging: a,
+    index: n,
+    items: o,
+    newIndex: l,
+    previousItems: i,
+    previousContainerId: u,
+    transition: f
+  } = e;
+  return !f || !a || i !== o && n === l ? !1 : t ? !0 : l !== n && r === u;
+}, os = {
+  duration: 200,
+  easing: "ease"
+}, qe = "transform", ls = /* @__PURE__ */ ae.Transition.toString({
+  property: qe,
+  duration: 0,
+  easing: "linear"
+}), cs = {
+  roleDescription: "sortable"
+};
+function is(e) {
+  let {
+    disabled: r,
+    index: t,
+    node: a,
+    rect: n
+  } = e;
+  const [o, l] = S(null), i = W(t);
+  return me(() => {
+    if (!r && t !== i.current && a.current) {
+      const u = n.current;
+      if (u) {
+        const f = Ur(a.current, {
+          ignoreTransform: !0
+        }), d = {
+          x: u.left - f.left,
+          y: u.top - f.top,
+          scaleX: u.width / f.width,
+          scaleY: u.height / f.height
+        };
+        (d.x || d.y) && l(d);
+      }
+    }
+    t !== i.current && (i.current = t);
+  }, [r, t, a, n]), M(() => {
+    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: u,
+    transition: f = os
+  } = e;
+  const {
+    items: d,
+    containerId: m,
+    activeIndex: x,
+    disabled: g,
+    disableTransforms: j,
+    sortedRects: C,
+    overIndex: y,
+    useDragOverlay: R,
+    strategy: I
+  } = te(ts), k = us(a, g), E = d.indexOf(l), D = H(() => ({
+    sortable: {
+      containerId: m,
+      index: E,
+      items: d
+    },
+    ...n
+  }), [m, n, E, d]), b = H(() => d.slice(d.indexOf(l)), [d, l]), {
+    rect: v,
+    node: w,
+    isOver: T,
+    setNodeRef: Y
+  } = es({
+    id: l,
+    data: D,
+    disabled: k.droppable,
+    resizeObserverConfig: {
+      updateMeasurementsFor: b,
+      ...u
+    }
+  }), {
+    active: A,
+    activatorEvent: q,
+    activeNodeRect: fe,
+    attributes: Z,
+    setNodeRef: Q,
+    listeners: ne,
+    isDragging: G,
+    over: oe,
+    setActivatorNodeRef: le,
+    transform: c
+  } = Zr({
+    id: l,
+    data: D,
+    attributes: {
+      ...cs,
+      ...t
+    },
+    disabled: k.draggable
+  }), h = Ar(Y, Q), p = !!A, $ = p && !j && de(x) && de(y), L = !R && G, z = L && $ ? c : null, K = $ ? z ?? (i ?? I)({
+    rects: C,
+    activeNodeRect: fe,
+    activeIndex: x,
+    overIndex: y,
+    index: E
+  }) : null, N = de(x) && de(y) ? o({
+    id: l,
+    items: d,
+    activeIndex: x,
+    overIndex: y
+  }) : E, B = A?.id, V = W({
+    activeId: B,
+    items: d,
+    newIndex: N,
+    containerId: m
+  }), xe = d !== V.current.items, Ce = r({
+    active: A,
+    containerId: m,
+    isDragging: G,
+    isSorting: p,
+    id: l,
+    index: E,
+    items: d,
+    newIndex: V.current.newIndex,
+    previousItems: V.current.items,
+    previousContainerId: V.current.containerId,
+    transition: f,
+    wasDragging: V.current.activeId != null
+  }), ge = is({
+    disabled: !Ce,
+    index: E,
+    node: w,
+    rect: v
+  });
+  return M(() => {
+    p && V.current.newIndex !== N && (V.current.newIndex = N), m !== V.current.containerId && (V.current.containerId = m), d !== V.current.items && (V.current.items = d);
+  }, [p, N, m, d]), M(() => {
+    if (B === V.current.activeId)
+      return;
+    if (B && !V.current.activeId) {
+      V.current.activeId = B;
+      return;
+    }
+    const Je = setTimeout(() => {
+      V.current.activeId = B;
+    }, 50);
+    return () => clearTimeout(Je);
+  }, [B]), {
+    active: A,
+    activeIndex: x,
+    attributes: Z,
+    data: D,
+    rect: v,
+    index: E,
+    newIndex: N,
+    items: d,
+    isOver: T,
+    isSorting: p,
+    isDragging: G,
+    listeners: ne,
+    node: w,
+    overIndex: y,
+    over: oe,
+    setNodeRef: h,
+    setActivatorNodeRef: le,
+    setDroppableNodeRef: Y,
+    setDraggableNodeRef: Q,
+    transform: ge ?? K,
+    transition: Ge()
+  };
+  function Ge() {
+    if (
+      // Temporarily disable transitions for a single frame to set up derived transforms
+      ge || // Or to prevent items jumping to back to their "new" position when items change
+      xe && V.current.newIndex === E
+    )
+      return ls;
+    if (!(L && !Fr(q) || !f) && (p || Ce))
+      return ae.Transition.toString({
+        ...f,
+        property: qe
+      });
+  }
+}
+function us(e, r) {
+  var t, a;
+  return typeof e == "boolean" ? {
+    draggable: e,
+    // Backwards compatibility
+    droppable: !1
+  } : {
+    draggable: (t = e?.draggable) != null ? t : r.draggable,
+    droppable: (a = e?.droppable) != null ? a : r.droppable
+  };
+}
+F.Down, F.Right, F.Up, F.Left;
+function ms({
+  id: e,
+  index: r,
+  previewText: t,
+  defaultExpanded: a = !1,
+  children: n,
+  tooltipContent: o,
+  onRemove: l,
+  className: i = ""
+}) {
+  const [u, f] = S(a), { attributes: d, listeners: m, setNodeRef: x, transform: g, transition: j, isDragging: C } = ds({ id: e }), y = {
+    transform: ae.Transform.toString(g),
+    transition: j,
+    opacity: C ? 0.5 : 1
+  };
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ref: x,
+      style: y,
+      className: `border border-border rounded-md bg-surface-variant ${i}`,
+      children: u ? (
+        // ── Expanded ──────────────────────────────────────────────────────────
+        /* @__PURE__ */ s.jsxs("div", { className: "p-3", children: [
+          /* @__PURE__ */ s.jsxs("div", { className: "flex justify-between items-center mb-2", children: [
+            /* @__PURE__ */ s.jsx(
+              U,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                ...d,
+                ...m,
+                className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing",
+                "aria-label": "Drag to reorder",
+                leftIcon: /* @__PURE__ */ s.jsx(Ie, { className: "w-4 h-4" })
+              }
+            ),
+            /* @__PURE__ */ s.jsxs(
+              "span",
+              {
+                className: "text-sm font-medium text-text-secondary flex-1 cursor-pointer select-none",
+                onClick: () => f(!1),
+                children: [
+                  "Item ",
+                  r + 1
+                ]
+              }
+            ),
+            /* @__PURE__ */ s.jsx(
+              U,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: () => f(!1),
+                className: "h-auto w-auto p-1",
+                "aria-label": "Collapse",
+                leftIcon: /* @__PURE__ */ s.jsx(Oe, { className: "w-4 h-4 transition-transform rotate-90" })
+              }
+            ),
+            /* @__PURE__ */ s.jsx(
+              U,
+              {
+                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: /* @__PURE__ */ s.jsx(be, { className: "w-4 h-4" })
+              }
+            )
+          ] }),
+          n
+        ] })
+      ) : (
+        // ── Collapsed ─────────────────────────────────────────────────────────
+        /* @__PURE__ */ s.jsxs("div", { className: "relative group", children: [
+          /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+            /* @__PURE__ */ s.jsx(
+              U,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                ...d,
+                ...m,
+                className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing flex-shrink-0",
+                "aria-label": "Drag to reorder",
+                onClick: (R) => R.stopPropagation(),
+                leftIcon: /* @__PURE__ */ s.jsx(Ie, { className: "w-4 h-4" })
+              }
+            ),
+            /* @__PURE__ */ s.jsx(
+              "span",
+              {
+                className: "flex-1 text-sm text-text-secondary truncate cursor-pointer select-none",
+                onClick: () => f(!0),
+                children: t
+              }
+            ),
+            /* @__PURE__ */ s.jsx(
+              U,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: () => f(!0),
+                className: "h-auto w-auto p-1 flex-shrink-0",
+                "aria-label": "Expand",
+                leftIcon: /* @__PURE__ */ s.jsx(Oe, { className: "w-4 h-4 transition-transform" })
+              }
+            ),
+            /* @__PURE__ */ s.jsx(
+              U,
+              {
+                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: /* @__PURE__ */ s.jsx(be, { className: "w-4 h-4" })
+              }
+            )
+          ] }),
+          o && /* @__PURE__ */ 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 })
+        ] })
+      )
+    }
+  );
 }
+ms.displayName = "SortableItem";
 export {
-  hr as Accordion,
-  mr as Alert,
-  Ge as Badge,
-  Q as Button,
-  dr as Card,
-  fr as CheckboxGroup,
-  Pe as ColorPalette,
-  ir as Demo,
-  xr as FormField,
-  He as Input,
-  gr as OptionCard,
-  vr as RadioGroup,
-  ur as Section,
-  Je as Select,
-  cr as Sidebar,
-  Ze as Slider,
-  Ye as SocialButton,
-  pr as Stepper,
-  br as TabBar,
-  qe as TagInput,
-  Xe as Textarea,
-  Se as ThemeProvider,
-  Fe as ThemeToggle,
-  or as clearAllErrors,
-  nr as clearFieldError,
-  tr as getFirstError,
-  Ee as hasErrors,
-  lr as useForm,
-  De as useTheme,
-  $e as validateField,
-  X as validateForm,
-  ar as validators
+  $s as Accordion,
+  Ts as Alert,
+  Vr as Badge,
+  U as Button,
+  Cs as Card,
+  Rs as CheckboxGroup,
+  gr as ColorPalette,
+  Ns as Demo,
+  Vs as FormField,
+  Rr as Input,
+  Ds as OptionCard,
+  Es as RadioGroup,
+  ks as Section,
+  Er as Select,
+  js as Sidebar,
+  Ir as Slider,
+  Nr as SocialButton,
+  ms as SortableItem,
+  Os as Stepper,
+  Is as TabBar,
+  $r as TagInput,
+  Dr as Textarea,
+  vr as ThemeProvider,
+  br as ThemeToggle,
+  ws as clearAllErrors,
+  ps as clearFieldError,
+  bs as getFirstError,
+  ir as hasErrors,
+  ys as useForm,
+  hr as useTheme,
+  cr as validateField,
+  ve as validateForm,
+  hs as validators
 };