acemyjob-ui 0.2.0 → 0.2.1

package/dist/acemyjob-ui.es.js

@@ -1,7 +1,7 @@
-import ie, { useState as y, createContext as G, useEffect as O, useContext as J } from "react";
-import { Dialog as ue, DialogBackdrop as me, DialogPanel as de, TransitionChild as ve } from "@headlessui/react";
-import { XMarkIcon as he, Bars3Icon as xe } from "@heroicons/react/24/outline";
-var k = { exports: {} }, w = {};
+import D, { useState as N, createContext as X, useEffect as L, useContext as Q } from "react";
+import { Dialog as ve, DialogBackdrop as he, DialogPanel as xe, TransitionChild as fe } from "@headlessui/react";
+import { XMarkIcon as ge, Bars3Icon as be } from "@heroicons/react/24/outline";
+var T = { exports: {} }, y = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,29 +11,29 @@ var k = { exports: {} }, w = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var I;
-function fe() {
-  if (I) return w;
-  I = 1;
+var U;
+function pe() {
+  if (U) return y;
+  U = 1;
   var s = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function t(o, i, l) {
-    var h = null;
-    if (l !== void 0 && (h = "" + l), i.key !== void 0 && (h = "" + i.key), "key" in i) {
-      l = {};
-      for (var f in i)
-        f !== "key" && (l[f] = i[f]);
-    } else l = i;
-    return i = l.ref, {
+  function t(l, c, o) {
+    var d = null;
+    if (o !== void 0 && (d = "" + o), c.key !== void 0 && (d = "" + c.key), "key" in c) {
+      o = {};
+      for (var x in c)
+        x !== "key" && (o[x] = c[x]);
+    } else o = c;
+    return c = o.ref, {
       $$typeof: s,
-      type: o,
-      key: h,
-      ref: i !== void 0 ? i : null,
-      props: l
+      type: l,
+      key: d,
+      ref: c !== void 0 ? c : null,
+      props: o
     };
   }
-  return w.Fragment = n, w.jsx = t, w.jsxs = t, w;
+  return y.Fragment = n, y.jsx = t, y.jsxs = t, y;
 }
-var j = {};
+var k = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -43,166 +43,166 @@ var j = {};
  * 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 ge() {
-  return U || (U = 1, process.env.NODE_ENV !== "production" && function() {
-    function s(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === ne ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case R:
+var W;
+function Ve() {
+  return W || (W = 1, process.env.NODE_ENV !== "production" && function() {
+    function s(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === ue ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case _:
           return "Fragment";
-        case Z:
+        case se:
           return "Profiler";
-        case Q:
+        case re:
           return "StrictMode";
-        case ae:
+        case ne:
           return "Suspense";
-        case se:
+        case te:
           return "SuspenseList";
-        case le:
+        case ie:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case H:
+        ), r.$$typeof) {
+          case R:
             return "Portal";
-          case ee:
-            return (e.displayName || "Context") + ".Provider";
-          case K:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case re:
-            var a = e.render;
-            return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case oe:
-            return a = e.displayName || null, a !== null ? a : s(e.type) || "Memo";
-          case L:
-            a = e._payload, e = e._init;
+            return (r.displayName || "Context") + ".Provider";
+          case ae:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case le:
+            var a = r.render;
+            return r = r.displayName, r || (r = a.displayName || a.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case ce:
+            return a = r.displayName || null, a !== null ? a : s(r.type) || "Memo";
+          case M:
+            a = r._payload, r = r._init;
             try {
-              return s(e(a));
+              return s(r(a));
             } catch {
             }
         }
       return null;
     }
-    function n(e) {
-      return "" + e;
+    function n(r) {
+      return "" + r;
     }
-    function t(e) {
+    function t(r) {
       try {
-        n(e);
+        n(r);
         var a = !1;
       } catch {
         a = !0;
       }
       if (a) {
         a = console;
-        var c = a.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return c.call(
+        var i = a.error, u = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return i.call(
           a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           u
-        ), n(e);
+        ), n(r);
       }
     }
-    function o(e) {
-      if (e === R) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === L)
+    function l(r) {
+      if (r === _) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === M)
         return "<...>";
       try {
-        var a = s(e);
+        var a = s(r);
         return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
-      var e = _.A;
-      return e === null ? null : e.getOwner();
+    function c() {
+      var r = C.A;
+      return r === null ? null : r.getOwner();
     }
-    function l() {
+    function o() {
       return Error("react-stack-top-frame");
     }
-    function h(e) {
-      if (D.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+    function d(r) {
+      if (z.call(r, "key")) {
+        var a = Object.getOwnPropertyDescriptor(r, "key").get;
         if (a && a.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return r.key !== void 0;
     }
-    function f(e, a) {
-      function c() {
-        M || (M = !0, console.error(
+    function x(r, a) {
+      function i() {
+        Y || (Y = !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)",
           a
         ));
       }
-      c.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: c,
+      i.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: i,
         configurable: !0
       });
     }
-    function T() {
-      var e = s(this.type);
-      return Y[e] || (Y[e] = !0, console.error(
+    function p() {
+      var r = s(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."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function E(e, a, c, u, g, x, A, C) {
-      return c = x.ref, e = {
-        $$typeof: V,
-        type: e,
+    function V(r, a, i, u, b, g, A, O) {
+      return i = g.ref, r = {
+        $$typeof: w,
+        type: r,
         key: a,
-        props: x,
-        _owner: g
-      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
+        props: g,
+        _owner: b
+      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: T
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: p
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: A
-      }), Object.defineProperty(e, "_debugTask", {
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: C
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: O
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function v(e, a, c, u, g, x, A, C) {
+    function h(r, a, i, u, b, g, A, O) {
       var m = a.children;
       if (m !== void 0)
         if (u)
-          if (ce(m)) {
+          if (me(m)) {
             for (u = 0; u < m.length; u++)
-              p(m[u]);
+              f(m[u]);
             Object.freeze && Object.freeze(m);
           } 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 p(m);
-      if (D.call(a, "key")) {
-        m = s(e);
-        var b = Object.keys(a).filter(function(te) {
-          return te !== "key";
+        else f(m);
+      if (z.call(a, "key")) {
+        m = s(r);
+        var j = Object.keys(a).filter(function(de) {
+          return de !== "key";
         });
-        u = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", z[m + u] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", $[m + u] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -211,102 +211,102 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           u,
           m,
-          b,
+          j,
           m
-        ), z[m + u] = !0);
+        ), $[m + u] = !0);
       }
-      if (m = null, c !== void 0 && (t(c), m = "" + c), h(a) && (t(a.key), m = "" + a.key), "key" in a) {
-        c = {};
+      if (m = null, i !== void 0 && (t(i), m = "" + i), d(a) && (t(a.key), m = "" + a.key), "key" in a) {
+        i = {};
         for (var P in a)
-          P !== "key" && (c[P] = a[P]);
-      } else c = a;
-      return m && f(
-        c,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), E(
-        e,
+          P !== "key" && (i[P] = a[P]);
+      } else i = a;
+      return m && x(
+        i,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), V(
+        r,
         m,
-        x,
         g,
-        i(),
-        c,
+        b,
+        c(),
+        i,
         A,
-        C
+        O
       );
     }
-    function p(e) {
-      typeof e == "object" && e !== null && e.$$typeof === V && e._store && (e._store.validated = 1);
+    function f(r) {
+      typeof r == "object" && r !== null && r.$$typeof === w && r._store && (r._store.validated = 1);
     }
-    var d = ie, V = Symbol.for("react.transitional.element"), H = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), Q = Symbol.for("react.strict_mode"), Z = Symbol.for("react.profiler"), K = Symbol.for("react.consumer"), ee = Symbol.for("react.context"), re = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), se = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), _ = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, ce = Array.isArray, S = console.createTask ? console.createTask : function() {
+    var v = D, w = 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"), oe = Symbol.for("react.context"), le = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), C = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, me = Array.isArray, S = console.createTask ? console.createTask : function() {
       return null;
     };
-    d = {
-      "react-stack-bottom-frame": function(e) {
-        return e();
+    v = {
+      "react-stack-bottom-frame": function(r) {
+        return r();
       }
     };
-    var M, Y = {}, F = d["react-stack-bottom-frame"].bind(
-      d,
-      l
-    )(), $ = S(o(l)), z = {};
-    j.Fragment = R, j.jsx = function(e, a, c, u, g) {
-      var x = 1e4 > _.recentlyCreatedOwnerStacks++;
-      return v(
-        e,
+    var Y, F = {}, B = v["react-stack-bottom-frame"].bind(
+      v,
+      o
+    )(), I = S(l(o)), $ = {};
+    k.Fragment = _, k.jsx = function(r, a, i, u, b) {
+      var g = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return h(
+        r,
         a,
-        c,
+        i,
         !1,
         u,
-        g,
-        x ? Error("react-stack-top-frame") : F,
-        x ? S(o(e)) : $
+        b,
+        g ? Error("react-stack-top-frame") : B,
+        g ? S(l(r)) : I
       );
-    }, j.jsxs = function(e, a, c, u, g) {
-      var x = 1e4 > _.recentlyCreatedOwnerStacks++;
-      return v(
-        e,
+    }, k.jsxs = function(r, a, i, u, b) {
+      var g = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return h(
+        r,
         a,
-        c,
+        i,
         !0,
         u,
-        g,
-        x ? Error("react-stack-top-frame") : F,
-        x ? S(o(e)) : $
+        b,
+        g ? Error("react-stack-top-frame") : B,
+        g ? S(l(r)) : I
       );
     };
-  }()), j;
+  }()), k;
 }
-var W;
-function be() {
-  return W || (W = 1, process.env.NODE_ENV === "production" ? k.exports = fe() : k.exports = ge()), k.exports;
+var G;
+function we() {
+  return G || (G = 1, process.env.NODE_ENV === "production" ? T.exports = pe() : T.exports = Ve()), T.exports;
 }
-var r = be();
-function N(...s) {
+var e = we();
+function E(...s) {
   return s.filter(Boolean).join(" ");
 }
-function _e({ company: s, profile: n, navigation: t }) {
-  const [o, i] = y(!1);
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsxs(ue, { open: o, onClose: i, className: "relative z-50 lg:hidden", children: [
-      /* @__PURE__ */ r.jsx(
-        me,
+function De({ company: s, profile: n, navigation: t }) {
+  const [l, c] = N(!1);
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsxs(ve, { open: l, onClose: c, className: "relative z-50 lg:hidden", children: [
+      /* @__PURE__ */ e.jsx(
+        he,
         {
           transition: !0,
           className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"
         }
       ),
-      /* @__PURE__ */ r.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ r.jsxs(
-        de,
+      /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ e.jsxs(
+        xe,
         {
           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__ */ r.jsx(ve, { children: /* @__PURE__ */ r.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__ */ r.jsxs("button", { type: "button", onClick: () => i(!1), className: "-m-2.5 p-2.5", children: [
-              /* @__PURE__ */ r.jsx("span", { className: "sr-only", children: "Close sidebar" }),
-              /* @__PURE__ */ r.jsx(he, { "aria-hidden": "true", className: "size-6 text-white" })
+            /* @__PURE__ */ e.jsx(fe, { 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: () => c(!1), className: "-m-2.5 p-2.5", children: [
+              /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
+              /* @__PURE__ */ e.jsx(ge, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
-            /* @__PURE__ */ r.jsxs("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6 pb-2", children: [
-              /* @__PURE__ */ r.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6 pb-2", children: [
+              /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
                 "img",
                 {
                   alt: s.name,
@@ -314,36 +314,36 @@ function _e({ company: s, profile: n, navigation: t }) {
                   className: "h-8 w-auto"
                 }
               ) }),
-              /* @__PURE__ */ r.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ r.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((l) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+              /* @__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((o) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
                 "a",
                 {
-                  href: l.href,
-                  className: N(
-                    l.current ? "bg-indigo-700 text-white" : "text-indigo-200 hover:bg-indigo-700 hover:text-white",
+                  href: o.href,
+                  className: E(
+                    o.current ? "bg-indigo-700 text-white" : "text-indigo-200 hover:bg-indigo-700 hover:text-white",
                     "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
                   ),
                   children: [
-                    /* @__PURE__ */ r.jsx(
-                      l.icon,
+                    /* @__PURE__ */ e.jsx(
+                      o.icon,
                       {
                         "aria-hidden": "true",
-                        className: N(
-                          l.current ? "text-white" : "text-indigo-200 group-hover:text-white",
+                        className: E(
+                          o.current ? "text-white" : "text-indigo-200 group-hover:text-white",
                           "size-6 shrink-0"
                         )
                       }
                     ),
-                    l.name
+                    o.name
                   ]
                 }
-              ) }, l.name)) }) }) }) })
+              ) }, o.name)) }) }) }) })
             ] })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ r.jsxs("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6", children: [
-      /* @__PURE__ */ r.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
         "img",
         {
           alt: s.name,
@@ -351,37 +351,37 @@ function _e({ company: s, profile: n, navigation: t }) {
           className: "h-8 w-auto"
         }
       ) }),
-      /* @__PURE__ */ r.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ r.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
-        /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((l) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+      /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((o) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
           "a",
           {
-            href: l.href,
-            className: N(
-              l.current ? "bg-indigo-700 text-white" : "text-indigo-200 hover:bg-indigo-700 hover:text-white",
+            href: o.href,
+            className: E(
+              o.current ? "bg-indigo-700 text-white" : "text-indigo-200 hover:bg-indigo-700 hover:text-white",
               "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
             ),
             children: [
-              /* @__PURE__ */ r.jsx(
-                l.icon,
+              /* @__PURE__ */ e.jsx(
+                o.icon,
                 {
                   "aria-hidden": "true",
-                  className: N(
-                    l.current ? "text-white" : "text-indigo-200 group-hover:text-white",
+                  className: E(
+                    o.current ? "text-white" : "text-indigo-200 group-hover:text-white",
                     "size-6 shrink-0"
                   )
                 }
               ),
-              l.name
+              o.name
             ]
           }
-        ) }, l.name)) }) }),
-        /* @__PURE__ */ r.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ r.jsxs(
+        ) }, o.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
             href: "#",
             className: "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold text-white hover:bg-indigo-700",
             children: [
-              /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ e.jsx(
                 "img",
                 {
                   alt: n.name,
@@ -389,22 +389,22 @@ function _e({ company: s, profile: n, navigation: t }) {
                   className: "size-8 rounded-full bg-indigo-700"
                 }
               ),
-              /* @__PURE__ */ r.jsx("span", { className: "sr-only", children: "Your profile" }),
-              /* @__PURE__ */ r.jsx("span", { "aria-hidden": "true", children: n.name })
+              /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
+              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: n.name })
             ]
           }
         ) })
       ] }) })
     ] }) }),
-    /* @__PURE__ */ r.jsxs("div", { className: "sticky top-0 z-40 flex items-center gap-x-6 bg-indigo-600 px-4 py-4 shadow-xs sm:px-6 lg:hidden", children: [
-      /* @__PURE__ */ r.jsxs("button", { type: "button", onClick: () => i(!0), className: "-m-2.5 p-2.5 text-indigo-200 lg:hidden", children: [
-        /* @__PURE__ */ r.jsx("span", { className: "sr-only", children: "Open sidebar" }),
-        /* @__PURE__ */ r.jsx(xe, { "aria-hidden": "true", className: "size-6" })
+    /* @__PURE__ */ e.jsxs("div", { className: "sticky top-0 z-40 flex items-center gap-x-6 bg-indigo-600 px-4 py-4 shadow-xs sm:px-6 lg:hidden", children: [
+      /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => c(!0), className: "-m-2.5 p-2.5 text-indigo-200 lg:hidden", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
+        /* @__PURE__ */ e.jsx(be, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ r.jsx("div", { className: "flex-1 text-sm/6 font-semibold text-white", children: "Dashboard" }),
-      /* @__PURE__ */ r.jsxs("a", { href: "#", children: [
-        /* @__PURE__ */ r.jsx("span", { className: "sr-only", children: "Your profile" }),
-        /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ e.jsx("div", { className: "flex-1 text-sm/6 font-semibold text-white", children: "Dashboard" }),
+      /* @__PURE__ */ e.jsxs("a", { href: "#", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
+        /* @__PURE__ */ e.jsx(
           "img",
           {
             alt: n.name,
@@ -416,25 +416,25 @@ function _e({ company: s, profile: n, navigation: t }) {
     ] })
   ] }) });
 }
-const q = (s) => s.replace("--color-", "bg-"), pe = ({ name: s, cssVar: n, value: t }) => {
-  const o = `rgb(${t})`;
-  return /* @__PURE__ */ r.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__ */ r.jsx(
+const Z = (s) => s.replace("--color-", "bg-"), je = ({ name: s, cssVar: n, value: t }) => {
+  const l = `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 ${q(n)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Z(n)}`
       }
     ),
-    /* @__PURE__ */ r.jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium text-text-primary", children: s }),
-      /* @__PURE__ */ r.jsx("div", { className: "text-xs text-text-muted font-mono", children: n }),
-      /* @__PURE__ */ r.jsx("div", { className: "text-xs text-text-secondary", children: o })
+    /* @__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: n }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: l })
     ] })
   ] });
-}, B = ({ title: s, colors: n }) => /* @__PURE__ */ r.jsxs("div", { className: "space-y-4", children: [
-  /* @__PURE__ */ r.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: s }),
-  /* @__PURE__ */ r.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: n.map((t) => /* @__PURE__ */ r.jsx(pe, { ...t }, t.name)) })
-] }), Ve = () => {
+}, J = ({ title: s, colors: n }) => /* @__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: n.map((t) => /* @__PURE__ */ e.jsx(je, { ...t }, t.name)) })
+] }), ye = () => {
   const s = [
     {
       title: "Success Colors (Green)",
@@ -645,96 +645,96 @@ const q = (s) => s.replace("--color-", "bg-"), pe = ({ name: s, cssVar: n, value
     { name: "Border", cssVar: "--color-border" },
     { name: "Border Subtle", cssVar: "--color-border-subtle" }
   ];
-  return /* @__PURE__ */ r.jsxs("div", { className: "p-8 space-y-8 bg-background min-h-screen", children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "text-center space-y-2", children: [
-      /* @__PURE__ */ r.jsx("h1", { className: "text-3xl font-bold text-text-primary", children: "AceMyJob Color Palette" }),
-      /* @__PURE__ */ r.jsx("p", { className: "text-text-secondary", children: "Your complete design system color reference" })
+  return /* @__PURE__ */ e.jsxs("div", { className: "p-8 space-y-8 bg-background min-h-screen", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ e.jsx("h1", { className: "text-3xl font-bold text-text-primary", children: "AceMyJob Color Palette" }),
+      /* @__PURE__ */ e.jsx("p", { className: "text-text-secondary", children: "Your complete design system color reference" })
     ] }),
-    n.map((o) => /* @__PURE__ */ r.jsx(B, { ...o }, o.title)),
-    s.map((o) => /* @__PURE__ */ r.jsx(B, { ...o }, o.title)),
-    /* @__PURE__ */ r.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ r.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: "Semantic Colors (Theme-aware)" }),
-      /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: t.map((o) => /* @__PURE__ */ r.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__ */ r.jsx(
+    n.map((l) => /* @__PURE__ */ e.jsx(J, { ...l }, l.title)),
+    s.map((l) => /* @__PURE__ */ e.jsx(J, { ...l }, l.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((l) => /* @__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(l.cssVar)}`
           }
         ),
-        /* @__PURE__ */ r.jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium text-text-primary", children: o.name }),
-          /* @__PURE__ */ r.jsx("div", { className: "text-xs text-text-muted font-mono", children: o.cssVar })
+        /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: l.name }),
+          /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: l.cssVar })
         ] })
-      ] }, o.name)) })
+      ] }, l.name)) })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { className: "text-center pt-8 border-t border-border-subtle", children: /* @__PURE__ */ r.jsx("p", { className: "text-text-muted text-sm", children: "Toggle between light and dark themes to see how semantic colors adapt" }) })
+    /* @__PURE__ */ e.jsx("div", { className: "text-center pt-8 border-t border-border-subtle", children: /* @__PURE__ */ e.jsx("p", { className: "text-text-muted text-sm", children: "Toggle between light and dark themes to see how semantic colors adapt" }) })
   ] });
