acemyjob-ui 0.3.0 → 0.5.0

package/dist/acemyjob-ui.es.js

@@ -1,7 +1,7 @@
-import S, { useState as k, createContext as me, useEffect as D, useContext as ve } from "react";
+import B, { useState as N, createContext as me, useEffect as $, useContext as ve } from "react";
 import { Dialog as xe, DialogBackdrop as he, DialogPanel as fe, TransitionChild as ge } from "@headlessui/react";
-import { XMarkIcon as be, Bars3Icon as pe, ChevronDownIcon as Ve } from "@heroicons/react/24/outline";
-var E = { exports: {} }, N = {};
+import { XMarkIcon as be, Bars3Icon as pe, ChevronDownIcon as je } from "@heroicons/react/24/outline";
+var E = { exports: {} }, k = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,27 +11,27 @@ var E = { exports: {} }, N = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var U;
-function je() {
-  if (U) return N;
-  U = 1;
-  var a = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function l(o, c, t) {
+var W;
+function Ve() {
+  if (W) return k;
+  W = 1;
+  var s = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
+  function n(o, c, l) {
     var u = null;
-    if (t !== void 0 && (u = "" + t), c.key !== void 0 && (u = "" + c.key), "key" in c) {
-      t = {};
+    if (l !== void 0 && (u = "" + l), c.key !== void 0 && (u = "" + c.key), "key" in c) {
+      l = {};
       for (var f in c)
-        f !== "key" && (t[f] = c[f]);
-    } else t = c;
-    return c = t.ref, {
-      $$typeof: a,
+        f !== "key" && (l[f] = c[f]);
+    } else l = c;
+    return c = l.ref, {
+      $$typeof: s,
       type: o,
       key: u,
       ref: c !== void 0 ? c : null,
-      props: t
+      props: l
     };
   }
-  return N.Fragment = s, N.jsx = l, N.jsxs = l, N;
+  return k.Fragment = a, k.jsx = n, k.jsxs = n, k;
 }
 var T = {};
 /**
@@ -43,10 +43,10 @@ var T = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var W;
+var G;
 function we() {
-  return W || (W = 1, process.env.NODE_ENV !== "production" && function() {
-    function a(r) {
+  return G || (G = 1, process.env.NODE_ENV !== "production" && function() {
+    function s(r) {
       if (r == null) return null;
       if (typeof r == "function")
         return r.$$typeof === ie ? null : r.displayName || r.name || null;
@@ -71,51 +71,51 @@ function we() {
         ), r.$$typeof) {
           case R:
             return "Portal";
-          case se:
-            return (r.displayName || "Context") + ".Provider";
           case ae:
+            return (r.displayName || "Context") + ".Provider";
+          case se:
             return (r._context.displayName || "Context") + ".Consumer";
           case oe:
-            var n = r.render;
-            return r = r.displayName, r || (r = n.displayName || n.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+            var t = r.render;
+            return r = r.displayName, r || (r = t.displayName || t.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
           case le:
-            return n = r.displayName || null, n !== null ? n : a(r.type) || "Memo";
-          case B:
-            n = r._payload, r = r._init;
+            return t = r.displayName || null, t !== null ? t : s(r.type) || "Memo";
+          case S:
+            t = r._payload, r = r._init;
             try {
-              return a(r(n));
+              return s(r(t));
             } catch {
             }
         }
       return null;
     }
-    function s(r) {
+    function a(r) {
       return "" + r;
     }
-    function l(r) {
+    function n(r) {
       try {
-        s(r);
-        var n = !1;
+        a(r);
+        var t = !1;
       } catch {
-        n = !0;
+        t = !0;
       }
-      if (n) {
-        n = console;
-        var i = n.error, d = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+      if (t) {
+        t = console;
+        var i = t.error, d = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return i.call(
-          n,
+          t,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           d
-        ), s(r);
+        ), a(r);
       }
     }
     function o(r) {
       if (r === C) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === B)
+      if (typeof r == "object" && r !== null && r.$$typeof === S)
         return "<...>";
       try {
-        var n = a(r);
-        return n ? "<" + n + ">" : "<...>";
+        var t = s(r);
+        return t ? "<" + t + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -124,21 +124,21 @@ function we() {
       var r = _.A;
       return r === null ? null : r.getOwner();
     }
-    function t() {
+    function l() {
       return Error("react-stack-top-frame");
     }
     function u(r) {
-      if ($.call(r, "key")) {
-        var n = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (n && n.isReactWarning) return !1;
+      if (M.call(r, "key")) {
+        var t = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (t && t.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function f(r, n) {
+    function f(r, t) {
       function i() {
-        M || (M = !0, console.error(
+        z || (z = !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)",
-          n
+          t
         ));
       }
       i.isReactWarning = !0, Object.defineProperty(r, "key", {
@@ -146,22 +146,22 @@ function we() {
         configurable: !0
       });
     }
-    function V() {
-      var r = a(this.type);
-      return z[r] || (z[r] = !0, console.error(
+    function j() {
+      var r = s(this.type);
+      return I[r] || (I[r] = !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."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function j(r, n, i, d, p, b, O, P) {
+    function V(r, t, i, d, p, b, O, P) {
       return i = b.ref, r = {
         $$typeof: w,
         type: r,
-        key: n,
+        key: t,
         props: b,
         _owner: p
       }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: V
+        get: j
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -184,8 +184,8 @@ function we() {
         value: P
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function x(r, n, i, d, p, b, O, P) {
-      var m = n.children;
+    function x(r, t, i, d, p, b, O, P) {
+      var m = t.children;
       if (m !== void 0)
         if (d)
           if (ue(m)) {
@@ -197,12 +197,12 @@ function we() {
               "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 g(m);
-      if ($.call(n, "key")) {
-        m = a(r);
-        var y = Object.keys(n).filter(function(de) {
+      if (M.call(t, "key")) {
+        m = s(r);
+        var y = Object.keys(t).filter(function(de) {
           return de !== "key";
         });
-        d = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", F[m + d] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", U[m + d] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -213,17 +213,17 @@ React keys must be passed directly to JSX without using spread:
           m,
           y,
           m
-        ), F[m + d] = !0);
+        ), U[m + d] = !0);
       }
-      if (m = null, i !== void 0 && (l(i), m = "" + i), u(n) && (l(n.key), m = "" + n.key), "key" in n) {
+      if (m = null, i !== void 0 && (n(i), m = "" + i), u(t) && (n(t.key), m = "" + t.key), "key" in t) {
         i = {};
-        for (var L in n)
-          L !== "key" && (i[L] = n[L]);
-      } else i = n;
+        for (var L in t)
+          L !== "key" && (i[L] = t[L]);
+      } else i = t;
       return m && f(
         i,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), j(
+      ), V(
         r,
         m,
         b,
@@ -237,7 +237,7 @@ React keys must be passed directly to JSX without using spread:
     function g(r) {
       typeof r == "object" && r !== null && r.$$typeof === w && r._store && (r._store.validated = 1);
     }
-    var v = S, w = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), ae = Symbol.for("react.consumer"), se = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), _ = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, ue = Array.isArray, A = console.createTask ? console.createTask : function() {
+    var v = B, w = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), ae = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), _ = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, ue = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -245,43 +245,43 @@ React keys must be passed directly to JSX without using spread:
         return r();
       }
     };
-    var M, z = {}, I = v["react-stack-bottom-frame"].bind(
+    var z, I = {}, Y = v["react-stack-bottom-frame"].bind(
       v,
-      t
-    )(), Y = A(o(t)), F = {};
-    T.Fragment = C, T.jsx = function(r, n, i, d, p) {
+      l
+    )(), F = A(o(l)), U = {};
+    T.Fragment = C, T.jsx = function(r, t, i, d, p) {
       var b = 1e4 > _.recentlyCreatedOwnerStacks++;
       return x(
         r,
-        n,
+        t,
         i,
         !1,
         d,
         p,
-        b ? Error("react-stack-top-frame") : I,
-        b ? A(o(r)) : Y
+        b ? Error("react-stack-top-frame") : Y,
+        b ? A(o(r)) : F
       );
-    }, T.jsxs = function(r, n, i, d, p) {
+    }, T.jsxs = function(r, t, i, d, p) {
       var b = 1e4 > _.recentlyCreatedOwnerStacks++;
       return x(
         r,
-        n,
+        t,
         i,
         !0,
         d,
         p,
-        b ? Error("react-stack-top-frame") : I,
-        b ? A(o(r)) : Y
+        b ? Error("react-stack-top-frame") : Y,
+        b ? A(o(r)) : F
       );
     };
   }()), T;
 }
-var G;
+var J;
 function ye() {
-  return G || (G = 1, process.env.NODE_ENV === "production" ? E.exports = je() : E.exports = we()), E.exports;
+  return J || (J = 1, process.env.NODE_ENV === "production" ? E.exports = Ve() : E.exports = we()), E.exports;
 }
 var e = ye();
-const ke = {
+const Ne = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -289,80 +289,80 @@ const ke = {
   hoverBg: "hover:bg-indigo-700",
   hoverText: "hover:text-white"
 };
-function h(...a) {
-  return a.filter(Boolean).join(" ");
+function h(...s) {
+  return s.filter(Boolean).join(" ");
 }
-function J({ item: a, colorScheme: s }) {
-  const [l, o] = k(a.current || a.children?.some((t) => t.current)), c = a.children && a.children.length > 0;
+function H({ item: s, colorScheme: a }) {
+  const [n, o] = N(s.current || s.children?.some((l) => l.current)), c = s.children && s.children.length > 0;
   return /* @__PURE__ */ e.jsxs("li", { children: [
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: c ? void 0 : a.href,
-        onClick: (t) => {
-          c && (t.preventDefault(), o(!l));
+        href: c ? void 0 : s.href,
+        onClick: (l) => {
+          c && (l.preventDefault(), o(!n));
         },
         className: h(
-          a.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
+          s.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
           "group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",
           c ? "cursor-pointer" : ""
         ),
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
             /* @__PURE__ */ e.jsx(
-              a.icon,
+              s.icon,
               {
                 "aria-hidden": "true",
                 className: h(
-                  a.current ? s.activeText : `${s.text} group-${s.hoverText}`,
+                  s.current ? a.activeText : `${a.text} group-${a.hoverText}`,
                   "size-6 shrink-0"
                 )
               }
             ),
-            a.name
+            s.name
           ] }),
           c && /* @__PURE__ */ e.jsx(
-            Ve,
+            je,
             {
               className: h(
                 "size-5 shrink-0 transition-transform",
-                l ? "rotate-180" : "",
-                a.current ? s.activeText : s.text
+                n ? "rotate-180" : "",
+                s.current ? a.activeText : a.text
               )
             }
           )
         ]
       }
     ) }),
