acemyjob-ui 0.2.1 → 0.2.3

package/dist/acemyjob-ui.es.js

@@ -1,7 +1,7 @@
-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 $, { useState as N, createContext as X, useEffect as S, useContext as Q } from "react";
+import { Dialog as ve, DialogBackdrop as xe, DialogPanel as he, TransitionChild as fe } from "@headlessui/react";
 import { XMarkIcon as ge, Bars3Icon as be } from "@heroicons/react/24/outline";
-var T = { exports: {} }, y = {};
+var E = { exports: {} }, k = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,27 +13,27 @@ var T = { exports: {} }, y = {};
  */
 var U;
 function pe() {
-  if (U) return y;
+  if (U) return k;
   U = 1;
   var s = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  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, {
+  function l(a, c, i) {
+    var t = null;
+    if (i !== void 0 && (t = "" + i), c.key !== void 0 && (t = "" + c.key), "key" in c) {
+      i = {};
+      for (var h in c)
+        h !== "key" && (i[h] = c[h]);
+    } else i = c;
+    return c = i.ref, {
       $$typeof: s,
-      type: l,
-      key: d,
+      type: a,
+      key: t,
       ref: c !== void 0 ? c : null,
-      props: o
+      props: i
     };
   }
-  return y.Fragment = n, y.jsx = t, y.jsxs = t, y;
+  return k.Fragment = n, k.jsx = l, k.jsxs = l, k;
 }
-var k = {};
+var T = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -52,13 +52,13 @@ function Ve() {
         return r.$$typeof === ue ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
-        case _:
+        case C:
           return "Fragment";
-        case se:
+        case ae:
           return "Profiler";
         case re:
           return "StrictMode";
-        case ne:
+        case le:
           return "Suspense";
         case te:
           return "SuspenseList";
@@ -73,17 +73,17 @@ function Ve() {
             return "Portal";
           case oe:
             return (r.displayName || "Context") + ".Provider";
-          case ae:
+          case se:
             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 ne:
+            var o = r.render;
+            return r = r.displayName, r || (r = o.displayName || o.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;
+            return o = r.displayName || null, o !== null ? o : s(r.type) || "Memo";
+          case B:
+            o = r._payload, r = r._init;
             try {
-              return s(r(a));
+              return s(r(o));
             } catch {
             }
         }
@@ -92,76 +92,76 @@ function Ve() {
     function n(r) {
       return "" + r;
     }
-    function t(r) {
+    function l(r) {
       try {
         n(r);
-        var a = !1;
+        var o = !1;
       } catch {
-        a = !0;
+        o = !0;
       }
-      if (a) {
-        a = console;
-        var i = a.error, u = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return i.call(
-          a,
+      if (o) {
+        o = console;
+        var u = o.error, d = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return u.call(
+          o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          u
+          d
         ), n(r);
       }
     }
-    function l(r) {
-      if (r === _) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === M)
+    function a(r) {
+      if (r === C) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === B)
         return "<...>";
       try {
-        var a = s(r);
-        return a ? "<" + a + ">" : "<...>";
+        var o = s(r);
+        return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function c() {
-      var r = C.A;
+      var r = _.A;
       return r === null ? null : r.getOwner();
     }
-    function o() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function d(r) {
-      if (z.call(r, "key")) {
-        var a = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (a && a.isReactWarning) return !1;
+    function t(r) {
+      if (D.call(r, "key")) {
+        var o = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (o && o.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function x(r, a) {
-      function i() {
-        Y || (Y = !0, console.error(
+    function h(r, o) {
+      function u() {
+        M || (M = !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
+          o
         ));
       }
-      i.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: i,
+      u.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: u,
         configurable: !0
       });
     }
-    function p() {
+    function V() {
       var r = s(this.type);
-      return F[r] || (F[r] = !0, console.error(
+      return z[r] || (z[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 V(r, a, i, u, b, g, A, O) {
-      return i = g.ref, r = {
-        $$typeof: w,
+    function w(r, o, u, d, p, b, O, P) {
+      return u = b.ref, r = {
+        $$typeof: j,
         type: r,
-        key: a,
-        props: g,
-        _owner: b
-      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
+        key: o,
+        props: b,
+        _owner: p
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: p
+        get: V
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -176,68 +176,68 @@ function Ve() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
+        value: O
       }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
+        value: P
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function h(r, a, i, u, b, g, A, O) {
-      var m = a.children;
+    function x(r, o, u, d, p, b, O, P) {
+      var m = o.children;
       if (m !== void 0)
-        if (u)
-          if (me(m)) {
-            for (u = 0; u < m.length; u++)
-              f(m[u]);
+        if (d)
+          if (de(m)) {
+            for (d = 0; d < m.length; d++)
+              g(m[d]);
             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 f(m);
-      if (z.call(a, "key")) {
+        else g(m);
+      if (D.call(o, "key")) {
         m = s(r);
-        var j = Object.keys(a).filter(function(de) {
-          return de !== "key";
+        var y = Object.keys(o).filter(function(me) {
+          return me !== "key";
         });
-        u = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", $[m + u] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", I[m + d] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          u,
+          d,
           m,
-          j,
+          y,
           m
-        ), $[m + u] = !0);
+        ), I[m + d] = !0);
       }
-      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" && (i[P] = a[P]);
-      } else i = a;
-      return m && x(
-        i,
+      if (m = null, u !== void 0 && (l(u), m = "" + u), t(o) && (l(o.key), m = "" + o.key), "key" in o) {
+        u = {};
+        for (var L in o)
+          L !== "key" && (u[L] = o[L]);
+      } else u = o;
+      return m && h(
+        u,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), V(
+      ), w(
         r,
         m,
-        g,
         b,
+        p,
         c(),
-        i,
-        A,
-        O
+        u,
+        O,
+        P
       );
     }
-    function f(r) {
-      typeof r == "object" && r !== null && r.$$typeof === w && r._store && (r._store.validated = 1);
+    function g(r) {
+      typeof r == "object" && r !== null && r.$$typeof === j && r._store && (r._store.validated = 1);
     }
-    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() {
+    var v = $, j = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), re = Symbol.for("react.strict_mode"), ae = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), oe = Symbol.for("react.context"), ne = Symbol.for("react.forward_ref"), le = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), _ = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, de = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -245,67 +245,75 @@ React keys must be passed directly to JSX without using spread:
         return r();
       }
     };
-    var Y, F = {}, B = v["react-stack-bottom-frame"].bind(
+    var M, z = {}, Y = 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(
+      i
+    )(), F = A(a(i)), I = {};
+    T.Fragment = C, T.jsx = function(r, o, u, d, p) {
+      var b = 1e4 > _.recentlyCreatedOwnerStacks++;
+      return x(
         r,
-        a,
-        i,
-        !1,
+        o,
         u,
-        b,
-        g ? Error("react-stack-top-frame") : B,
-        g ? S(l(r)) : I
+        !1,
+        d,
+        p,
+        b ? Error("react-stack-top-frame") : Y,
+        b ? A(a(r)) : F
       );
-    }, k.jsxs = function(r, a, i, u, b) {
-      var g = 1e4 > C.recentlyCreatedOwnerStacks++;
-      return h(
+    }, T.jsxs = function(r, o, u, d, p) {
+      var b = 1e4 > _.recentlyCreatedOwnerStacks++;
+      return x(
         r,
-        a,
-        i,
-        !0,
+        o,
         u,
-        b,
-        g ? Error("react-stack-top-frame") : B,
-        g ? S(l(r)) : I
+        !0,
+        d,
+        p,
+        b ? Error("react-stack-top-frame") : Y,
+        b ? A(a(r)) : F
       );
     };
-  }()), k;
+  }()), T;
 }
 var G;
 function we() {
-  return G || (G = 1, process.env.NODE_ENV === "production" ? T.exports = pe() : T.exports = Ve()), T.exports;
+  return G || (G = 1, process.env.NODE_ENV === "production" ? E.exports = pe() : E.exports = Ve()), E.exports;
 }
 var e = we();
-function E(...s) {
+const je = {
+  bg: "bg-indigo-600",
+  activeBg: "bg-indigo-700",
+  text: "text-indigo-200",
+  activeText: "text-white",
+  hoverBg: "hover:bg-indigo-700",
+  hoverText: "hover:text-white"
+};
+function f(...s) {
   return s.filter(Boolean).join(" ");
 }
-function De({ company: s, profile: n, navigation: t }) {
-  const [l, c] = N(!1);
+function Be({ company: s, profile: n, navigation: l, colorScheme: a = je }) {
+  const [c, i] = 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.jsxs(ve, { open: c, onClose: i, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
-        he,
+        xe,
         {
           transition: !0,
           className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"
         }
       ),
       /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ e.jsxs(
-        xe,
+        he,
         {
           transition: !0,
           className: "relative mr-16 flex w-full max-w-xs flex-1 transform transition duration-300 ease-in-out data-closed:-translate-x-full",
           children: [
-            /* @__PURE__ */ e.jsx(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(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: () => i(!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__ */ e.jsxs("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6 pb-2", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: f("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", a.bg), children: [
               /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
                 "img",
                 {
@@ -314,35 +322,35 @@ function De({ company: s, profile: n, navigation: t }) {
                   className: "h-8 w-auto"
                 }
               ) }),
-              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((o) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.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: l.map((t) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
                 "a",
                 {
-                  href: o.href,
-                  className: E(
-                    o.current ? "bg-indigo-700 text-white" : "text-indigo-200 hover:bg-indigo-700 hover:text-white",
+                  href: t.href,
+                  className: f(
+                    t.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
                     "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
                   ),
                   children: [
                     /* @__PURE__ */ e.jsx(
-                      o.icon,
+                      t.icon,
                       {
                         "aria-hidden": "true",
-                        className: E(
-                          o.current ? "text-white" : "text-indigo-200 group-hover:text-white",
+                        className: f(
+                          t.current ? a.activeText : `${a.text} group-${a.hoverText}`,
                           "size-6 shrink-0"
                         )
                       }
                     ),
-                    o.name
+                    t.name
                   ]
                 }
-              ) }, o.name)) }) }) }) })
+              ) }, t.name)) }) }) }) })
             ] })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: f("flex grow flex-col gap-y-5 overflow-y-auto px-6", a.bg), children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
         "img",
         {
@@ -352,41 +360,45 @@ function De({ company: s, profile: n, navigation: t }) {
         }
       ) }),
       /* @__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(
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: l.map((t) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
           "a",
           {
-            href: o.href,
-            className: E(
-              o.current ? "bg-indigo-700 text-white" : "text-indigo-200 hover:bg-indigo-700 hover:text-white",
+            href: t.href,
+            className: f(
+              t.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
               "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
             ),
             children: [
               /* @__PURE__ */ e.jsx(
-                o.icon,
+                t.icon,
                 {
                   "aria-hidden": "true",
-                  className: E(
-                    o.current ? "text-white" : "text-indigo-200 group-hover:text-white",
+                  className: f(
+                    t.current ? a.activeText : `${a.text} group-${a.hoverText}`,
                     "size-6 shrink-0"
                   )
                 }
               ),
-              o.name
+              t.name
             ]
           }
-        ) }, o.name)) }) }),
+        ) }, t.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",
+            className: f(
+              "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
+              a.activeText,
+              a.hoverBg
+            ),
             children: [
               /* @__PURE__ */ e.jsx(
                 "img",
                 {
                   alt: n.name,
                   src: n.image,
-                  className: "size-8 rounded-full bg-indigo-700"
+                  className: f("size-8 rounded-full", a.activeBg)
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
@@ -396,12 +408,12 @@ function De({ company: s, profile: n, navigation: t }) {
         ) })
       ] }) })
     ] }) }),