-}, X = G(void 0), we = ({
+}, K = X(void 0), ke = ({
   children: s,
   defaultTheme: n = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [o, i] = y(n), [l, h] = y("light"), [f, T] = y(!1);
-  O(() => {
-    const v = localStorage.getItem(t);
-    v && i(v), T(!0);
-  }, [t]), O(() => {
-    if (!f) return;
-    const v = window.document.documentElement, p = () => {
-      let d;
-      o === "system" ? d = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : d = o, h(d), v.classList.remove("light", "dark"), v.classList.add(d);
+  const [l, c] = N(n), [o, d] = N("light"), [x, p] = N(!1);
+  L(() => {
+    const h = localStorage.getItem(t);
+    h && c(h), p(!0);
+  }, [t]), L(() => {
+    if (!x) return;
+    const h = window.document.documentElement, f = () => {
+      let v;
+      l === "system" ? v = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : v = l, d(v), h.classList.remove("light", "dark"), h.classList.add(v);
     };
-    if (p(), o === "system") {
-      const d = window.matchMedia("(prefers-color-scheme: dark)"), V = () => p();
-      return d.addEventListener("change", V), () => d.removeEventListener("change", V);
+    if (f(), l === "system") {
+      const v = window.matchMedia("(prefers-color-scheme: dark)"), w = () => f();
+      return v.addEventListener("change", w), () => v.removeEventListener("change", w);
     }
-  }, [o, f]);
-  const E = {
-    theme: o,
-    setTheme: (v) => {
-      localStorage.setItem(t, v), i(v);
+  }, [l, x]);
+  const V = {
+    theme: l,
+    setTheme: (h) => {
+      localStorage.setItem(t, h), c(h);
     },
-    resolvedTheme: l
+    resolvedTheme: o
   };
-  return /* @__PURE__ */ r.jsx(X.Provider, { value: E, children: s });
-}, Se = () => {
-  const s = J(X);
+  return /* @__PURE__ */ e.jsx(K.Provider, { value: V, children: s });
+}, Me = () => {
+  const s = Q(K);
   if (s === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return s;
-}, je = G(void 0), ye = () => {
-  const s = J(je);
+}, Ne = X(void 0), Te = () => {
+  const s = Q(Ne);
   if (s === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return s;
-}, ke = () => {
-  const { theme: s, setTheme: n } = ye(), [t, o] = y(!1);
-  if (O(() => {
-    o(!0);
+}, Ee = () => {
+  const { theme: s, setTheme: n } = Te(), [t, l] = N(!1);
+  if (L(() => {
+    l(!0);
   }, []), !t)
-    return /* @__PURE__ */ r.jsxs(
+    return /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors",
         "aria-label": "Loading theme toggle",
         children: [
-          /* @__PURE__ */ r.jsx("div", { className: "w-4 h-4 animate-pulse bg-text-muted rounded" }),
-          /* @__PURE__ */ r.jsx("span", { className: "hidden sm:inline", children: "Loading..." })
+          /* @__PURE__ */ e.jsx("div", { className: "w-4 h-4 animate-pulse bg-text-muted rounded" }),
+          /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: "Loading..." })
         ]
       }
     );
-  const i = () => {
+  const c = () => {
     n(s === "light" ? "dark" : s === "dark" ? "system" : "light");
-  }, l = () => {
+  }, o = () => {
     switch (s) {
       case "light":
-        return /* @__PURE__ */ r.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
+        return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
       case "dark":
-        return /* @__PURE__ */ r.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) });
+        return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) });
       case "system":
-        return /* @__PURE__ */ r.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) });
+        return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) });
     }
