acemyjob-ui 0.9.0 → 0.9.2

package/dist/acemyjob-ui.es.js

@@ -1,8 +1,8 @@
-import * as R from "react";
-import D, { useState as N, createContext as xe, useEffect as B, useContext as ve } from "react";
+import * as C from "react";
+import I, { useState as N, createContext as xe, useEffect as L, useContext as ve } from "react";
 import { Dialog as fe, DialogBackdrop as he, DialogPanel as ge, TransitionChild as be } from "@headlessui/react";
-import { XMarkIcon as pe, Bars3Icon as je, ChevronDownIcon as we, InformationCircleIcon as Ve, ExclamationCircleIcon as ye, XCircleIcon as Ne, CheckCircleIcon as ke } from "@heroicons/react/24/outline";
-var E = { exports: {} }, k = {};
+import { XMarkIcon as pe, Bars3Icon as je, ChevronDownIcon as we, InformationCircleIcon as Ve, ExclamationCircleIcon as ye, XCircleIcon as Ne, CheckCircleIcon as Te } from "@heroicons/react/24/outline";
+var E = { exports: {} }, T = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,29 +12,29 @@ var E = { exports: {} }, k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var W;
-function Te() {
-  if (W) return k;
-  W = 1;
-  var s = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function t(o, l, n) {
+var H;
+function ke() {
+  if (H) return T;
+  H = 1;
+  var a = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function n(s, l, o) {
     var i = null;
-    if (n !== void 0 && (i = "" + n), l.key !== void 0 && (i = "" + l.key), "key" in l) {
-      n = {};
-      for (var u in l)
-        u !== "key" && (n[u] = l[u]);
-    } else n = l;
-    return l = n.ref, {
-      $$typeof: s,
-      type: o,
+    if (o !== void 0 && (i = "" + o), l.key !== void 0 && (i = "" + l.key), "key" in l) {
+      o = {};
+      for (var d in l)
+        d !== "key" && (o[d] = l[d]);
+    } else o = l;
+    return l = o.ref, {
+      $$typeof: a,
+      type: s,
       key: i,
       ref: l !== void 0 ? l : null,
-      props: n
+      props: o
     };
   }
-  return k.Fragment = a, k.jsx = t, k.jsxs = t, k;
+  return T.Fragment = t, T.jsx = n, T.jsxs = n, T;
 }
-var T = {};
+var k = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -47,13 +47,13 @@ var T = {};
 var G;
 function Ee() {
   return G || (G = 1, process.env.NODE_ENV !== "production" && function() {
-    function s(r) {
+    function a(r) {
       if (r == null) return null;
       if (typeof r == "function")
-        return r.$$typeof === ue ? null : r.displayName || r.name || null;
+        return r.$$typeof === de ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
-        case _:
+        case $:
           return "Fragment";
         case se:
           return "Profiler";
@@ -70,97 +70,97 @@ function Ee() {
         switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), r.$$typeof) {
-          case C:
+          case R:
             return "Portal";
-          case oe:
+          case te:
             return (r.displayName || "Context") + ".Provider";
           case ae:
             return (r._context.displayName || "Context") + ".Consumer";
-          case te:
+          case oe:
             var c = r.render;
             return r = r.displayName, r || (r = c.displayName || c.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
           case ce:
-            return c = r.displayName || null, c !== null ? c : s(r.type) || "Memo";
+            return c = r.displayName || null, c !== null ? c : a(r.type) || "Memo";
           case S:
             c = r._payload, r = r._init;
             try {
-              return s(r(c));
+              return a(r(c));
             } catch {
             }
         }
       return null;
     }
-    function a(r) {
+    function t(r) {
       return "" + r;
     }
-    function t(r) {
+    function n(r) {
       try {
-        a(r);
+        t(r);
         var c = !1;
       } catch {
         c = !0;
       }
       if (c) {
         c = console;
-        var d = c.error, x = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return d.call(
+        var u = c.error, x = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return u.call(
           c,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           x
-        ), a(r);
+        ), t(r);
       }
     }
-    function o(r) {
-      if (r === _) return "<>";
+    function s(r) {
+      if (r === $) return "<>";
       if (typeof r == "object" && r !== null && r.$$typeof === S)
         return "<...>";
       try {
-        var c = s(r);
+        var c = a(r);
         return c ? "<" + c + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function l() {
-      var r = A.A;
+      var r = _.A;
       return r === null ? null : r.getOwner();
     }
-    function n() {
+    function o() {
       return Error("react-stack-top-frame");
     }
     function i(r) {
-      if (I.call(r, "key")) {
+      if (M.call(r, "key")) {
         var c = Object.getOwnPropertyDescriptor(r, "key").get;
         if (c && c.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function u(r, c) {
-      function d() {
-        M || (M = !0, console.error(
+    function d(r, c) {
+      function u() {
+        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)",
           c
         ));
       }
-      d.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: d,
+      u.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: u,
         configurable: !0
       });
     }
     function p() {
-      var r = s(this.type);
-      return z[r] || (z[r] = !0, console.error(
+      var r = a(this.type);
+      return F[r] || (F[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, c, d, x, w, b, O, P) {
-      return d = b.ref, r = {
+    function j(r, c, u, x, w, b, O, B) {
+      return u = b.ref, r = {
         $$typeof: V,
         type: r,
         key: c,
         props: b,
         _owner: w
-      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(r, "ref", {
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
         get: p
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
@@ -182,14 +182,14 @@ function Ee() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
+        value: B
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function m(r, c, d, x, w, b, O, P) {
+    function m(r, c, u, x, w, b, O, B) {
       var v = c.children;
       if (v !== void 0)
         if (x)
-          if (de(v)) {
+          if (ue(v)) {
             for (x = 0; x < v.length; x++)
               g(v[x]);
             Object.freeze && Object.freeze(v);
@@ -198,12 +198,12 @@ function Ee() {
               "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(v);
-      if (I.call(c, "key")) {
-        v = s(r);
+      if (M.call(c, "key")) {
+        v = a(r);
         var y = Object.keys(c).filter(function(me) {
           return me !== "key";
         });
-        x = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", U[v + x] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+        x = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", W[v + x] || (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} />
@@ -214,15 +214,15 @@ React keys must be passed directly to JSX without using spread:
           v,
           y,
           v
-        ), U[v + x] = !0);
+        ), W[v + x] = !0);
       }
-      if (v = null, d !== void 0 && (t(d), v = "" + d), i(c) && (t(c.key), v = "" + c.key), "key" in c) {
-        d = {};
-        for (var L in c)
-          L !== "key" && (d[L] = c[L]);
-      } else d = c;
-      return v && u(
-        d,
+      if (v = null, u !== void 0 && (n(u), v = "" + u), i(c) && (n(c.key), v = "" + c.key), "key" in c) {
+        u = {};
+        for (var P in c)
+          P !== "key" && (u[P] = c[P]);
+      } else u = c;
+      return v && d(
+        u,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
       ), j(
         r,
@@ -230,15 +230,15 @@ React keys must be passed directly to JSX without using spread:
         b,
         w,
         l(),
-        d,
+        u,
         O,
-        P
+        B
       );
     }
     function g(r) {
       typeof r == "object" && r !== null && r.$$typeof === V && r._store && (r._store.validated = 1);
     }
-    var f = D, V = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), re = Symbol.for("react.strict_mode"), se = Symbol.for("react.profiler"), ae = Symbol.for("react.consumer"), oe = Symbol.for("react.context"), te = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), A = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, de = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var f = I, V = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), re = Symbol.for("react.strict_mode"), se = Symbol.for("react.profiler"), ae = Symbol.for("react.consumer"), te = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), de = Symbol.for("react.client.reference"), _ = f.__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;
     };
     f = {
@@ -246,43 +246,43 @@ React keys must be passed directly to JSX without using spread:
         return r();
       }
     };
-    var M, z = {}, F = f["react-stack-bottom-frame"].bind(
+    var z, F = {}, Y = f["react-stack-bottom-frame"].bind(
       f,
-      n
-    )(), Y = $(o(n)), U = {};
-    T.Fragment = _, T.jsx = function(r, c, d, x, w) {
-      var b = 1e4 > A.recentlyCreatedOwnerStacks++;
+      o
+    )(), U = A(s(o)), W = {};
+    k.Fragment = $, k.jsx = function(r, c, u, x, w) {
+      var b = 1e4 > _.recentlyCreatedOwnerStacks++;
       return m(
         r,
         c,
-        d,
+        u,
         !1,
         x,
         w,
-        b ? Error("react-stack-top-frame") : F,
-        b ? $(o(r)) : Y
+        b ? Error("react-stack-top-frame") : Y,
+        b ? A(s(r)) : U
       );
-    }, T.jsxs = function(r, c, d, x, w) {
-      var b = 1e4 > A.recentlyCreatedOwnerStacks++;
+    }, k.jsxs = function(r, c, u, x, w) {
+      var b = 1e4 > _.recentlyCreatedOwnerStacks++;
       return m(
         r,
         c,
-        d,
+        u,
         !0,
         x,
         w,
-        b ? Error("react-stack-top-frame") : F,
-        b ? $(o(r)) : Y
+        b ? Error("react-stack-top-frame") : Y,
+        b ? A(s(r)) : U
       );
     };
-  }()), T;
+  }()), k;
 }
 var J;
-function Re() {
-  return J || (J = 1, process.env.NODE_ENV === "production" ? E.exports = Te() : E.exports = Ee()), E.exports;
+function Ce() {
+  return J || (J = 1, process.env.NODE_ENV === "production" ? E.exports = ke() : E.exports = Ee()), E.exports;
 }
-var e = Re();
-const Ce = {
+var e = Ce();
+const Re = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -290,80 +290,80 @@ const Ce = {
   hoverBg: "hover:bg-indigo-700",
   hoverText: "hover:text-white"
 };
-function h(...s) {
-  return s.filter(Boolean).join(" ");
+function h(...a) {
+  return a.filter(Boolean).join(" ");
 }
-function X({ item: s, colorScheme: a }) {
-  const [t, o] = N(s.current || s.children?.some((n) => n.current)), l = s.children && s.children.length > 0;
+function X({ item: a, colorScheme: t }) {
+  const [n, s] = N(a.current || a.children?.some((o) => o.current)), l = a.children && a.children.length > 0;
   return /* @__PURE__ */ e.jsxs("li", { children: [
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: l ? void 0 : s.href,
-        onClick: (n) => {
-          l && (n.preventDefault(), o(!t));
+        href: l ? void 0 : a.href,
+        onClick: (o) => {
+          l && (o.preventDefault(), s(!n));
         },
         className: h(
-          s.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
+          a.current ? `${t.activeBg} ${t.activeText}` : `${t.text} ${t.hoverBg} ${t.hoverText}`,
           "group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",
           l ? "cursor-pointer" : ""
         ),
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
             /* @__PURE__ */ e.jsx(
-              s.icon,
+              a.icon,
               {
                 "aria-hidden": "true",
                 className: h(
-                  s.current ? a.activeText : `${a.text} group-${a.hoverText}`,
+                  a.current ? t.activeText : `${t.text} group-${t.hoverText}`,
                   "size-6 shrink-0"
                 )
               }
             ),
-            s.name
+            a.name
           ] }),
           l && /* @__PURE__ */ e.jsx(
             we,
             {
               className: h(
                 "size-5 shrink-0 transition-transform",
-                t ? "rotate-180" : "",
-                s.current ? a.activeText : a.text
+                n ? "rotate-180" : "",
+                a.current ? t.activeText : t.text
               )
             }
           )
         ]
       }
     ) }),
-    l && t && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: s.children.map((n) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
+    l && n && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: a.children.map((o) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: n.href,
+        href: o.href,
         className: h(
-          n.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
+          o.current ? `${t.activeBg} ${t.activeText}` : `${t.text} ${t.hoverBg} ${t.hoverText}`,
           "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
         ),
         children: [
           /* @__PURE__ */ e.jsx(
-            n.icon,
+            o.icon,
             {
               "aria-hidden": "true",
               className: h(
-                n.current ? a.activeText : `${a.text} group-${a.hoverText}`,
+                o.current ? t.activeText : `${t.text} group-${t.hoverText}`,
                 "size-5 shrink-0"
               )
             }
           ),
-          n.name
+          o.name
         ]
       }
-    ) }, n.name)) })
+    ) }, o.name)) })
   ] });
 }
-function We({ company: s, profile: a, navigation: t, colorScheme: o = Ce }) {
-  const [l, n] = N(!1);
+function Ge({ company: a, profile: t, navigation: n, colorScheme: s = Re }) {
+  const [l, o] = N(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(fe, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs(fe, { open: l, onClose: o, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
@@ -377,101 +377,101 @@ function We({ company: s, profile: a, navigation: t, colorScheme: o = Ce }) {
           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(be, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0", children: /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => n(!1), className: "-m-2.5 p-2.5", children: [
+            /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0", children: /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => o(!1), className: "-m-2.5 p-2.5", children: [
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
               /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: h("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", o.bg), children: [
+            /* @__PURE__ */ e.jsxs("div", { className: h("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", s.bg), children: [
               /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
                 "img",
                 {
-                  alt: s.name,
-                  src: s.logo,
+                  alt: a.name,
+                  src: a.logo,
                   className: "h-8 w-auto"
                 }
               ) }),
-              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(X, { item: i, colorScheme: o }, i.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((i) => /* @__PURE__ */ e.jsx(X, { item: i, colorScheme: s }, i.name)) }) }) }) })
             ] })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: h("flex grow flex-col gap-y-5 overflow-y-auto px-6", o.bg), children: [
+    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: h("flex grow flex-col gap-y-5 overflow-y-auto px-6", s.bg), children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
         "img",
         {
-          alt: s.name,
-          src: s.logo,
+          alt: a.name,
+          src: a.logo,
           className: "h-8 w-auto"
         }
       ) }),
       /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
-        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(X, { item: i, colorScheme: o }, i.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: n.map((i) => /* @__PURE__ */ e.jsx(X, { item: i, colorScheme: s }, i.name)) }) }),
         /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
             href: "#",
             className: h(
               "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
-              o.activeText,
-              o.hoverBg
+              s.activeText,
+              s.hoverBg
             ),
             children: [
               /* @__PURE__ */ e.jsx(
                 "img",
                 {
-                  alt: a.name,
-                  src: a.image,
-                  className: h("size-8 rounded-full", o.activeBg)
+                  alt: t.name,
+                  src: t.image,
+                  className: h("size-8 rounded-full", s.activeBg)
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
-              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: a.name })
+              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: t.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: () => n(!0), className: h("-m-2.5 p-2.5 lg:hidden", o.text), children: [
+    /* @__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", s.bg), children: [
+      /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => o(!0), className: h("-m-2.5 p-2.5 lg:hidden", s.text), children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
         /* @__PURE__ */ e.jsx(je, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: h("flex-1 text-sm/6 font-semibold", o.activeText), children: "Dashboard" }),
+      /* @__PURE__ */ e.jsx("div", { className: h("flex-1 text-sm/6 font-semibold", s.activeText), children: "Dashboard" }),
       /* @__PURE__ */ e.jsxs("a", { href: "#", children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
         /* @__PURE__ */ e.jsx(
           "img",
           {
-            alt: a.name,
-            src: a.image,
-            className: h("size-8 rounded-full", o.activeBg)
+            alt: t.name,
+            src: t.image,
+            className: h("size-8 rounded-full", s.activeBg)
           }
         )
       ] })
     ] })
   ] }) });
 }