-    /* @__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.jsxs("div", { className: f("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden", a.bg), children: [
+      /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => i(!0), className: f("-m-2.5 p-2.5 lg:hidden", a.text), children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
         /* @__PURE__ */ e.jsx(be, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex-1 text-sm/6 font-semibold text-white", children: "Dashboard" }),
+      /* @__PURE__ */ e.jsx("div", { className: f("flex-1 text-sm/6 font-semibold", a.activeText), children: "Dashboard" }),
       /* @__PURE__ */ e.jsxs("a", { href: "#", children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
         /* @__PURE__ */ e.jsx(
@@ -409,15 +421,15 @@ function De({ company: s, profile: n, navigation: t }) {
           {
             alt: n.name,
             src: n.image,
-            className: "size-8 rounded-full bg-indigo-700"
+            className: f("size-8 rounded-full", a.activeBg)
           }
         )
       ] })
     ] })
   ] }) });
 }
-const Z = (s) => s.replace("--color-", "bg-"), je = ({ name: s, cssVar: n, value: t }) => {
-  const l = `rgb(${t})`;
+const Z = (s) => s.replace("--color-", "bg-"), ye = ({ name: s, cssVar: n, value: l }) => {
+  const a = `rgb(${l})`;
   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",
@@ -428,13 +440,13 @@ const Z = (s) => s.replace("--color-", "bg-"), je = ({ name: s, cssVar: n, value
     /* @__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 })
+      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: a })
     ] })
   ] });
 }, 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 = () => {
+  /* @__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((l) => /* @__PURE__ */ e.jsx(ye, { ...l }, l.name)) })
+] }), ke = () => {
   const s = [
     {
       title: "Success Colors (Green)",
@@ -635,7 +647,7 @@ const Z = (s) => s.replace("--color-", "bg-"), je = ({ name: s, cssVar: n, value
         { name: "900", cssVar: "--color-beaver-900", value: "235 229 224" }
       ]
     }
-  ], t = [
+  ], l = [
     { name: "Background", cssVar: "--color-background" },
     { name: "Surface", cssVar: "--color-surface" },
     { name: "Surface Variant", cssVar: "--color-surface-variant" },
@@ -650,68 +662,68 @@ const Z = (s) => s.replace("--color-", "bg-"), je = ({ name: s, cssVar: n, value
       /* @__PURE__ */ e.jsx("h1", { className: "text-3xl font-bold text-text-primary", children: "AceMyJob Color Palette" }),
       /* @__PURE__ */ e.jsx("p", { className: "text-text-secondary", children: "Your complete design system color reference" })
     ] }),
-    n.map((l) => /* @__PURE__ */ e.jsx(J, { ...l }, l.title)),
-    s.map((l) => /* @__PURE__ */ e.jsx(J, { ...l }, l.title)),
+    n.map((a) => /* @__PURE__ */ e.jsx(J, { ...a }, a.title)),
+    s.map((a) => /* @__PURE__ */ e.jsx(J, { ...a }, a.title)),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: "Semantic Colors (Theme-aware)" }),
-      /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: t.map((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: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: l.map((a) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Z(l.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Z(a.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 })
+          /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: a.name }),
+          /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: a.cssVar })
         ] })
