acemyjob-ui 0.9.0 → 0.9.1

package/dist/acemyjob-ui.es.js

@@ -1,6 +1,6 @@
 import * as R from "react";
 import D, { useState as N, createContext as xe, useEffect as B, useContext as ve } from "react";
-import { Dialog as fe, DialogBackdrop as he, DialogPanel as ge, TransitionChild as be } from "@headlessui/react";
+import { Dialog as he, DialogBackdrop as fe, DialogPanel as ge, TransitionChild as be } from "@headlessui/react";
 import { XMarkIcon as pe, Bars3Icon as je, ChevronDownIcon as we, InformationCircleIcon as Ve, ExclamationCircleIcon as ye, XCircleIcon as Ne, CheckCircleIcon as ke } from "@heroicons/react/24/outline";
 var E = { exports: {} }, k = {};
 /**
@@ -12,24 +12,24 @@ var E = { exports: {} }, k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var W;
+var G;
 function Te() {
-  if (W) return k;
-  W = 1;
+  if (G) return k;
+  G = 1;
   var s = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function t(o, l, n) {
+  function t(o, n, l) {
     var i = null;
-    if (n !== void 0 && (i = "" + n), l.key !== void 0 && (i = "" + l.key), "key" in l) {
-      n = {};
-      for (var u in l)
-        u !== "key" && (n[u] = l[u]);
-    } else n = l;
-    return l = n.ref, {
+    if (l !== void 0 && (i = "" + l), n.key !== void 0 && (i = "" + n.key), "key" in n) {
+      l = {};
+      for (var u in n)
+        u !== "key" && (l[u] = n[u]);
+    } else l = n;
+    return n = l.ref, {
       $$typeof: s,
       type: o,
       key: i,
-      ref: l !== void 0 ? l : null,
-      props: n
+      ref: n !== void 0 ? n : null,
+      props: l
     };
   }
   return k.Fragment = a, k.jsx = t, k.jsxs = t, k;
@@ -44,9 +44,9 @@ var T = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var G;
+var J;
 function Ee() {
-  return G || (G = 1, process.env.NODE_ENV !== "production" && function() {
+  return J || (J = 1, process.env.NODE_ENV !== "production" && function() {
     function s(r) {
       if (r == null) return null;
       if (typeof r == "function")
@@ -81,7 +81,7 @@ function Ee() {
             return r = r.displayName, r || (r = c.displayName || c.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
           case ce:
             return c = r.displayName || null, c !== null ? c : s(r.type) || "Memo";
-          case S:
+          case I:
             c = r._payload, r = r._init;
             try {
               return s(r(c));
@@ -112,7 +112,7 @@ function Ee() {
     }
     function o(r) {
       if (r === _) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === S)
+      if (typeof r == "object" && r !== null && r.$$typeof === I)
         return "<...>";
       try {
         var c = s(r);
@@ -121,15 +121,15 @@ function Ee() {
         return "<...>";
       }
     }
-    function l() {
+    function n() {
       var r = A.A;
       return r === null ? null : r.getOwner();
     }
-    function n() {
+    function l() {
       return Error("react-stack-top-frame");
     }
     function i(r) {
-      if (I.call(r, "key")) {
+      if (M.call(r, "key")) {
         var c = Object.getOwnPropertyDescriptor(r, "key").get;
         if (c && c.isReactWarning) return !1;
       }
@@ -137,7 +137,7 @@ function Ee() {
     }
     function u(r, c) {
       function d() {
-        M || (M = !0, console.error(
+        z || (z = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           c
         ));
@@ -149,7 +149,7 @@ function Ee() {
     }
     function p() {
       var r = s(this.type);
-      return z[r] || (z[r] = !0, console.error(
+      return F[r] || (F[r] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
@@ -198,12 +198,12 @@ function Ee() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else g(v);
-      if (I.call(c, "key")) {
+      if (M.call(c, "key")) {
         v = s(r);
         var y = Object.keys(c).filter(function(me) {
           return me !== "key";
         });
-        x = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", U[v + x] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+        x = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", W[v + x] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -214,7 +214,7 @@ React keys must be passed directly to JSX without using spread:
           v,
           y,
           v
-        ), U[v + x] = !0);
+        ), W[v + x] = !0);
       }
       if (v = null, d !== void 0 && (t(d), v = "" + d), i(c) && (t(c.key), v = "" + c.key), "key" in c) {
         d = {};
@@ -229,7 +229,7 @@ React keys must be passed directly to JSX without using spread:
         v,
         b,
         w,
-        l(),
+        n(),
         d,
         O,
         P
@@ -238,18 +238,18 @@ React keys must be passed directly to JSX without using spread:
     function g(r) {
       typeof r == "object" && r !== null && r.$$typeof === V && r._store && (r._store.validated = 1);
     }
-    var f = D, V = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), re = Symbol.for("react.strict_mode"), se = Symbol.for("react.profiler"), ae = Symbol.for("react.consumer"), oe = Symbol.for("react.context"), te = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), A = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, de = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var h = D, V = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), re = Symbol.for("react.strict_mode"), se = Symbol.for("react.profiler"), ae = Symbol.for("react.consumer"), oe = Symbol.for("react.context"), te = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, de = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
-    f = {
+    h = {
       "react-stack-bottom-frame": function(r) {
         return r();
       }
     };
-    var M, z = {}, F = f["react-stack-bottom-frame"].bind(
-      f,
-      n
-    )(), Y = $(o(n)), U = {};
+    var z, F = {}, Y = h["react-stack-bottom-frame"].bind(
+      h,
+      l
+    )(), U = $(o(l)), W = {};
     T.Fragment = _, T.jsx = function(r, c, d, x, w) {
       var b = 1e4 > A.recentlyCreatedOwnerStacks++;
       return m(
@@ -259,8 +259,8 @@ React keys must be passed directly to JSX without using spread:
         !1,
         x,
         w,
-        b ? Error("react-stack-top-frame") : F,
-        b ? $(o(r)) : Y
+        b ? Error("react-stack-top-frame") : Y,
+        b ? $(o(r)) : U
       );
     }, T.jsxs = function(r, c, d, x, w) {
       var b = 1e4 > A.recentlyCreatedOwnerStacks++;
@@ -271,15 +271,15 @@ React keys must be passed directly to JSX without using spread:
         !0,
         x,
         w,
-        b ? Error("react-stack-top-frame") : F,
-        b ? $(o(r)) : Y
+        b ? Error("react-stack-top-frame") : Y,
+        b ? $(o(r)) : U
       );
     };
   }()), T;
 }
-var J;
+var X;
 function Re() {
-  return J || (J = 1, process.env.NODE_ENV === "production" ? E.exports = Te() : E.exports = Ee()), E.exports;
+  return X || (X = 1, process.env.NODE_ENV === "production" ? E.exports = Te() : E.exports = Ee()), E.exports;
 }
 var e = Re();
 const Ce = {
@@ -290,23 +290,23 @@ const Ce = {
   hoverBg: "hover:bg-indigo-700",
   hoverText: "hover:text-white"
 };
-function h(...s) {
+function f(...s) {
   return s.filter(Boolean).join(" ");
 }
-function X({ item: s, colorScheme: a }) {
-  const [t, o] = N(s.current || s.children?.some((n) => n.current)), l = s.children && s.children.length > 0;
+function H({ item: s, colorScheme: a }) {
+  const [t, o] = N(s.current || s.children?.some((l) => l.current)), n = s.children && s.children.length > 0;
   return /* @__PURE__ */ e.jsxs("li", { children: [
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: l ? void 0 : s.href,
-        onClick: (n) => {
-          l && (n.preventDefault(), o(!t));
+        href: n ? void 0 : s.href,
+        onClick: (l) => {
+          n && (l.preventDefault(), o(!t));
         },
-        className: h(
+        className: f(
           s.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
           "group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",
-          l ? "cursor-pointer" : ""
+          n ? "cursor-pointer" : ""
         ),
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
@@ -314,7 +314,7 @@ function X({ item: s, colorScheme: a }) {
               s.icon,
               {
                 "aria-hidden": "true",
-                className: h(
+                className: f(
                   s.current ? a.activeText : `${a.text} group-${a.hoverText}`,
                   "size-6 shrink-0"
                 )
@@ -322,10 +322,10 @@ function X({ item: s, colorScheme: a }) {
             ),
             s.name
           ] }),
-          l && /* @__PURE__ */ e.jsx(
+          n && /* @__PURE__ */ e.jsx(
             we,
             {
-              className: h(
+              className: f(
                 "size-5 shrink-0 transition-transform",
                 t ? "rotate-180" : "",
                 s.current ? a.activeText : a.text
@@ -335,37 +335,37 @@ function X({ item: s, colorScheme: a }) {
         ]
       }
     ) }),
-    l && t && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: s.children.map((n) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
+    n && t && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: s.children.map((l) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: n.href,
-        className: h(
-          n.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
+        href: l.href,
+        className: f(
+          l.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
           "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
         ),
         children: [
           /* @__PURE__ */ e.jsx(
-            n.icon,
+            l.icon,
             {
               "aria-hidden": "true",
-              className: h(
-                n.current ? a.activeText : `${a.text} group-${a.hoverText}`,
+              className: f(
+                l.current ? a.activeText : `${a.text} group-${a.hoverText}`,
                 "size-5 shrink-0"
               )
             }
           ),
-          n.name
+          l.name
         ]
       }
-    ) }, n.name)) })
+    ) }, l.name)) })
   ] });
 }
 function We({ company: s, profile: a, navigation: t, colorScheme: o = Ce }) {
-  const [l, n] = N(!1);
+  const [n, l] = N(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(fe, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs(he, { open: n, onClose: l, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
-        he,
+        fe,
         {
           transition: !0,
           className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"
@@ -377,11 +377,11 @@ function We({ company: s, profile: a, navigation: t, colorScheme: o = Ce }) {
           transition: !0,
           className: "relative mr-16 flex w-full max-w-xs flex-1 transform transition duration-300 ease-in-out data-closed:-translate-x-full",
           children: [
-            /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0", children: /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => n(!1), className: "-m-2.5 p-2.5", children: [
+            /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0", children: /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => l(!1), className: "-m-2.5 p-2.5", children: [
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
               /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: h("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", o.bg), children: [
+            /* @__PURE__ */ e.jsxs("div", { className: f("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", o.bg), children: [
               /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
                 "img",
                 {
@@ -390,13 +390,13 @@ function We({ company: s, profile: a, navigation: t, colorScheme: o = Ce }) {
                   className: "h-8 w-auto"
                 }
               ) }),
-              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(X, { item: i, colorScheme: o }, i.name)) }) }) }) })
+              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(H, { item: i, colorScheme: o }, i.name)) }) }) }) })
             ] })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: h("flex grow flex-col gap-y-5 overflow-y-auto px-6", o.bg), children: [
+    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: f("flex grow flex-col gap-y-5 overflow-y-auto px-6", o.bg), children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
         "img",
         {
@@ -406,12 +406,12 @@ function We({ company: s, profile: a, navigation: t, colorScheme: o = Ce }) {
         }
       ) }),
       /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