-const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value: t }) => {
-  const o = `rgb(${t})`;
+const K = (a) => a.replace("--color-", "bg-"), $e = ({ name: a, cssVar: t, value: n }) => {
+  const s = `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(a)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${K(t)}`
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
-      /* @__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 })
+      /* @__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: t }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: s })
     ] })
   ] });
-}, H = ({ 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((t) => /* @__PURE__ */ e.jsx(_e, { ...t }, t.name)) })
-] }), Ae = () => {
-  const s = [
+}, q = ({ title: a, colors: t }) => /* @__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: t.map((n) => /* @__PURE__ */ e.jsx($e, { ...n }, n.name)) })
+] }), _e = () => {
+  const a = [
     {
       title: "Success Colors (Green)",
       colors: [
@@ -520,7 +520,7 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
         { name: "950", cssVar: "--color-error-950", value: "69 10 10" }
       ]
     }
-  ], a = [
+  ], t = [
     {
       title: "Reseda Green",
       colors: [
@@ -671,7 +671,7 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
         { name: "900", cssVar: "--color-beaver-900", value: "235 229 224" }
       ]
     }
-  ], t = [
+  ], n = [
     { name: "Background", cssVar: "--color-background" },
     { name: "Surface", cssVar: "--color-surface" },
     { name: "Surface Variant", cssVar: "--color-surface-variant" },
@@ -686,63 +686,63 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, 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" })
     ] }),