-    c && l && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: a.children.map((t) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
+    c && n && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: s.children.map((l) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: t.href,
+        href: l.href,
         className: h(
-          t.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
+          l.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
           "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
         ),
         children: [
           /* @__PURE__ */ e.jsx(
-            t.icon,
+            l.icon,
             {
               "aria-hidden": "true",
               className: h(
-                t.current ? s.activeText : `${s.text} group-${s.hoverText}`,
+                l.current ? a.activeText : `${a.text} group-${a.hoverText}`,
                 "size-5 shrink-0"
               )
             }
           ),
-          t.name
+          l.name
         ]
       }
-    ) }, t.name)) })
+    ) }, l.name)) })
   ] });
 }
-function $e({ company: a, profile: s, navigation: l, colorScheme: o = ke }) {
-  const [c, t] = k(!1);
+function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
+  const [c, l] = N(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(xe, { open: c, onClose: t, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs(xe, { open: c, onClose: l, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
@@ -376,7 +376,7 @@ function $e({ company: a, profile: s, navigation: l, colorScheme: o = ke }) {
           transition: !0,
           className: "relative mr-16 flex w-full max-w-xs flex-1 transform transition duration-300 ease-in-out data-closed:-translate-x-full",
           children: [
-            /* @__PURE__ */ e.jsx(ge, { 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: () => t(!1), className: "-m-2.5 p-2.5", children: [
+            /* @__PURE__ */ e.jsx(ge, { 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: () => l(!1), className: "-m-2.5 p-2.5", children: [
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
               /* @__PURE__ */ e.jsx(be, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
@@ -384,12 +384,12 @@ function $e({ company: a, profile: s, navigation: l, colorScheme: o = ke }) {
               /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
                 "img",
                 {
-                  alt: a.name,
-                  src: a.logo,
+                  alt: s.name,
+                  src: s.logo,
                   className: "h-8 w-auto"
                 }
               ) }),
-              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: l.map((u) => /* @__PURE__ */ e.jsx(J, { item: u, colorScheme: o }, u.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: n.map((u) => /* @__PURE__ */ e.jsx(H, { item: u, colorScheme: o }, u.name)) }) }) }) })
             ] })
           ]
         }
@@ -399,13 +399,13 @@ function $e({ company: a, profile: s, navigation: l, colorScheme: o = ke }) {
       /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
         "img",
         {
-          alt: a.name,
-          src: a.logo,
+          alt: s.name,
+          src: s.logo,
           className: "h-8 w-auto"
         }
       ) }),
       /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
