acemyjob-ui 0.14.0 → 0.15.0

package/dist/acemyjob-ui.es.js

@@ -1,9 +1,9 @@
 import * as _ from "react";
-import L, { useState as T, useCallback as D, createContext as je, useEffect as J, useContext as we, useRef as ye } from "react";
+import I, { useState as T, useCallback as O, createContext as je, useEffect as J, useContext as we, useRef as ye } from "react";
 import { Dialog as Ne, DialogBackdrop as Ce, DialogPanel as ke, TransitionChild as Ve } from "@headlessui/react";
 import { XMarkIcon as Te, Bars3Icon as $e, ChevronDownIcon as re, InformationCircleIcon as Ee, ExclamationCircleIcon as Re, XCircleIcon as Ae, CheckCircleIcon as _e } from "@heroicons/react/24/outline";
 import { useSortable as Be } from "@dnd-kit/sortable";
-import { CSS as De } from "@dnd-kit/utilities";
+import { CSS as Oe } from "@dnd-kit/utilities";
 const fr = {
   required: (r = "This field is required") => ({
     validate: (s) => typeof s == "string" ? s.trim().length > 0 : Array.isArray(s) ? s.length > 0 : s != null,
@@ -59,7 +59,7 @@ const fr = {
     message: s
   })
 };
-function Oe(r, s) {
+function De(r, s) {
   for (const t of s)
     if (!t.validate(r))
       return t.message;
@@ -67,8 +67,8 @@ function Oe(r, s) {
 }
 function Q(r, s) {
   const t = {};
-  for (const [a, o] of Object.entries(s)) {
-    const n = r[a], c = Oe(n, o);
+  for (const [a, l] of Object.entries(s)) {
+    const n = r[a], c = De(n, l);
     t[a] = c;
   }
   return t;
@@ -76,13 +76,13 @@ function Q(r, s) {
 function Se(r) {
   return Object.values(r).some((s) => s !== null);
 }
-function vr(r) {
+function hr(r) {
   for (const s of Object.values(r))
     if (s !== null)
       return s;
   return null;
 }
-function hr(r, s) {
+function vr(r, s) {
   return {
     ...r,
     [s]: null
@@ -99,56 +99,56 @@ function br({
   validationRules: s = {},
   onSubmit: t
 }) {
-  const [a, o] = T(r), [n, c] = T({}), [i, u] = T({}), [x, d] = T(!1), m = JSON.stringify(a) !== JSON.stringify(r), f = D(
-    (b) => {
-      const { name: h, value: j, type: A } = b.target;
-      let z = j;
-      if (A === "checkbox" ? z = b.target.checked : A === "number" && (z = j ? Number(j) : ""), o((M) => ({
-        ...M,
-        [h]: z
-      })), s[h]) {
-        const M = Q({ [h]: z }, { [h]: s[h] });
+  const [a, l] = T(r), [n, c] = T({}), [i, u] = T({}), [x, d] = T(!1), m = JSON.stringify(a) !== JSON.stringify(r), f = O(
+    (p) => {
+      const { name: b, value: w, type: A } = p.target;
+      let z = w;
+      if (A === "checkbox" ? z = p.target.checked : A === "number" && (z = w ? Number(w) : ""), l((L) => ({
+        ...L,
+        [b]: z
+      })), s[b]) {
+        const L = Q({ [b]: z }, { [b]: s[b] });
         c((W) => ({
           ...W,
-          [h]: M[h]
+          [b]: L[b]
         }));
       }
     },
     [s]
-  ), g = D(
-    (b) => {
-      const { name: h } = b.target;
-      u((j) => ({
-        ...j,
-        [h]: !0
+  ), v = O(
+    (p) => {
+      const { name: b } = p.target;
+      u((w) => ({
+        ...w,
+        [b]: !0
       }));
     },
     []
-  ), y = D((b, h) => {
-    if (o((j) => ({
-      ...j,
-      [b]: h
-    })), s[b]) {
-      const j = Q({ [b]: h }, { [b]: s[b] });
+  ), g = O((p, b) => {
+    if (l((w) => ({
+      ...w,
+      [p]: b
+    })), s[p]) {
+      const w = Q({ [p]: b }, { [p]: s[p] });
       c((A) => ({
         ...A,
-        [b]: j[b]
+        [p]: w[p]
       }));
     }
-  }, [s]), k = D((b, h) => {
-    c((j) => ({
-      ...j,
-      [b]: h
+  }, [s]), N = O((p, b) => {
+    c((w) => ({
+      ...w,
+      [p]: b
     }));
-  }, []), V = D(
-    async (b) => {
-      b.preventDefault();
-      const h = Q(a, s);
-      c(h);
-      const j = {};
+  }, []), V = O(
+    async (p) => {
+      p.preventDefault();
+      const b = Q(a, s);
+      c(b);
+      const w = {};
       for (const A of Object.keys(a))
-        j[A] = !0;
-      if (u(j), !Se(h) && t) {
+        w[A] = !0;
+      if (u(w), !Se(b) && t) {
         d(!0);
         try {
           await t(a);
@@ -160,24 +160,24 @@ function br({
       }
     },
     [a, s, t]
-  ), $ = D(() => {
-    o(r), c({}), u({}), d(!1);
-  }, [r]), R = D(
-    (b) => ({
-      name: b,
-      value: a[b] || "",
+  ), $ = O(() => {
+    l(r), c({}), u({}), d(!1);
+  }, [r]), R = O(
+    (p) => ({
+      name: p,
+      value: a[p] || "",
       onChange: f,
-      onBlur: g
+      onBlur: v
     }),
-    [a, f, g]
-  ), w = D(
-    (b) => n[b] || null,
+    [a, f, v]
+  ), y = O(
+    (p) => n[p] || null,
     [n]
-  ), S = D(
-    (b) => i[b] || !1,
+  ), S = O(
+    (p) => i[p] || !1,
     [i]
-  ), I = D(
-    (b) => a[b] !== r[b],
+  ), M = O(
+    (p) => a[p] !== r[p],
     [a, r]
   );
   return {
@@ -187,18 +187,18 @@ function br({
     isSubmitting: x,
     isDirty: m,
     handleChange: f,
-    handleBlur: g,
-    setFieldValue: y,
-    setFieldError: k,
+    handleBlur: v,
+    setFieldValue: g,
+    setFieldError: N,
     handleSubmit: V,
     resetForm: $,
     getFieldProps: R,
-    getFieldError: w,
+    getFieldError: y,
     isFieldTouched: S,
-    isFieldDirty: I
+    isFieldDirty: M
   };
 }
-var H = { exports: {} }, Y = {};
+var H = { exports: {} }, U = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -210,27 +210,27 @@ var H = { exports: {} }, Y = {};
  */
 var oe;
 function Pe() {
-  if (oe) return Y;
+  if (oe) return U;
   oe = 1;
   var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function t(a, o, n) {
+  function t(a, l, n) {
     var c = null;
-    if (n !== void 0 && (c = "" + n), o.key !== void 0 && (c = "" + o.key), "key" in o) {
+    if (n !== void 0 && (c = "" + n), l.key !== void 0 && (c = "" + l.key), "key" in l) {
       n = {};
-      for (var i in o)
-        i !== "key" && (n[i] = o[i]);
-    } else n = o;
-    return o = n.ref, {
+      for (var i in l)
+        i !== "key" && (n[i] = l[i]);
+    } else n = l;
+    return l = n.ref, {
       $$typeof: r,
       type: a,
       key: c,
-      ref: o !== void 0 ? o : null,
+      ref: l !== void 0 ? l : null,
       props: n
     };
   }
-  return Y.Fragment = s, Y.jsx = t, Y.jsxs = t, Y;
+  return U.Fragment = s, U.jsx = t, U.jsxs = t, U;
 }
-var U = {};
+var Y = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -241,244 +241,244 @@ var U = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ce;
-function Le() {
+function Ie() {
   return ce || (ce = 1, process.env.NODE_ENV !== "production" && function() {
-    function r(l) {
-      if (l == null) return null;
-      if (typeof l == "function")
-        return l.$$typeof === z ? null : l.displayName || l.name || null;
-      if (typeof l == "string") return l;
-      switch (l) {
-        case k:
+    function r(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === z ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case N:
           return "Fragment";
         case $:
           return "Profiler";
         case V:
           return "StrictMode";
-        case I:
+        case M:
           return "Suspense";
-        case b:
+        case p:
           return "SuspenseList";
         case A:
           return "Activity";
       }
-      if (typeof l == "object")
-        switch (typeof l.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."
-        ), l.$$typeof) {
-          case y:
+        ), o.$$typeof) {
+          case g:
             return "Portal";
-          case w:
-            return (l.displayName || "Context") + ".Provider";
+          case y:
+            return (o.displayName || "Context") + ".Provider";
           case R:
-            return (l._context.displayName || "Context") + ".Consumer";
+            return (o._context.displayName || "Context") + ".Consumer";
           case S:
-            var v = l.render;
-            return l = l.displayName, l || (l = v.displayName || v.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case h:
-            return v = l.displayName || null, v !== null ? v : r(l.type) || "Memo";
-          case j:
-            v = l._payload, l = l._init;
+            var h = o.render;
+            return o = o.displayName, o || (o = h.displayName || h.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case b:
+            return h = o.displayName || null, h !== null ? h : r(o.type) || "Memo";
+          case w:
+            h = o._payload, o = o._init;
             try {
-              return r(l(v));
+              return r(o(h));
             } catch {
             }
         }
       return null;
     }
-    function s(l) {
-      return "" + l;
+    function s(o) {
+      return "" + o;
     }
-    function t(l) {
+    function t(o) {
       try {
-        s(l);
-        var v = !1;
+        s(o);
+        var h = !1;
       } catch {
-        v = !0;
+        h = !0;
       }
-      if (v) {
-        v = console;
-        var p = v.error, N = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return p.call(
-          v,
+      if (h) {
+        h = console;
+        var j = h.error, C = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return j.call(
+          h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          N
-        ), s(l);
+          C
+        ), s(o);
       }
     }
-    function a(l) {
-      if (l === k) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === j)
+    function a(o) {
+      if (o === N) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === w)
         return "<...>";
       try {
-        var v = r(l);
-        return v ? "<" + v + ">" : "<...>";
+        var h = r(o);
+        return h ? "<" + h + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var l = M.A;
-      return l === null ? null : l.getOwner();
+    function l() {
+      var o = L.A;
+      return o === null ? null : o.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
-    function c(l) {
-      if (W.call(l, "key")) {
-        var v = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (v && v.isReactWarning) return !1;
+    function c(o) {
+      if (W.call(o, "key")) {
+        var h = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (h && h.isReactWarning) return !1;
       }
-      return l.key !== void 0;
+      return o.key !== void 0;
     }
-    function i(l, v) {
-      function p() {
+    function i(o, h) {
+      function j() {
         se || (se = !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)",
-          v
+          h
         ));
       }
-      p.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: p,
+      j.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: j,
         configurable: !0
       });
     }
     function u() {
-      var l = r(this.type);
-      return ae[l] || (ae[l] = !0, console.error(
+      var o = r(this.type);
+      return ae[o] || (ae[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."
-      )), l = this.props.ref, l !== void 0 ? l : null;
+      )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function x(l, v, p, N, P, B, q, Z) {
-      return p = B.ref, l = {
-        $$typeof: g,
-        type: l,
-        key: v,
+    function x(o, h, j, C, P, B, q, Z) {
+      return j = B.ref, o = {
+        $$typeof: v,
+        type: o,
+        key: h,
         props: B,
         _owner: P
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(l, "ref", {
+      }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._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(l, "_debugInfo", {
+      }), Object.defineProperty(o, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(l, "_debugStack", {
+      }), Object.defineProperty(o, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: q
-      }), Object.defineProperty(l, "_debugTask", {
+      }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Z
-      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function d(l, v, p, N, P, B, q, Z) {
-      var C = v.children;
-      if (C !== void 0)
-        if (N)
-          if (be(C)) {
-            for (N = 0; N < C.length; N++)
-              m(C[N]);
-            Object.freeze && Object.freeze(C);
+    function d(o, h, j, C, P, B, q, Z) {
+      var k = h.children;
+      if (k !== void 0)
+        if (C)
+          if (be(k)) {
+            for (C = 0; C < k.length; C++)
+              m(k[C]);
+            Object.freeze && Object.freeze(k);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else m(C);
-      if (W.call(v, "key")) {
-        C = r(l);
-        var F = Object.keys(v).filter(function(pe) {
+        else m(k);
+      if (W.call(h, "key")) {
+        k = r(o);
+        var F = Object.keys(h).filter(function(pe) {
           return pe !== "key";
         });
-        N = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", le[C + N] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", le[k + C] || (F = 0 < F.length ? "{" + F.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} />`,
-          N,
           C,
+          k,
           F,
-          C
-        ), le[C + N] = !0);
+          k
+        ), le[k + C] = !0);
       }
-      if (C = null, p !== void 0 && (t(p), C = "" + p), c(v) && (t(v.key), C = "" + v.key), "key" in v) {
-        p = {};
-        for (var K in v)
-          K !== "key" && (p[K] = v[K]);
-      } else p = v;
-      return C && i(
-        p,
-        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
+      if (k = null, j !== void 0 && (t(j), k = "" + j), c(h) && (t(h.key), k = "" + h.key), "key" in h) {
+        j = {};
+        for (var K in h)
+          K !== "key" && (j[K] = h[K]);
+      } else j = h;
+      return k && i(
+        j,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), x(
-        l,
-        C,
+        o,
+        k,
         B,
         P,
-        o(),
-        p,
+        l(),
+        j,
         q,
         Z
       );
     }
-    function m(l) {
-      typeof l == "object" && l !== null && l.$$typeof === g && l._store && (l._store.validated = 1);
+    function m(o) {
+      typeof o == "object" && o !== null && o.$$typeof === v && o._store && (o._store.validated = 1);
     }
-    var f = L, g = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), w = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), M = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, be = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var f = I, v = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), y = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), L = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, be = Array.isArray, X = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
-      "react-stack-bottom-frame": function(l) {
-        return l();
+      "react-stack-bottom-frame": function(o) {
+        return o();
       }
     };
     var se, ae = {}, te = f["react-stack-bottom-frame"].bind(
       f,
       n
     )(), ne = X(a(n)), le = {};
-    U.Fragment = k, U.jsx = function(l, v, p, N, P) {
-      var B = 1e4 > M.recentlyCreatedOwnerStacks++;
+    Y.Fragment = N, Y.jsx = function(o, h, j, C, P) {
+      var B = 1e4 > L.recentlyCreatedOwnerStacks++;
       return d(
-        l,
-        v,
-        p,
+        o,
+        h,
+        j,
         !1,
-        N,
+        C,
         P,
         B ? Error("react-stack-top-frame") : te,
-        B ? X(a(l)) : ne
+        B ? X(a(o)) : ne
       );
-    }, U.jsxs = function(l, v, p, N, P) {
-      var B = 1e4 > M.recentlyCreatedOwnerStacks++;
+    }, Y.jsxs = function(o, h, j, C, P) {
+      var B = 1e4 > L.recentlyCreatedOwnerStacks++;
       return d(
-        l,
-        v,
-        p,
+        o,
+        h,
+        j,
         !0,
-        N,
+        C,
         P,
         B ? Error("react-stack-top-frame") : te,
-        B ? X(a(l)) : ne
+        B ? X(a(o)) : ne
       );
     };
-  }()), U;
+  }()), Y;
 }
 var ie;
-function Me() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? H.exports = Pe() : H.exports = Le()), H.exports;
+function Le() {
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? H.exports = Pe() : H.exports = Ie()), H.exports;
 }
-var e = Me();
-const Ie = {
+var e = Le();
+const Me = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -490,19 +490,19 @@ function E(...r) {
   return r.filter(Boolean).join(" ");
 }
 function de({ item: r, colorScheme: s }) {
-  const [t, a] = T(r.current || r.children?.some((n) => n.current)), o = r.children && r.children.length > 0;
+  const [t, a] = T(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: o ? void 0 : r.href,
+        href: l ? void 0 : r.href,
         onClick: (n) => {
-          o && (n.preventDefault(), a(!t));
+          l && (n.preventDefault(), a(!t));
         },
         className: E(
           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",
-          o ? "cursor-pointer" : ""
+          l ? "cursor-pointer" : ""
         ),
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
@@ -518,7 +518,7 @@ function de({ item: r, colorScheme: s }) {
             ),
             r.name
           ] }),
-          o && /* @__PURE__ */ e.jsx(
+          l && /* @__PURE__ */ e.jsx(
             re,
             {
               className: E(
@@ -531,7 +531,7 @@ function de({ item: r, colorScheme: s }) {
         ]
       }
     ) }),
-    o && 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(
+    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: n.href,
@@ -556,10 +556,10 @@ function de({ item: r, colorScheme: s }) {
     ) }, n.name)) })
   ] });
 }
-function pr({ company: r, profile: s, navigation: t, colorScheme: a = Ie }) {
-  const [o, n] = T(!1);
+function pr({ company: r, profile: s, navigation: t, colorScheme: a = Me }) {
+  const [l, n] = T(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(Ne, { open: o, onClose: n, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs(Ne, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
         Ce,
         {
@@ -648,13 +648,13 @@ function pr({ company: r, profile: s, navigation: t, colorScheme: a = Ie }) {
     ] })
   ] }) });
 }
-const he = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, value: t }) => {
+const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, value: t }) => {
   const a = `rgb(${t})`;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${he(s)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ve(s)}`
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -890,7 +890,7 @@ const he = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${he(a.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ve(a.cssVar)}`
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -901,15 +901,15 @@ const he = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
     ] }),
     /* @__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" }) })
   ] });
-}, ge = je(void 0), Ye = ({
+}, ge = je(void 0), Ue = ({
   children: r,
   defaultTheme: s = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [a, o] = T(s), [n, c] = T("light"), [i, u] = T(!1);
+  const [a, l] = T(s), [n, c] = T("light"), [i, u] = T(!1);
   J(() => {
     const d = localStorage.getItem(t);
-    d && o(d), u(!0);
+    d && l(d), u(!0);
   }, [t]), J(() => {
     if (!i) return;
     const d = window.document.documentElement, m = () => {
@@ -917,25 +917,25 @@ const he = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
       a === "system" ? f = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : f = a, c(f), d.classList.remove("light", "dark"), d.classList.add(f);
     };
     if (m(), a === "system") {
-      const f = window.matchMedia("(prefers-color-scheme: dark)"), g = () => m();
-      return f.addEventListener("change", g), () => f.removeEventListener("change", g);
+      const f = window.matchMedia("(prefers-color-scheme: dark)"), v = () => m();
+      return f.addEventListener("change", v), () => f.removeEventListener("change", v);
     }
   }, [a, i]);
   const x = {
     theme: a,
     setTheme: (d) => {
-      localStorage.setItem(t, d), o(d);
+      localStorage.setItem(t, d), l(d);
     },
     resolvedTheme: n
   };
   return /* @__PURE__ */ e.jsx(ge.Provider, { value: x, children: r });
-}, Ue = () => {
+}, Ye = () => {
   const r = we(ge);
   if (r === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return r;
 }, We = () => {
-  const { theme: r, setTheme: s } = Ue(), [t, a] = T(!1);
+  const { theme: r, setTheme: s } = Ye(), [t, a] = T(!1);
   if (J(() => {
     a(!0);
   }, []), !t)
@@ -950,7 +950,7 @@ const he = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
         ]
       }
     );
-  const o = () => {
+  const l = () => {
     s(r === "light" ? "dark" : r === "dark" ? "system" : "light");
   }, n = () => {
     switch (r) {
@@ -974,7 +974,7 @@ const he = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      onClick: o,
+      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: ${c()}. Click to cycle themes.`,
       children: [
@@ -986,7 +986,7 @@ const he = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
 }, He = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
   /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(We, {}) }),
   /* @__PURE__ */ e.jsx(Fe, {})
-] }), jr = () => /* @__PURE__ */ e.jsx(Ye, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(He, {}) }), me = {
+] }), jr = () => /* @__PURE__ */ e.jsx(Ue, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(He, {}) }), me = {
   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",
@@ -1004,20 +1004,20 @@ const he = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, Ge = "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", Je = (...r) => r.filter(Boolean).join(" "), O = L.forwardRef(
+}, Ge = "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", Je = (...r) => r.filter(Boolean).join(" "), D = I.forwardRef(
   ({
     className: r,
     variant: s = "default",
     size: t = "default",
     fullWidth: a = !1,
-    loading: o = !1,
+    loading: l = !1,
     leftIcon: n,
     rightIcon: c,
     children: i,
     disabled: u,
     ...x
   }, d) => {
-    const m = u || o, f = Je(
+    const m = u || l, f = Je(
       Ge,
       me.variant[s],
       me.size[t],
@@ -1032,7 +1032,7 @@ const he = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
         disabled: m,
         ...x,
         children: [
-          o && /* @__PURE__ */ e.jsxs(
+          l && /* @__PURE__ */ e.jsxs(
             "svg",
             {
               className: "mr-2 h-4 w-4 animate-spin",
@@ -1062,15 +1062,15 @@ const he = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
               ]
             }
           ),
-          !o && n && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: n }),
+          !l && n && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: n }),
           i,
-          !o && c && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: c })
+          !l && c && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: c })
         ]
       }
     );
   }
 );
-O.displayName = "Button";
+D.displayName = "Button";
 const xe = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
@@ -1080,13 +1080,13 @@ const xe = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, Xe = (...r) => r.filter(Boolean).join(" "), qe = L.forwardRef(
+}, Xe = (...r) => r.filter(Boolean).join(" "), qe = I.forwardRef(
   ({
     className: r,
     provider: s,
     iconPosition: t = "left",
     icon: a,
-    showText: o = !0,
+    showText: l = !0,
     children: n,
     size: c = "default",
     fullWidth: i = !0,
@@ -1094,20 +1094,20 @@ const xe = {
   }, x) => {
     const m = a || {
       linkedin: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e.jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })
-    }[s], g = n || (o ? {
+    }[s], v = n || (l ? {
       linkedin: "Continue with LinkedIn"
-    }[s] : ""), y = Xe(
+    }[s] : ""), g = Xe(
       "relative overflow-hidden transition-all duration-200",
       xe.provider[s],
       xe.iconPosition[t],
       r
     );
     return /* @__PURE__ */ e.jsxs(
-      O,
+      D,
       {
         ref: x,
         variant: "none",
-        className: y,
+        className: g,
         size: c,
         fullWidth: i,
         leftIcon: t === "left" ? m : void 0,
@@ -1115,7 +1115,7 @@ const xe = {
         ...u,
         children: [
           t === "only" && m,
-          t !== "only" && g
+          t !== "only" && v
         ]
       }
     );
@@ -1127,7 +1127,7 @@ function wr({
   variant: s = "default",
   isActive: t = !1,
   onClick: a,
-  className: o = ""
+  className: l = ""
 }) {
   const n = "rounded-lg transition-all", c = {
     default: "border border-border p-4",
@@ -1138,7 +1138,7 @@ function wr({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${n} ${c[s]} ${o}`,
+      className: `${n} ${c[s]} ${l}`,
       onClick: a,
       role: a ? "button" : void 0,
       tabIndex: a ? 0 : void 0,
@@ -1154,14 +1154,14 @@ function yr({
   children: s,
   subtitle: t,
   spacing: a = "normal",
-  className: o = ""
+  className: l = ""
 }) {
   const n = {
     compact: "space-y-3",
     normal: "space-y-6",
     spacious: "space-y-8"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `${n[a]} ${o}`, children: [
+  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 })
@@ -1174,7 +1174,7 @@ function G({
   title: s,
   message: t,
   icon: a,
-  onClose: o,
+  onClose: l,
   className: n = ""
 }) {
   const i = {
@@ -1214,10 +1214,10 @@ function G({
           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 })
         ] }),
-        o && /* @__PURE__ */ e.jsx(
+        l && /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: o,
+            onClick: l,
             className: `flex-shrink-0 ${i.text} hover:opacity-70`,
             "aria-label": "Close alert",
             children: "✕"
@@ -1270,7 +1270,7 @@ function Ke({
     clipRule: "evenodd"
   }));
 }
-const ve = /* @__PURE__ */ _.forwardRef(Ke);
+const he = /* @__PURE__ */ _.forwardRef(Ke);
 function Qe({
   title: r,
   titleId: s,
@@ -1296,7 +1296,7 @@ function er({
   variant: s = "default",
   size: t = "md",
   removable: a = !1,
-  onRemove: o,
+  onRemove: l,
   className: n = "",
   style: c,
   colorClass: i
@@ -1319,10 +1319,10 @@ function er({
       style: c,
       children: [
         r,
-        a && o && /* @__PURE__ */ e.jsx(
+        a && l && /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: o,
+            onClick: l,
             className: "ml-1 hover:opacity-70",
             "aria-label": "Remove badge",
             children: /* @__PURE__ */ e.jsx(ee, { className: "w-3 h-3" })
@@ -1337,37 +1337,37 @@ function Nr({
   children: s,
   helperText: t,
   errorText: a,
-  required: o = !1,
+  required: l = !1,
   className: n = ""
 }) {
   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,
-      o && /* @__PURE__ */ e.jsx("span", { className: "text-error-500 ml-1", children: "*" })
+      l && /* @__PURE__ */ e.jsx("span", { className: "text-error-500 ml-1", children: "*" })
     ] }),
     s,
     a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-error-600", children: a }),
     t && !a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: t })
   ] });
 }
-const rr = L.forwardRef(
+const rr = I.forwardRef(
   ({
     className: r = "",
     leftIcon: s,
     rightIcon: t,
     error: a = !1,
-    fullWidth: o = !0,
+    fullWidth: l = !0,
     disabled: n,
     ...c
   }, i) => {
-    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 = o ? "w-full" : "", f = s || t ? "relative flex items-center" : "", g = `${u} ${x} ${d} ${m} ${s ? "pl-10" : ""} ${t ? "pr-10" : ""} ${r}`;
+    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" : "", f = s || t ? "relative flex items-center" : "", v = `${u} ${x} ${d} ${m} ${s ? "pl-10" : ""} ${t ? "pr-10" : ""} ${r}`;
     return /* @__PURE__ */ e.jsxs("div", { className: f, 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,
+          className: v,
           disabled: n,
           ...c
         }
@@ -1377,17 +1377,17 @@ const rr = L.forwardRef(
   }
 );
 rr.displayName = "Input";
-const sr = L.forwardRef(
+const sr = I.forwardRef(
   ({
     options: r,
     placeholder: s,
     className: t = "",
     error: a = !1,
-    fullWidth: o = !0,
+    fullWidth: l = !0,
     disabled: n,
     ...c
   }, i) => {
-    const f = `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"} ${o ? "w-full" : ""} pr-10 ${t}`;
+    const f = `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",
@@ -1398,7 +1398,7 @@ const sr = L.forwardRef(
           ...c,
           children: [
             s && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, children: s }),
-            r.map((g) => /* @__PURE__ */ e.jsx("option", { value: g.value, children: g.label }, g.value))
+            r.map((v) => /* @__PURE__ */ e.jsx("option", { value: v.value, children: v.label }, v.value))
           ]
         }
       ),
@@ -1407,13 +1407,13 @@ const sr = L.forwardRef(
   }
 );
 sr.displayName = "Select";
-const ar = L.forwardRef(
+const ar = I.forwardRef(
   ({
     tags: r,
     onTagsChange: s,
     onAddTag: t,
     onRemoveTag: a,
-    placeholder: o = "Add a tag and press Enter",
+    placeholder: l = "Add a tag and press Enter",
     error: n = !1,
     fullWidth: c = !0,
     maxTags: i,
@@ -1422,38 +1422,38 @@ const ar = L.forwardRef(
     className: d = "",
     ...m
   }, f) => {
-    const [g, y] = T(""), k = (h) => {
-      h.key === "Enter" && g.trim() ? (h.preventDefault(), V(g.trim())) : h.key === "Backspace" && !g && r.length > 0 && $(r[r.length - 1]);
-    }, V = (h) => {
-      if (i && r.length >= i || u && r.includes(h))
+    const [v, g] = T(""), N = (b) => {
+      b.key === "Enter" && v.trim() ? (b.preventDefault(), V(v.trim())) : b.key === "Backspace" && !v && r.length > 0 && $(r[r.length - 1]);
+    }, V = (b) => {
+      if (i && r.length >= i || u && r.includes(b))
         return;
-      const j = [...r, h];
-      s(j), t?.(h), y("");
-    }, $ = (h) => {
-      const j = r.filter((A) => A !== 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}`;
+      const w = [...r, b];
+      s(w), t?.(b), g("");
+    }, $ = (b) => {
+      const w = r.filter((A) => A !== b);
+      s(w), a?.(b);
+    }, p = `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(
+      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: r.map((b) => /* @__PURE__ */ e.jsx(
         er,
         {
           removable: !0,
-          onRemove: () => $(h),
+          onRemove: () => $(b),
           variant: "default",
-          children: h
+          children: b
         },
-        h
+        b
       )) }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
           ref: f,
           type: "text",
-          className: b,
-          placeholder: o,
-          value: g,
-          onChange: (h) => y(h.target.value),
-          onKeyDown: k,
+          className: p,
+          placeholder: l,
+          value: v,
+          onChange: (b) => g(b.target.value),
+          onKeyDown: N,
           disabled: x || (i ? r.length >= i : !1),
           ...m
         }
@@ -1467,20 +1467,20 @@ const ar = L.forwardRef(
   }
 );
 ar.displayName = "TagInput";
-const tr = L.forwardRef(
+const tr = I.forwardRef(
   ({
     className: r = "",
     error: s = !1,
     fullWidth: t = !0,
     autoResize: a = !1,
-    maxLength: o,
+    maxLength: l,
     showCharCount: n = !1,
     disabled: c,
     value: i,
     onChange: u,
     ...x
   }, d) => {
-    const k = `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}`, V = (R) => {
+    const N = `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}`, V = (R) => {
       a && (R.target.style.height = "auto", R.target.style.height = `${R.target.scrollHeight}px`), u?.(R);
     }, $ = typeof i == "string" ? i.length : 0;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
@@ -1488,18 +1488,18 @@ const tr = L.forwardRef(
         "textarea",
         {
           ref: d,
-          className: k,
+          className: N,
           disabled: c,
           value: i,
           onChange: V,
-          maxLength: o,
+          maxLength: l,
           ...x
         }
       ),
-      n && o && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
+      n && l && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
         $,
         " / ",
-        o
+        l
       ] })
     ] });
   }
@@ -1510,24 +1510,24 @@ function Cr({
   selectedValues: s,
   onSelectionChange: t,
   layout: a = "vertical",
-  columns: o = 2,
+  columns: l = 2,
   disabled: n = !1,
   error: c = !1
 }) {
   const i = (m) => {
-    const f = s.includes(m) ? s.filter((g) => g !== m) : [...s, m];
+    const f = s.includes(m) ? s.filter((v) => v !== m) : [...s, m];
     t(f);
   }, u = {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
-    grid: `grid grid-cols-${o} gap-3`
-  }, x = a === "grid" ? "grid gap-3" : u[a], d = a === "grid" ? `md:grid-cols-${o}` : "";
+    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 f = s.includes(m.value), y = f ? "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`;
+    const f = s.includes(m.value), g = f ? "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 ${y} ${n ? "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__ */ e.jsx(
             "input",
@@ -1556,22 +1556,22 @@ function kr({
   selectedValue: s,
   onSelectionChange: t,
   layout: a = "vertical",
-  columns: o = 2,
+  columns: l = 2,
   disabled: n = !1,
   error: c = !1,
   name: i = "radio-group"
 }) {
-  const x = a === "grid" ? `grid gap-3 md:grid-cols-${o}` : {
+  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__ */ 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`;
+    const m = s === d.value, v = 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} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${v} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
@@ -1602,13 +1602,13 @@ function Vr({
   allowMultiple: s = !1,
   defaultOpenId: t,
   onOpenChange: a,
-  className: o = ""
+  className: l = ""
 }) {
   const [n, c] = T(() => 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__ */ e.jsx("div", { className: `space-y-2 ${o}`, children: r.map((u) => {
+  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",
@@ -1641,13 +1641,13 @@ function Vr({
     );
   }) });
 }
-const nr = L.forwardRef(
+const nr = I.forwardRef(
   ({
     value: r,
     onChange: s,
     min: t = 0,
     max: a = 100,
-    step: o = 1,
+    step: l = 1,
     showValue: n = !0,
     showLabels: c = !1,
     minLabel: i,
@@ -1656,9 +1656,9 @@ const nr = L.forwardRef(
     fullWidth: d = !0,
     disabled: m,
     className: f = "",
-    ...g
-  }, y) => {
-    const w = `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" : ""} ${f}`, S = (r - t) / (a - t) * 100;
+    ...v
+  }, g) => {
+    const y = `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" : ""} ${f}`, S = (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 }),
@@ -1668,16 +1668,16 @@ const nr = L.forwardRef(
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: y,
+            ref: g,
             type: "range",
             min: t,
             max: a,
-            step: o,
+            step: l,
             value: r,
-            onChange: (I) => s(Number(I.target.value)),
+            onChange: (M) => s(Number(M.target.value)),
             disabled: m,
-            className: w,
-            ...g
+            className: y,
+            ...v
           }
         ),
         n && /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-text-primary min-w-[3rem] text-right", children: r })
@@ -1698,7 +1698,7 @@ function Tr({
   title: s,
   description: t,
   isSelected: a = !1,
-  onClick: o,
+  onClick: l,
   disabled: n = !1,
   className: c = ""
 }) {
@@ -1707,11 +1707,11 @@ function Tr({
     "div",
     {
       className: `${i} ${u} ${x} ${c}`,
-      onClick: () => !n && o?.(),
+      onClick: () => !n && l?.(),
       role: "button",
       tabIndex: n ? -1 : 0,
       onKeyDown: (d) => {
-        !n && (d.key === "Enter" || d.key === " ") && o?.();
+        !n && (d.key === "Enter" || d.key === " ") && l?.();
       },
       children: [
         r && /* @__PURE__ */ e.jsx("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-text-secondary", children: r }) }),
@@ -1729,12 +1729,12 @@ const lr = {
   inactiveHoverText: "hover:text-text-primary",
   disabledText: "text-text-disabled"
 };
-function $r({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: o }) {
-  const n = o || lr;
+function $r({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
+  const n = l || lr;
   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(
-      O,
+      D,
       {
         variant: "ghost",
         onClick: () => !t && a(c.id),
@@ -1759,40 +1759,40 @@ const or = {
 };
 function Er({ currentStep: r, steps: s, colorConfig: t }) {
   const a = t || or;
-  return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: s.map((o, n) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${n < s.length - 1 ? "flex-1" : ""}`, children: [
+  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 ${r === o.number ? `${a.activeBg} ${a.activeText}` : r > o.number ? `${a.completedBg} ${a.completedText}` : `border-2 ${a.incompleteBorder} ${a.incompleteText}`}`,
-          children: o.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__ */ e.jsx(
         "span",
         {
-          className: `ml-3 text-sm font-medium whitespace-nowrap ${r >= o.number ? a.labelActiveText : a.labelInactiveText}`,
-          children: o.label
+          className: `ml-3 text-sm font-medium whitespace-nowrap ${r >= l.number ? a.labelActiveText : a.labelInactiveText}`,
+          children: l.label
         }
       )
     ] }),
     n < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${a.connectorBg}` })
-  ] }, o.number)) }) });
+  ] }, l.number)) }) });
 }
 function cr({
   id: r,
   index: s,
   previewText: t,
   defaultExpanded: a = !1,
-  children: o,
+  children: l,
   tooltipContent: n,
   onRemove: c,
   className: i = ""
 }) {
-  const [u, x] = T(a), { attributes: d, listeners: m, setNodeRef: f, transform: g, transition: y, isDragging: k } = Be({ id: r }), V = {
-    transform: De.Transform.toString(g),
-    transition: y,
-    opacity: k ? 0.5 : 1
+  const [u, x] = T(a), { attributes: d, listeners: m, setNodeRef: f, transform: v, transition: g, isDragging: N } = Be({ id: r }), V = {
+    transform: Oe.Transform.toString(v),
+    transition: g,
+    opacity: N ? 0.5 : 1
   };
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -1827,7 +1827,7 @@ function cr({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              O,
+              D,
               {
                 type: "button",
                 variant: "ghost",
@@ -1835,11 +1835,11 @@ function cr({
                 onClick: () => x(!1),
                 className: "h-auto w-auto p-1",
                 "aria-label": "Collapse",
-                leftIcon: /* @__PURE__ */ e.jsx(ve, { className: "w-4 h-4 transition-transform rotate-90" })
+                leftIcon: /* @__PURE__ */ e.jsx(he, { className: "w-4 h-4 transition-transform rotate-90" })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              O,
+              D,
               {
                 type: "button",
                 variant: "ghost",
@@ -1851,7 +1851,7 @@ function cr({
               }
             )
           ] }),
-          o
+          l
         ] })
       ) : (
         // ── Collapsed ─────────────────────────────────────────────────────────
@@ -1877,7 +1877,7 @@ function cr({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              O,
+              D,
               {
                 type: "button",
                 variant: "ghost",
@@ -1885,11 +1885,11 @@ function cr({
                 onClick: () => x(!0),
                 className: "h-auto w-auto p-1 flex-shrink-0",
                 "aria-label": "Expand",
-                leftIcon: /* @__PURE__ */ e.jsx(ve, { className: "w-4 h-4 transition-transform" })
+                leftIcon: /* @__PURE__ */ e.jsx(he, { className: "w-4 h-4 transition-transform" })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              O,
+              D,
               {
                 type: "button",
                 variant: "ghost",
@@ -1913,7 +1913,7 @@ function Rr({
   onAnalyze: s,
   uploadedFile: t,
   fileError: a,
-  onCancelUpload: o,
+  onCancelUpload: l,
   isAnalyzing: n = !1,
   analyzeError: c,
   analyzeSuccess: i,
@@ -1922,19 +1922,19 @@ function Rr({
   description: d = "PDF, DOCX up to 5MB",
   analyzeButtonLabel: m = "Analyze",
   disabled: f = !1,
-  showAnalyzeButton: g = !0
+  showAnalyzeButton: v = !0
 }) {
-  const y = ye(null), [k, V] = T(!1);
+  const g = ye(null), [N, V] = T(!1);
   J(() => {
-    !t && y.current && (y.current.value = "");
+    !t && g.current && (g.current.value = "");
   }, [t]);
-  const $ = (w) => {
-    w.preventDefault(), w.stopPropagation(), w.type === "dragenter" || w.type === "dragover" ? V(!0) : w.type === "dragleave" && V(!1);
-  }, R = (w) => {
-    if (w.preventDefault(), w.stopPropagation(), V(!1), w.dataTransfer.files && w.dataTransfer.files[0]) {
+  const $ = (y) => {
+    y.preventDefault(), y.stopPropagation(), y.type === "dragenter" || y.type === "dragover" ? V(!0) : y.type === "dragleave" && V(!1);
+  }, R = (y) => {
+    if (y.preventDefault(), y.stopPropagation(), V(!1), y.dataTransfer.files && y.dataTransfer.files[0]) {
       const S = {
         target: {
-          files: w.dataTransfer.files
+          files: y.dataTransfer.files
         }
       };
       r(S);
@@ -1946,7 +1946,7 @@ function Rr({
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: y,
+          ref: g,
           type: "file",
           accept: u,
           onChange: r,
@@ -1962,7 +1962,7 @@ function Rr({
           onDragLeave: $,
           onDragOver: $,
           onDrop: R,
-          className: `border-2 border-dashed rounded-lg p-6 text-center transition cursor-pointer ${k ? "border-reseda-green-700 bg-reseda-green-50" : "border-border hover:border-reseda-green-700"} ${f ? "opacity-50 cursor-not-allowed" : ""}`,
+          className: `border-2 border-dashed rounded-lg p-6 text-center transition cursor-pointer ${N ? "border-reseda-green-700 bg-reseda-green-50" : "border-border hover:border-reseda-green-700"} ${f ? "opacity-50 cursor-not-allowed" : ""}`,
           children: t && !a ? /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               "svg",
@@ -1987,12 +1987,12 @@ function Rr({
               "MB"
             ] }),
             /* @__PURE__ */ e.jsx(
-              O,
+              D,
               {
                 variant: "link",
                 type: "button",
-                onClick: (w) => {
-                  w.preventDefault(), o?.();
+                onClick: (y) => {
+                  y.preventDefault(), l?.();
                 },
                 className: "mt-3 text-error-600 hover:text-error-700 h-auto p-0",
                 children: "✕ Cancel"
@@ -2030,8 +2030,8 @@ function Rr({
     a && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: a }) }),
     c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: c }) }),
     i && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "success", message: i }) }),
-    g && /* @__PURE__ */ e.jsx(
-      O,
+    v && /* @__PURE__ */ e.jsx(
+      D,
       {
         variant: "default",
         onClick: s,
@@ -2049,14 +2049,14 @@ function Ar({ stats: r, columns: s = 4, className: t = "" }) {
     2: "grid-cols-2",
     3: "grid-cols-3",
     4: "grid-cols-4"
-  }[s], o = {
+  }[s], l = {
     "moss-green": { bg: "bg-moss-green-50", text: "text-reseda-green-700", value: "text-reseda-green-100" },
     success: { bg: "bg-khaki-50", text: "text-success-600", value: "text-success-900" },
     warning: { bg: "bg-peach-yellow-50", text: "text-warning-600", value: "text-warning-900" },
     "earth-yellow": { bg: "bg-sunglow-50", text: "text-earth-yellow-700", value: "text-earth-yellow-100" }
   };
   return /* @__PURE__ */ e.jsx("div", { className: `grid ${a} gap-4 mb-6 bg-surface p-6 rounded-lg ${t}`, children: r.map((n, c) => {
-    const i = o[n.color || "moss-green"];
+    const i = l[n.color || "moss-green"];
     return /* @__PURE__ */ e.jsxs("div", { className: `${i.bg} rounded-lg p-4`, children: [
       n.icon && /* @__PURE__ */ e.jsx("div", { className: "mb-2", children: n.icon }),
       /* @__PURE__ */ e.jsx("p", { className: `text-sm ${i.text} font-medium`, children: n.label }),
@@ -2070,21 +2070,84 @@ function _r({
   centered: t = !1,
   titleSize: a = "md"
 }) {
-  const o = {
+  const l = {
     sm: "text-2xl",
     md: "text-3xl",
     lg: "text-4xl"
   }, n = t ? "text-center" : "", c = t ? "max-w-2xl mx-auto" : "";
   return /* @__PURE__ */ e.jsxs("div", { className: `mb-8 ${n}`, children: [
-    /* @__PURE__ */ e.jsx("h1", { className: `${o[a]} font-bold text-text-primary`, children: r }),
+    /* @__PURE__ */ e.jsx("h1", { className: `${l[a]} font-bold text-text-primary`, children: r }),
     /* @__PURE__ */ e.jsx("p", { className: `mt-2 text-text-secondary ${c}`, children: s })
   ] });
 }
+function Br({
+  icon: r,
+  title: s,
+  subtitle: t,
+  metadata: a,
+  isSelected: l = !1,
+  isActive: n = !1,
+  variant: c = "default",
+  actions: i,
+  onClick: u,
+  className: x = ""
+}) {
+  const d = (g) => {
+    const N = g.target;
+    N.tagName === "BUTTON" || N.closest("button") || u?.(g);
+  }, f = (() => {
+    if (n)
+      switch (c) {
+        case "success":
+          return "border-2 border-reseda-green-700 bg-success-50";
+        case "warning":
+          return "border-2 border-persian-orange-700 bg-warning-50";
+        case "error":
+          return "border-2 border-error-700 bg-error-50";
+        default:
+          return "border-2 border-reseda-green-700 bg-success-50";
+      }
+    return "border border-border hover:border-border-subtle hover:bg-surface-variant";
+  })(), v = l ? "ring-2 ring-reseda-green-700" : "";
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      onClick: d,
+      className: `rounded-lg p-4 cursor-pointer transition ${f} ${v} ${x}`,
+      children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex items-start gap-3", children: [
+          r && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary", children: s }),
+            t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t }),
+            a && /* @__PURE__ */ e.jsx("div", { className: "mt-2", children: a })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: i.map((g, N) => /* @__PURE__ */ e.jsx(
+          D,
+          {
+            variant: g.variant || "ghost",
+            size: g.size || "sm",
+            onClick: g.onClick,
+            disabled: g.disabled,
+            loading: g.loading,
+            title: g.label,
+            className: g.className,
+            leftIcon: g.icon && g.size !== "icon" ? g.icon : void 0,
+            children: g.size === "icon" ? g.icon : g.label
+          },
+          N
+        )) })
+      ] })
+    }
+  );
+}
 export {
   Vr as Accordion,
+  Br as ActionCard,
   G as Alert,
   er as Badge,
-  O as Button,
+  D as Button,
   wr as Card,
   Cr as CheckboxGroup,
   Fe as ColorPalette,
@@ -2106,15 +2169,15 @@ export {
   $r as TabBar,
   ar as TagInput,
   tr as Textarea,
-  Ye as ThemeProvider,
+  Ue as ThemeProvider,
   We as ThemeToggle,
   gr as clearAllErrors,
-  hr as clearFieldError,
-  vr as getFirstError,
+  vr as clearFieldError,
+  hr as getFirstError,
   Se as hasErrors,
   br as useForm,
-  Ue as useTheme,
-  Oe as validateField,
+  Ye as useTheme,
+  De as validateField,
   Q as validateForm,
   fr as validators
 };