-    a.map((o) => /* @__PURE__ */ e.jsx(H, { ...o }, o.title)),
-    s.map((o) => /* @__PURE__ */ e.jsx(H, { ...o }, o.title)),
+    t.map((s) => /* @__PURE__ */ e.jsx(q, { ...s }, s.title)),
+    a.map((s) => /* @__PURE__ */ e.jsx(q, { ...s }, s.title)),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: "Semantic Colors (Theme-aware)" }),
-      /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: t.map((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((s) => /* @__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 ${K(s.cssVar)}`
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: o.name }),
-          /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: o.cssVar })
+          /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: s.name }),
+          /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: s.cssVar })
         ] })
-      ] }, o.name)) })
+      ] }, s.name)) })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "text-center pt-8 border-t border-border-subtle", children: /* @__PURE__ */ e.jsx("p", { className: "text-text-muted text-sm", children: "Toggle between light and dark themes to see how semantic colors adapt" }) })
   ] });
-}, K = xe(void 0), $e = ({
-  children: s,
-  defaultTheme: a = "system",
-  storageKey: t = "acemyjob-ui-theme"
+}, ee = xe(void 0), Ae = ({
+  children: a,
+  defaultTheme: t = "system",
+  storageKey: n = "acemyjob-ui-theme"
 }) => {
-  const [o, l] = N(a), [n, i] = N("light"), [u, p] = N(!1);
-  B(() => {
-    const m = localStorage.getItem(t);
+  const [s, l] = N(t), [o, i] = N("light"), [d, p] = N(!1);
+  L(() => {
+    const m = localStorage.getItem(n);
     m && l(m), p(!0);
-  }, [t]), B(() => {
-    if (!u) return;
+  }, [n]), L(() => {
+    if (!d) return;
     const m = window.document.documentElement, g = () => {
       let f;
-      o === "system" ? f = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : f = o, i(f), m.classList.remove("light", "dark"), m.classList.add(f);
+      s === "system" ? f = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : f = s, i(f), m.classList.remove("light", "dark"), m.classList.add(f);
     };
-    if (g(), o === "system") {
+    if (g(), s === "system") {
       const f = window.matchMedia("(prefers-color-scheme: dark)"), V = () => g();
       return f.addEventListener("change", V), () => f.removeEventListener("change", V);
     }
-  }, [o, u]);
+  }, [s, d]);
   const j = {
-    theme: o,
+    theme: s,
     setTheme: (m) => {
-      localStorage.setItem(t, m), l(m);
+      localStorage.setItem(n, m), l(m);
     },
-    resolvedTheme: n
+    resolvedTheme: o
   };
-  return /* @__PURE__ */ e.jsx(K.Provider, { value: j, children: s });
+  return /* @__PURE__ */ e.jsx(ee.Provider, { value: j, children: a });
 }, Oe = () => {
-  const s = ve(K);
-  if (s === void 0)
+  const a = ve(ee);
+  if (a === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
-  return s;
-}, Pe = () => {
-  const { theme: s, setTheme: a } = Oe(), [t, o] = N(!1);
-  if (B(() => {
-    o(!0);
-  }, []), !t)
+  return a;
+}, Be = () => {
+  const { theme: a, setTheme: t } = Oe(), [n, s] = N(!1);
+  if (L(() => {
+    s(!0);
+  }, []), !n)
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -755,9 +755,9 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
       }
     );
   const l = () => {
-    a(s === "light" ? "dark" : s === "dark" ? "system" : "light");
-  }, n = () => {
-    switch (s) {
+    t(a === "light" ? "dark" : a === "dark" ? "system" : "light");
+  }, o = () => {
+    switch (a) {
       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":
@@ -766,7 +766,7 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, 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" }) });
     }
   }, i = () => {
-    switch (s) {
+    switch (a) {
       case "light":
         return "Light";
       case "dark":
@@ -782,15 +782,15 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, 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: ${i()}. Click to cycle themes.`,
       children: [
-        n(),
+        o(),
         /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: i() })
       ]
     }
   );
-}, Le = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Pe, {}) }),
-  /* @__PURE__ */ e.jsx(Ae, {})
-] }), Ge = () => /* @__PURE__ */ e.jsx($e, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Le, {}) }), q = {
+}, Pe = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Be, {}) }),
+  /* @__PURE__ */ e.jsx(_e, {})
+] }), Je = () => /* @__PURE__ */ e.jsx(Ae, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Pe, {}) }), Z = {
   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",
@@ -808,25 +808,25 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, Be = "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", De = (...s) => s.filter(Boolean).join(" "), ee = D.forwardRef(
+}, Le = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", Ie = (...a) => a.filter(Boolean).join(" "), D = I.forwardRef(
   ({
-    className: s,
-    variant: a = "default",
-    size: t = "default",
-    fullWidth: o = !1,
+    className: a,
+    variant: t = "default",
+    size: n = "default",
+    fullWidth: s = !1,
     loading: l = !1,
-    leftIcon: n,
+    leftIcon: o,
     rightIcon: i,
-    children: u,
+    children: d,
     disabled: p,
     ...j
   }, m) => {
-    const g = p || l, f = De(
-      Be,
-      q.variant[a],
-      q.size[t],
-      o ? "w-full" : "",
-      s
+    const g = p || l, f = Ie(
+      Le,
+      Z.variant[t],
+      Z.size[n],
+      s ? "w-full" : "",
+      a
     );
     return /* @__PURE__ */ e.jsxs(
       "button",
@@ -866,16 +866,16 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
               ]
             }
           ),
-          !l && n && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: n }),
-          u,
+          !l && o && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: o }),
+          d,
           !l && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
         ]
       }
     );
   }
 );
-ee.displayName = "Button";
-const Z = {
+D.displayName = "Button";
+const Q = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
   },
@@ -884,109 +884,109 @@ const Z = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, Se = (...s) => s.filter(Boolean).join(" "), Ie = D.forwardRef(
+}, De = (...a) => a.filter(Boolean).join(" "), Se = I.forwardRef(
   ({
-    className: s,
-    provider: a,
-    iconPosition: t = "left",
-    icon: o,
+    className: a,
+    provider: t,
+    iconPosition: n = "left",
+    icon: s,
     showText: l = !0,
-    children: n,
+    children: o,
     size: i = "default",
-    fullWidth: u = !0,
+    fullWidth: d = !0,
     ...p
   }, j) => {
-    const g = o || {
+    const g = s || {
       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" }) })
-    }[a], V = n || (l ? {
+    }[t], V = o || (l ? {
       linkedin: "Continue with LinkedIn"
-    }[a] : ""), C = Se(
+    }[t] : ""), R = De(
       "relative overflow-hidden transition-all duration-200",
-      Z.provider[a],
-      Z.iconPosition[t],
-      s
+      Q.provider[t],
+      Q.iconPosition[n],
+      a
     );
     return /* @__PURE__ */ e.jsxs(
-      ee,
+      D,
       {
         ref: j,
         variant: "none",
-        className: C,
+        className: R,
         size: i,
-        fullWidth: u,
-        leftIcon: t === "left" ? g : void 0,
-        rightIcon: t === "right" ? g : void 0,
+        fullWidth: d,
+        leftIcon: n === "left" ? g : void 0,
+        rightIcon: n === "right" ? g : void 0,
         ...p,
         children: [
-          t === "only" && g,
-          t !== "only" && V
+          n === "only" && g,
+          n !== "only" && V
         ]
       }
     );
   }
 );
-Ie.displayName = "SocialButton";
-function Je({
-  children: s,
-  variant: a = "default",
-  isActive: t = !1,
-  onClick: o,
+Se.displayName = "SocialButton";
+function Xe({
+  children: a,
+  variant: t = "default",
+  isActive: n = !1,
+  onClick: s,
   className: l = ""
 }) {
-  const n = "rounded-lg transition-all", i = {
+  const o = "rounded-lg transition-all", i = {
     default: "border border-border p-4",
     surface: "bg-surface-variant p-4",
     elevated: "bg-surface shadow-md p-6",
-    interactive: `border-2 p-4 cursor-pointer ${t ? "border-success-500 bg-success-50" : "border-border bg-surface hover:border-border-subtle"}`
+    interactive: `border-2 p-4 cursor-pointer ${n ? "border-success-500 bg-success-50" : "border-border bg-surface hover:border-border-subtle"}`
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${n} ${i[a]} ${l}`,
-      onClick: o,
-      role: o ? "button" : void 0,
-      tabIndex: o ? 0 : void 0,
-      onKeyDown: o ? (u) => {
-        (u.key === "Enter" || u.key === " ") && o();
+      className: `${o} ${i[t]} ${l}`,
+      onClick: s,
+      role: s ? "button" : void 0,
+      tabIndex: s ? 0 : void 0,
+      onKeyDown: s ? (d) => {
+        (d.key === "Enter" || d.key === " ") && s();
       } : void 0,
-      children: s
+      children: a
     }
   );
 }
-function Xe({
-  title: s,
-  children: a,
-  subtitle: t,
-  spacing: o = "normal",
+function qe({
+  title: a,
+  children: t,
+  subtitle: n,
+  spacing: s = "normal",
   className: l = ""
 }) {
-  const n = {
+  const o = {
     compact: "space-y-3",
     normal: "space-y-6",
     spacious: "space-y-8"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `${n[o]} ${l}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `${o[s]} ${l}`, children: [
     /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: s }),
-      t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t })
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: a }),
+      n && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: n })
     ] }),
-    a
+    t
   ] });
 }
-function He({
-  variant: s,
-  title: a,
-  message: t,
-  icon: o,
+function Ze({
+  variant: a,
+  title: t,
+  message: n,
+  icon: s,
   onClose: l,
-  className: n = ""
+  className: o = ""
 }) {
-  const u = {
+  const d = {
     success: {
       bg: "bg-success-50",
       border: "border-success-200",
       text: "text-success-700",
-      icon: /* @__PURE__ */ e.jsx(ke, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(Te, { className: "h-5 w-5" })
     },
     error: {
       bg: "bg-error-50",
@@ -1006,23 +1006,23 @@ function He({
       text: "text-info-700",
       icon: /* @__PURE__ */ e.jsx(Ve, { className: "h-5 w-5" })
     }
-  }[s];
+  }[a];
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${u.bg} border ${u.border} rounded-md p-3 ${n}`,
+      className: `${d.bg} border ${d.border} rounded-md p-3 ${o}`,
       role: "alert",
       children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${u.text}`, children: o || u.icon }),
+        /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${d.text}`, children: s || d.icon }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-          a && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${u.text}`, children: a }),
-          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${u.text}`, children: t })
+          t && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${d.text}`, children: t }),
+          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${d.text}`, children: n })
         ] }),
         l && /* @__PURE__ */ e.jsx(
           "button",
           {
             onClick: l,
-            className: `flex-shrink-0 ${u.text} hover:opacity-70`,
+            className: `flex-shrink-0 ${d.text} hover:opacity-70`,
             "aria-label": "Close alert",
             children: "✕"
           }
@@ -1032,34 +1032,34 @@ function He({
   );
 }
 function Me({
-  title: s,
-  titleId: a,
-  ...t
-}, o) {
-  return /* @__PURE__ */ R.createElement("svg", Object.assign({
+  title: a,
+  titleId: t,
+  ...n
+}, s) {
+  return /* @__PURE__ */ C.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon",
-    ref: o,
-    "aria-labelledby": a
-  }, t), s ? /* @__PURE__ */ R.createElement("title", {
-    id: a
-  }, s) : null, /* @__PURE__ */ R.createElement("path", {
+    ref: s,
+    "aria-labelledby": t
+  }, n), a ? /* @__PURE__ */ C.createElement("title", {
+    id: t
+  }, a) : null, /* @__PURE__ */ C.createElement("path", {
     d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
   }));
 }
-const ze = /* @__PURE__ */ R.forwardRef(Me);
-function qe({
-  children: s,
-  variant: a = "default",
-  size: t = "md",
-  removable: o = !1,
+const ze = /* @__PURE__ */ C.forwardRef(Me);
+function Qe({
+  children: a,
+  variant: t = "default",
+  size: n = "md",
+  removable: s = !1,
   onRemove: l,
-  className: n = "",
+  className: o = "",
   style: i,
-  colorClass: u
+  colorClass: d
 }) {
   const p = {
     default: "bg-surface-variant text-text-secondary",
@@ -1071,15 +1071,15 @@ function qe({
     sm: "px-2 py-0.5 text-xs",
     md: "px-3 py-1 text-sm",
     lg: "px-4 py-1.5 text-base"
-  }, m = u || p[a];
+  }, m = d || p[t];
   return /* @__PURE__ */ e.jsxs(
     "span",
     {
-      className: `inline-flex items-center gap-1 rounded-full ${m} ${j[t]} ${n}`,
+      className: `inline-flex items-center gap-1 rounded-full ${m} ${j[n]} ${o}`,
       style: i,
       children: [
-        s,
-        o && l && /* @__PURE__ */ e.jsx(
+        a,
+        s && l && /* @__PURE__ */ e.jsx(
           "button",
           {
             onClick: l,
@@ -1092,39 +1092,76 @@ function qe({
     }
   );
 }
-function Ze({ 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((t, o) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${o < a.length - 1 ? "flex-1" : ""}`, children: [
+const Fe = {
+  activeText: "text-reseda-green-700",
+  activeBorder: "border-reseda-green-700",
+  inactiveText: "text-text-secondary",
+  inactiveHoverText: "hover:text-text-primary",
+  disabledText: "text-text-disabled"
+};
+function Ke({ tabs: a, activeTab: t, disabled: n = !1, onChange: s, colorConfig: l }) {
+  const o = l || Fe;
+  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: a.map((i) => {
+    const d = t === i.id;
+    return /* @__PURE__ */ e.jsx(
+      D,
+      {
+        variant: "ghost",
+        onClick: () => !n && s(i.id),
+        disabled: n && !d,
+        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${d ? `${o.activeBorder} ${o.activeText}` : n ? `border-transparent ${o.disabledText} cursor-not-allowed` : `border-transparent ${o.inactiveText} ${o.inactiveHoverText}`}`,
+        children: i.label
+      },
+      i.id
+    );
+  }) });
+}
+const Ye = {
+  activeBg: "bg-reseda-green-700",
+  activeText: "text-white",
+  completedBg: "bg-success-500",
+  completedText: "text-white",
+  incompleteBorder: "border-border",
+  incompleteText: "text-text-muted",
+  labelActiveText: "text-reseda-green-800",
+  labelInactiveText: "text-text-muted",
+  connectorBg: "bg-border"
+};
+function er({ currentStep: a, steps: t, colorConfig: n }) {
+  const s = n || Ye;
+  return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: t.map((l, o) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${o < t.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 === t.number ? "bg-reseda-green-700 text-white" : s > t.number ? "bg-success-500 text-white" : "border-2 border-border text-text-muted"}`,
-          children: t.number
+          className: `flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${a === l.number ? `${s.activeBg} ${s.activeText}` : a > l.number ? `${s.completedBg} ${s.completedText}` : `border-2 ${s.incompleteBorder} ${s.incompleteText}`}`,
+          children: l.number
         }
       ),
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: `ml-3 text-sm font-medium whitespace-nowrap ${s >= t.number ? "text-reseda-green-800" : "text-text-muted"}`,
-          children: t.label
+          className: `ml-3 text-sm font-medium whitespace-nowrap ${a >= l.number ? s.labelActiveText : s.labelInactiveText}`,
+          children: l.label
         }
       )
     ] }),
-    o < a.length - 1 && /* @__PURE__ */ e.jsx("div", { className: "flex-1 h-0.5 mx-4 bg-border" })
-  ] }, t.number)) }) });
+    o < t.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${s.connectorBg}` })
+  ] }, l.number)) }) });
 }
 export {
-  He as Alert,
-  qe as Badge,
-  ee as Button,
-  Je as Card,
-  Ae as ColorPalette,
-  Ge as Demo,
-  Xe as Section,
-  We as Sidebar,
-  Ie as SocialButton,
-  Ze as Stepper,
-  $e as ThemeProvider,
-  Pe as ThemeToggle,
+  Ze as Alert,
+  Qe as Badge,
+  D as Button,
+  Xe as Card,
+  _e as ColorPalette,
+  Je as Demo,
+  qe as Section,
+  Ge as Sidebar,
+  Se as SocialButton,
+  er as Stepper,
+  Ke as TabBar,
+  Ae as ThemeProvider,
+  Be as ThemeToggle,
   Oe as useTheme
 };