acemyjob-ui 0.11.2 → 0.11.4

package/dist/acemyjob-ui.es.js

@@ -1,153 +1,154 @@
-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
+import * as $ from "react";
+import S, { useState as k, useCallback as _, createContext as pe, useEffect as K, useContext as je } from "react";
+import { Dialog as we, DialogBackdrop as ye, DialogPanel as Ne, TransitionChild as Ce } from "@headlessui/react";
+import { XMarkIcon as ke, Bars3Icon as Ve, ChevronDownIcon as ee, InformationCircleIcon as Te, ExclamationCircleIcon as $e, XCircleIcon as Ee, CheckCircleIcon as Re } from "@heroicons/react/24/outline";
+import { useSortable as Ae } from "@dnd-kit/sortable";
+import { CSS as _e } from "@dnd-kit/utilities";
+const mr = {
+  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
   }),
-  email: (e = "Please enter a valid email address") => ({
-    validate: (r) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(r)),
-    message: e
+  email: (r = "Please enter a valid email address") => ({
+    validate: (s) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(s)),
+    message: r
   }),
-  minLength: (e, r) => ({
-    validate: (t) => String(t).length >= e,
-    message: r || `Must be at least ${e} characters`
+  minLength: (r, s) => ({
+    validate: (t) => String(t).length >= r,
+    message: s || `Must be at least ${r} characters`
   }),
-  maxLength: (e, r) => ({
-    validate: (t) => String(t).length <= e,
-    message: r || `Must be no more than ${e} characters`
+  maxLength: (r, s) => ({
+    validate: (t) => String(t).length <= r,
+    message: s || `Must be no more than ${r} characters`
   }),
-  pattern: (e, r = "Invalid format") => ({
-    validate: (t) => e.test(String(t)),
-    message: r
+  pattern: (r, s = "Invalid format") => ({
+    validate: (t) => r.test(String(t)),
+    message: s
   }),
-  minValue: (e, r) => ({
-    validate: (t) => Number(t) >= e,
-    message: r || `Must be at least ${e}`
+  minValue: (r, s) => ({
+    validate: (t) => Number(t) >= r,
+    message: s || `Must be at least ${r}`
   }),
-  maxValue: (e, r) => ({
-    validate: (t) => Number(t) <= e,
-    message: r || `Must be no more than ${e}`
+  maxValue: (r, s) => ({
+    validate: (t) => Number(t) <= r,
+    message: s || `Must be no more than ${r}`
   }),
-  url: (e = "Please enter a valid URL") => ({
-    validate: (r) => {
+  url: (r = "Please enter a valid URL") => ({
+    validate: (s) => {
       try {
-        return new URL(String(r)), !0;
+        return new URL(String(s)), !0;
       } catch {
         return !1;
       }
     },
-    message: e
+    message: r
   }),
-  phone: (e = "Please enter a valid phone number") => ({
-    validate: (r) => {
-      const t = /^[\d\s\-+()]+$/, a = String(r);
+  phone: (r = "Please enter a valid phone number") => ({
+    validate: (s) => {
+      const t = /^[\d\s\-+()]+$/, a = String(s);
       return t.test(a) && a.replace(/\D/g, "").length >= 10;
     },
-    message: e
-  }),
-  match: (e, r = "Fields do not match") => ({
-    validate: (t) => t === e,
     message: r
   }),
-  custom: (e, r) => ({
-    validate: e,
-    message: r
+  match: (r, s = "Fields do not match") => ({
+    validate: (t) => t === r,
+    message: s
+  }),
+  custom: (r, s) => ({
+    validate: r,
+    message: s
   })
 };
-function cr(e, r) {
-  for (const t of r)
-    if (!t.validate(e))
+function Oe(r, s) {
+  for (const t of s)
+    if (!t.validate(r))
       return t.message;
   return null;
 }
-function ve(e, r) {
+function Z(r, s) {
   const t = {};
-  for (const [a, n] of Object.entries(r)) {
-    const o = e[a], l = cr(o, n);
-    t[a] = l;
+  for (const [a, l] of Object.entries(s)) {
+    const n = r[a], c = Oe(n, l);
+    t[a] = c;
   }
   return t;
 }
-function ir(e) {
-  return Object.values(e).some((r) => r !== null);
+function Be(r) {
+  return Object.values(r).some((s) => s !== null);
 }
-function bs(e) {
-  for (const r of Object.values(e))
-    if (r !== null)
-      return r;
+function xr(r) {
+  for (const s of Object.values(r))
+    if (s !== null)
+      return s;
   return null;
 }
-function ps(e, r) {
+function fr(r, s) {
   return {
-    ...e,
-    [r]: null
+    ...r,
+    [s]: null
   };
 }
-function ws(e) {
-  const r = {};
-  for (const t of Object.keys(e))
-    r[t] = null;
-  return r;
+function vr(r) {
+  const s = {};
+  for (const t of Object.keys(r))
+    s[t] = null;
+  return s;
 }
-function ys({
-  initialValues: e,
-  validationRules: r = {},
+function hr({
+  initialValues: r,
+  validationRules: s = {},
   onSubmit: t
 }) {
-  const [a, n] = S(e), [o, l] = S({}), [i, u] = S({}), [f, d] = S(!1), m = JSON.stringify(a) !== JSON.stringify(e), x = O(
+  const [a, l] = k(r), [n, c] = k({}), [i, u] = k({}), [x, d] = k(!1), m = JSON.stringify(a) !== JSON.stringify(r), v = _(
     (b) => {
-      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]
+      const { name: h, value: j, type: T } = b.target;
+      let M = j;
+      if (T === "checkbox" ? M = b.target.checked : T === "number" && (M = j ? Number(j) : ""), l((P) => ({
+        ...P,
+        [h]: M
+      })), s[h]) {
+        const P = Z({ [h]: M }, { [h]: s[h] });
+        c((W) => ({
+          ...W,
+          [h]: P[h]
         }));
       }
     },
-    [r]
-  ), g = O(
+    [s]
+  ), g = _(
     (b) => {
-      const { name: v } = b.target;
-      u((w) => ({
-        ...w,
-        [v]: !0
+      const { name: h } = b.target;
+      u((j) => ({
+        ...j,
+        [h]: !0
       }));
     },
     []
-  ), j = O((b, v) => {
-    if (n((w) => ({
-      ...w,
-      [b]: v
-    })), r[b]) {
-      const w = ve({ [b]: v }, { [b]: r[b] });
-      l((T) => ({
+  ), N = _((b, h) => {
+    if (l((j) => ({
+      ...j,
+      [b]: h
+    })), s[b]) {
+      const j = Z({ [b]: h }, { [b]: s[b] });
+      c((T) => ({
         ...T,
-        [b]: w[b]
+        [b]: j[b]
       }));
     }
-  }, [r]), C = O((b, v) => {
-    l((w) => ({
-      ...w,
-      [b]: v
+  }, [s]), V = _((b, h) => {
+    c((j) => ({
+      ...j,
+      [b]: h
     }));
-  }, []), y = O(
+  }, []), E = _(
     async (b) => {
       b.preventDefault();
-      const v = ve(a, r);
-      l(v);
-      const w = {};
+      const h = Z(a, s);
+      c(h);
+      const j = {};
       for (const T of Object.keys(a))
-        w[T] = !0;
-      if (u(w), !ir(v) && t) {
+        j[T] = !0;
+      if (u(j), !Be(h) && t) {
         d(!0);
         try {
           await t(a);
@@ -158,46 +159,46 @@ function ys({
         }
       }
     },
-    [a, r, t]
-  ), D = O(() => {
-    n(e), l({}), u({}), d(!1);
-  }, [e]), I = O(
+    [a, s, t]
+  ), O = _(() => {
+    l(r), c({}), u({}), d(!1);
+  }, [r]), R = _(
     (b) => ({
       name: b,
       value: a[b] || "",
-      onChange: x,
+      onChange: v,
       onBlur: g
     }),
-    [a, x, g]
-  ), k = O(
-    (b) => o[b] || null,
-    [o]
-  ), R = O(
+    [a, v, g]
+  ), D = _(
+    (b) => n[b] || null,
+    [n]
+  ), F = _(
     (b) => i[b] || !1,
     [i]
-  ), $ = O(
-    (b) => a[b] !== e[b],
-    [a, e]
+  ), L = _(
+    (b) => a[b] !== r[b],
+    [a, r]
   );
   return {
     values: a,
-    errors: o,
+    errors: n,
     touched: i,
-    isSubmitting: f,
+    isSubmitting: x,
     isDirty: m,
-    handleChange: x,
+    handleChange: v,
     handleBlur: g,
-    setFieldValue: j,
-    setFieldError: C,
-    handleSubmit: y,
-    resetForm: D,
-    getFieldProps: I,
-    getFieldError: k,
-    isFieldTouched: R,
-    isFieldDirty: $
+    setFieldValue: N,
+    setFieldError: V,
+    handleSubmit: E,
+    resetForm: O,
+    getFieldProps: R,
+    getFieldError: D,
+    isFieldTouched: F,
+    isFieldDirty: L
   };
 }
-var ie = { exports: {} }, ee = {};
+var H = { exports: {} }, Y = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -207,29 +208,29 @@ var ie = { exports: {} }, ee = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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 i in n)
-        i !== "key" && (o[i] = n[i]);
-    } else o = n;
-    return n = o.ref, {
-      $$typeof: e,
+var oe;
+function Se() {
+  if (oe) return Y;
+  oe = 1;
+  var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function t(a, l, n) {
+    var c = null;
+    if (n !== void 0 && (c = "" + n), l.key !== void 0 && (c = "" + l.key), "key" in l) {
+      n = {};
+      for (var i in l)
+        i !== "key" && (n[i] = l[i]);
+    } else n = l;
+    return l = n.ref, {
+      $$typeof: r,
       type: a,
-      key: l,
-      ref: n !== void 0 ? n : null,
-      props: o
+      key: c,
+      ref: l !== void 0 ? l : null,
+      props: n
     };
   }
-  return ee.Fragment = r, ee.jsx = t, ee.jsxs = t, ee;
+  return Y.Fragment = s, Y.jsx = t, Y.jsxs = t, Y;
 }
-var re = {};
+var U = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -239,245 +240,245 @@ var re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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:
+var le;
+function Pe() {
+  return le || (le = 1, process.env.NODE_ENV !== "production" && function() {
+    function r(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === M ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case V:
           return "Fragment";
-        case D:
+        case O:
           return "Profiler";
-        case y:
+        case E:
           return "StrictMode";
-        case $:
+        case L:
           return "Suspense";
         case b:
           return "SuspenseList";
         case T:
           return "Activity";
       }
-      if (typeof c == "object")
-        switch (typeof c.tag == "number" && console.error(
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), c.$$typeof) {
-          case j:
+        ), o.$$typeof) {
+          case N:
             return "Portal";
-          case k:
-            return (c.displayName || "Context") + ".Provider";
-          case I:
-            return (c._context.displayName || "Context") + ".Consumer";
+          case D:
+            return (o.displayName || "Context") + ".Provider";
           case R:
-            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;
+            return (o._context.displayName || "Context") + ".Consumer";
+          case F:
+            var f = o.render;
+            return o = o.displayName, o || (o = f.displayName || f.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case h:
+            return f = o.displayName || null, f !== null ? f : r(o.type) || "Memo";
+          case j:
+            f = o._payload, o = o._init;
             try {
-              return e(c(h));
+              return r(o(f));
             } catch {
             }
         }
       return null;
     }
-    function r(c) {
-      return "" + c;
+    function s(o) {
+      return "" + o;
     }
-    function t(c) {
+    function t(o) {
       try {
-        r(c);
-        var h = !1;
+        s(o);
+        var f = !1;
       } catch {
-        h = !0;
+        f = !0;
       }
-      if (h) {
-        h = console;
-        var p = h.error, E = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+      if (f) {
+        f = console;
+        var p = f.error, w = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return p.call(
-          h,
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
-        ), r(c);
+          w
+        ), s(o);
       }
     }
-    function a(c) {
-      if (c === C) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === w)
+    function a(o) {
+      if (o === V) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === j)
         return "<...>";
       try {
-        var h = e(c);
-        return h ? "<" + h + ">" : "<...>";
+        var f = r(o);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function n() {
-      var c = A.A;
-      return c === null ? null : c.getOwner();
+    function l() {
+      var o = P.A;
+      return o === null ? null : o.getOwner();
     }
-    function o() {
+    function n() {
       return Error("react-stack-top-frame");
     }
-    function l(c) {
-      if (q.call(c, "key")) {
-        var h = Object.getOwnPropertyDescriptor(c, "key").get;
-        if (h && h.isReactWarning) return !1;
+    function c(o) {
+      if (W.call(o, "key")) {
+        var f = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
-      return c.key !== void 0;
+      return o.key !== void 0;
     }
-    function i(c, h) {
+    function i(o, f) {
       function p() {
-        Q || (Q = !0, console.error(
+        re || (re = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          h
+          f
         ));
       }
-      p.isReactWarning = !0, Object.defineProperty(c, "key", {
+      p.isReactWarning = !0, Object.defineProperty(o, "key", {
         get: p,
         configurable: !0
       });
     }
     function u() {
-      var c = e(this.type);
-      return ne[c] || (ne[c] = !0, console.error(
+      var o = r(this.type);
+      return se[o] || (se[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), c = this.props.ref, c !== void 0 ? c : null;
+      )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function f(c, h, p, E, L, z, ce, K) {
-      return p = z.ref, c = {
+    function x(o, f, p, w, B, A, J, q) {
+      return p = A.ref, o = {
         $$typeof: g,
-        type: c,
-        key: h,
-        props: z,
-        _owner: L
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(c, "ref", {
+        type: o,
+        key: f,
+        props: A,
+        _owner: B
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(c, "_debugInfo", {
+      }), Object.defineProperty(o, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(c, "_debugStack", {
+      }), Object.defineProperty(o, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ce
-      }), Object.defineProperty(c, "_debugTask", {
+        value: J
+      }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: K
-      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+        value: q
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function d(c, h, p, E, L, z, ce, K) {
-      var N = h.children;
-      if (N !== void 0)
-        if (E)
-          if (fe(N)) {
-            for (E = 0; E < N.length; E++)
-              m(N[E]);
-            Object.freeze && Object.freeze(N);
+    function d(o, f, p, w, B, A, J, q) {
+      var y = f.children;
+      if (y !== void 0)
+        if (w)
+          if (ge(y)) {
+            for (w = 0; w < y.length; w++)
+              m(y[w]);
+            Object.freeze && Object.freeze(y);
           } 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(N);
-      if (q.call(h, "key")) {
-        N = e(c);
-        var B = Object.keys(h).filter(function(xe) {
-          return xe !== "key";
+        else m(y);
+      if (W.call(f, "key")) {
+        y = r(o);
+        var z = Object.keys(f).filter(function(be) {
+          return be !== "key";
         });
-        E = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", le[N + E] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", ne[y + w] || (z = 0 < z.length ? "{" + z.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} />`,
-          E,
-          N,
-          B,
-          N
-        ), le[N + E] = !0);
+          w,
+          y,
+          z,
+          y
+        ), ne[y + w] = !0);
       }
-      if (N = null, p !== void 0 && (t(p), N = "" + p), l(h) && (t(h.key), N = "" + h.key), "key" in h) {
+      if (y = null, p !== void 0 && (t(p), y = "" + p), c(f) && (t(f.key), y = "" + f.key), "key" in f) {
         p = {};
-        for (var V in h)
-          V !== "key" && (p[V] = h[V]);
-      } else p = h;
-      return N && i(
+        for (var X in f)
+          X !== "key" && (p[X] = f[X]);
+      } else p = f;
+      return y && i(
         p,
-        typeof c == "function" ? c.displayName || c.name || "Unknown" : c
-      ), f(
-        c,
-        N,
-        z,
-        L,
-        n(),
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), x(
+        o,
+        y,
+        A,
+        B,
+        l(),
         p,
-        ce,
-        K
+        J,
+        q
       );
     }
-    function m(c) {
-      typeof c == "object" && c !== null && c.$$typeof === g && c._store && (c._store.validated = 1);
+    function m(o) {
+      typeof o == "object" && o !== null && o.$$typeof === g && o._store && (o._store.validated = 1);
     }
-    var x = X, g = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), k = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), A = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, fe = Array.isArray, Z = console.createTask ? console.createTask : function() {
+    var v = S, g = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), V = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), D = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), P = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, ge = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
-      "react-stack-bottom-frame": function(c) {
-        return c();
+    v = {
+      "react-stack-bottom-frame": function(o) {
+        return o();
       }
     };
-    var Q, ne = {}, G = x["react-stack-bottom-frame"].bind(
-      x,
-      o
-    )(), oe = Z(a(o)), le = {};
-    re.Fragment = C, re.jsx = function(c, h, p, E, L) {
-      var z = 1e4 > A.recentlyCreatedOwnerStacks++;
+    var re, se = {}, ae = v["react-stack-bottom-frame"].bind(
+      v,
+      n
+    )(), te = G(a(n)), ne = {};
+    U.Fragment = V, U.jsx = function(o, f, p, w, B) {
+      var A = 1e4 > P.recentlyCreatedOwnerStacks++;
       return d(
-        c,
-        h,
+        o,
+        f,
         p,
         !1,
-        E,
-        L,
-        z ? Error("react-stack-top-frame") : G,
-        z ? Z(a(c)) : oe
+        w,
+        B,
+        A ? Error("react-stack-top-frame") : ae,
+        A ? G(a(o)) : te
       );
-    }, re.jsxs = function(c, h, p, E, L) {
-      var z = 1e4 > A.recentlyCreatedOwnerStacks++;
+    }, U.jsxs = function(o, f, p, w, B) {
+      var A = 1e4 > P.recentlyCreatedOwnerStacks++;
       return d(
-        c,
-        h,
+        o,
+        f,
         p,
         !0,
-        E,
-        L,
-        z ? Error("react-stack-top-frame") : G,
-        z ? Z(a(c)) : oe
+        w,
+        B,
+        A ? Error("react-stack-top-frame") : ae,
+        A ? G(a(o)) : te
       );
     };
-  }()), re;
+  }()), U;
 }
-var Ve;
-function mr() {
-  return Ve || (Ve = 1, process.env.NODE_ENV === "production" ? ie.exports = dr() : ie.exports = ur()), ie.exports;
+var ce;
+function Ie() {
+  return ce || (ce = 1, process.env.NODE_ENV === "production" ? H.exports = Se() : H.exports = Pe()), H.exports;
 }
-var s = mr();
-const fr = {
+var e = Ie();
+const De = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -485,188 +486,188 @@ const fr = {
   hoverBg: "hover:bg-indigo-700",
   hoverText: "hover:text-white"
 };
-function _(...e) {
-  return e.filter(Boolean).join(" ");
+function C(...r) {
+  return r.filter(Boolean).join(" ");
 }
-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(
+function ie({ item: r, colorScheme: s }) {
+  const [t, a] = k(r.current || r.children?.some((n) => n.current)), l = r.children && r.children.length > 0;
+  return /* @__PURE__ */ e.jsxs("li", { children: [
+    /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: n ? void 0 : e.href,
-        onClick: (o) => {
-          n && (o.preventDefault(), a(!t));
+        href: l ? void 0 : r.href,
+        onClick: (n) => {
+          l && (n.preventDefault(), a(!t));
         },
-        className: _(
-          e.current ? `${r.activeBg} ${r.activeText}` : `${r.text} ${r.hoverBg} ${r.hoverText}`,
+        className: C(
+          r.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
           "group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",
-          n ? "cursor-pointer" : ""
+          l ? "cursor-pointer" : ""
         ),
         children: [
-          /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-x-3", children: [
-            /* @__PURE__ */ s.jsx(
-              e.icon,
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
+            /* @__PURE__ */ e.jsx(
+              r.icon,
               {
                 "aria-hidden": "true",
-                className: _(
-                  e.current ? r.activeText : `${r.text} group-${r.hoverText}`,
+                className: C(
+                  r.current ? s.activeText : `${s.text} group-${s.hoverText}`,
                   "size-6 shrink-0"
                 )
               }
             ),
-            e.name
+            r.name
           ] }),
-          n && /* @__PURE__ */ s.jsx(
-            Ne,
+          l && /* @__PURE__ */ e.jsx(
+            ee,
             {
-              className: _(
+              className: C(
                 "size-5 shrink-0 transition-transform",
                 t ? "rotate-180" : "",
-                e.current ? r.activeText : r.text
+                r.current ? s.activeText : s.text
               )
             }
           )
         ]
       }
     ) }),
-    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(
+    l && t && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: r.children.map((n) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: o.href,
-        className: _(
-          o.current ? `${r.activeBg} ${r.activeText}` : `${r.text} ${r.hoverBg} ${r.hoverText}`,
+        href: n.href,
+        className: C(
+          n.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
           "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
         ),
         children: [
-          /* @__PURE__ */ s.jsx(
-            o.icon,
+          /* @__PURE__ */ e.jsx(
+            n.icon,
             {
               "aria-hidden": "true",
-              className: _(
-                o.current ? r.activeText : `${r.text} group-${r.hoverText}`,
+              className: C(
+                n.current ? s.activeText : `${s.text} group-${s.hoverText}`,
                 "size-5 shrink-0"
               )
             }
           ),
-          o.name
+          n.name
         ]
       }
-    ) }, o.name)) })
+    ) }, n.name)) })
   ] });
 }
-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,
+function gr({ company: r, profile: s, navigation: t, colorScheme: a = De }) {
+  const [l, n] = k(!1);
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsxs(we, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
+      /* @__PURE__ */ e.jsx(
+        ye,
         {
           transition: !0,
           className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"
         }
       ),
-      /* @__PURE__ */ s.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ s.jsxs(
-        er,
+      /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ e.jsxs(
+        Ne,
         {
           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__ */ 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.jsx(Ce, { 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: () => n(!1), className: "-m-2.5 p-2.5", children: [
+              /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
+              /* @__PURE__ */ e.jsx(ke, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
-            /* @__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(
+            /* @__PURE__ */ e.jsxs("div", { className: C("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(
                 "img",
                 {
-                  alt: e.name,
-                  src: e.logo,
+                  alt: r.name,
+                  src: r.logo,
                   className: "h-8 w-auto"
                 }
               ) }),
-              /* @__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("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((c) => /* @__PURE__ */ e.jsx(ie, { item: c, colorScheme: a }, c.name)) }) }) }) })
             ] })
           ]
         }
       ) })
     ] }),
-    /* @__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(
+    /* @__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: C("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(
         "img",
         {
-          alt: e.name,
-          src: e.logo,
+          alt: r.name,
+          src: r.logo,
           className: "h-8 w-auto"
         }
       ) }),
-      /* @__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(
+      /* @__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((c) => /* @__PURE__ */ e.jsx(ie, { item: c, colorScheme: a }, c.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
             href: "#",
-            className: _(
+            className: C(
               "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
               a.activeText,
               a.hoverBg
             ),
             children: [
-              /* @__PURE__ */ s.jsx(
+              /* @__PURE__ */ e.jsx(
                 "img",
                 {
-                  alt: r.name,
-                  src: r.image,
-                  className: _("size-8 rounded-full", a.activeBg)
+                  alt: s.name,
+                  src: s.image,
+                  className: C("size-8 rounded-full", a.activeBg)
                 }
               ),
-              /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Your profile" }),
-              /* @__PURE__ */ s.jsx("span", { "aria-hidden": "true", children: r.name })
+              /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
+              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: s.name })
             ]
           }
         ) })
       ] }) })
     ] }) }),
-    /* @__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.jsxs("div", { className: C("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: () => n(!0), className: C("-m-2.5 p-2.5 lg:hidden", a.text), children: [
+        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
+        /* @__PURE__ */ e.jsx(Ve, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__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(
+      /* @__PURE__ */ e.jsx("div", { className: C("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(
           "img",
           {
-            alt: r.name,
-            src: r.image,
-            className: _("size-8 rounded-full", a.activeBg)
+            alt: s.name,
+            src: s.image,
+            className: C("size-8 rounded-full", a.activeBg)
           }
         )
       ] })
     ] })
   ] }) });
 }
-const Le = (e) => e.replace("--color-", "bg-"), xr = ({ name: e, cssVar: r, value: t }) => {
+const ve = (r) => r.replace("--color-", "bg-"), Fe = ({ name: r, cssVar: s, value: t }) => {
   const a = `rgb(${t})`;
-  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(
+  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(
       "div",
       {
-        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Le(r)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ve(s)}`
       }
     ),
-    /* @__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 })
+    /* @__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 })
     ] })
   ] });
-}, 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 = [
+}, de = ({ 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(Fe, { ...t }, t.name)) })
+] }), Le = () => {
+  const r = [
     {
       title: "Success Colors (Green)",
       colors: [
@@ -715,7 +716,7 @@ const Le = (e) => e.replace("--color-", "bg-"), xr = ({ name: e, cssVar: r, valu
         { name: "950", cssVar: "--color-error-950", value: "69 10 10" }
       ]
     }
-  ], r = [
+  ], s = [
     {
       title: "Reseda Green",
       colors: [
@@ -876,92 +877,92 @@ const Le = (e) => e.replace("--color-", "bg-"), xr = ({ name: e, cssVar: r, valu
     { name: "Border", cssVar: "--color-border" },
     { name: "Border Subtle", cssVar: "--color-border-subtle" }
   ];
-  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" })
+  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" })
     ] }),
-    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(
+    s.map((a) => /* @__PURE__ */ e.jsx(de, { ...a }, a.title)),
+    r.map((a) => /* @__PURE__ */ e.jsx(de, { ...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(
           "div",
           {
-            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Le(a.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ve(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 })
+        /* @__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 })
         ] })
       ] }, a.name)) })
     ] }),
-    /* @__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" }) })
+    /* @__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" }) })
   ] });
-}, Me = ue(void 0), vr = ({
-  children: e,
-  defaultTheme: r = "system",
+}, he = pe(void 0), Me = ({
+  children: r,
+  defaultTheme: s = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [a, n] = S(r), [o, l] = S("light"), [i, u] = S(!1);
-  M(() => {
+  const [a, l] = k(s), [n, c] = k("light"), [i, u] = k(!1);
+  K(() => {
     const d = localStorage.getItem(t);
-    d && n(d), u(!0);
-  }, [t]), M(() => {
+    d && l(d), u(!0);
+  }, [t]), K(() => {
     if (!i) return;
     const d = window.document.documentElement, m = () => {
-      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);
+      let v;
+      a === "system" ? v = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : v = a, c(v), d.classList.remove("light", "dark"), d.classList.add(v);
     };
     if (m(), a === "system") {
-      const x = window.matchMedia("(prefers-color-scheme: dark)"), g = () => m();
-      return x.addEventListener("change", g), () => x.removeEventListener("change", g);
+      const v = window.matchMedia("(prefers-color-scheme: dark)"), g = () => m();
+      return v.addEventListener("change", g), () => v.removeEventListener("change", g);
     }
   }, [a, i]);
-  const f = {
+  const x = {
     theme: a,
     setTheme: (d) => {
-      localStorage.setItem(t, d), n(d);
+      localStorage.setItem(t, d), l(d);
     },
-    resolvedTheme: o
+    resolvedTheme: n
   };
-  return /* @__PURE__ */ s.jsx(Me.Provider, { value: f, children: e });
-}, hr = () => {
-  const e = te(Me);
-  if (e === void 0)
+  return /* @__PURE__ */ e.jsx(he.Provider, { value: x, children: r });
+}, ze = () => {
+  const r = je(he);
+  if (r === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
-  return e;
-}, br = () => {
-  const { theme: e, setTheme: r } = hr(), [t, a] = S(!1);
-  if (M(() => {
+  return r;
+}, Ye = () => {
+  const { theme: r, setTheme: s } = ze(), [t, a] = k(!1);
+  if (K(() => {
     a(!0);
   }, []), !t)
-    return /* @__PURE__ */ s.jsxs(
+    return /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors",
         "aria-label": "Loading theme toggle",
         children: [
-          /* @__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..." })
+          /* @__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..." })
         ]
       }
     );
-  const n = () => {
-    r(e === "light" ? "dark" : e === "dark" ? "system" : "light");
-  }, o = () => {
-    switch (e) {
+  const l = () => {
+    s(r === "light" ? "dark" : r === "dark" ? "system" : "light");
+  }, n = () => {
+    switch (r) {
       case "light":
-        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" }) });
+        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" }) });
       case "dark":
-        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" }) });
+        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" }) });
       case "system":
-        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" }) });
+        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" }) });
     }
-  }, l = () => {
-    switch (e) {
+  }, c = () => {
+    switch (r) {
       case "light":
         return "Light";
       case "dark":
@@ -970,22 +971,22 @@ const Le = (e) => e.replace("--color-", "bg-"), xr = ({ name: e, cssVar: r, valu
         return "System";
     }
   };
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      onClick: n,
+      onClick: l,
       className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors",
-      "aria-label": `Current theme: ${l()}. Click to cycle themes.`,
+      "aria-label": `Current theme: ${c()}. Click to cycle themes.`,
       children: [
-        o(),
-        /* @__PURE__ */ s.jsx("span", { className: "hidden sm:inline", children: l() })
+        n(),
+        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: c() })
       ]
     }
   );
-}, 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 = {
+}, Ue = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Ye, {}) }),
+  /* @__PURE__ */ e.jsx(Le, {})
+] }), br = () => /* @__PURE__ */ e.jsx(Me, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Ue, {}) }), ue = {
   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",
@@ -1003,35 +1004,35 @@ const Le = (e) => e.replace("--color-", "bg-"), xr = ({ name: e, cssVar: r, valu
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, 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(
+}, We = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", He = (...r) => r.filter(Boolean).join(" "), I = S.forwardRef(
   ({
-    className: e,
-    variant: r = "default",
+    className: r,
+    variant: s = "default",
     size: t = "default",
     fullWidth: a = !1,
-    loading: n = !1,
-    leftIcon: o,
-    rightIcon: l,
+    loading: l = !1,
+    leftIcon: n,
+    rightIcon: c,
     children: i,
     disabled: u,
-    ...f
+    ...x
   }, d) => {
-    const m = u || n, x = yr(
-      wr,
-      $e.variant[r],
-      $e.size[t],
+    const m = u || l, v = He(
+      We,
+      ue.variant[s],
+      ue.size[t],
       a ? "w-full" : "",
-      e
+      r
     );
-    return /* @__PURE__ */ s.jsxs(
+    return /* @__PURE__ */ e.jsxs(
       "button",
       {
-        className: x,
+        className: v,
         ref: d,
         disabled: m,
-        ...f,
+        ...x,
         children: [
-          n && /* @__PURE__ */ s.jsxs(
+          l && /* @__PURE__ */ e.jsxs(
             "svg",
             {
               className: "mr-2 h-4 w-4 animate-spin",
@@ -1039,7 +1040,7 @@ const Le = (e) => e.replace("--color-", "bg-"), xr = ({ name: e, cssVar: r, valu
               fill: "none",
               viewBox: "0 0 24 24",
               children: [
-                /* @__PURE__ */ s.jsx(
+                /* @__PURE__ */ e.jsx(
                   "circle",
                   {
                     className: "opacity-25",
@@ -1050,7 +1051,7 @@ const Le = (e) => e.replace("--color-", "bg-"), xr = ({ name: e, cssVar: r, valu
                     strokeWidth: "4"
                   }
                 ),
-                /* @__PURE__ */ s.jsx(
+                /* @__PURE__ */ e.jsx(
                   "path",
                   {
                     className: "opacity-75",
@@ -1061,16 +1062,16 @@ const Le = (e) => e.replace("--color-", "bg-"), xr = ({ name: e, cssVar: r, valu
               ]
             }
           ),
-          !n && o && /* @__PURE__ */ s.jsx("span", { className: "mr-2", children: o }),
+          !l && n && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: n }),
           i,
-          !n && l && /* @__PURE__ */ s.jsx("span", { className: "ml-2", children: l })
+          !l && c && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: c })
         ]
       }
     );
   }
 );
-U.displayName = "Button";
-const De = {
+I.displayName = "Button";
+const me = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
   },
@@ -1079,35 +1080,35 @@ const De = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, jr = (...e) => e.filter(Boolean).join(" "), Nr = X.forwardRef(
+}, Ge = (...r) => r.filter(Boolean).join(" "), Je = S.forwardRef(
   ({
-    className: e,
-    provider: r,
+    className: r,
+    provider: s,
     iconPosition: t = "left",
     icon: a,
-    showText: n = !0,
-    children: o,
-    size: l = "default",
+    showText: l = !0,
+    children: n,
+    size: c = "default",
     fullWidth: i = !0,
     ...u
-  }, f) => {
+  }, x) => {
     const m = a || {
-      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: /* @__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 = n || (l ? {
       linkedin: "Continue with LinkedIn"
-    }[r] : ""), j = jr(
+    }[s] : ""), N = Ge(
       "relative overflow-hidden transition-all duration-200",
-      De.provider[r],
-      De.iconPosition[t],
-      e
+      me.provider[s],
+      me.iconPosition[t],
+      r
     );
-    return /* @__PURE__ */ s.jsxs(
-      U,
+    return /* @__PURE__ */ e.jsxs(
+      I,
       {
-        ref: f,
+        ref: x,
         variant: "none",
-        className: j,
-        size: l,
+        className: N,
+        size: c,
         fullWidth: i,
         leftIcon: t === "left" ? m : void 0,
         rightIcon: t === "right" ? m : void 0,
@@ -1120,103 +1121,103 @@ const De = {
     );
   }
 );
-Nr.displayName = "SocialButton";
-function Cs({
-  children: e,
-  variant: r = "default",
+Je.displayName = "SocialButton";
+function pr({
+  children: r,
+  variant: s = "default",
   isActive: t = !1,
   onClick: a,
-  className: n = ""
+  className: l = ""
 }) {
-  const o = "rounded-lg transition-all", l = {
+  const n = "rounded-lg transition-all", c = {
     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__ */ s.jsx(
+  return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${o} ${l[r]} ${n}`,
+      className: `${n} ${c[s]} ${l}`,
       onClick: a,
       role: a ? "button" : void 0,
       tabIndex: a ? 0 : void 0,
       onKeyDown: a ? (i) => {
         (i.key === "Enter" || i.key === " ") && a();
       } : void 0,
-      children: e
+      children: r
     }
   );
 }
-function ks({
-  title: e,
-  children: r,
+function jr({
+  title: r,
+  children: s,
   subtitle: t,
   spacing: a = "normal",
-  className: n = ""
+  className: l = ""
 }) {
-  const o = {
+  const n = {
     compact: "space-y-3",
     normal: "space-y-6",
     spacious: "space-y-8"
   };
-  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 })
+  return /* @__PURE__ */ e.jsxs("div", { className: `${n[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 })
     ] }),
-    r
+    s
   ] });
 }
-function Ts({
-  variant: e,
-  title: r,
+function wr({
+  variant: r,
+  title: s,
   message: t,
   icon: a,
-  onClose: n,
-  className: o = ""
+  onClose: l,
+  className: n = ""
 }) {
   const i = {
     success: {
       bg: "bg-success-50",
       border: "border-success-200",
       text: "text-success-700",
-      icon: /* @__PURE__ */ s.jsx(lr, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(Re, { className: "h-5 w-5" })
     },
     error: {
       bg: "bg-error-50",
       border: "border-error-200",
       text: "text-error-700",
-      icon: /* @__PURE__ */ s.jsx(or, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(Ee, { className: "h-5 w-5" })
     },
     warning: {
       bg: "bg-warning-50",
       border: "border-warning-200",
       text: "text-warning-700",
-      icon: /* @__PURE__ */ s.jsx(nr, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx($e, { className: "h-5 w-5" })
     },
     info: {
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ s.jsx(ar, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(Te, { className: "h-5 w-5" })
     }
-  }[e];
-  return /* @__PURE__ */ s.jsx(
+  }[r];
+  return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${i.bg} border ${i.border} rounded-md p-3 ${o}`,
+      className: `${i.bg} border ${i.border} rounded-md p-3 ${n}`,
       role: "alert",
-      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 })
+      children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${i.text}`, children: a || i.icon }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+          s && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${i.text}`, children: s }),
+          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${i.text}`, children: t })
         ] }),
-        n && /* @__PURE__ */ s.jsx(
+        l && /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: n,
+            onClick: l,
             className: `flex-shrink-0 ${i.text} hover:opacity-70`,
             "aria-label": "Close alert",
             children: "✕"
@@ -1226,78 +1227,78 @@ function Ts({
     }
   );
 }
-function Cr({
-  title: e,
-  titleId: r,
+function qe({
+  title: r,
+  titleId: s,
   ...t
 }, a) {
-  return /* @__PURE__ */ P.createElement("svg", Object.assign({
+  return /* @__PURE__ */ $.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", {
+    "aria-labelledby": s
+  }, t), r ? /* @__PURE__ */ $.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ $.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,
+const xe = /* @__PURE__ */ $.forwardRef(qe);
+function Xe({
+  title: r,
+  titleId: s,
   ...t
 }, a) {
-  return /* @__PURE__ */ P.createElement("svg", Object.assign({
+  return /* @__PURE__ */ $.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", {
+    "aria-labelledby": s
+  }, t), r ? /* @__PURE__ */ $.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ $.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,
+const fe = /* @__PURE__ */ $.forwardRef(Xe);
+function Ze({
+  title: r,
+  titleId: s,
   ...t
 }, a) {
-  return /* @__PURE__ */ P.createElement("svg", Object.assign({
+  return /* @__PURE__ */ $.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", {
+    "aria-labelledby": s
+  }, t), r ? /* @__PURE__ */ $.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ $.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 be = /* @__PURE__ */ P.forwardRef(Tr);
-function Vr({
-  children: e,
-  variant: r = "default",
+const Q = /* @__PURE__ */ $.forwardRef(Ze);
+function Ke({
+  children: r,
+  variant: s = "default",
   size: t = "md",
   removable: a = !1,
-  onRemove: n,
-  className: o = "",
-  style: l,
+  onRemove: l,
+  className: n = "",
+  style: c,
   colorClass: i
 }) {
   const u = {
@@ -1306,273 +1307,273 @@ function Vr({
     error: "bg-error-50 text-error-700",
     warning: "bg-warning-50 text-warning-700",
     info: "bg-info-50 text-info-700"
-  }, f = {
+  }, x = {
     sm: "px-2 py-0.5 text-xs",
     md: "px-3 py-1 text-sm",
     lg: "px-4 py-1.5 text-base"
-  }, d = i || u[r];
-  return /* @__PURE__ */ s.jsxs(
+  }, d = i || u[s];
+  return /* @__PURE__ */ e.jsxs(
     "span",
     {
-      className: `inline-flex items-center gap-1 rounded-full ${d} ${f[t]} ${o}`,
-      style: l,
+      className: `inline-flex items-center gap-1 rounded-full ${d} ${x[t]} ${n}`,
+      style: c,
       children: [
-        e,
-        a && n && /* @__PURE__ */ s.jsx(
+        r,
+        a && l && /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: n,
+            onClick: l,
             className: "ml-1 hover:opacity-70",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ s.jsx(be, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ e.jsx(Q, { className: "w-3 h-3" })
           }
         )
       ]
     }
   );
 }
-function Vs({
-  label: e,
-  children: r,
+function yr({
+  label: r,
+  children: s,
   helperText: t,
   errorText: a,
-  required: n = !1,
-  className: o = ""
+  required: l = !1,
+  className: n = ""
 }) {
-  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: "*" })
+  return /* @__PURE__ */ e.jsxs("div", { className: `space-y-2 ${n}`, 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: "*" })
     ] }),
-    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 })
+    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 })
   ] });
 }
-const Rr = X.forwardRef(
+const Qe = S.forwardRef(
   ({
-    className: e = "",
-    leftIcon: r,
+    className: r = "",
+    leftIcon: s,
     rightIcon: t,
     error: a = !1,
-    fullWidth: n = !0,
-    disabled: o,
-    ...l
+    fullWidth: l = !0,
+    disabled: n,
+    ...c
   }, 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(
+    const u = "px-3 py-2 border rounded-lg transition-colors text-sm", x = a ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent", d = n ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary", m = l ? "w-full" : "", v = s || t ? "relative flex items-center" : "", g = `${u} ${x} ${d} ${m} ${s ? "pl-10" : ""} ${t ? "pr-10" : ""} ${r}`;
+    return /* @__PURE__ */ e.jsxs("div", { className: v, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 flex items-center pointer-events-none text-text-muted", children: s }),
+      /* @__PURE__ */ e.jsx(
         "input",
         {
           ref: i,
           className: g,
-          disabled: o,
-          ...l
+          disabled: n,
+          ...c
         }
       ),
-      t && /* @__PURE__ */ s.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: t })
+      t && /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: t })
     ] });
   }
 );
-Rr.displayName = "Input";
-const Er = X.forwardRef(
+Qe.displayName = "Input";
+const er = S.forwardRef(
   ({
-    options: e,
-    placeholder: r,
+    options: r,
+    placeholder: s,
     className: t = "",
     error: a = !1,
-    fullWidth: n = !0,
-    disabled: o,
-    ...l
+    fullWidth: l = !0,
+    disabled: n,
+    ...c
   }, 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(
+    const v = `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"} ${n ? "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(
         "select",
         {
           ref: i,
-          className: x,
-          disabled: o,
-          ...l,
+          className: v,
+          disabled: n,
+          ...c,
           children: [
-            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))
+            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))
           ]
         }
       ),
-      /* @__PURE__ */ s.jsx(Ne, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
+      /* @__PURE__ */ e.jsx(ee, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
     ] });
   }
 );
-Er.displayName = "Select";
-const $r = X.forwardRef(
+er.displayName = "Select";
+const rr = S.forwardRef(
   ({
-    tags: e,
-    onTagsChange: r,
+    tags: r,
+    onTagsChange: s,
     onAddTag: t,
     onRemoveTag: a,
-    placeholder: n = "Add a tag and press Enter",
-    error: o = !1,
-    fullWidth: l = !0,
+    placeholder: l = "Add a tag and press Enter",
+    error: n = !1,
+    fullWidth: c = !0,
     maxTags: i,
     duplicateCheck: u = !0,
-    disabled: f,
+    disabled: x,
     className: d = "",
     ...m
-  }, x) => {
-    const [g, j] = S(""), C = (v) => {
-      v.key === "Enter" && g.trim() ? (v.preventDefault(), y(g.trim())) : v.key === "Backspace" && !g && e.length > 0 && D(e[e.length - 1]);
-    }, y = (v) => {
-      if (i && e.length >= i || u && e.includes(v))
+  }, v) => {
+    const [g, N] = k(""), V = (h) => {
+      h.key === "Enter" && g.trim() ? (h.preventDefault(), E(g.trim())) : h.key === "Backspace" && !g && r.length > 0 && O(r[r.length - 1]);
+    }, E = (h) => {
+      if (i && r.length >= i || u && r.includes(h))
         return;
-      const w = [...e, v];
-      r(w), t?.(v), j("");
-    }, D = (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,
+      const j = [...r, h];
+      s(j), t?.(h), N("");
+    }, O = (h) => {
+      const j = r.filter((T) => T !== h);
+      s(j), a?.(h);
+    }, b = `w-full px-3 py-2 border rounded-lg transition-colors text-sm ${n ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${x ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${c ? "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((h) => /* @__PURE__ */ e.jsx(
+        Ke,
         {
           removable: !0,
-          onRemove: () => D(v),
+          onRemove: () => O(h),
           variant: "default",
-          children: v
+          children: h
         },
-        v
+        h
       )) }),
-      /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: x,
+          ref: v,
           type: "text",
           className: b,
-          placeholder: n,
+          placeholder: l,
           value: g,
-          onChange: (v) => j(v.target.value),
-          onKeyDown: C,
-          disabled: f || (i ? e.length >= i : !1),
+          onChange: (h) => N(h.target.value),
+          onKeyDown: V,
+          disabled: x || (i ? r.length >= i : !1),
           ...m
         }
       ),
-      i && /* @__PURE__ */ s.jsxs("p", { className: "text-xs text-text-muted", children: [
-        e.length,
+      i && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted", children: [
+        r.length,
         " / ",
         i
       ] })
     ] });
   }
 );
-$r.displayName = "TagInput";
-const Dr = X.forwardRef(
+rr.displayName = "TagInput";
+const sr = S.forwardRef(
   ({
-    className: e = "",
-    error: r = !1,
+    className: r = "",
+    error: s = !1,
     fullWidth: t = !0,
     autoResize: a = !1,
-    maxLength: n,
-    showCharCount: o = !1,
-    disabled: l,
+    maxLength: l,
+    showCharCount: n = !1,
+    disabled: c,
     value: i,
     onChange: u,
-    ...f
+    ...x
   }, d) => {
-    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);
-    }, D = typeof i == "string" ? i.length : 0;
-    return /* @__PURE__ */ s.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ s.jsx(
+    const V = `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"} ${c ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${t ? "w-full" : ""} ${r}`, E = (R) => {
+      a && (R.target.style.height = "auto", R.target.style.height = `${R.target.scrollHeight}px`), u?.(R);
+    }, O = typeof i == "string" ? i.length : 0;
+    return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e.jsx(
         "textarea",
         {
           ref: d,
-          className: C,
-          disabled: l,
+          className: V,
+          disabled: c,
           value: i,
-          onChange: y,
-          maxLength: n,
-          ...f
+          onChange: E,
+          maxLength: l,
+          ...x
         }
       ),
-      o && n && /* @__PURE__ */ s.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
-        D,
+      n && l && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
+        O,
         " / ",
-        n
+        l
       ] })
     ] });
   }
 );
-Dr.displayName = "Textarea";
-function Rs({
-  options: e,
-  selectedValues: r,
+sr.displayName = "Textarea";
+function Nr({
+  options: r,
+  selectedValues: s,
   onSelectionChange: t,
   layout: a = "vertical",
-  columns: n = 2,
-  disabled: o = !1,
-  error: l = !1
+  columns: l = 2,
+  disabled: n = !1,
+  error: c = !1
 }) {
   const i = (m) => {
-    const x = r.includes(m) ? r.filter((g) => g !== m) : [...r, m];
-    t(x);
+    const v = s.includes(m) ? s.filter((g) => g !== m) : [...s, m];
+    t(v);
   }, u = {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
-    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(
+    grid: `grid grid-cols-${l} gap-3`
+  }, x = a === "grid" ? "grid gap-3" : u[a], d = a === "grid" ? `md:grid-cols-${l}` : "";
+  return /* @__PURE__ */ e.jsx("div", { className: `${x} ${d}`, children: r.map((m) => {
+    const v = s.includes(m.value), N = v ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+    return /* @__PURE__ */ e.jsxs(
       "label",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${j} ${o ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${N} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
-          /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ e.jsx(
             "input",
             {
               type: "checkbox",
-              checked: x,
+              checked: v,
               onChange: () => i(m.value),
-              disabled: o,
+              disabled: n,
               className: "sr-only"
             }
           ),
-          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 })
+          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 })
           ] }),
-          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" }) }) })
+          v && /* @__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" }) }) })
         ]
       },
       m.value
     );
   }) });
 }
-function Es({
-  options: e,
-  selectedValue: r,
+function Cr({
+  options: r,
+  selectedValue: s,
   onSelectionChange: t,
   layout: a = "vertical",
-  columns: n = 2,
-  disabled: o = !1,
-  error: l = !1,
+  columns: l = 2,
+  disabled: n = !1,
+  error: c = !1,
   name: i = "radio-group"
 }) {
-  const f = a === "grid" ? `grid gap-3 md:grid-cols-${n}` : {
+  const x = a === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
     grid: "grid gap-3"
   }[a];
-  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(
+  return /* @__PURE__ */ e.jsx("div", { className: x, 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-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+    return /* @__PURE__ */ e.jsxs(
       "label",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${g} ${o ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${g} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
-          /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ e.jsx(
             "input",
             {
               type: "radio",
@@ -1580,172 +1581,172 @@ function Es({
               value: d.value,
               checked: m,
               onChange: () => t(d.value),
-              disabled: o,
+              disabled: n,
               className: "sr-only"
             }
           ),
-          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 })
+          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 })
           ] }),
-          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" }) }) })
+          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" }) }) })
         ]
       },
       d.value
     );
   }) });
 }
-function $s({
-  items: e,
-  allowMultiple: r = !1,
+function kr({
+  items: r,
+  allowMultiple: s = !1,
   defaultOpenId: t,
   onOpenChange: a,
-  className: n = ""
+  className: l = ""
 }) {
-  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);
+  const [n, c] = k(() => t ? Array.isArray(t) ? t : [t] : []), i = (u) => {
+    let x;
+    s ? x = n.includes(u) ? n.filter((d) => d !== u) : [...n, u] : x = n.includes(u) ? [] : [u], c(x), a?.(x);
   };
-  return /* @__PURE__ */ s.jsx("div", { className: `space-y-2 ${n}`, children: e.map((u) => {
-    const f = o.includes(u.id);
-    return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ e.jsx("div", { className: `space-y-2 ${l}`, children: r.map((u) => {
+    const x = n.includes(u.id);
+    return /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "border border-border rounded-lg overflow-hidden",
         children: [
-          /* @__PURE__ */ s.jsxs(
+          /* @__PURE__ */ e.jsxs(
             "button",
             {
               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__ */ 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.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.jsx(
-                  Ne,
+                /* @__PURE__ */ e.jsx(
+                  ee,
                   {
-                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${f ? "rotate-180" : ""}`
+                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${x ? "rotate-180" : ""}`
                   }
                 )
               ]
             }
           ),
-          f && /* @__PURE__ */ s.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: u.content })
+          x && /* @__PURE__ */ e.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: u.content })
         ]
       },
       u.id
     );
   }) });
 }
-const Ir = X.forwardRef(
+const ar = S.forwardRef(
   ({
-    value: e,
-    onChange: r,
+    value: r,
+    onChange: s,
     min: t = 0,
     max: a = 100,
-    step: n = 1,
-    showValue: o = !0,
-    showLabels: l = !1,
+    step: l = 1,
+    showValue: n = !0,
+    showLabels: c = !1,
     minLabel: i,
     maxLabel: u,
-    error: f = !1,
+    error: x = !1,
     fullWidth: d = !0,
     disabled: m,
-    className: x = "",
+    className: v = "",
     ...g
-  }, 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}`, R = (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 })
+  }, N) => {
+    const D = `w-full h-2 rounded-lg appearance-none cursor-pointer ${x ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${m ? "opacity-50 cursor-not-allowed" : ""} ${d ? "w-full" : ""} ${v}`, F = (r - t) / (a - t) * 100;
+    return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      c && (i || u) && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-xs text-text-muted", children: [
+        i && /* @__PURE__ */ e.jsx("span", { children: i }),
+        u && /* @__PURE__ */ e.jsx("span", { children: u })
       ] }),
-      /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: j,
+            ref: N,
             type: "range",
             min: t,
             max: a,
-            step: n,
-            value: e,
-            onChange: ($) => r(Number($.target.value)),
+            step: l,
+            value: r,
+            onChange: (L) => s(Number(L.target.value)),
             disabled: m,
-            className: k,
+            className: D,
             ...g
           }
         ),
-        o && /* @__PURE__ */ s.jsx("span", { className: "text-sm font-medium text-text-primary min-w-[3rem] text-right", children: e })
+        n && /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-text-primary min-w-[3rem] text-right", children: r })
       ] }),
-      /* @__PURE__ */ s.jsx("div", { className: "h-1 bg-border rounded-full overflow-hidden", children: /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ e.jsx("div", { className: "h-1 bg-border rounded-full overflow-hidden", children: /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "h-full bg-reseda-green-500 transition-all",
-          style: { width: `${R}%` }
+          style: { width: `${F}%` }
         }
       ) })
     ] });
   }
 );
-Ir.displayName = "Slider";
-function Ds({
-  icon: e,
-  title: r,
+ar.displayName = "Slider";
+function Vr({
+  icon: r,
+  title: s,
   description: t,
   isSelected: a = !1,
-  onClick: n,
-  disabled: o = !1,
-  className: l = ""
+  onClick: l,
+  disabled: n = !1,
+  className: c = ""
 }) {
-  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(
+  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", x = n ? "opacity-50 cursor-not-allowed" : "";
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `${i} ${u} ${f} ${l}`,
-      onClick: () => !o && n?.(),
+      className: `${i} ${u} ${x} ${c}`,
+      onClick: () => !n && l?.(),
       role: "button",
-      tabIndex: o ? -1 : 0,
+      tabIndex: n ? -1 : 0,
       onKeyDown: (d) => {
-        !o && (d.key === "Enter" || d.key === " ") && n?.();
+        !n && (d.key === "Enter" || d.key === " ") && l?.();
       },
       children: [
-        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" }) }) }) })
+        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" }) }) }) })
       ]
     }
   );
 }
-const Or = {
+const tr = {
   activeText: "text-reseda-green-700",
   activeBorder: "border-reseda-green-700",
   inactiveText: "text-text-secondary",
   inactiveHoverText: "hover:text-text-primary",
   disabledText: "text-text-disabled"
 };
-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,
+function Tr({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
+  const n = l || tr;
+  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: r.map((c) => {
+    const i = s === c.id;
+    return /* @__PURE__ */ e.jsx(
+      I,
       {
         variant: "ghost",
-        onClick: () => !t && a(l.id),
+        onClick: () => !t && a(c.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
+        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${i ? `${n.activeBorder} ${n.activeText}` : t ? `border-transparent ${n.disabledText} cursor-not-allowed` : `border-transparent ${n.inactiveText} ${n.inactiveHoverText}`}`,
+        children: c.label
       },
-      l.id
+      c.id
     );
   }) });
 }
-const Sr = {
+const nr = {
   activeBg: "bg-reseda-green-700",
   activeText: "text-white",
   completedBg: "bg-success-500",
@@ -1756,851 +1757,189 @@ const Sr = {
   labelInactiveText: "text-text-muted",
   connectorBg: "bg-border"
 };
-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(
+function $r({ currentStep: r, steps: s, colorConfig: t }) {
+  const a = t || nr;
+  return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: s.map((l, n) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${n < s.length - 1 ? "flex-1" : ""}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: `flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${e === n.number ? `${a.activeBg} ${a.activeText}` : e > n.number ? `${a.completedBg} ${a.completedText}` : `border-2 ${a.incompleteBorder} ${a.incompleteText}`}`,
-          children: n.number
+          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
         }
       ),
-      /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: `ml-3 text-sm font-medium whitespace-nowrap ${e >= n.number ? a.labelActiveText : a.labelInactiveText}`,
-          children: n.label
+          className: `ml-3 text-sm font-medium whitespace-nowrap ${r >= l.number ? a.labelActiveText : a.labelInactiveText}`,
+          children: l.label
         }
       )
     ] }),
-    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]);
+    n < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${a.connectorBg}` })
+  ] }, l.number)) }) });
 }
-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, D = te(y ? qr : Gr), [I, k] = we(), [R, $] = we(), b = Xr(l, r), v = pe(t);
-  me(
-    () => (m.set(r, {
-      id: r,
-      key: o,
-      node: I,
-      activatorNode: R,
-      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: $,
-    transform: D
-  };
-}
-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
-  }, D = pe(C ?? a), I = O(
-    () => {
-      if (!m.current) {
-        m.current = !0;
-        return;
-      }
-      g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
-        f(Array.isArray(D.current) ? D.current : [D.current]), g.current = null;
-      }, y);
-    },
-    //eslint-disable-next-line react-hooks/exhaustive-deps
-    [y]
-  ), k = Wr({
-    callback: I,
-    disabled: j || !l
-  }), R = O((w, T) => {
-    k && (T && (k.unobserve(T), m.current = !1), w && k.observe(w));
-  }, [k]), [$, b] = we(R), v = pe(r);
-  return M(() => {
-    !k || !$.current || (k.disconnect(), m.current = !1, k.observe($.current));
-  }, [$, k]), M(
-    () => (i({
-      type: se.RegisterDroppable,
-      element: {
-        id: a,
-        key: o,
-        disabled: t,
-        node: $,
-        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: $,
-    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: D,
-    strategy: I
-  } = te(ts), k = us(a, g), R = d.indexOf(l), $ = H(() => ({
-    sortable: {
-      containerId: m,
-      index: R,
-      items: d
-    },
-    ...n
-  }), [m, n, R, d]), b = H(() => d.slice(d.indexOf(l)), [d, l]), {
-    rect: v,
-    node: w,
-    isOver: T,
-    setNodeRef: Y
-  } = es({
-    id: l,
-    data: $,
-    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: $,
-    attributes: {
-      ...cs,
-      ...t
-    },
-    disabled: k.draggable
-  }), h = Ar(Y, Q), p = !!A, E = p && !j && de(x) && de(y), L = !D && G, z = L && E ? c : null, K = E ? z ?? (i ?? I)({
-    rects: C,
-    activeNodeRect: fe,
-    activeIndex: x,
-    overIndex: y,
-    index: R
-  }) : null, N = de(x) && de(y) ? o({
-    id: l,
-    items: d,
-    activeIndex: x,
-    overIndex: y
-  }) : R, 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: R,
-    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: R,
-    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: $,
-    rect: v,
-    index: R,
-    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 === R
-    )
-      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,
+function or({
+  id: r,
+  index: s,
   previewText: t,
   defaultExpanded: a = !1,
-  children: n,
-  tooltipContent: o,
-  onRemove: l,
+  children: l,
+  tooltipContent: n,
+  onRemove: c,
   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
+  const [u, x] = k(a), { attributes: d, listeners: m, setNodeRef: v, transform: g, transition: N, isDragging: V } = Ae({ id: r }), E = {
+    transform: _e.Transform.toString(g),
+    transition: N,
+    opacity: V ? 0.5 : 1
   };
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: x,
-      style: y,
+      ref: v,
+      style: E,
       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,
+        /* @__PURE__ */ e.jsxs("div", { className: "p-3", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mb-2", children: [
+            /* @__PURE__ */ e.jsx(
+              "button",
               {
                 type: "button",
-                variant: "ghost",
-                size: "icon",
                 ...d,
                 ...m,
-                className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing",
+                className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing rounded hover:bg-surface-variant inline-flex items-center justify-center",
                 "aria-label": "Drag to reorder",
-                leftIcon: /* @__PURE__ */ s.jsx(Ie, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ e.jsx(xe, { className: "w-4 h-4" })
               }
             ),
-            /* @__PURE__ */ s.jsxs(
+            /* @__PURE__ */ e.jsxs(
               "span",
               {
                 className: "text-sm font-medium text-text-secondary flex-1 cursor-pointer select-none",
-                onClick: () => f(!1),
+                onClick: () => x(!1),
                 children: [
                   "Item ",
-                  r + 1
+                  s + 1
                 ]
               }
             ),
-            /* @__PURE__ */ s.jsx(
-              U,
+            /* @__PURE__ */ e.jsx(
+              I,
               {
                 type: "button",
                 variant: "ghost",
                 size: "icon",
-                onClick: () => f(!1),
+                onClick: () => x(!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" })
+                leftIcon: /* @__PURE__ */ e.jsx(fe, { className: "w-4 h-4 transition-transform rotate-90" })
               }
             ),
-            /* @__PURE__ */ s.jsx(
-              U,
+            /* @__PURE__ */ e.jsx(
+              I,
               {
                 type: "button",
                 variant: "ghost",
                 size: "icon",
-                onClick: l,
+                onClick: c,
                 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" })
+                leftIcon: /* @__PURE__ */ e.jsx(Q, { className: "w-4 h-4" })
               }
             )
           ] }),
-          n
+          l
         ] })
       ) : (
         // ── 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,
+        /* @__PURE__ */ e.jsxs("div", { className: "relative group", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+            /* @__PURE__ */ e.jsx(
+              "button",
               {
                 type: "button",
-                variant: "ghost",
-                size: "icon",
                 ...d,
                 ...m,
-                className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing flex-shrink-0",
+                className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing flex-shrink-0 rounded hover:bg-surface-variant inline-flex items-center justify-center",
                 "aria-label": "Drag to reorder",
-                leftIcon: /* @__PURE__ */ s.jsx(Ie, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ e.jsx(xe, { className: "w-4 h-4" })
               }
             ),
-            /* @__PURE__ */ s.jsx(
+            /* @__PURE__ */ e.jsx(
               "span",
               {
                 className: "flex-1 text-sm text-text-secondary truncate cursor-pointer select-none",
-                onClick: () => f(!0),
+                onClick: () => x(!0),
                 children: t
               }
             ),
-            /* @__PURE__ */ s.jsx(
-              U,
+            /* @__PURE__ */ e.jsx(
+              I,
               {
                 type: "button",
                 variant: "ghost",
                 size: "icon",
-                onClick: () => f(!0),
+                onClick: () => x(!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" })
+                leftIcon: /* @__PURE__ */ e.jsx(fe, { className: "w-4 h-4 transition-transform" })
               }
             ),
-            /* @__PURE__ */ s.jsx(
-              U,
+            /* @__PURE__ */ e.jsx(
+              I,
               {
                 type: "button",
                 variant: "ghost",
                 size: "icon",
-                onClick: l,
+                onClick: c,
                 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" })
+                leftIcon: /* @__PURE__ */ e.jsx(Q, { 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 })
+          n && /* @__PURE__ */ e.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: n })
         ] })
       )
     }
   );
 }
-ms.displayName = "SortableItem";
+or.displayName = "SortableItem";
 export {
-  $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
+  kr as Accordion,
+  wr as Alert,
+  Ke as Badge,
+  I as Button,
+  pr as Card,
+  Nr as CheckboxGroup,
+  Le as ColorPalette,
+  br as Demo,
+  yr as FormField,
+  Qe as Input,
+  Vr as OptionCard,
+  Cr as RadioGroup,
+  jr as Section,
+  er as Select,
+  gr as Sidebar,
+  ar as Slider,
+  Je as SocialButton,
+  or as SortableItem,
+  $r as Stepper,
+  Tr as TabBar,
+  rr as TagInput,
+  sr as Textarea,
+  Me as ThemeProvider,
+  Ye as ThemeToggle,
+  vr as clearAllErrors,
+  fr as clearFieldError,
+  xr as getFirstError,
+  Be as hasErrors,
+  hr as useForm,
+  ze as useTheme,
+  Oe as validateField,
+  Z as validateForm,
+  mr as validators
 };