-  }, h = () => {
+  }, d = () => {
     switch (s) {
       case "light":
         return "Light";
@@ -744,27 +744,164 @@ const q = (s) => s.replace("--color-", "bg-"), pe = ({ name: s, cssVar: n, value
         return "System";
     }
   };
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      onClick: i,
+      onClick: c,
       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: ${h()}. Click to cycle themes.`,
+      "aria-label": `Current theme: ${d()}. Click to cycle themes.`,
       children: [
-        l(),
-        /* @__PURE__ */ r.jsx("span", { className: "hidden sm:inline", children: h() })
+        o(),
+        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: d() })
       ]
     }
   );
-}, Ne = () => /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-  /* @__PURE__ */ r.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ r.jsx(ke, {}) }),
-  /* @__PURE__ */ r.jsx(Ve, {})
-] }), Ae = () => /* @__PURE__ */ r.jsx(we, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ r.jsx(Ne, {}) });
+}, Re = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Ee, {}) }),
+  /* @__PURE__ */ e.jsx(ye, {})
+] }), ze = () => /* @__PURE__ */ e.jsx(ke, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Re, {}) }), H = {
+  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",
+    outline: "border border-border bg-background hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",
+    secondary: "bg-khaki-500 text-white hover:bg-khaki-600 focus-visible:ring-khaki-500",
+    ghost: "hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",
+    link: "text-reseda-green-500 underline-offset-4 hover:underline focus-visible:ring-reseda-green-500",
+    none: ""
+    // No default styles, allows full customization
+  },
+  size: {
+    default: "h-10 px-4 py-2",
+    sm: "h-9 rounded-md px-3",
+    lg: "h-11 rounded-md px-8",
+    xl: "h-12 rounded-md px-10 text-base",
+    icon: "h-10 w-10"
+  }
+}, _e = "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", Ce = (...s) => s.filter(Boolean).join(" "), ee = D.forwardRef(
+  ({
+    className: s,
+    variant: n = "default",
+    size: t = "default",
+    fullWidth: l = !1,
+    loading: c = !1,
+    leftIcon: o,
+    rightIcon: d,
+    children: x,
+    disabled: p,
+    ...V
+  }, h) => {
+    const f = p || c, v = Ce(
+      _e,
+      H.variant[n],
+      H.size[t],
+      l ? "w-full" : "",
+      s
+    );
+    return /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        className: v,
+        ref: h,
+        disabled: f,
+        ...V,
+        children: [
+          c && /* @__PURE__ */ e.jsxs(
+            "svg",
+            {
+              className: "mr-2 h-4 w-4 animate-spin",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              children: [
+                /* @__PURE__ */ e.jsx(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ),
+          !c && o && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: o }),
+          x,
+          !c && d && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: d })
+        ]
+      }
+    );
+  }
+);
+ee.displayName = "Button";
+const q = {
+  provider: {
+    linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
+  },
+  iconPosition: {
+    left: "flex-row",
+    right: "flex-row-reverse",
+    only: "justify-center"
+  }
+}, Se = (...s) => s.filter(Boolean).join(" "), Ae = D.forwardRef(
+  ({
+    className: s,
+    provider: n,
+    iconPosition: t = "left",
+    icon: l,
+    showText: c = !0,
+    children: o,
+    size: d = "default",
+    fullWidth: x = !0,
+    ...p
+  }, V) => {
+    const f = l || {
+      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" }) })
+    }[n], w = o || (c ? {
+      linkedin: "Continue with LinkedIn"
+    }[n] : ""), R = Se(
+      "relative overflow-hidden transition-all duration-200",
+      q.provider[n],
+      q.iconPosition[t],
+      s
+    );
+    return /* @__PURE__ */ e.jsxs(
+      ee,
+      {
+        ref: V,
+        variant: "none",
+        className: R,
+        size: d,
+        fullWidth: x,
+        leftIcon: t === "left" ? f : void 0,
+        rightIcon: t === "right" ? f : void 0,
+        ...p,
+        children: [
+          t === "only" && f,
+          t !== "only" && w
+        ]
+      }
+    );
+  }
+);
+Ae.displayName = "SocialButton";
 export {
-  Ve as ColorPalette,
-  Ae as Demo,
-  _e as Sidebar,
-  we as ThemeProvider,
-  ke as ThemeToggle,
-  Se as useTheme
+  ee as Button,
+  ye as ColorPalette,
+  ze as Demo,
+  De as Sidebar,
+  Ae as SocialButton,
+  ke as ThemeProvider,
+  Ee as ThemeToggle,
+  Me as useTheme
 };

package/dist/acemyjob-ui.umd.js

@@ -1,4 +1,4 @@
-(function(v,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react"),require("@headlessui/react"),require("@heroicons/react/24/outline")):typeof define=="function"&&define.amd?define(["exports","react","@headlessui/react","@heroicons/react/24/outline"],u):(v=typeof globalThis<"u"?globalThis:v||self,u(v.AceMyJobUI={},v.React,v.HeadlessUI,v.HeroiconsOutline))})(this,function(v,u,T,D){"use strict";var N={exports:{}},j={};/**
+(function(d,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react"),require("@headlessui/react"),require("@heroicons/react/24/outline")):typeof define=="function"&&define.amd?define(["exports","react","@headlessui/react","@heroicons/react/24/outline"],u):(d=typeof globalThis<"u"?globalThis:d||self,u(d.AceMyJobUI={},d.React,d.HeadlessUI,d.HeroiconsOutline))})(this,function(d,u,E,z){"use strict";var S={exports:{}},N={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var M;function $(){if(M)return j;M=1;var s=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function c(o,i,l){var f=null;if(l!==void 0&&(f=""+l),i.key!==void 0&&(f=""+i.key),"key"in i){l={};for(var b in i)b!=="key"&&(l[b]=i[b])}else l=i;return i=l.ref,{$$typeof:s,type:o,key:f,ref:i!==void 0?i:null,props:l}}return j.Fragment=n,j.jsx=c,j.jsxs=c,j}var w={};/**
+ */var B;function oe(){if(B)return N;B=1;var s=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function t(n,c,o){var h=null;if(o!==void 0&&(h=""+o),c.key!==void 0&&(h=""+c.key),"key"in c){o={};for(var g in c)g!=="key"&&(o[g]=c[g])}else o=c;return c=o.ref,{$$typeof:s,type:n,key:h,ref:c!==void 0?c:null,props:o}}return N.Fragment=l,N.jsx=t,N.jsxs=t,N}var T={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Y;function ee(){return Y||(Y=1,process.env.NODE_ENV!=="production"&&function(){function s(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===pe?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case _:return"Fragment";case me:return"Profiler";case ue:return"StrictMode";case xe:return"Suspense";case fe:return"SuspenseList";case be:return"Activity"}if(typeof r=="object")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 ie:return"Portal";case ve:return(r.displayName||"Context")+".Provider";case de:return(r._context.displayName||"Context")+".Consumer";case he:var a=r.render;return r=r.displayName,r||(r=a.displayName||a.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case ge:return a=r.displayName||null,a!==null?a:s(r.type)||"Memo";case G:a=r._payload,r=r._init;try{return s(r(a))}catch{}}return null}function n(r){return""+r}function c(r){try{n(r);var a=!1}catch{a=!0}if(a){a=console;var t=a.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return t.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),n(r)}}function o(r){if(r===_)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===G)return"<...>";try{var a=s(r);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function i(){var r=A.A;return r===null?null:r.getOwner()}function l(){return Error("react-stack-top-frame")}function f(r){if(H.call(r,"key")){var a=Object.getOwnPropertyDescriptor(r,"key").get;if(a&&a.isReactWarning)return!1}return r.key!==void 0}function b(r,a){function t(){X||(X=!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)",a))}t.isReactWarning=!0,Object.defineProperty(r,"key",{get:t,configurable:!0})}function R(){var r=s(this.type);return Q[r]||(Q[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 S(r,a,t,m,p,g,P,O){return t=g.ref,r={$$typeof:k,type:r,key:a,props:g,_owner:p},(t!==void 0?t:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:R}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function x(r,a,t,m,p,g,P,O){var d=a.children;if(d!==void 0)if(m)if(Ve(d)){for(m=0;m<d.length;m++)y(d[m]);Object.freeze&&Object.freeze(d)}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 y(d);if(H.call(a,"key")){d=s(r);var V=Object.keys(a).filter(function(je){return je!=="key"});m=0<V.length?"{key: someKey, "+V.join(": ..., ")+": ...}":"{key: someKey}",K[d+m]||(V=0<V.length?"{"+V.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var I;function ne(){return I||(I=1,process.env.NODE_ENV!=="production"&&function(){function s(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===Te?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case A:return"Fragment";case be:return"Profiler";case ge:return"StrictMode";case je:return"Suspense";case ye:return"SuspenseList";case Ne:return"Activity"}if(typeof r=="object")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 R:return"Portal";case Ve:return(r.displayName||"Context")+".Provider";case pe:return(r._context.displayName||"Context")+".Consumer";case we:var a=r.render;return r=r.displayName,r||(r=a.displayName||a.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case ke:return a=r.displayName||null,a!==null?a:s(r.type)||"Memo";case Q:a=r._payload,r=r._init;try{return s(r(a))}catch{}}return null}function l(r){return""+r}function t(r){try{l(r);var a=!1}catch{a=!0}if(a){a=console;var i=a.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return i.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),l(r)}}function n(r){if(r===A)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===Q)return"<...>";try{var a=s(r);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function c(){var r=P.A;return r===null?null:r.getOwner()}function o(){return Error("react-stack-top-frame")}function h(r){if(Z.call(r,"key")){var a=Object.getOwnPropertyDescriptor(r,"key").get;if(a&&a.isReactWarning)return!1}return r.key!==void 0}function g(r,a){function i(){K||(K=!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)",a))}i.isReactWarning=!0,Object.defineProperty(r,"key",{get:i,configurable:!0})}function w(){var r=s(this.type);return ee[r]||(ee[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,a,i,m,V,p,L,D){return i=p.ref,r={$$typeof:y,type:r,key:a,props:p,_owner:V},(i!==void 0?i:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:w}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:L}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:D}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function f(r,a,i,m,V,p,L,D){var v=a.children;if(v!==void 0)if(m)if(Ee(v)){for(m=0;m<v.length;m++)b(v[m]);Object.freeze&&Object.freeze(v)}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 b(v);if(Z.call(a,"key")){v=s(r);var k=Object.keys(a).filter(function(Se){return Se!=="key"});m=0<k.length?"{key: someKey, "+k.join(": ..., ")+": ...}":"{key: someKey}",ae[v+m]||(k=0<k.length?"{"+k.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} />`,m,d,V,d),K[d+m]=!0)}if(d=null,t!==void 0&&(c(t),d=""+t),f(a)&&(c(a.key),d=""+a.key),"key"in a){t={};for(var L in a)L!=="key"&&(t[L]=a[L])}else t=a;return d&&b(t,typeof r=="function"?r.displayName||r.name||"Unknown":r),S(r,d,g,p,i(),t,P,O)}function y(r){typeof r=="object"&&r!==null&&r.$$typeof===k&&r._store&&(r._store.validated=1)}var h=u,k=Symbol.for("react.transitional.element"),ie=Symbol.for("react.portal"),_=Symbol.for("react.fragment"),ue=Symbol.for("react.strict_mode"),me=Symbol.for("react.profiler"),de=Symbol.for("react.consumer"),ve=Symbol.for("react.context"),he=Symbol.for("react.forward_ref"),xe=Symbol.for("react.suspense"),fe=Symbol.for("react.suspense_list"),ge=Symbol.for("react.memo"),G=Symbol.for("react.lazy"),be=Symbol.for("react.activity"),pe=Symbol.for("react.client.reference"),A=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,H=Object.prototype.hasOwnProperty,Ve=Array.isArray,C=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(r){return r()}};var X,Q={},Z=h["react-stack-bottom-frame"].bind(h,l)(),q=C(o(l)),K={};w.Fragment=_,w.jsx=function(r,a,t,m,p){var g=1e4>A.recentlyCreatedOwnerStacks++;return x(r,a,t,!1,m,p,g?Error("react-stack-top-frame"):Z,g?C(o(r)):q)},w.jsxs=function(r,a,t,m,p){var g=1e4>A.recentlyCreatedOwnerStacks++;return x(r,a,t,!0,m,p,g?Error("react-stack-top-frame"):Z,g?C(o(r)):q)}}()),w}var F;function re(){return F||(F=1,process.env.NODE_ENV==="production"?N.exports=$():N.exports=ee()),N.exports}var e=re();function E(...s){return s.filter(Boolean).join(" ")}function ae({company:s,profile:n,navigation:c}){const[o,i]=u.useState(!1);return e.jsx(e.Fragment,{children:e.jsxs("div",{children:[e.jsxs(T.Dialog,{open:o,onClose:i,className:"relative z-50 lg:hidden",children:[e.jsx(T.DialogBackdrop,{transition:!0,className:"fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"}),e.jsx("div",{className:"fixed inset-0 flex",children:e.jsxs(T.DialogPanel,{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:[e.jsx(T.TransitionChild,{children: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:e.jsxs("button",{type:"button",onClick:()=>i(!1),className:"-m-2.5 p-2.5",children:[e.jsx("span",{className:"sr-only",children:"Close sidebar"}),e.jsx(D.XMarkIcon,{"aria-hidden":"true",className:"size-6 text-white"})]})})}),e.jsxs("div",{className:"flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6 pb-2",children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsx("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:c.map(l=>e.jsx("li",{children:e.jsxs("a",{href:l.href,className:E(l.current?"bg-indigo-700 text-white":"text-indigo-200 hover:bg-indigo-700 hover:text-white","group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[e.jsx(l.icon,{"aria-hidden":"true",className:E(l.current?"text-white":"text-indigo-200 group-hover:text-white","size-6 shrink-0")}),l.name]})},l.name))})})})})]})]})})]}),e.jsx("div",{className:"hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col",children:e.jsxs("div",{className:"flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6",children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsxs("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:[e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:c.map(l=>e.jsx("li",{children:e.jsxs("a",{href:l.href,className:E(l.current?"bg-indigo-700 text-white":"text-indigo-200 hover:bg-indigo-700 hover:text-white","group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[e.jsx(l.icon,{"aria-hidden":"true",className:E(l.current?"text-white":"text-indigo-200 group-hover:text-white","size-6 shrink-0")}),l.name]})},l.name))})}),e.jsx("li",{className:"-mx-6 mt-auto",children:e.jsxs("a",{href:"#",className:"flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold text-white hover:bg-indigo-700",children:[e.jsx("img",{alt:n.name,src:n.image,className:"size-8 rounded-full bg-indigo-700"}),e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("span",{"aria-hidden":"true",children:n.name})]})})]})})]})}),e.jsxs("div",{className:"sticky top-0 z-40 flex items-center gap-x-6 bg-indigo-600 px-4 py-4 shadow-xs sm:px-6 lg:hidden",children:[e.jsxs("button",{type:"button",onClick:()=>i(!0),className:"-m-2.5 p-2.5 text-indigo-200 lg:hidden",children:[e.jsx("span",{className:"sr-only",children:"Open sidebar"}),e.jsx(D.Bars3Icon,{"aria-hidden":"true",className:"size-6"})]}),e.jsx("div",{className:"flex-1 text-sm/6 font-semibold text-white",children:"Dashboard"}),e.jsxs("a",{href:"#",children:[e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("img",{alt:n.name,src:n.image,className:"size-8 rounded-full bg-indigo-700"})]})]})]})})}const I=s=>s.replace("--color-","bg-"),se=({name:s,cssVar:n,value:c})=>{const o=`rgb(${c})`;return 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:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${I(n)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:s}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:n}),e.jsx("div",{className:"text-xs text-text-secondary",children:o})]})]})},U=({title:s,colors:n})=>e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:s}),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:n.map(c=>e.jsx(se,{...c},c.name))})]}),z=()=>{const s=[{title:"Success Colors (Green)",colors:[{name:"50",cssVar:"--color-success-50",value:"240 253 244"},{name:"100",cssVar:"--color-success-100",value:"220 252 231"},{name:"200",cssVar:"--color-success-200",value:"187 247 208"},{name:"300",cssVar:"--color-success-300",value:"134 239 172"},{name:"400",cssVar:"--color-success-400",value:"74 222 128"},{name:"500",cssVar:"--color-success-500",value:"34 197 94"},{name:"600",cssVar:"--color-success-600",value:"22 163 74"},{name:"700",cssVar:"--color-success-700",value:"21 128 61"},{name:"800",cssVar:"--color-success-800",value:"22 101 52"},{name:"900",cssVar:"--color-success-900",value:"20 83 45"},{name:"950",cssVar:"--color-success-950",value:"5 46 22"}]},{title:"Warning Colors (Yellow)",colors:[{name:"50",cssVar:"--color-warning-50",value:"254 252 232"},{name:"100",cssVar:"--color-warning-100",value:"254 249 195"},{name:"200",cssVar:"--color-warning-200",value:"254 240 138"},{name:"300",cssVar:"--color-warning-300",value:"253 224 71"},{name:"400",cssVar:"--color-warning-400",value:"250 204 21"},{name:"500",cssVar:"--color-warning-500",value:"234 179 8"},{name:"600",cssVar:"--color-warning-600",value:"202 138 4"},{name:"700",cssVar:"--color-warning-700",value:"161 98 7"},{name:"800",cssVar:"--color-warning-800",value:"133 77 14"},{name:"900",cssVar:"--color-warning-900",value:"113 63 18"},{name:"950",cssVar:"--color-warning-950",value:"66 32 6"}]},{title:"Error Colors (Red)",colors:[{name:"50",cssVar:"--color-error-50",value:"254 242 242"},{name:"100",cssVar:"--color-error-100",value:"254 226 226"},{name:"200",cssVar:"--color-error-200",value:"254 202 202"},{name:"300",cssVar:"--color-error-300",value:"252 165 165"},{name:"400",cssVar:"--color-error-400",value:"248 113 113"},{name:"500",cssVar:"--color-error-500",value:"239 68 68"},{name:"600",cssVar:"--color-error-600",value:"220 38 38"},{name:"700",cssVar:"--color-error-700",value:"185 28 28"},{name:"800",cssVar:"--color-error-800",value:"153 27 27"},{name:"900",cssVar:"--color-error-900",value:"127 29 29"},{name:"950",cssVar:"--color-error-950",value:"69 10 10"}]}],n=[{title:"Reseda Green",colors:[{name:"DEFAULT",cssVar:"--color-reseda-green",value:"121 125 98"},{name:"100",cssVar:"--color-reseda-green-100",value:"24 25 20"},{name:"200",cssVar:"--color-reseda-green-200",value:"49 50 39"},{name:"300",cssVar:"--color-reseda-green-300",value:"73 75 59"},{name:"400",cssVar:"--color-reseda-green-400",value:"97 101 79"},{name:"500",cssVar:"--color-reseda-green-500",value:"121 125 98"},{name:"600",cssVar:"--color-reseda-green-600",value:"150 154 127"},{name:"700",cssVar:"--color-reseda-green-700",value:"177 180 159"},{name:"800",cssVar:"--color-reseda-green-800",value:"203 205 191"},{name:"900",cssVar:"--color-reseda-green-900",value:"229 230 223"}]},{title:"Moss Green",colors:[{name:"DEFAULT",cssVar:"--color-moss-green",value:"155 155 122"},{name:"100",cssVar:"--color-moss-green-100",value:"31 31 24"},{name:"200",cssVar:"--color-moss-green-200",value:"63 63 47"},{name:"300",cssVar:"--color-moss-green-300",value:"94 94 71"},{name:"400",cssVar:"--color-moss-green-400",value:"126 126 95"},{name:"500",cssVar:"--color-moss-green-500",value:"155 155 122"},{name:"600",cssVar:"--color-moss-green-600",value:"174 174 148"},{name:"700",cssVar:"--color-moss-green-700",value:"194 194 175"},{name:"800",cssVar:"--color-moss-green-800",value:"215 215 202"},{name:"900",cssVar:"--color-moss-green-900",value:"235 235 228"}]},{title:"Khaki",colors:[{name:"DEFAULT",cssVar:"--color-khaki",value:"186 165 135"},{name:"100",cssVar:"--color-khaki-100",value:"41 34 23"},{name:"200",cssVar:"--color-khaki-200",value:"82 67 47"},{name:"300",cssVar:"--color-khaki-300",value:"122 101 70"},{name:"400",cssVar:"--color-khaki-400",value:"163 134 94"},{name:"500",cssVar:"--color-khaki-500",value:"186 165 135"},{name:"600",cssVar:"--color-khaki-600",value:"200 183 159"},{name:"700",cssVar:"--color-khaki-700",value:"214 201 183"},{name:"800",cssVar:"--color-khaki-800",value:"227 219 207"},{name:"900",cssVar:"--color-khaki-900",value:"241 237 231"}]},{title:"Desert Sand",colors:[{name:"DEFAULT",cssVar:"--color-desert-sand",value:"217 174 148"},{name:"100",cssVar:"--color-desert-sand-100",value:"54 33 19"},{name:"200",cssVar:"--color-desert-sand-200",value:"109 65 38"},{name:"300",cssVar:"--color-desert-sand-300",value:"163 98 57"},{name:"400",cssVar:"--color-desert-sand-400",value:"199 135 95"},{name:"500",cssVar:"--color-desert-sand-500",value:"217 174 148"},{name:"600",cssVar:"--color-desert-sand-600",value:"225 191 170"},{name:"700",cssVar:"--color-desert-sand-700",value:"233 207 192"},{name:"800",cssVar:"--color-desert-sand-800",value:"240 223 213"},{name:"900",cssVar:"--color-desert-sand-900",value:"248 239 234"}]},{title:"Peach Yellow",colors:[{name:"DEFAULT",cssVar:"--color-peach-yellow",value:"241 220 167"},{name:"100",cssVar:"--color-peach-yellow-100",value:"71 54 11"},{name:"200",cssVar:"--color-peach-yellow-200",value:"141 107 22"},{name:"300",cssVar:"--color-peach-yellow-300",value:"212 161 33"},{name:"400",cssVar:"--color-peach-yellow-400",value:"230 192 96"},{name:"500",cssVar:"--color-peach-yellow-500",value:"241 220 167"},{name:"600",cssVar:"--color-peach-yellow-600",value:"244 227 184"},{name:"700",cssVar:"--color-peach-yellow-700",value:"247 234 202"},{name:"800",cssVar:"--color-peach-yellow-800",value:"249 241 220"},{name:"900",cssVar:"--color-peach-yellow-900",value:"252 248 237"}]},{title:"Sunglow",colors:[{name:"DEFAULT",cssVar:"--color-sunglow",value:"255 203 105"},{name:"100",cssVar:"--color-sunglow-100",value:"72 47 0"},{name:"200",cssVar:"--color-sunglow-200",value:"145 94 0"},{name:"300",cssVar:"--color-sunglow-300",value:"217 141 0"},{name:"400",cssVar:"--color-sunglow-400",value:"255 178 35"},{name:"500",cssVar:"--color-sunglow-500",value:"255 203 105"},{name:"600",cssVar:"--color-sunglow-600",value:"255 214 137"},{name:"700",cssVar:"--color-sunglow-700",value:"255 224 166"},{name:"800",cssVar:"--color-sunglow-800",value:"255 234 196"},{name:"900",cssVar:"--color-sunglow-900",value:"255 245 225"}]},{title:"Earth Yellow",colors:[{name:"DEFAULT",cssVar:"--color-earth-yellow",value:"232 172 101"},{name:"100",cssVar:"--color-earth-yellow-100",value:"58 36 9"},{name:"200",cssVar:"--color-earth-yellow-200",value:"115 71 17"},{name:"300",cssVar:"--color-earth-yellow-300",value:"173 107 26"},{name:"400",cssVar:"--color-earth-yellow-400",value:"223 142 42"},{name:"500",cssVar:"--color-earth-yellow-500",value:"232 172 101"},{name:"600",cssVar:"--color-earth-yellow-600",value:"236 189 131"},{name:"700",cssVar:"--color-earth-yellow-700",value:"241 205 162"},{name:"800",cssVar:"--color-earth-yellow-800",value:"246 222 193"},{name:"900",cssVar:"--color-earth-yellow-900",value:"250 238 224"}]},{title:"Persian Orange",colors:[{name:"DEFAULT",cssVar:"--color-persian-orange",value:"208 140 96"},{name:"100",cssVar:"--color-persian-orange-100",value:"47 27 14"},{name:"200",cssVar:"--color-persian-orange-200",value:"94 55 28"},{name:"300",cssVar:"--color-persian-orange-300",value:"141 82 42"},{name:"400",cssVar:"--color-persian-orange-400",value:"188 109 56"},{name:"500",cssVar:"--color-persian-orange-500",value:"208 140 96"},{name:"600",cssVar:"--color-persian-orange-600",value:"217 165 129"},{name:"700",cssVar:"--color-persian-orange-700",value:"227 187 161"},{name:"800",cssVar:"--color-persian-orange-800",value:"236 210 192"},{name:"900",cssVar:"--color-persian-orange-900",value:"246 232 224"}]},{title:"Chamoisee",colors:[{name:"DEFAULT",cssVar:"--color-chamoisee",value:"181 132 99"},{name:"100",cssVar:"--color-chamoisee-100",value:"38 26 18"},{name:"200",cssVar:"--color-chamoisee-200",value:"76 52 36"},{name:"300",cssVar:"--color-chamoisee-300",value:"114 78 54"},{name:"400",cssVar:"--color-chamoisee-400",value:"153 104 72"},{name:"500",cssVar:"--color-chamoisee-500",value:"181 132 99"},{name:"600",cssVar:"--color-chamoisee-600",value:"196 157 130"},{name:"700",cssVar:"--color-chamoisee-700",value:"211 181 161"},{name:"800",cssVar:"--color-chamoisee-800",value:"226 206 193"},{name:"900",cssVar:"--color-chamoisee-900",value:"240 230 224"}]},{title:"Beaver",colors:[{name:"DEFAULT",cssVar:"--color-beaver",value:"153 123 102"},{name:"100",cssVar:"--color-beaver-100",value:"31 25 20"},{name:"200",cssVar:"--color-beaver-200",value:"61 49 41"},{name:"300",cssVar:"--color-beaver-300",value:"92 74 61"},{name:"400",cssVar:"--color-beaver-400",value:"122 99 82"},{name:"500",cssVar:"--color-beaver-500",value:"153 123 102"},{name:"600",cssVar:"--color-beaver-600",value:"173 150 133"},{name:"700",cssVar:"--color-beaver-700",value:"194 176 163"},{name:"800",cssVar:"--color-beaver-800",value:"214 202 194"},{name:"900",cssVar:"--color-beaver-900",value:"235 229 224"}]}],c=[{name:"Background",cssVar:"--color-background"},{name:"Surface",cssVar:"--color-surface"},{name:"Surface Variant",cssVar:"--color-surface-variant"},{name:"Text Primary",cssVar:"--color-text-primary"},{name:"Text Secondary",cssVar:"--color-text-secondary"},{name:"Text Muted",cssVar:"--color-text-muted"},{name:"Border",cssVar:"--color-border"},{name:"Border Subtle",cssVar:"--color-border-subtle"}];return e.jsxs("div",{className:"p-8 space-y-8 bg-background min-h-screen",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-3xl font-bold text-text-primary",children:"AceMyJob Color Palette"}),e.jsx("p",{className:"text-text-secondary",children:"Your complete design system color reference"})]}),n.map(o=>e.jsx(U,{...o},o.title)),s.map(o=>e.jsx(U,{...o},o.title)),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:"Semantic Colors (Theme-aware)"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4",children:c.map(o=>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:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${I(o.cssVar)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:o.name}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:o.cssVar})]})]},o.name))})]}),e.jsx("div",{className:"text-center pt-8 border-t border-border-subtle",children:e.jsx("p",{className:"text-text-muted text-sm",children:"Toggle between light and dark themes to see how semantic colors adapt"})})]})},W=u.createContext(void 0),B=({children:s,defaultTheme:n="system",storageKey:c="acemyjob-ui-theme"})=>{const[o,i]=u.useState(n),[l,f]=u.useState("light"),[b,R]=u.useState(!1);u.useEffect(()=>{const x=localStorage.getItem(c);x&&i(x),R(!0)},[c]),u.useEffect(()=>{if(!b)return;const x=window.document.documentElement,y=()=>{let h;o==="system"?h=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":h=o,f(h),x.classList.remove("light","dark"),x.classList.add(h)};if(y(),o==="system"){const h=window.matchMedia("(prefers-color-scheme: dark)"),k=()=>y();return h.addEventListener("change",k),()=>h.removeEventListener("change",k)}},[o,b]);const S={theme:o,setTheme:x=>{localStorage.setItem(c,x),i(x)},resolvedTheme:l};return e.jsx(W.Provider,{value:S,children:s})},oe=()=>{const s=u.useContext(W);if(s===void 0)throw new Error("useTheme must be used within a ThemeProvider");return s},le=u.createContext(void 0),ne=()=>{const s=u.useContext(le);if(s===void 0)throw new Error("useTheme must be used within a ThemeProvider");return s},J=()=>{const{theme:s,setTheme:n}=ne(),[c,o]=u.useState(!1);if(u.useEffect(()=>{o(!0)},[]),!c)return e.jsxs("button",{className:"flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors","aria-label":"Loading theme toggle",children:[e.jsx("div",{className:"w-4 h-4 animate-pulse bg-text-muted rounded"}),e.jsx("span",{className:"hidden sm:inline",children:"Loading..."})]});const i=()=>{n(s==="light"?"dark":s==="dark"?"system":"light")},l=()=>{switch(s){case"light":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"})});case"dark":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"})});case"system":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children: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"})})}},f=()=>{switch(s){case"light":return"Light";case"dark":return"Dark";case"system":return"System"}};return e.jsxs("button",{onClick:i,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: ${f()}. Click to cycle themes.`,children:[l(),e.jsx("span",{className:"hidden sm:inline",children:f()})]})},te=()=>e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"fixed top-4 right-4 z-10",children:e.jsx(J,{})}),e.jsx(z,{})]}),ce=()=>e.jsx(B,{defaultTheme:"system",storageKey:"acemyjob-demo-theme",children:e.jsx(te,{})});v.ColorPalette=z,v.Demo=ce,v.Sidebar=ae,v.ThemeProvider=B,v.ThemeToggle=J,v.useTheme=oe,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,m,v,k,v),ae[v+m]=!0)}if(v=null,i!==void 0&&(t(i),v=""+i),h(a)&&(t(a.key),v=""+a.key),"key"in a){i={};for(var M in a)M!=="key"&&(i[M]=a[M])}else i=a;return v&&g(i,typeof r=="function"?r.displayName||r.name||"Unknown":r),j(r,v,p,V,c(),i,L,D)}function b(r){typeof r=="object"&&r!==null&&r.$$typeof===y&&r._store&&(r._store.validated=1)}var x=u,y=Symbol.for("react.transitional.element"),R=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),ge=Symbol.for("react.strict_mode"),be=Symbol.for("react.profiler"),pe=Symbol.for("react.consumer"),Ve=Symbol.for("react.context"),we=Symbol.for("react.forward_ref"),je=Symbol.for("react.suspense"),ye=Symbol.for("react.suspense_list"),ke=Symbol.for("react.memo"),Q=Symbol.for("react.lazy"),Ne=Symbol.for("react.activity"),Te=Symbol.for("react.client.reference"),P=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Z=Object.prototype.hasOwnProperty,Ee=Array.isArray,O=console.createTask?console.createTask:function(){return null};x={"react-stack-bottom-frame":function(r){return r()}};var K,ee={},re=x["react-stack-bottom-frame"].bind(x,o)(),se=O(n(o)),ae={};T.Fragment=A,T.jsx=function(r,a,i,m,V){var p=1e4>P.recentlyCreatedOwnerStacks++;return f(r,a,i,!1,m,V,p?Error("react-stack-top-frame"):re,p?O(n(r)):se)},T.jsxs=function(r,a,i,m,V){var p=1e4>P.recentlyCreatedOwnerStacks++;return f(r,a,i,!0,m,V,p?Error("react-stack-top-frame"):re,p?O(n(r)):se)}}()),T}var Y;function le(){return Y||(Y=1,process.env.NODE_ENV==="production"?S.exports=oe():S.exports=ne()),S.exports}var e=le();function C(...s){return s.filter(Boolean).join(" ")}function te({company:s,profile:l,navigation:t}){const[n,c]=u.useState(!1);return e.jsx(e.Fragment,{children:e.jsxs("div",{children:[e.jsxs(E.Dialog,{open:n,onClose:c,className:"relative z-50 lg:hidden",children:[e.jsx(E.DialogBackdrop,{transition:!0,className:"fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"}),e.jsx("div",{className:"fixed inset-0 flex",children:e.jsxs(E.DialogPanel,{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:[e.jsx(E.TransitionChild,{children: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:e.jsxs("button",{type:"button",onClick:()=>c(!1),className:"-m-2.5 p-2.5",children:[e.jsx("span",{className:"sr-only",children:"Close sidebar"}),e.jsx(z.XMarkIcon,{"aria-hidden":"true",className:"size-6 text-white"})]})})}),e.jsxs("div",{className:"flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6 pb-2",children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsx("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:t.map(o=>e.jsx("li",{children:e.jsxs("a",{href:o.href,className:C(o.current?"bg-indigo-700 text-white":"text-indigo-200 hover:bg-indigo-700 hover:text-white","group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[e.jsx(o.icon,{"aria-hidden":"true",className:C(o.current?"text-white":"text-indigo-200 group-hover:text-white","size-6 shrink-0")}),o.name]})},o.name))})})})})]})]})})]}),e.jsx("div",{className:"hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col",children:e.jsxs("div",{className:"flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6",children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsxs("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:[e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:t.map(o=>e.jsx("li",{children:e.jsxs("a",{href:o.href,className:C(o.current?"bg-indigo-700 text-white":"text-indigo-200 hover:bg-indigo-700 hover:text-white","group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[e.jsx(o.icon,{"aria-hidden":"true",className:C(o.current?"text-white":"text-indigo-200 group-hover:text-white","size-6 shrink-0")}),o.name]})},o.name))})}),e.jsx("li",{className:"-mx-6 mt-auto",children:e.jsxs("a",{href:"#",className:"flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold text-white hover:bg-indigo-700",children:[e.jsx("img",{alt:l.name,src:l.image,className:"size-8 rounded-full bg-indigo-700"}),e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("span",{"aria-hidden":"true",children:l.name})]})})]})})]})}),e.jsxs("div",{className:"sticky top-0 z-40 flex items-center gap-x-6 bg-indigo-600 px-4 py-4 shadow-xs sm:px-6 lg:hidden",children:[e.jsxs("button",{type:"button",onClick:()=>c(!0),className:"-m-2.5 p-2.5 text-indigo-200 lg:hidden",children:[e.jsx("span",{className:"sr-only",children:"Open sidebar"}),e.jsx(z.Bars3Icon,{"aria-hidden":"true",className:"size-6"})]}),e.jsx("div",{className:"flex-1 text-sm/6 font-semibold text-white",children:"Dashboard"}),e.jsxs("a",{href:"#",children:[e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("img",{alt:l.name,src:l.image,className:"size-8 rounded-full bg-indigo-700"})]})]})]})})}const F=s=>s.replace("--color-","bg-"),ce=({name:s,cssVar:l,value:t})=>{const n=`rgb(${t})`;return 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:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${F(l)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:s}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:l}),e.jsx("div",{className:"text-xs text-text-secondary",children:n})]})]})},U=({title:s,colors:l})=>e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:s}),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:l.map(t=>e.jsx(ce,{...t},t.name))})]}),$=()=>{const s=[{title:"Success Colors (Green)",colors:[{name:"50",cssVar:"--color-success-50",value:"240 253 244"},{name:"100",cssVar:"--color-success-100",value:"220 252 231"},{name:"200",cssVar:"--color-success-200",value:"187 247 208"},{name:"300",cssVar:"--color-success-300",value:"134 239 172"},{name:"400",cssVar:"--color-success-400",value:"74 222 128"},{name:"500",cssVar:"--color-success-500",value:"34 197 94"},{name:"600",cssVar:"--color-success-600",value:"22 163 74"},{name:"700",cssVar:"--color-success-700",value:"21 128 61"},{name:"800",cssVar:"--color-success-800",value:"22 101 52"},{name:"900",cssVar:"--color-success-900",value:"20 83 45"},{name:"950",cssVar:"--color-success-950",value:"5 46 22"}]},{title:"Warning Colors (Yellow)",colors:[{name:"50",cssVar:"--color-warning-50",value:"254 252 232"},{name:"100",cssVar:"--color-warning-100",value:"254 249 195"},{name:"200",cssVar:"--color-warning-200",value:"254 240 138"},{name:"300",cssVar:"--color-warning-300",value:"253 224 71"},{name:"400",cssVar:"--color-warning-400",value:"250 204 21"},{name:"500",cssVar:"--color-warning-500",value:"234 179 8"},{name:"600",cssVar:"--color-warning-600",value:"202 138 4"},{name:"700",cssVar:"--color-warning-700",value:"161 98 7"},{name:"800",cssVar:"--color-warning-800",value:"133 77 14"},{name:"900",cssVar:"--color-warning-900",value:"113 63 18"},{name:"950",cssVar:"--color-warning-950",value:"66 32 6"}]},{title:"Error Colors (Red)",colors:[{name:"50",cssVar:"--color-error-50",value:"254 242 242"},{name:"100",cssVar:"--color-error-100",value:"254 226 226"},{name:"200",cssVar:"--color-error-200",value:"254 202 202"},{name:"300",cssVar:"--color-error-300",value:"252 165 165"},{name:"400",cssVar:"--color-error-400",value:"248 113 113"},{name:"500",cssVar:"--color-error-500",value:"239 68 68"},{name:"600",cssVar:"--color-error-600",value:"220 38 38"},{name:"700",cssVar:"--color-error-700",value:"185 28 28"},{name:"800",cssVar:"--color-error-800",value:"153 27 27"},{name:"900",cssVar:"--color-error-900",value:"127 29 29"},{name:"950",cssVar:"--color-error-950",value:"69 10 10"}]}],l=[{title:"Reseda Green",colors:[{name:"DEFAULT",cssVar:"--color-reseda-green",value:"121 125 98"},{name:"100",cssVar:"--color-reseda-green-100",value:"24 25 20"},{name:"200",cssVar:"--color-reseda-green-200",value:"49 50 39"},{name:"300",cssVar:"--color-reseda-green-300",value:"73 75 59"},{name:"400",cssVar:"--color-reseda-green-400",value:"97 101 79"},{name:"500",cssVar:"--color-reseda-green-500",value:"121 125 98"},{name:"600",cssVar:"--color-reseda-green-600",value:"150 154 127"},{name:"700",cssVar:"--color-reseda-green-700",value:"177 180 159"},{name:"800",cssVar:"--color-reseda-green-800",value:"203 205 191"},{name:"900",cssVar:"--color-reseda-green-900",value:"229 230 223"}]},{title:"Moss Green",colors:[{name:"DEFAULT",cssVar:"--color-moss-green",value:"155 155 122"},{name:"100",cssVar:"--color-moss-green-100",value:"31 31 24"},{name:"200",cssVar:"--color-moss-green-200",value:"63 63 47"},{name:"300",cssVar:"--color-moss-green-300",value:"94 94 71"},{name:"400",cssVar:"--color-moss-green-400",value:"126 126 95"},{name:"500",cssVar:"--color-moss-green-500",value:"155 155 122"},{name:"600",cssVar:"--color-moss-green-600",value:"174 174 148"},{name:"700",cssVar:"--color-moss-green-700",value:"194 194 175"},{name:"800",cssVar:"--color-moss-green-800",value:"215 215 202"},{name:"900",cssVar:"--color-moss-green-900",value:"235 235 228"}]},{title:"Khaki",colors:[{name:"DEFAULT",cssVar:"--color-khaki",value:"186 165 135"},{name:"100",cssVar:"--color-khaki-100",value:"41 34 23"},{name:"200",cssVar:"--color-khaki-200",value:"82 67 47"},{name:"300",cssVar:"--color-khaki-300",value:"122 101 70"},{name:"400",cssVar:"--color-khaki-400",value:"163 134 94"},{name:"500",cssVar:"--color-khaki-500",value:"186 165 135"},{name:"600",cssVar:"--color-khaki-600",value:"200 183 159"},{name:"700",cssVar:"--color-khaki-700",value:"214 201 183"},{name:"800",cssVar:"--color-khaki-800",value:"227 219 207"},{name:"900",cssVar:"--color-khaki-900",value:"241 237 231"}]},{title:"Desert Sand",colors:[{name:"DEFAULT",cssVar:"--color-desert-sand",value:"217 174 148"},{name:"100",cssVar:"--color-desert-sand-100",value:"54 33 19"},{name:"200",cssVar:"--color-desert-sand-200",value:"109 65 38"},{name:"300",cssVar:"--color-desert-sand-300",value:"163 98 57"},{name:"400",cssVar:"--color-desert-sand-400",value:"199 135 95"},{name:"500",cssVar:"--color-desert-sand-500",value:"217 174 148"},{name:"600",cssVar:"--color-desert-sand-600",value:"225 191 170"},{name:"700",cssVar:"--color-desert-sand-700",value:"233 207 192"},{name:"800",cssVar:"--color-desert-sand-800",value:"240 223 213"},{name:"900",cssVar:"--color-desert-sand-900",value:"248 239 234"}]},{title:"Peach Yellow",colors:[{name:"DEFAULT",cssVar:"--color-peach-yellow",value:"241 220 167"},{name:"100",cssVar:"--color-peach-yellow-100",value:"71 54 11"},{name:"200",cssVar:"--color-peach-yellow-200",value:"141 107 22"},{name:"300",cssVar:"--color-peach-yellow-300",value:"212 161 33"},{name:"400",cssVar:"--color-peach-yellow-400",value:"230 192 96"},{name:"500",cssVar:"--color-peach-yellow-500",value:"241 220 167"},{name:"600",cssVar:"--color-peach-yellow-600",value:"244 227 184"},{name:"700",cssVar:"--color-peach-yellow-700",value:"247 234 202"},{name:"800",cssVar:"--color-peach-yellow-800",value:"249 241 220"},{name:"900",cssVar:"--color-peach-yellow-900",value:"252 248 237"}]},{title:"Sunglow",colors:[{name:"DEFAULT",cssVar:"--color-sunglow",value:"255 203 105"},{name:"100",cssVar:"--color-sunglow-100",value:"72 47 0"},{name:"200",cssVar:"--color-sunglow-200",value:"145 94 0"},{name:"300",cssVar:"--color-sunglow-300",value:"217 141 0"},{name:"400",cssVar:"--color-sunglow-400",value:"255 178 35"},{name:"500",cssVar:"--color-sunglow-500",value:"255 203 105"},{name:"600",cssVar:"--color-sunglow-600",value:"255 214 137"},{name:"700",cssVar:"--color-sunglow-700",value:"255 224 166"},{name:"800",cssVar:"--color-sunglow-800",value:"255 234 196"},{name:"900",cssVar:"--color-sunglow-900",value:"255 245 225"}]},{title:"Earth Yellow",colors:[{name:"DEFAULT",cssVar:"--color-earth-yellow",value:"232 172 101"},{name:"100",cssVar:"--color-earth-yellow-100",value:"58 36 9"},{name:"200",cssVar:"--color-earth-yellow-200",value:"115 71 17"},{name:"300",cssVar:"--color-earth-yellow-300",value:"173 107 26"},{name:"400",cssVar:"--color-earth-yellow-400",value:"223 142 42"},{name:"500",cssVar:"--color-earth-yellow-500",value:"232 172 101"},{name:"600",cssVar:"--color-earth-yellow-600",value:"236 189 131"},{name:"700",cssVar:"--color-earth-yellow-700",value:"241 205 162"},{name:"800",cssVar:"--color-earth-yellow-800",value:"246 222 193"},{name:"900",cssVar:"--color-earth-yellow-900",value:"250 238 224"}]},{title:"Persian Orange",colors:[{name:"DEFAULT",cssVar:"--color-persian-orange",value:"208 140 96"},{name:"100",cssVar:"--color-persian-orange-100",value:"47 27 14"},{name:"200",cssVar:"--color-persian-orange-200",value:"94 55 28"},{name:"300",cssVar:"--color-persian-orange-300",value:"141 82 42"},{name:"400",cssVar:"--color-persian-orange-400",value:"188 109 56"},{name:"500",cssVar:"--color-persian-orange-500",value:"208 140 96"},{name:"600",cssVar:"--color-persian-orange-600",value:"217 165 129"},{name:"700",cssVar:"--color-persian-orange-700",value:"227 187 161"},{name:"800",cssVar:"--color-persian-orange-800",value:"236 210 192"},{name:"900",cssVar:"--color-persian-orange-900",value:"246 232 224"}]},{title:"Chamoisee",colors:[{name:"DEFAULT",cssVar:"--color-chamoisee",value:"181 132 99"},{name:"100",cssVar:"--color-chamoisee-100",value:"38 26 18"},{name:"200",cssVar:"--color-chamoisee-200",value:"76 52 36"},{name:"300",cssVar:"--color-chamoisee-300",value:"114 78 54"},{name:"400",cssVar:"--color-chamoisee-400",value:"153 104 72"},{name:"500",cssVar:"--color-chamoisee-500",value:"181 132 99"},{name:"600",cssVar:"--color-chamoisee-600",value:"196 157 130"},{name:"700",cssVar:"--color-chamoisee-700",value:"211 181 161"},{name:"800",cssVar:"--color-chamoisee-800",value:"226 206 193"},{name:"900",cssVar:"--color-chamoisee-900",value:"240 230 224"}]},{title:"Beaver",colors:[{name:"DEFAULT",cssVar:"--color-beaver",value:"153 123 102"},{name:"100",cssVar:"--color-beaver-100",value:"31 25 20"},{name:"200",cssVar:"--color-beaver-200",value:"61 49 41"},{name:"300",cssVar:"--color-beaver-300",value:"92 74 61"},{name:"400",cssVar:"--color-beaver-400",value:"122 99 82"},{name:"500",cssVar:"--color-beaver-500",value:"153 123 102"},{name:"600",cssVar:"--color-beaver-600",value:"173 150 133"},{name:"700",cssVar:"--color-beaver-700",value:"194 176 163"},{name:"800",cssVar:"--color-beaver-800",value:"214 202 194"},{name:"900",cssVar:"--color-beaver-900",value:"235 229 224"}]}],t=[{name:"Background",cssVar:"--color-background"},{name:"Surface",cssVar:"--color-surface"},{name:"Surface Variant",cssVar:"--color-surface-variant"},{name:"Text Primary",cssVar:"--color-text-primary"},{name:"Text Secondary",cssVar:"--color-text-secondary"},{name:"Text Muted",cssVar:"--color-text-muted"},{name:"Border",cssVar:"--color-border"},{name:"Border Subtle",cssVar:"--color-border-subtle"}];return e.jsxs("div",{className:"p-8 space-y-8 bg-background min-h-screen",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-3xl font-bold text-text-primary",children:"AceMyJob Color Palette"}),e.jsx("p",{className:"text-text-secondary",children:"Your complete design system color reference"})]}),l.map(n=>e.jsx(U,{...n},n.title)),s.map(n=>e.jsx(U,{...n},n.title)),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:"Semantic Colors (Theme-aware)"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4",children:t.map(n=>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:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${F(n.cssVar)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:n.name}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:n.cssVar})]})]},n.name))})]}),e.jsx("div",{className:"text-center pt-8 border-t border-border-subtle",children:e.jsx("p",{className:"text-text-muted text-sm",children:"Toggle between light and dark themes to see how semantic colors adapt"})})]})},W=u.createContext(void 0),q=({children:s,defaultTheme:l="system",storageKey:t="acemyjob-ui-theme"})=>{const[n,c]=u.useState(l),[o,h]=u.useState("light"),[g,w]=u.useState(!1);u.useEffect(()=>{const f=localStorage.getItem(t);f&&c(f),w(!0)},[t]),u.useEffect(()=>{if(!g)return;const f=window.document.documentElement,b=()=>{let x;n==="system"?x=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":x=n,h(x),f.classList.remove("light","dark"),f.classList.add(x)};if(b(),n==="system"){const x=window.matchMedia("(prefers-color-scheme: dark)"),y=()=>b();return x.addEventListener("change",y),()=>x.removeEventListener("change",y)}},[n,g]);const j={theme:n,setTheme:f=>{localStorage.setItem(t,f),c(f)},resolvedTheme:o};return e.jsx(W.Provider,{value:j,children:s})},ie=()=>{const s=u.useContext(W);if(s===void 0)throw new Error("useTheme must be used within a ThemeProvider");return s},ue=u.createContext(void 0),de=()=>{const s=u.useContext(ue);if(s===void 0)throw new Error("useTheme must be used within a ThemeProvider");return s},H=()=>{const{theme:s,setTheme:l}=de(),[t,n]=u.useState(!1);if(u.useEffect(()=>{n(!0)},[]),!t)return e.jsxs("button",{className:"flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors","aria-label":"Loading theme toggle",children:[e.jsx("div",{className:"w-4 h-4 animate-pulse bg-text-muted rounded"}),e.jsx("span",{className:"hidden sm:inline",children:"Loading..."})]});const c=()=>{l(s==="light"?"dark":s==="dark"?"system":"light")},o=()=>{switch(s){case"light":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"})});case"dark":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"})});case"system":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children: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"})})}},h=()=>{switch(s){case"light":return"Light";case"dark":return"Dark";case"system":return"System"}};return e.jsxs("button",{onClick:c,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: ${h()}. Click to cycle themes.`,children:[o(),e.jsx("span",{className:"hidden sm:inline",children:h()})]})},me=()=>e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"fixed top-4 right-4 z-10",children:e.jsx(H,{})}),e.jsx($,{})]}),ve=()=>e.jsx(q,{defaultTheme:"system",storageKey:"acemyjob-demo-theme",children:e.jsx(me,{})}),J={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",outline:"border border-border bg-background hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",secondary:"bg-khaki-500 text-white hover:bg-khaki-600 focus-visible:ring-khaki-500",ghost:"hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",link:"text-reseda-green-500 underline-offset-4 hover:underline focus-visible:ring-reseda-green-500",none:""},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-12 rounded-md px-10 text-base",icon:"h-10 w-10"}},he="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",xe=(...s)=>s.filter(Boolean).join(" "),_=u.forwardRef(({className:s,variant:l="default",size:t="default",fullWidth:n=!1,loading:c=!1,leftIcon:o,rightIcon:h,children:g,disabled:w,...j},f)=>{const b=w||c,x=xe(he,J.variant[l],J.size[t],n?"w-full":"",s);return e.jsxs("button",{className:x,ref:f,disabled:b,...j,children:[c&&e.jsxs("svg",{className:"mr-2 h-4 w-4 animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),!c&&o&&e.jsx("span",{className:"mr-2",children:o}),g,!c&&h&&e.jsx("span",{className:"ml-2",children:h})]})});_.displayName="Button";const G={provider:{linkedin:"bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"},iconPosition:{left:"flex-row",right:"flex-row-reverse",only:"justify-center"}},fe=(...s)=>s.filter(Boolean).join(" "),X=u.forwardRef(({className:s,provider:l,iconPosition:t="left",icon:n,showText:c=!0,children:o,size:h="default",fullWidth:g=!0,...w},j)=>{const b=n||{linkedin:e.jsx("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",fill:"currentColor",children: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"})})}[l],y=o||(c?{linkedin:"Continue with LinkedIn"}[l]:""),R=fe("relative overflow-hidden transition-all duration-200",G.provider[l],G.iconPosition[t],s);return e.jsxs(_,{ref:j,variant:"none",className:R,size:h,fullWidth:g,leftIcon:t==="left"?b:void 0,rightIcon:t==="right"?b:void 0,...w,children:[t==="only"&&b,t!=="only"&&y]})});X.displayName="SocialButton",d.Button=_,d.ColorPalette=$,d.Demo=ve,d.Sidebar=te,d.SocialButton=X,d.ThemeProvider=q,d.ThemeToggle=H,d.useTheme=ie,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -5,3 +5,5 @@ export { ColorPalette } from './component/ColorPalette';
 export { Demo } from './Demo';
 export { ThemeProvider, useTheme, ThemeToggle } from './theme';
 export type { Theme, ThemeContextType, ThemeProviderProps } from './theme';
+export { Button, SocialButton } from './component/Button';
+export type { ButtonProps, SocialButtonProps } from './component/Button';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "acemyjob-ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "A React component library for job search and career management applications",
   "keywords": [
     "react",