-        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(X, { item: i, colorScheme: o }, i.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(H, { item: i, colorScheme: o }, i.name)) }) }),
         /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
             href: "#",
-            className: h(
+            className: f(
               "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
               o.activeText,
               o.hoverBg
@@ -422,7 +422,7 @@ function We({ company: s, profile: a, navigation: t, colorScheme: o = Ce }) {
                 {
                   alt: a.name,
                   src: a.image,
-                  className: h("size-8 rounded-full", o.activeBg)
+                  className: f("size-8 rounded-full", o.activeBg)
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
@@ -432,12 +432,12 @@ function We({ company: s, profile: a, navigation: t, colorScheme: o = Ce }) {
         ) })
       ] }) })
     ] }) }),
-    /* @__PURE__ */ e.jsxs("div", { className: h("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden", o.bg), children: [
-      /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => n(!0), className: h("-m-2.5 p-2.5 lg:hidden", o.text), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: f("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden", o.bg), children: [
+      /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => l(!0), className: f("-m-2.5 p-2.5 lg:hidden", o.text), children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
         /* @__PURE__ */ e.jsx(je, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: h("flex-1 text-sm/6 font-semibold", o.activeText), children: "Dashboard" }),
+      /* @__PURE__ */ e.jsx("div", { className: f("flex-1 text-sm/6 font-semibold", o.activeText), children: "Dashboard" }),
       /* @__PURE__ */ e.jsxs("a", { href: "#", children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
         /* @__PURE__ */ e.jsx(
@@ -445,20 +445,20 @@ function We({ company: s, profile: a, navigation: t, colorScheme: o = Ce }) {
           {
             alt: a.name,
             src: a.image,
-            className: h("size-8 rounded-full", o.activeBg)
+            className: f("size-8 rounded-full", o.activeBg)
           }
         )
       ] })
     ] })
   ] }) });
 }
-const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value: t }) => {
+const K = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value: t }) => {
   const o = `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(a)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${K(a)}`
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -467,7 +467,7 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
       /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: o })
     ] })
   ] });
-}, H = ({ title: s, colors: a }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+}, q = ({ title: s, colors: a }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
   /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: s }),
   /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-11 gap-4", children: a.map((t) => /* @__PURE__ */ e.jsx(_e, { ...t }, t.name)) })
 ] }), Ae = () => {
@@ -686,15 +686,15 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
       /* @__PURE__ */ e.jsx("h1", { className: "text-3xl font-bold text-text-primary", children: "AceMyJob Color Palette" }),
       /* @__PURE__ */ e.jsx("p", { className: "text-text-secondary", children: "Your complete design system color reference" })
     ] }),