-        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: l.map((u) => /* @__PURE__ */ e.jsx(J, { item: u, colorScheme: o }, u.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: n.map((u) => /* @__PURE__ */ e.jsx(H, { item: u, colorScheme: o }, u.name)) }) }),
         /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
@@ -419,20 +419,20 @@ function $e({ company: a, profile: s, navigation: l, colorScheme: o = ke }) {
               /* @__PURE__ */ e.jsx(
                 "img",
                 {
-                  alt: s.name,
-                  src: s.image,
+                  alt: a.name,
+                  src: a.image,
                   className: h("size-8 rounded-full", o.activeBg)
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
-              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: s.name })
+              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: a.name })
             ]
           }
         ) })
       ] }) })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: h("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden", o.bg), children: [
-      /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => t(!0), className: h("-m-2.5 p-2.5 lg:hidden", o.text), children: [
+      /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => l(!0), className: h("-m-2.5 p-2.5 lg:hidden", o.text), children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
         /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true", className: "size-6" })
       ] }),
@@ -442,8 +442,8 @@ function $e({ company: a, profile: s, navigation: l, colorScheme: o = ke }) {
         /* @__PURE__ */ e.jsx(
           "img",
           {
-            alt: s.name,
-            src: s.image,
+            alt: a.name,
+            src: a.image,
             className: h("size-8 rounded-full", o.activeBg)
           }
         )
@@ -451,26 +451,26 @@ function $e({ company: a, profile: s, navigation: l, colorScheme: o = ke }) {
     ] })
   ] }) });
 }