-      ] }, l.name)) })
+      ] }, a.name)) })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "text-center pt-8 border-t border-border-subtle", children: /* @__PURE__ */ e.jsx("p", { className: "text-text-muted text-sm", children: "Toggle between light and dark themes to see how semantic colors adapt" }) })
   ] });
-}, K = X(void 0), ke = ({
+}, K = X(void 0), Te = ({
   children: s,
   defaultTheme: n = "system",
-  storageKey: t = "acemyjob-ui-theme"
+  storageKey: l = "acemyjob-ui-theme"
 }) => {
-  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 = () => {
+  const [a, c] = N(n), [i, t] = N("light"), [h, V] = N(!1);
+  S(() => {
+    const x = localStorage.getItem(l);
+    x && c(x), V(!0);
+  }, [l]), S(() => {
+    if (!h) return;
+    const x = window.document.documentElement, g = () => {
       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);
+      a === "system" ? v = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : v = a, t(v), x.classList.remove("light", "dark"), x.classList.add(v);
     };
-    if (f(), l === "system") {
-      const v = window.matchMedia("(prefers-color-scheme: dark)"), w = () => f();
-      return v.addEventListener("change", w), () => v.removeEventListener("change", w);
+    if (g(), a === "system") {
+      const v = window.matchMedia("(prefers-color-scheme: dark)"), j = () => g();
+      return v.addEventListener("change", j), () => v.removeEventListener("change", j);
     }
-  }, [l, x]);
-  const V = {
-    theme: l,
-    setTheme: (h) => {
-      localStorage.setItem(t, h), c(h);
+  }, [a, h]);
+  const w = {
+    theme: a,
+    setTheme: (x) => {
+      localStorage.setItem(l, x), c(x);
     },
-    resolvedTheme: o
+    resolvedTheme: i
   };
-  return /* @__PURE__ */ e.jsx(K.Provider, { value: V, children: s });
-}, Me = () => {
+  return /* @__PURE__ */ e.jsx(K.Provider, { value: w, children: s });
+}, De = () => {
   const s = Q(K);
   if (s === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return s;
-}, Ne = X(void 0), Te = () => {
+}, Ne = X(void 0), Ee = () => {
   const s = Q(Ne);
   if (s === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return s;
-}, Ee = () => {
-  const { theme: s, setTheme: n } = Te(), [t, l] = N(!1);
-  if (L(() => {
-    l(!0);
-  }, []), !t)
+}, Re = () => {
+  const { theme: s, setTheme: n } = Ee(), [l, a] = N(!1);
+  if (S(() => {
+    a(!0);
+  }, []), !l)
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -725,7 +737,7 @@ const Z = (s) => s.replace("--color-", "bg-"), je = ({ name: s, cssVar: n, value
     );
   const c = () => {
     n(s === "light" ? "dark" : s === "dark" ? "system" : "light");
-  }, o = () => {
+  }, i = () => {
     switch (s) {
       case "light":
         return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
@@ -734,7 +746,7 @@ const Z = (s) => s.replace("--color-", "bg-"), je = ({ name: s, cssVar: n, value
       case "system":
         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" }) });
     }
-  }, d = () => {
+  }, t = () => {
     switch (s) {
       case "light":
         return "Light";
@@ -749,17 +761,17 @@ const Z = (s) => s.replace("--color-", "bg-"), je = ({ name: s, cssVar: n, value
     {
       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: ${d()}. Click to cycle themes.`,
+      "aria-label": `Current theme: ${t()}. Click to cycle themes.`,
       children: [
-        o(),
-        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: d() })
+        i(),
+        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: t() })
       ]
     }
   );
-}, 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 = {
+}, Ce = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Re, {}) }),
+  /* @__PURE__ */ e.jsx(ke, {})
+] }), Me = () => /* @__PURE__ */ e.jsx(Te, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Ce, {}) }), 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",
@@ -777,33 +789,33 @@ const Z = (s) => s.replace("--color-", "bg-"), je = ({ name: s, cssVar: n, value
     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(
+}, _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", Ae = (...s) => s.filter(Boolean).join(" "), ee = $.forwardRef(
   ({
     className: s,
     variant: n = "default",
-    size: t = "default",
-    fullWidth: l = !1,
+    size: l = "default",
+    fullWidth: a = !1,
     loading: c = !1,
-    leftIcon: o,
-    rightIcon: d,
-    children: x,
-    disabled: p,
-    ...V
-  }, h) => {
-    const f = p || c, v = Ce(
+    leftIcon: i,
+    rightIcon: t,
+    children: h,
+    disabled: V,
+    ...w
+  }, x) => {
+    const g = V || c, v = Ae(
       _e,
       H.variant[n],
-      H.size[t],
-      l ? "w-full" : "",
+      H.size[l],
+      a ? "w-full" : "",
       s
     );
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: v,
-        ref: h,
-        disabled: f,
-        ...V,
+        ref: x,
+        disabled: g,
+        ...w,
         children: [
           c && /* @__PURE__ */ e.jsxs(
             "svg",
@@ -835,9 +847,9 @@ const Z = (s) => s.replace("--color-", "bg-"), je = ({ name: s, cssVar: n, value
               ]
             }
           ),
-          !c && o && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: o }),
-          x,
-          !c && d && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: d })
+          !c && i && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: i }),
+          h,
+          !c && t && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: t })
         ]
       }
     );
@@ -853,55 +865,55 @@ const q = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, Se = (...s) => s.filter(Boolean).join(" "), Ae = D.forwardRef(
+}, Oe = (...s) => s.filter(Boolean).join(" "), Pe = $.forwardRef(
   ({
     className: s,
     provider: n,
-    iconPosition: t = "left",
-    icon: l,
+    iconPosition: l = "left",
+    icon: a,
     showText: c = !0,
-    children: o,
-    size: d = "default",
-    fullWidth: x = !0,
-    ...p
-  }, V) => {
-    const f = l || {
+    children: i,
+    size: t = "default",
+    fullWidth: h = !0,
+    ...V
+  }, w) => {
+    const g = a || {
       linkedin: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e.jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })
-    }[n], w = o || (c ? {
+    }[n], j = i || (c ? {
       linkedin: "Continue with LinkedIn"
-    }[n] : ""), R = Se(
+    }[n] : ""), R = Oe(
       "relative overflow-hidden transition-all duration-200",
       q.provider[n],
-      q.iconPosition[t],
+      q.iconPosition[l],
       s
     );
     return /* @__PURE__ */ e.jsxs(
       ee,
       {
-        ref: V,
+        ref: w,
         variant: "none",
         className: R,
-        size: d,
-        fullWidth: x,
-        leftIcon: t === "left" ? f : void 0,
-        rightIcon: t === "right" ? f : void 0,
-        ...p,
+        size: t,
+        fullWidth: h,
+        leftIcon: l === "left" ? g : void 0,
+        rightIcon: l === "right" ? g : void 0,
+        ...V,
         children: [
-          t === "only" && f,
-          t !== "only" && w
+          l === "only" && g,
+          l !== "only" && j
         ]
       }
     );
   }
 );
-Ae.displayName = "SocialButton";
+Pe.displayName = "SocialButton";
 export {
   ee as Button,
-  ye as ColorPalette,
-  ze as Demo,
-  De as Sidebar,
-  Ae as SocialButton,
-  ke as ThemeProvider,
-  Ee as ThemeToggle,
-  Me as useTheme
+  ke as ColorPalette,
+  Me as Demo,
+  Be as Sidebar,
+  Pe as SocialButton,
+  Te as ThemeProvider,
+  Re as ThemeToggle,
+  De as useTheme
 };