-    a.map((o) => /* @__PURE__ */ e.jsx(H, { ...o }, o.title)),
-    s.map((o) => /* @__PURE__ */ e.jsx(H, { ...o }, o.title)),
+    a.map((o) => /* @__PURE__ */ e.jsx(q, { ...o }, o.title)),
+    s.map((o) => /* @__PURE__ */ e.jsx(q, { ...o }, o.title)),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: "Semantic Colors (Theme-aware)" }),
       /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: t.map((o) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Q(o.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${K(o.cssVar)}`
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -705,36 +705,36 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "text-center pt-8 border-t border-border-subtle", children: /* @__PURE__ */ e.jsx("p", { className: "text-text-muted text-sm", children: "Toggle between light and dark themes to see how semantic colors adapt" }) })
   ] });
-}, K = xe(void 0), $e = ({
+}, ee = xe(void 0), $e = ({
   children: s,
   defaultTheme: a = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [o, l] = N(a), [n, i] = N("light"), [u, p] = N(!1);
+  const [o, n] = N(a), [l, i] = N("light"), [u, p] = N(!1);
   B(() => {
     const m = localStorage.getItem(t);
-    m && l(m), p(!0);
+    m && n(m), p(!0);
   }, [t]), B(() => {
     if (!u) return;
     const m = window.document.documentElement, g = () => {
-      let f;
-      o === "system" ? f = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : f = o, i(f), m.classList.remove("light", "dark"), m.classList.add(f);
+      let h;
+      o === "system" ? h = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : h = o, i(h), m.classList.remove("light", "dark"), m.classList.add(h);
     };
     if (g(), o === "system") {
-      const f = window.matchMedia("(prefers-color-scheme: dark)"), V = () => g();
-      return f.addEventListener("change", V), () => f.removeEventListener("change", V);
+      const h = window.matchMedia("(prefers-color-scheme: dark)"), V = () => g();
+      return h.addEventListener("change", V), () => h.removeEventListener("change", V);
     }
   }, [o, u]);
   const j = {
     theme: o,
     setTheme: (m) => {
-      localStorage.setItem(t, m), l(m);
+      localStorage.setItem(t, m), n(m);
     },
-    resolvedTheme: n
+    resolvedTheme: l
   };
-  return /* @__PURE__ */ e.jsx(K.Provider, { value: j, children: s });
+  return /* @__PURE__ */ e.jsx(ee.Provider, { value: j, children: s });
 }, Oe = () => {
-  const s = ve(K);
+  const s = ve(ee);
   if (s === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return s;
@@ -754,9 +754,9 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
         ]
       }
     );
-  const l = () => {
+  const n = () => {
     a(s === "light" ? "dark" : s === "dark" ? "system" : "light");
-  }, n = () => {
+  }, l = () => {
     switch (s) {
       case "light":
         return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
@@ -778,11 +778,11 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      onClick: l,
+      onClick: n,
       className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors",
       "aria-label": `Current theme: ${i()}. Click to cycle themes.`,
       children: [
-        n(),
+        l(),
         /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: i() })
       ]
     }
@@ -790,7 +790,7 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
 }, Le = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
   /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Pe, {}) }),
   /* @__PURE__ */ e.jsx(Ae, {})
-] }), Ge = () => /* @__PURE__ */ e.jsx($e, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Le, {}) }), q = {
+] }), Ge = () => /* @__PURE__ */ e.jsx($e, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Le, {}) }), Z = {
   variant: {
     default: "bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",
     destructive: "bg-error-500 text-white hover:bg-error-600 focus-visible:ring-error-500",
@@ -808,35 +808,35 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, Be = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", De = (...s) => s.filter(Boolean).join(" "), ee = D.forwardRef(
+}, Be = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", De = (...s) => s.filter(Boolean).join(" "), S = D.forwardRef(
   ({
     className: s,
     variant: a = "default",
     size: t = "default",
     fullWidth: o = !1,
-    loading: l = !1,
-    leftIcon: n,
+    loading: n = !1,
+    leftIcon: l,
     rightIcon: i,
     children: u,
     disabled: p,
     ...j
   }, m) => {
-    const g = p || l, f = De(
+    const g = p || n, h = De(
       Be,
-      q.variant[a],
-      q.size[t],
+      Z.variant[a],
+      Z.size[t],
       o ? "w-full" : "",
       s
     );
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
-        className: f,
+        className: h,
         ref: m,
         disabled: g,
         ...j,
         children: [
-          l && /* @__PURE__ */ e.jsxs(
+          n && /* @__PURE__ */ e.jsxs(
             "svg",
             {
               className: "mr-2 h-4 w-4 animate-spin",
@@ -866,16 +866,16 @@ const Q = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
               ]
             }
           ),
-          !l && n && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: n }),
+          !n && l && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: l }),
           u,
-          !l && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
+          !n && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
         ]
       }
     );
   }
 );
-ee.displayName = "Button";
-const Z = {
+S.displayName = "Button";
+const Q = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
   },
@@ -890,24 +890,24 @@ const Z = {
     provider: a,
     iconPosition: t = "left",
     icon: o,
-    showText: l = !0,
-    children: n,
+    showText: n = !0,
+    children: l,
     size: i = "default",
     fullWidth: u = !0,
     ...p
   }, j) => {
     const g = o || {
       linkedin: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e.jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })
-    }[a], V = n || (l ? {
+    }[a], V = l || (n ? {
       linkedin: "Continue with LinkedIn"
     }[a] : ""), C = Se(
       "relative overflow-hidden transition-all duration-200",
-      Z.provider[a],
-      Z.iconPosition[t],
+      Q.provider[a],
+      Q.iconPosition[t],
       s
     );
     return /* @__PURE__ */ e.jsxs(
-      ee,
+      S,
       {
         ref: j,
         variant: "none",
@@ -931,9 +931,9 @@ function Je({
   variant: a = "default",
   isActive: t = !1,
   onClick: o,
-  className: l = ""
+  className: n = ""
 }) {
-  const n = "rounded-lg transition-all", i = {
+  const l = "rounded-lg transition-all", i = {
     default: "border border-border p-4",
     surface: "bg-surface-variant p-4",
     elevated: "bg-surface shadow-md p-6",
@@ -942,7 +942,7 @@ function Je({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${n} ${i[a]} ${l}`,
+      className: `${l} ${i[a]} ${n}`,
       onClick: o,
       role: o ? "button" : void 0,
       tabIndex: o ? 0 : void 0,
@@ -958,14 +958,14 @@ function Xe({
   children: a,
   subtitle: t,
   spacing: o = "normal",
-  className: l = ""
+  className: n = ""
 }) {
-  const n = {
+  const l = {
     compact: "space-y-3",
     normal: "space-y-6",
     spacious: "space-y-8"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `${n[o]} ${l}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `${l[o]} ${n}`, children: [
     /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: s }),
       t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t })
@@ -978,8 +978,8 @@ function He({
   title: a,
   message: t,
   icon: o,
-  onClose: l,
-  className: n = ""
+  onClose: n,
+  className: l = ""
 }) {
   const u = {
     success: {
@@ -1010,7 +1010,7 @@ function He({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${u.bg} border ${u.border} rounded-md p-3 ${n}`,
+      className: `${u.bg} border ${u.border} rounded-md p-3 ${l}`,
       role: "alert",
       children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${u.text}`, children: o || u.icon }),
@@ -1018,10 +1018,10 @@ function He({
           a && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${u.text}`, children: a }),
           /* @__PURE__ */ e.jsx("p", { className: `text-sm ${u.text}`, children: t })
         ] }),