-const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value: l }) => {
-  const o = `rgb(${l})`;
+const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value: n }) => {
+  const o = `rgb(${n})`;
   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 ${Q(s)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Z(a)}`
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: a }),
-      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: s }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: s }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: a }),
       /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: o })
     ] })
   ] });
-}, H = ({ title: a, 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: a }),
-  /* @__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((l) => /* @__PURE__ */ e.jsx(Ne, { ...l }, l.name)) })
+}, q = ({ title: s, colors: a }) => /* @__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: s }),
+  /* @__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: a.map((n) => /* @__PURE__ */ e.jsx(ke, { ...n }, n.name)) })
 ] }), Te = () => {
-  const a = [
+  const s = [
     {
       title: "Success Colors (Green)",
       colors: [
@@ -519,7 +519,7 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
         { name: "950", cssVar: "--color-error-950", value: "69 10 10" }
       ]
     }
-  ], s = [
+  ], a = [
     {
       title: "Reseda Green",
       colors: [
@@ -670,7 +670,7 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
         { name: "900", cssVar: "--color-beaver-900", value: "235 229 224" }
       ]
     }
-  ], l = [
+  ], n = [
     { name: "Background", cssVar: "--color-background" },
     { name: "Surface", cssVar: "--color-surface" },
     { name: "Surface Variant", cssVar: "--color-surface-variant" },
@@ -685,15 +685,15 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
       /* @__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" })
     ] }),
-    s.map((o) => /* @__PURE__ */ e.jsx(H, { ...o }, o.title)),
-    a.map((o) => /* @__PURE__ */ e.jsx(H, { ...o }, o.title)),
+    a.map((o) => /* @__PURE__ */ e.jsx(q, { ...o }, o.title)),
+    s.map((o) => /* @__PURE__ */ e.jsx(q, { ...o }, o.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: l.map((o) => /* @__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: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: n.map((o) => /* @__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 ${Q(o.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Z(o.cssVar)}`
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -704,16 +704,16 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
     ] }),
     /* @__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" }) })
   ] });
-}, Z = me(void 0), Ee = ({
-  children: a,
-  defaultTheme: s = "system",
-  storageKey: l = "acemyjob-ui-theme"
+}, K = me(void 0), Ee = ({
+  children: s,
+  defaultTheme: a = "system",
+  storageKey: n = "acemyjob-ui-theme"
 }) => {
-  const [o, c] = k(s), [t, u] = k("light"), [f, V] = k(!1);
-  D(() => {
-    const x = localStorage.getItem(l);
-    x && c(x), V(!0);
-  }, [l]), D(() => {
+  const [o, c] = N(a), [l, u] = N("light"), [f, j] = N(!1);
+  $(() => {
+    const x = localStorage.getItem(n);
+    x && c(x), j(!0);
+  }, [n]), $(() => {
     if (!f) return;
     const x = window.document.documentElement, g = () => {
       let v;
@@ -724,24 +724,24 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
       return v.addEventListener("change", w), () => v.removeEventListener("change", w);
     }
   }, [o, f]);
-  const j = {
+  const V = {
     theme: o,
     setTheme: (x) => {
-      localStorage.setItem(l, x), c(x);
+      localStorage.setItem(n, x), c(x);
     },
-    resolvedTheme: t
+    resolvedTheme: l
   };
-  return /* @__PURE__ */ e.jsx(Z.Provider, { value: j, children: a });
+  return /* @__PURE__ */ e.jsx(K.Provider, { value: V, children: s });
 }, Re = () => {
-  const a = ve(Z);
-  if (a === void 0)
+  const s = ve(K);
+  if (s === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
-  return a;
+  return s;
 }, Ce = () => {
-  const { theme: a, setTheme: s } = Re(), [l, o] = k(!1);
-  if (D(() => {
+  const { theme: s, setTheme: a } = Re(), [n, o] = N(!1);
+  if ($(() => {
     o(!0);
-  }, []), !l)
+  }, []), !n)
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -754,9 +754,9 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
       }
     );
   const c = () => {
-    s(a === "light" ? "dark" : a === "dark" ? "system" : "light");
-  }, t = () => {
-    switch (a) {
+    a(s === "light" ? "dark" : s === "dark" ? "system" : "light");
+  }, l = () => {
+    switch (s) {
       case "light":
         return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
       case "dark":
@@ -765,7 +765,7 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
         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" }) });
     }
   }, u = () => {
-    switch (a) {
+    switch (s) {
       case "light":
         return "Light";
       case "dark":
@@ -781,7 +781,7 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
       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: ${u()}. Click to cycle themes.`,
       children: [
-        t(),
+        l(),
         /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: u() })
       ]
     }
@@ -789,7 +789,7 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
 }, _e = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
   /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Ce, {}) }),
   /* @__PURE__ */ e.jsx(Te, {})
-] }), Me = () => /* @__PURE__ */ e.jsx(Ee, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(_e, {}) }), q = {
+] }), Me = () => /* @__PURE__ */ e.jsx(Ee, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(_e, {}) }), X = {
   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",
@@ -807,25 +807,25 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, Ae = "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", Oe = (...a) => a.filter(Boolean).join(" "), K = S.forwardRef(
+}, Ae = "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", Oe = (...s) => s.filter(Boolean).join(" "), D = B.forwardRef(
   ({
-    className: a,
-    variant: s = "default",
-    size: l = "default",
+    className: s,
+    variant: a = "default",
+    size: n = "default",
     fullWidth: o = !1,
     loading: c = !1,
-    leftIcon: t,
+    leftIcon: l,
     rightIcon: u,
     children: f,
-    disabled: V,
-    ...j
+    disabled: j,
+    ...V
   }, x) => {
-    const g = V || c, v = Oe(
+    const g = j || c, v = Oe(
       Ae,
-      q.variant[s],
-      q.size[l],
+      X.variant[a],
+      X.size[n],
       o ? "w-full" : "",
-      a
+      s
     );
     return /* @__PURE__ */ e.jsxs(
       "button",
@@ -833,7 +833,7 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
         className: v,
         ref: x,
         disabled: g,
-        ...j,
+        ...V,
         children: [
           c && /* @__PURE__ */ e.jsxs(
             "svg",
@@ -865,7 +865,7 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
               ]
             }
           ),
-          !c && t && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: t }),
+          !c && l && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: l }),
           f,
           !c && u && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: u })
         ]
@@ -873,8 +873,8 @@ const Q = (a) => a.replace("--color-", "bg-"), Ne = ({ name: a, cssVar: s, value
     );
   }
 );
-K.displayName = "Button";
-const X = {
+D.displayName = "Button";
+const Q = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
   },
@@ -883,54 +883,93 @@ const X = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, Pe = (...a) => a.filter(Boolean).join(" "), Le = S.forwardRef(
+}, Pe = (...s) => s.filter(Boolean).join(" "), Le = B.forwardRef(
   ({
-    className: a,
-    provider: s,
-    iconPosition: l = "left",
+    className: s,
+    provider: a,
+    iconPosition: n = "left",
     icon: o,
     showText: c = !0,
-    children: t,
+    children: l,
     size: u = "default",
     fullWidth: f = !0,
-    ...V
-  }, j) => {
+    ...j
+  }, V) => {
     const g = o || {
       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], w = t || (c ? {
+    }[a], w = l || (c ? {
       linkedin: "Continue with LinkedIn"
-    }[s] : ""), R = Pe(
+    }[a] : ""), R = Pe(
       "relative overflow-hidden transition-all duration-200",
-      X.provider[s],
-      X.iconPosition[l],
-      a
+      Q.provider[a],
+      Q.iconPosition[n],
+      s
     );
     return /* @__PURE__ */ e.jsxs(
-      K,
+      D,
       {
-        ref: j,
+        ref: V,
         variant: "none",
         className: R,
         size: u,
         fullWidth: f,
-        leftIcon: l === "left" ? g : void 0,
-        rightIcon: l === "right" ? g : void 0,
-        ...V,
+        leftIcon: n === "left" ? g : void 0,
+        rightIcon: n === "right" ? g : void 0,
+        ...j,
         children: [
-          l === "only" && g,
-          l !== "only" && w
+          n === "only" && g,
+          n !== "only" && w
         ]
       }
     );
   }
 );
 Le.displayName = "SocialButton";
+function ze({ tabs: s, activeTab: a, disabled: n = !1, onChange: o }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: s.map((c) => {
+    const l = a === c.id;
+    return /* @__PURE__ */ e.jsx(
+      D,
+      {
+        variant: "ghost",
+        onClick: () => !n && o(c.id),
+        disabled: n && !l,
+        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${l ? "border-reseda-green-700 text-reseda-green-700" : n ? "border-transparent text-text-disabled cursor-not-allowed" : "border-transparent text-text-secondary hover:text-text-primary"}`,
+        children: c.label
+      },
+      c.id
+    );
+  }) });
+}
+function Ie({ currentStep: s, steps: a }) {
+  return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: a.map((n, o) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${o < a.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 ${s === n.number ? "bg-reseda-green-700 text-white" : s > n.number ? "bg-success-500 text-white" : "border-2 border-border text-text-muted"}`,
+          children: n.number
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          className: `ml-3 text-sm font-medium whitespace-nowrap ${s >= n.number ? "text-reseda-green-800" : "text-text-muted"}`,
+          children: n.label
+        }
+      )
+    ] }),
+    o < a.length - 1 && /* @__PURE__ */ e.jsx("div", { className: "flex-1 h-0.5 mx-4 bg-border" })
+  ] }, n.number)) }) });
+}
 export {
-  K as Button,
+  D as Button,
   Te as ColorPalette,
   Me as Demo,
-  $e as Sidebar,
+  Se as Sidebar,
   Le as SocialButton,
+  Ie as Stepper,
+  ze as TabBar,
   Ee as ThemeProvider,
   Ce as ThemeToggle,
   Re as useTheme