-        l && /* @__PURE__ */ e.jsx(
+        n && /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: l,
+            onClick: n,
             className: `flex-shrink-0 ${u.text} hover:opacity-70`,
             "aria-label": "Close alert",
             children: "✕"
@@ -1056,8 +1056,8 @@ function qe({
   variant: a = "default",
   size: t = "md",
   removable: o = !1,
-  onRemove: l,
-  className: n = "",
+  onRemove: n,
+  className: l = "",
   style: i,
   colorClass: u
 }) {
@@ -1075,14 +1075,14 @@ function qe({
   return /* @__PURE__ */ e.jsxs(
     "span",
     {
-      className: `inline-flex items-center gap-1 rounded-full ${m} ${j[t]} ${n}`,
+      className: `inline-flex items-center gap-1 rounded-full ${m} ${j[t]} ${l}`,
       style: i,
       children: [
         s,
-        o && l && /* @__PURE__ */ e.jsx(
+        o && n && /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: l,
+            onClick: n,
             className: "ml-1 hover:opacity-70",
             "aria-label": "Remove badge",
             children: /* @__PURE__ */ e.jsx(ze, { className: "w-3 h-3" })
@@ -1092,7 +1092,23 @@ function qe({
     }
   );
 }
-function Ze({ currentStep: s, steps: a }) {
+function Ze({ tabs: s, activeTab: a, disabled: t = !1, onChange: o }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: s.map((n) => {
+    const l = a === n.id;
+    return /* @__PURE__ */ e.jsx(
+      S,
+      {
+        variant: "ghost",
+        onClick: () => !t && o(n.id),
+        disabled: t && !l,
+        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${l ? "border-reseda-green-700 text-reseda-green-700" : t ? "border-transparent text-text-disabled cursor-not-allowed" : "border-transparent text-text-secondary hover:text-text-primary"}`,
+        children: n.label
+      },
+      n.id
+    );
+  }) });
+}
+function Qe({ currentStep: s, steps: a }) {
   return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: a.map((t, o) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${o < a.length - 1 ? "flex-1" : ""}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
       /* @__PURE__ */ e.jsx(
@@ -1116,14 +1132,15 @@ function Ze({ currentStep: s, steps: a }) {
 export {
   He as Alert,
   qe as Badge,
-  ee as Button,
+  S as Button,
   Je as Card,
   Ae as ColorPalette,
   Ge as Demo,
   Xe as Section,
   We as Sidebar,
   Ie as SocialButton,
-  Ze as Stepper,
+  Qe as Stepper,
+  Ze as TabBar,
   $e as ThemeProvider,
   Pe as ThemeToggle,
   Oe as useTheme

package/dist/acemyjob-ui.umd.js

@@ -1,4 +1,4 @@
-(function(m,x){typeof exports=="object"&&typeof module<"u"?x(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"],x):(m=typeof globalThis<"u"?globalThis:m||self,x(m.AceMyJobUI={},m.React,m.HeadlessUI,m.HeroiconsOutline))})(this,function(m,x,_,N){"use strict";function le(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>s[t]})}}return a.default=s,Object.freeze(a)}const R=le(x);var A={exports:{}},E={};/**
+(function(m,x){typeof exports=="object"&&typeof module<"u"?x(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"],x):(m=typeof globalThis<"u"?globalThis:m||self,x(m.AceMyJobUI={},m.React,m.HeadlessUI,m.HeroiconsOutline))})(this,function(m,x,_,N){"use strict";function le(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(a,n,t.get?t:{enumerable:!0,get:()=>s[n]})}}return a.default=s,Object.freeze(a)}const R=le(x);var A={exports:{}},E={};/**
  * @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 I;function ce(){if(I)return E;I=1;var s=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function t(n,l,o){var i=null;if(o!==void 0&&(i=""+o),l.key!==void 0&&(i=""+l.key),"key"in l){o={};for(var u in l)u!=="key"&&(o[u]=l[u])}else o=l;return l=o.ref,{$$typeof:s,type:n,key:i,ref:l!==void 0?l:null,props:o}}return E.Fragment=a,E.jsx=t,E.jsxs=t,E}var C={};/**
+ */var I;function ce(){if(I)return E;I=1;var s=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function n(t,o,l){var i=null;if(l!==void 0&&(i=""+l),o.key!==void 0&&(i=""+o.key),"key"in o){l={};for(var u in o)u!=="key"&&(l[u]=o[u])}else l=o;return o=l.ref,{$$typeof:s,type:t,key:i,ref:o!==void 0?o:null,props:l}}return E.Fragment=a,E.jsx=n,E.jsxs=n,E}var C={};/**
  * @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 z;function ie(){return z||(z=1,process.env.NODE_ENV!=="production"&&function(){function s(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===Se?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case P:return"Fragment";case Ee:return"Profiler";case Te:return"StrictMode";case Ae:return"Suspense";case Oe:return"SuspenseList";case Pe: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 $:return"Portal";case _e:return(r.displayName||"Context")+".Provider";case Ce:return(r._context.displayName||"Context")+".Consumer";case Re:var c=r.render;return r=r.displayName,r||(r=c.displayName||c.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case $e:return c=r.displayName||null,c!==null?c:s(r.type)||"Memo";case ee:c=r._payload,r=r._init;try{return s(r(c))}catch{}}return null}function a(r){return""+r}function t(r){try{a(r);var c=!1}catch{c=!0}if(c){c=console;var d=c.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return d.call(c,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),a(r)}}function n(r){if(r===P)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===ee)return"<...>";try{var c=s(r);return c?"<"+c+">":"<...>"}catch{return"<...>"}}function l(){var r=S.A;return r===null?null:r.getOwner()}function o(){return Error("react-stack-top-frame")}function i(r){if(re.call(r,"key")){var c=Object.getOwnPropertyDescriptor(r,"key").get;if(c&&c.isReactWarning)return!1}return r.key!==void 0}function u(r,c){function d(){se||(se=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",c))}d.isReactWarning=!0,Object.defineProperty(r,"key",{get:d,configurable:!0})}function w(){var r=s(this.type);return ae[r]||(ae[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,c,d,f,y,j,B,D){return d=j.ref,r={$$typeof:k,type:r,key:c,props:j,_owner:y},(d!==void 0?d: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:B}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:D}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function v(r,c,d,f,y,j,B,D){var h=c.children;if(h!==void 0)if(f)if(Le(h)){for(f=0;f<h.length;f++)p(h[f]);Object.freeze&&Object.freeze(h)}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(h);if(re.call(c,"key")){h=s(r);var T=Object.keys(c).filter(function(Be){return Be!=="key"});f=0<T.length?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}",oe[h+f]||(T=0<T.length?"{"+T.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var z;function ie(){return z||(z=1,process.env.NODE_ENV!=="production"&&function(){function s(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===Le?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case P:return"Fragment";case Ce:return"Profiler";case Ee:return"StrictMode";case Oe:return"Suspense";case $e:return"SuspenseList";case Se: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 $:return"Portal";case Re:return(r.displayName||"Context")+".Provider";case _e:return(r._context.displayName||"Context")+".Consumer";case Ae:var c=r.render;return r=r.displayName,r||(r=c.displayName||c.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case Pe:return c=r.displayName||null,c!==null?c:s(r.type)||"Memo";case ee:c=r._payload,r=r._init;try{return s(r(c))}catch{}}return null}function a(r){return""+r}function n(r){try{a(r);var c=!1}catch{c=!0}if(c){c=console;var d=c.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return d.call(c,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),a(r)}}function t(r){if(r===P)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===ee)return"<...>";try{var c=s(r);return c?"<"+c+">":"<...>"}catch{return"<...>"}}function o(){var r=S.A;return r===null?null:r.getOwner()}function l(){return Error("react-stack-top-frame")}function i(r){if(re.call(r,"key")){var c=Object.getOwnPropertyDescriptor(r,"key").get;if(c&&c.isReactWarning)return!1}return r.key!==void 0}function u(r,c){function d(){se||(se=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",c))}d.isReactWarning=!0,Object.defineProperty(r,"key",{get:d,configurable:!0})}function w(){var r=s(this.type);return ae[r]||(ae[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,c,d,f,y,j,B,D){return d=j.ref,r={$$typeof:k,type:r,key:c,props:j,_owner:y},(d!==void 0?d: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:B}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:D}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function v(r,c,d,f,y,j,B,D){var h=c.children;if(h!==void 0)if(f)if(Be(h)){for(f=0;f<h.length;f++)p(h[f]);Object.freeze&&Object.freeze(h)}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(h);if(re.call(c,"key")){h=s(r);var T=Object.keys(c).filter(function(De){return De!=="key"});f=0<T.length?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}",oe[h+f]||(T=0<T.length?"{"+T.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} />`,f,h,T,h),oe[h+f]=!0)}if(h=null,d!==void 0&&(t(d),h=""+d),i(c)&&(t(c.key),h=""+c.key),"key"in c){d={};for(var M in c)M!=="key"&&(d[M]=c[M])}else d=c;return h&&u(d,typeof r=="function"?r.displayName||r.name||"Unknown":r),V(r,h,j,y,l(),d,B,D)}function p(r){typeof r=="object"&&r!==null&&r.$$typeof===k&&r._store&&(r._store.validated=1)}var g=x,k=Symbol.for("react.transitional.element"),$=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),Te=Symbol.for("react.strict_mode"),Ee=Symbol.for("react.profiler"),Ce=Symbol.for("react.consumer"),_e=Symbol.for("react.context"),Re=Symbol.for("react.forward_ref"),Ae=Symbol.for("react.suspense"),Oe=Symbol.for("react.suspense_list"),$e=Symbol.for("react.memo"),ee=Symbol.for("react.lazy"),Pe=Symbol.for("react.activity"),Se=Symbol.for("react.client.reference"),S=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,re=Object.prototype.hasOwnProperty,Le=Array.isArray,L=console.createTask?console.createTask:function(){return null};g={"react-stack-bottom-frame":function(r){return r()}};var se,ae={},ne=g["react-stack-bottom-frame"].bind(g,o)(),te=L(n(o)),oe={};C.Fragment=P,C.jsx=function(r,c,d,f,y){var j=1e4>S.recentlyCreatedOwnerStacks++;return v(r,c,d,!1,f,y,j?Error("react-stack-top-frame"):ne,j?L(n(r)):te)},C.jsxs=function(r,c,d,f,y){var j=1e4>S.recentlyCreatedOwnerStacks++;return v(r,c,d,!0,f,y,j?Error("react-stack-top-frame"):ne,j?L(n(r)):te)}}()),C}var F;function ue(){return F||(F=1,process.env.NODE_ENV==="production"?A.exports=ce():A.exports=ie()),A.exports}var e=ue();const de={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 b(...s){return s.filter(Boolean).join(" ")}function Y({item:s,colorScheme:a}){const[t,n]=x.useState(s.current||s.children?.some(o=>o.current)),l=s.children&&s.children.length>0;return e.jsxs("li",{children:[e.jsx("div",{children:e.jsxs("a",{href:l?void 0:s.href,onClick:o=>{l&&(o.preventDefault(),n(!t))},className:b(s.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",l?"cursor-pointer":""),children:[e.jsxs("div",{className:"flex items-center gap-x-3",children:[e.jsx(s.icon,{"aria-hidden":"true",className:b(s.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-6 shrink-0")}),s.name]}),l&&e.jsx(N.ChevronDownIcon,{className:b("size-5 shrink-0 transition-transform",t?"rotate-180":"",s.current?a.activeText:a.text)})]})}),l&&t&&e.jsx("ul",{className:"mt-1 ml-9 space-y-1",children:s.children.map(o=>e.jsx("li",{children:e.jsxs("a",{href:o.href,className:b(o.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:[e.jsx(o.icon,{"aria-hidden":"true",className:b(o.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-5 shrink-0")}),o.name]})},o.name))})]})}function me({company:s,profile:a,navigation:t,colorScheme:n=de}){const[l,o]=x.useState(!1);return e.jsx(e.Fragment,{children:e.jsxs("div",{children:[e.jsxs(_.Dialog,{open:l,onClose:o,className:"relative z-50 lg:hidden",children:[e.jsx(_.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(_.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(_.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:()=>o(!1),className:"-m-2.5 p-2.5",children:[e.jsx("span",{className:"sr-only",children:"Close sidebar"}),e.jsx(N.XMarkIcon,{"aria-hidden":"true",className:"size-6 text-white"})]})})}),e.jsxs("div",{className:b("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2",n.bg),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(i=>e.jsx(Y,{item:i,colorScheme:n},i.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:b("flex grow flex-col gap-y-5 overflow-y-auto px-6",n.bg),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(i=>e.jsx(Y,{item:i,colorScheme:n},i.name))})}),e.jsx("li",{className:"-mx-6 mt-auto",children:e.jsxs("a",{href:"#",className:b("flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",n.activeText,n.hoverBg),children:[e.jsx("img",{alt:a.name,src:a.image,className:b("size-8 rounded-full",n.activeBg)}),e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("span",{"aria-hidden":"true",children:a.name})]})})]})})]})}),e.jsxs("div",{className:b("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden",n.bg),children:[e.jsxs("button",{type:"button",onClick:()=>o(!0),className:b("-m-2.5 p-2.5 lg:hidden",n.text),children:[e.jsx("span",{className:"sr-only",children:"Open sidebar"}),e.jsx(N.Bars3Icon,{"aria-hidden":"true",className:"size-6"})]}),e.jsx("div",{className:b("flex-1 text-sm/6 font-semibold",n.activeText),children:"Dashboard"}),e.jsxs("a",{href:"#",children:[e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("img",{alt:a.name,src:a.image,className:b("size-8 rounded-full",n.activeBg)})]})]})]})})}const U=s=>s.replace("--color-","bg-"),xe=({name:s,cssVar:a,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 ${U(a)}`}),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:a}),e.jsx("div",{className:"text-xs text-text-secondary",children:n})]})]})},W=({title:s,colors:a})=>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:a.map(t=>e.jsx(xe,{...t},t.name))})]}),q=()=>{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"}]}],a=[{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"})]}),a.map(n=>e.jsx(W,{...n},n.title)),s.map(n=>e.jsx(W,{...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 ${U(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"})})]})},H=x.createContext(void 0),J=({children:s,defaultTheme:a="system",storageKey:t="acemyjob-ui-theme"})=>{const[n,l]=x.useState(a),[o,i]=x.useState("light"),[u,w]=x.useState(!1);x.useEffect(()=>{const v=localStorage.getItem(t);v&&l(v),w(!0)},[t]),x.useEffect(()=>{if(!u)return;const v=window.document.documentElement,p=()=>{let g;n==="system"?g=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":g=n,i(g),v.classList.remove("light","dark"),v.classList.add(g)};if(p(),n==="system"){const g=window.matchMedia("(prefers-color-scheme: dark)"),k=()=>p();return g.addEventListener("change",k),()=>g.removeEventListener("change",k)}},[n,u]);const V={theme:n,setTheme:v=>{localStorage.setItem(t,v),l(v)},resolvedTheme:o};return e.jsx(H.Provider,{value:V,children:s})},G=()=>{const s=x.useContext(H);if(s===void 0)throw new Error("useTheme must be used within a ThemeProvider");return s},X=()=>{const{theme:s,setTheme:a}=G(),[t,n]=x.useState(!1);if(x.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 l=()=>{a(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"})})}},i=()=>{switch(s){case"light":return"Light";case"dark":return"Dark";case"system":return"System"}};return e.jsxs("button",{onClick:l,className:"flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors","aria-label":`Current theme: ${i()}. Click to cycle themes.`,children:[o(),e.jsx("span",{className:"hidden sm:inline",children:i()})]})},ve=()=>e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"fixed top-4 right-4 z-10",children:e.jsx(X,{})}),e.jsx(q,{})]}),fe=()=>e.jsx(J,{defaultTheme:"system",storageKey:"acemyjob-demo-theme",children:e.jsx(ve,{})}),Z={variant:{default:"bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",destructive:"bg-error-500 text-white hover:bg-error-600 focus-visible:ring-error-500",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",ge=(...s)=>s.filter(Boolean).join(" "),O=x.forwardRef(({className:s,variant:a="default",size:t="default",fullWidth:n=!1,loading:l=!1,leftIcon:o,rightIcon:i,children:u,disabled:w,...V},v)=>{const p=w||l,g=ge(he,Z.variant[a],Z.size[t],n?"w-full":"",s);return e.jsxs("button",{className:g,ref:v,disabled:p,...V,children:[l&&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"})]}),!l&&o&&e.jsx("span",{className:"mr-2",children:o}),u,!l&&i&&e.jsx("span",{className:"ml-2",children:i})]})});O.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"}},be=(...s)=>s.filter(Boolean).join(" "),K=x.forwardRef(({className:s,provider:a,iconPosition:t="left",icon:n,showText:l=!0,children:o,size:i="default",fullWidth:u=!0,...w},V)=>{const p=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"})})}[a],k=o||(l?{linkedin:"Continue with LinkedIn"}[a]:""),$=be("relative overflow-hidden transition-all duration-200",Q.provider[a],Q.iconPosition[t],s);return e.jsxs(O,{ref:V,variant:"none",className:$,size:i,fullWidth:u,leftIcon:t==="left"?p:void 0,rightIcon:t==="right"?p:void 0,...w,children:[t==="only"&&p,t!=="only"&&k]})});K.displayName="SocialButton";function pe({children:s,variant:a="default",isActive:t=!1,onClick:n,className:l=""}){const o="rounded-lg transition-all",i={default:"border border-border p-4",surface:"bg-surface-variant p-4",elevated:"bg-surface shadow-md p-6",interactive:`border-2 p-4 cursor-pointer ${t?"border-success-500 bg-success-50":"border-border bg-surface hover:border-border-subtle"}`};return e.jsx("div",{className:`${o} ${i[a]} ${l}`,onClick:n,role:n?"button":void 0,tabIndex:n?0:void 0,onKeyDown:n?u=>{(u.key==="Enter"||u.key===" ")&&n()}:void 0,children:s})}function je({title:s,children:a,subtitle:t,spacing:n="normal",className:l=""}){const o={compact:"space-y-3",normal:"space-y-6",spacious:"space-y-8"};return e.jsxs("div",{className:`${o[n]} ${l}`,children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary",children:s}),t&&e.jsx("p",{className:"text-sm text-text-secondary mt-1",children:t})]}),a]})}function we({variant:s,title:a,message:t,icon:n,onClose:l,className:o=""}){const u={success:{bg:"bg-success-50",border:"border-success-200",text:"text-success-700",icon:e.jsx(N.CheckCircleIcon,{className:"h-5 w-5"})},error:{bg:"bg-error-50",border:"border-error-200",text:"text-error-700",icon:e.jsx(N.XCircleIcon,{className:"h-5 w-5"})},warning:{bg:"bg-warning-50",border:"border-warning-200",text:"text-warning-700",icon:e.jsx(N.ExclamationCircleIcon,{className:"h-5 w-5"})},info:{bg:"bg-info-50",border:"border-info-200",text:"text-info-700",icon:e.jsx(N.InformationCircleIcon,{className:"h-5 w-5"})}}[s];return e.jsx("div",{className:`${u.bg} border ${u.border} rounded-md p-3 ${o}`,role:"alert",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:`flex-shrink-0 ${u.text}`,children:n||u.icon}),e.jsxs("div",{className:"flex-1",children:[a&&e.jsx("p",{className:`text-sm font-medium ${u.text}`,children:a}),e.jsx("p",{className:`text-sm ${u.text}`,children:t})]}),l&&e.jsx("button",{onClick:l,className:`flex-shrink-0 ${u.text} hover:opacity-70`,"aria-label":"Close alert",children:"✕"})]})})}function Ve({title:s,titleId:a,...t},n){return R.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:n,"aria-labelledby":a},t),s?R.createElement("title",{id:a},s):null,R.createElement("path",{d:"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"}))}const ye=R.forwardRef(Ve);function Ne({children:s,variant:a="default",size:t="md",removable:n=!1,onRemove:l,className:o="",style:i,colorClass:u}){const w={default:"bg-surface-variant text-text-secondary",success:"bg-success-50 text-success-700",error:"bg-error-50 text-error-700",warning:"bg-warning-50 text-warning-700",info:"bg-info-50 text-info-700"},V={sm:"px-2 py-0.5 text-xs",md:"px-3 py-1 text-sm",lg:"px-4 py-1.5 text-base"},v=u||w[a];return e.jsxs("span",{className:`inline-flex items-center gap-1 rounded-full ${v} ${V[t]} ${o}`,style:i,children:[s,n&&l&&e.jsx("button",{onClick:l,className:"ml-1 hover:opacity-70","aria-label":"Remove badge",children:e.jsx(ye,{className:"w-3 h-3"})})]})}function ke({currentStep:s,steps:a}){return e.jsx("nav",{className:"mb-10",children:e.jsx("ol",{className:"flex items-center w-full",children:a.map((t,n)=>e.jsxs("li",{className:`flex items-center ${n<a.length-1?"flex-1":""}`,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:`flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${s===t.number?"bg-reseda-green-700 text-white":s>t.number?"bg-success-500 text-white":"border-2 border-border text-text-muted"}`,children:t.number}),e.jsx("span",{className:`ml-3 text-sm font-medium whitespace-nowrap ${s>=t.number?"text-reseda-green-800":"text-text-muted"}`,children:t.label})]}),n<a.length-1&&e.jsx("div",{className:"flex-1 h-0.5 mx-4 bg-border"})]},t.number))})})}m.Alert=we,m.Badge=Ne,m.Button=O,m.Card=pe,m.ColorPalette=q,m.Demo=fe,m.Section=je,m.Sidebar=me,m.SocialButton=K,m.Stepper=ke,m.ThemeProvider=J,m.ThemeToggle=X,m.useTheme=G,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,f,h,T,h),oe[h+f]=!0)}if(h=null,d!==void 0&&(n(d),h=""+d),i(c)&&(n(c.key),h=""+c.key),"key"in c){d={};for(var M in c)M!=="key"&&(d[M]=c[M])}else d=c;return h&&u(d,typeof r=="function"?r.displayName||r.name||"Unknown":r),V(r,h,j,y,o(),d,B,D)}function p(r){typeof r=="object"&&r!==null&&r.$$typeof===k&&r._store&&(r._store.validated=1)}var g=x,k=Symbol.for("react.transitional.element"),$=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),Ee=Symbol.for("react.strict_mode"),Ce=Symbol.for("react.profiler"),_e=Symbol.for("react.consumer"),Re=Symbol.for("react.context"),Ae=Symbol.for("react.forward_ref"),Oe=Symbol.for("react.suspense"),$e=Symbol.for("react.suspense_list"),Pe=Symbol.for("react.memo"),ee=Symbol.for("react.lazy"),Se=Symbol.for("react.activity"),Le=Symbol.for("react.client.reference"),S=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,re=Object.prototype.hasOwnProperty,Be=Array.isArray,L=console.createTask?console.createTask:function(){return null};g={"react-stack-bottom-frame":function(r){return r()}};var se,ae={},te=g["react-stack-bottom-frame"].bind(g,l)(),ne=L(t(l)),oe={};C.Fragment=P,C.jsx=function(r,c,d,f,y){var j=1e4>S.recentlyCreatedOwnerStacks++;return v(r,c,d,!1,f,y,j?Error("react-stack-top-frame"):te,j?L(t(r)):ne)},C.jsxs=function(r,c,d,f,y){var j=1e4>S.recentlyCreatedOwnerStacks++;return v(r,c,d,!0,f,y,j?Error("react-stack-top-frame"):te,j?L(t(r)):ne)}}()),C}var F;function ue(){return F||(F=1,process.env.NODE_ENV==="production"?A.exports=ce():A.exports=ie()),A.exports}var e=ue();const de={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 b(...s){return s.filter(Boolean).join(" ")}function Y({item:s,colorScheme:a}){const[n,t]=x.useState(s.current||s.children?.some(l=>l.current)),o=s.children&&s.children.length>0;return e.jsxs("li",{children:[e.jsx("div",{children:e.jsxs("a",{href:o?void 0:s.href,onClick:l=>{o&&(l.preventDefault(),t(!n))},className:b(s.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",o?"cursor-pointer":""),children:[e.jsxs("div",{className:"flex items-center gap-x-3",children:[e.jsx(s.icon,{"aria-hidden":"true",className:b(s.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-6 shrink-0")}),s.name]}),o&&e.jsx(N.ChevronDownIcon,{className:b("size-5 shrink-0 transition-transform",n?"rotate-180":"",s.current?a.activeText:a.text)})]})}),o&&n&&e.jsx("ul",{className:"mt-1 ml-9 space-y-1",children:s.children.map(l=>e.jsx("li",{children:e.jsxs("a",{href:l.href,className:b(l.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[e.jsx(l.icon,{"aria-hidden":"true",className:b(l.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-5 shrink-0")}),l.name]})},l.name))})]})}function me({company:s,profile:a,navigation:n,colorScheme:t=de}){const[o,l]=x.useState(!1);return e.jsx(e.Fragment,{children:e.jsxs("div",{children:[e.jsxs(_.Dialog,{open:o,onClose:l,className:"relative z-50 lg:hidden",children:[e.jsx(_.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(_.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(_.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:()=>l(!1),className:"-m-2.5 p-2.5",children:[e.jsx("span",{className:"sr-only",children:"Close sidebar"}),e.jsx(N.XMarkIcon,{"aria-hidden":"true",className:"size-6 text-white"})]})})}),e.jsxs("div",{className:b("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2",t.bg),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:n.map(i=>e.jsx(Y,{item:i,colorScheme:t},i.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:b("flex grow flex-col gap-y-5 overflow-y-auto px-6",t.bg),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:n.map(i=>e.jsx(Y,{item:i,colorScheme:t},i.name))})}),e.jsx("li",{className:"-mx-6 mt-auto",children:e.jsxs("a",{href:"#",className:b("flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",t.activeText,t.hoverBg),children:[e.jsx("img",{alt:a.name,src:a.image,className:b("size-8 rounded-full",t.activeBg)}),e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("span",{"aria-hidden":"true",children:a.name})]})})]})})]})}),e.jsxs("div",{className:b("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden",t.bg),children:[e.jsxs("button",{type:"button",onClick:()=>l(!0),className:b("-m-2.5 p-2.5 lg:hidden",t.text),children:[e.jsx("span",{className:"sr-only",children:"Open sidebar"}),e.jsx(N.Bars3Icon,{"aria-hidden":"true",className:"size-6"})]}),e.jsx("div",{className:b("flex-1 text-sm/6 font-semibold",t.activeText),children:"Dashboard"}),e.jsxs("a",{href:"#",children:[e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("img",{alt:a.name,src:a.image,className:b("size-8 rounded-full",t.activeBg)})]})]})]})})}const U=s=>s.replace("--color-","bg-"),xe=({name:s,cssVar:a,value:n})=>{const t=`rgb(${n})`;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 ${U(a)}`}),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:a}),e.jsx("div",{className:"text-xs text-text-secondary",children:t})]})]})},W=({title:s,colors:a})=>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:a.map(n=>e.jsx(xe,{...n},n.name))})]}),q=()=>{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"}]}],a=[{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"}]}],n=[{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"})]}),a.map(t=>e.jsx(W,{...t},t.title)),s.map(t=>e.jsx(W,{...t},t.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:n.map(t=>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 ${U(t.cssVar)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:t.name}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:t.cssVar})]})]},t.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"})})]})},H=x.createContext(void 0),J=({children:s,defaultTheme:a="system",storageKey:n="acemyjob-ui-theme"})=>{const[t,o]=x.useState(a),[l,i]=x.useState("light"),[u,w]=x.useState(!1);x.useEffect(()=>{const v=localStorage.getItem(n);v&&o(v),w(!0)},[n]),x.useEffect(()=>{if(!u)return;const v=window.document.documentElement,p=()=>{let g;t==="system"?g=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":g=t,i(g),v.classList.remove("light","dark"),v.classList.add(g)};if(p(),t==="system"){const g=window.matchMedia("(prefers-color-scheme: dark)"),k=()=>p();return g.addEventListener("change",k),()=>g.removeEventListener("change",k)}},[t,u]);const V={theme:t,setTheme:v=>{localStorage.setItem(n,v),o(v)},resolvedTheme:l};return e.jsx(H.Provider,{value:V,children:s})},G=()=>{const s=x.useContext(H);if(s===void 0)throw new Error("useTheme must be used within a ThemeProvider");return s},X=()=>{const{theme:s,setTheme:a}=G(),[n,t]=x.useState(!1);if(x.useEffect(()=>{t(!0)},[]),!n)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 o=()=>{a(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"})})}},i=()=>{switch(s){case"light":return"Light";case"dark":return"Dark";case"system":return"System"}};return e.jsxs("button",{onClick:o,className:"flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors","aria-label":`Current theme: ${i()}. Click to cycle themes.`,children:[l(),e.jsx("span",{className:"hidden sm:inline",children:i()})]})},ve=()=>e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"fixed top-4 right-4 z-10",children:e.jsx(X,{})}),e.jsx(q,{})]}),fe=()=>e.jsx(J,{defaultTheme:"system",storageKey:"acemyjob-demo-theme",children:e.jsx(ve,{})}),Z={variant:{default:"bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",destructive:"bg-error-500 text-white hover:bg-error-600 focus-visible:ring-error-500",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",ge=(...s)=>s.filter(Boolean).join(" "),O=x.forwardRef(({className:s,variant:a="default",size:n="default",fullWidth:t=!1,loading:o=!1,leftIcon:l,rightIcon:i,children:u,disabled:w,...V},v)=>{const p=w||o,g=ge(he,Z.variant[a],Z.size[n],t?"w-full":"",s);return e.jsxs("button",{className:g,ref:v,disabled:p,...V,children:[o&&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"})]}),!o&&l&&e.jsx("span",{className:"mr-2",children:l}),u,!o&&i&&e.jsx("span",{className:"ml-2",children:i})]})});O.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"}},be=(...s)=>s.filter(Boolean).join(" "),K=x.forwardRef(({className:s,provider:a,iconPosition:n="left",icon:t,showText:o=!0,children:l,size:i="default",fullWidth:u=!0,...w},V)=>{const p=t||{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"})})}[a],k=l||(o?{linkedin:"Continue with LinkedIn"}[a]:""),$=be("relative overflow-hidden transition-all duration-200",Q.provider[a],Q.iconPosition[n],s);return e.jsxs(O,{ref:V,variant:"none",className:$,size:i,fullWidth:u,leftIcon:n==="left"?p:void 0,rightIcon:n==="right"?p:void 0,...w,children:[n==="only"&&p,n!=="only"&&k]})});K.displayName="SocialButton";function pe({children:s,variant:a="default",isActive:n=!1,onClick:t,className:o=""}){const l="rounded-lg transition-all",i={default:"border border-border p-4",surface:"bg-surface-variant p-4",elevated:"bg-surface shadow-md p-6",interactive:`border-2 p-4 cursor-pointer ${n?"border-success-500 bg-success-50":"border-border bg-surface hover:border-border-subtle"}`};return e.jsx("div",{className:`${l} ${i[a]} ${o}`,onClick:t,role:t?"button":void 0,tabIndex:t?0:void 0,onKeyDown:t?u=>{(u.key==="Enter"||u.key===" ")&&t()}:void 0,children:s})}function je({title:s,children:a,subtitle:n,spacing:t="normal",className:o=""}){const l={compact:"space-y-3",normal:"space-y-6",spacious:"space-y-8"};return e.jsxs("div",{className:`${l[t]} ${o}`,children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary",children:s}),n&&e.jsx("p",{className:"text-sm text-text-secondary mt-1",children:n})]}),a]})}function we({variant:s,title:a,message:n,icon:t,onClose:o,className:l=""}){const u={success:{bg:"bg-success-50",border:"border-success-200",text:"text-success-700",icon:e.jsx(N.CheckCircleIcon,{className:"h-5 w-5"})},error:{bg:"bg-error-50",border:"border-error-200",text:"text-error-700",icon:e.jsx(N.XCircleIcon,{className:"h-5 w-5"})},warning:{bg:"bg-warning-50",border:"border-warning-200",text:"text-warning-700",icon:e.jsx(N.ExclamationCircleIcon,{className:"h-5 w-5"})},info:{bg:"bg-info-50",border:"border-info-200",text:"text-info-700",icon:e.jsx(N.InformationCircleIcon,{className:"h-5 w-5"})}}[s];return e.jsx("div",{className:`${u.bg} border ${u.border} rounded-md p-3 ${l}`,role:"alert",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:`flex-shrink-0 ${u.text}`,children:t||u.icon}),e.jsxs("div",{className:"flex-1",children:[a&&e.jsx("p",{className:`text-sm font-medium ${u.text}`,children:a}),e.jsx("p",{className:`text-sm ${u.text}`,children:n})]}),o&&e.jsx("button",{onClick:o,className:`flex-shrink-0 ${u.text} hover:opacity-70`,"aria-label":"Close alert",children:"✕"})]})})}function Ve({title:s,titleId:a,...n},t){return R.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},n),s?R.createElement("title",{id:a},s):null,R.createElement("path",{d:"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"}))}const ye=R.forwardRef(Ve);function Ne({children:s,variant:a="default",size:n="md",removable:t=!1,onRemove:o,className:l="",style:i,colorClass:u}){const w={default:"bg-surface-variant text-text-secondary",success:"bg-success-50 text-success-700",error:"bg-error-50 text-error-700",warning:"bg-warning-50 text-warning-700",info:"bg-info-50 text-info-700"},V={sm:"px-2 py-0.5 text-xs",md:"px-3 py-1 text-sm",lg:"px-4 py-1.5 text-base"},v=u||w[a];return e.jsxs("span",{className:`inline-flex items-center gap-1 rounded-full ${v} ${V[n]} ${l}`,style:i,children:[s,t&&o&&e.jsx("button",{onClick:o,className:"ml-1 hover:opacity-70","aria-label":"Remove badge",children:e.jsx(ye,{className:"w-3 h-3"})})]})}function ke({tabs:s,activeTab:a,disabled:n=!1,onChange:t}){return e.jsx("div",{className:"flex border-b border-border mb-6",children:s.map(o=>{const l=a===o.id;return e.jsx(O,{variant:"ghost",onClick:()=>!n&&t(o.id),disabled:n&&!l,className:`px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${l?"border-reseda-green-700 text-reseda-green-700":n?"border-transparent text-text-disabled cursor-not-allowed":"border-transparent text-text-secondary hover:text-text-primary"}`,children:o.label},o.id)})})}function Te({currentStep:s,steps:a}){return e.jsx("nav",{className:"mb-10",children:e.jsx("ol",{className:"flex items-center w-full",children:a.map((n,t)=>e.jsxs("li",{className:`flex items-center ${t<a.length-1?"flex-1":""}`,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:`flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${s===n.number?"bg-reseda-green-700 text-white":s>n.number?"bg-success-500 text-white":"border-2 border-border text-text-muted"}`,children:n.number}),e.jsx("span",{className:`ml-3 text-sm font-medium whitespace-nowrap ${s>=n.number?"text-reseda-green-800":"text-text-muted"}`,children:n.label})]}),t<a.length-1&&e.jsx("div",{className:"flex-1 h-0.5 mx-4 bg-border"})]},n.number))})})}m.Alert=we,m.Badge=Ne,m.Button=O,m.Card=pe,m.ColorPalette=q,m.Demo=fe,m.Section=je,m.Sidebar=me,m.SocialButton=K,m.Stepper=Te,m.TabBar=ke,m.ThemeProvider=J,m.ThemeToggle=X,m.useTheme=G,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export { Alert } from './component/Alert';
 export type { AlertProps } from './component/Alert';
 export { Badge } from './component/Badge';
 export type { BadgeProps } from './component/Badge';
+export { TabBar } from './component/Tab';
 export type { Tab, TabId } from './component/Tab';
 export { Stepper } from './component/Stepper';
 export type { Step } from './component/Stepper';

package/package.json

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