acemyjob-ui 0.7.0 → 0.8.0

package/dist/acemyjob-ui.es.js

@@ -1,6 +1,6 @@
-import D, { useState as N, createContext as me, useEffect as L, useContext as ve } from "react";
-import { Dialog as xe, DialogBackdrop as he, DialogPanel as fe, TransitionChild as ge } from "@headlessui/react";
-import { XMarkIcon as be, Bars3Icon as pe, ChevronDownIcon as je } from "@heroicons/react/24/outline";
+import D, { useState as N, createContext as me, useEffect as L, useContext as xe } from "react";
+import { Dialog as ve, DialogBackdrop as he, DialogPanel as fe, TransitionChild as ge } from "@headlessui/react";
+import { XMarkIcon as be, Bars3Icon as pe, ChevronDownIcon as je, InformationCircleIcon as we, ExclamationCircleIcon as Ve, XCircleIcon as ye, CheckCircleIcon as Ne } from "@heroicons/react/24/outline";
 var E = { exports: {} }, k = {};
 /**
  * @license React
@@ -12,26 +12,26 @@ var E = { exports: {} }, k = {};
  * LICENSE file in the root directory of this source tree.
  */
 var W;
-function Ve() {
+function ke() {
   if (W) return k;
   W = 1;
   var s = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function n(o, l, t) {
+  function t(o, n, l) {
     var i = null;
-    if (t !== void 0 && (i = "" + t), l.key !== void 0 && (i = "" + l.key), "key" in l) {
-      t = {};
-      for (var v in l)
-        v !== "key" && (t[v] = l[v]);
-    } else t = l;
-    return l = t.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: t
+      ref: n !== void 0 ? n : null,
+      props: l
     };
   }
-  return k.Fragment = a, k.jsx = n, k.jsxs = n, k;
+  return k.Fragment = a, k.jsx = t, k.jsxs = t, k;
 }
 var T = {};
 /**
@@ -44,7 +44,7 @@ var T = {};
  * LICENSE file in the root directory of this source tree.
  */
 var G;
-function we() {
+function Te() {
   return G || (G = 1, process.env.NODE_ENV !== "production" && function() {
     function s(r) {
       if (r == null) return null;
@@ -58,9 +58,9 @@ function we() {
           return "Profiler";
         case ee:
           return "StrictMode";
-        case ne:
-          return "Suspense";
         case te:
+          return "Suspense";
+        case ne:
           return "SuspenseList";
         case ce:
           return "Activity";
@@ -92,7 +92,7 @@ function we() {
     function a(r) {
       return "" + r;
     }
-    function n(r) {
+    function t(r) {
       try {
         a(r);
         var c = !1;
@@ -101,11 +101,11 @@ function we() {
       }
       if (c) {
         c = console;
-        var u = c.error, d = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return u.call(
+        var d = c.error, m = 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.",
-          d
+          m
         ), a(r);
       }
     }
@@ -120,46 +120,46 @@ function we() {
         return "<...>";
       }
     }
-    function l() {
+    function n() {
       var r = _.A;
       return r === null ? null : r.getOwner();
     }
-    function t() {
+    function l() {
       return Error("react-stack-top-frame");
     }
     function i(r) {
-      if (M.call(r, "key")) {
+      if (I.call(r, "key")) {
         var c = Object.getOwnPropertyDescriptor(r, "key").get;
         if (c && c.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function v(r, c) {
-      function u() {
-        z || (z = !0, console.error(
+    function u(r, c) {
+      function d() {
+        M || (M = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           c
         ));
       }
-      u.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: u,
+      d.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: d,
         configurable: !0
       });
     }
     function j() {
       var r = s(this.type);
-      return I[r] || (I[r] = !0, console.error(
+      return z[r] || (z[r] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function V(r, c, u, d, p, b, O, P) {
-      return u = b.ref, r = {
-        $$typeof: w,
+    function w(r, c, d, m, p, b, $, O) {
+      return d = b.ref, r = {
+        $$typeof: V,
         type: r,
         key: c,
         props: b,
         _owner: p
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(r, "ref", {
+      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
         get: j
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
@@ -176,99 +176,99 @@ function we() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
+        value: $
       }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
+        value: O
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function h(r, c, u, d, p, b, O, P) {
-      var m = c.children;
-      if (m !== void 0)
-        if (d)
-          if (ue(m)) {
-            for (d = 0; d < m.length; d++)
-              g(m[d]);
-            Object.freeze && Object.freeze(m);
+    function h(r, c, d, m, p, b, $, O) {
+      var x = c.children;
+      if (x !== void 0)
+        if (m)
+          if (ue(x)) {
+            for (m = 0; m < x.length; m++)
+              g(x[m]);
+            Object.freeze && Object.freeze(x);
           } 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 g(m);
-      if (M.call(c, "key")) {
-        m = s(r);
+        else g(x);
+      if (I.call(c, "key")) {
+        x = s(r);
         var y = Object.keys(c).filter(function(de) {
           return de !== "key";
         });
-        d = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", U[m + d] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+        m = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", U[x + m] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          d,
           m,
+          x,
           y,
-          m
-        ), U[m + d] = !0);
+          x
+        ), U[x + m] = !0);
       }
-      if (m = null, u !== void 0 && (n(u), m = "" + u), i(c) && (n(c.key), m = "" + c.key), "key" in c) {
-        u = {};
-        for (var $ in c)
-          $ !== "key" && (u[$] = c[$]);
-      } else u = c;
-      return m && v(
-        u,
+      if (x = null, d !== void 0 && (t(d), x = "" + d), i(c) && (t(c.key), x = "" + c.key), "key" in c) {
+        d = {};
+        for (var P in c)
+          P !== "key" && (d[P] = c[P]);
+      } else d = c;
+      return x && u(
+        d,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), V(
+      ), w(
         r,
-        m,
+        x,
         b,
         p,
-        l(),
-        u,
-        O,
-        P
+        n(),
+        d,
+        $,
+        O
       );
     }
     function g(r) {
-      typeof r == "object" && r !== null && r.$$typeof === w && r._store && (r._store.validated = 1);
+      typeof r == "object" && r !== null && r.$$typeof === V && r._store && (r._store.validated = 1);
     }
-    var x = D, w = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), ae = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), _ = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, ue = Array.isArray, A = console.createTask ? console.createTask : function() {
+    var v = D, V = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), ae = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), te = Symbol.for("react.suspense"), ne = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), _ = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, ue = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
+    v = {
       "react-stack-bottom-frame": function(r) {
         return r();
       }
     };
-    var z, I = {}, Y = x["react-stack-bottom-frame"].bind(
-      x,
-      t
-    )(), F = A(o(t)), U = {};
-    T.Fragment = C, T.jsx = function(r, c, u, d, p) {
+    var M, z = {}, Y = v["react-stack-bottom-frame"].bind(
+      v,
+      l
+    )(), F = A(o(l)), U = {};
+    T.Fragment = C, T.jsx = function(r, c, d, m, p) {
       var b = 1e4 > _.recentlyCreatedOwnerStacks++;
       return h(
         r,
         c,
-        u,
-        !1,
         d,
+        !1,
+        m,
         p,
         b ? Error("react-stack-top-frame") : Y,
         b ? A(o(r)) : F
       );
-    }, T.jsxs = function(r, c, u, d, p) {
+    }, T.jsxs = function(r, c, d, m, p) {
       var b = 1e4 > _.recentlyCreatedOwnerStacks++;
       return h(
         r,
         c,
-        u,
-        !0,
         d,
+        !0,
+        m,
         p,
         b ? Error("react-stack-top-frame") : Y,
         b ? A(o(r)) : F
@@ -277,11 +277,11 @@ React keys must be passed directly to JSX without using spread:
   }()), T;
 }
 var J;
-function ye() {
-  return J || (J = 1, process.env.NODE_ENV === "production" ? E.exports = Ve() : E.exports = we()), E.exports;
+function Ee() {
+  return J || (J = 1, process.env.NODE_ENV === "production" ? E.exports = ke() : E.exports = Te()), E.exports;
 }
-var e = ye();
-const Ne = {
+var e = Ee();
+const Re = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -293,19 +293,19 @@ function f(...s) {
   return s.filter(Boolean).join(" ");
 }
 function H({ item: s, colorScheme: a }) {
-  const [n, o] = N(s.current || s.children?.some((t) => t.current)), l = s.children && s.children.length > 0;
+  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: (t) => {
-          l && (t.preventDefault(), o(!n));
+        href: n ? void 0 : s.href,
+        onClick: (l) => {
+          n && (l.preventDefault(), o(!t));
         },
         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: [
@@ -321,12 +321,12 @@ function H({ item: s, colorScheme: a }) {
             ),
             s.name
           ] }),
-          l && /* @__PURE__ */ e.jsx(
+          n && /* @__PURE__ */ e.jsx(
             je,
             {
               className: f(
                 "size-5 shrink-0 transition-transform",
-                n ? "rotate-180" : "",
+                t ? "rotate-180" : "",
                 s.current ? a.activeText : a.text
               )
             }
@@ -334,35 +334,35 @@ function H({ item: s, colorScheme: a }) {
         ]
       }
     ) }),
-    l && n && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: s.children.map((t) => /* @__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: t.href,
+        href: l.href,
         className: f(
-          t.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
+          l.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
           "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
         ),
         children: [
           /* @__PURE__ */ e.jsx(
-            t.icon,
+            l.icon,
             {
               "aria-hidden": "true",
               className: f(
-                t.current ? a.activeText : `${a.text} group-${a.hoverText}`,
+                l.current ? a.activeText : `${a.text} group-${a.hoverText}`,
                 "size-5 shrink-0"
               )
             }
           ),
-          t.name
+          l.name
         ]
       }
-    ) }, t.name)) })
+    ) }, l.name)) })
   ] });
 }
-function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
-  const [l, t] = N(!1);
+function Ye({ company: s, profile: a, navigation: t, colorScheme: o = Re }) {
+  const [n, l] = N(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(xe, { open: l, onClose: t, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs(ve, { open: n, onClose: l, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
@@ -376,7 +376,7 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
           transition: !0,
           className: "relative mr-16 flex w-full max-w-xs flex-1 transform transition duration-300 ease-in-out data-closed:-translate-x-full",
           children: [
-            /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0", children: /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => t(!1), className: "-m-2.5 p-2.5", children: [
+            /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0", children: /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => l(!1), className: "-m-2.5 p-2.5", children: [
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
               /* @__PURE__ */ e.jsx(be, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
@@ -389,7 +389,7 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
                   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: n.map((i) => /* @__PURE__ */ e.jsx(H, { 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)) }) }) }) })
             ] })
           ]
         }
@@ -405,7 +405,7 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
         }
       ) }),
       /* @__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: n.map((i) => /* @__PURE__ */ e.jsx(H, { 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",
           {
@@ -432,7 +432,7 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
       ] }) })
     ] }) }),
     /* @__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: () => t(!0), className: f("-m-2.5 p-2.5 lg:hidden", o.text), 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(pe, { "aria-hidden": "true", className: "size-6" })
       ] }),
@@ -451,8 +451,8 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
     ] })
   ] }) });
 }
-const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value: n }) => {
-  const o = `rgb(${n})`;
+const Z = (s) => s.replace("--color-", "bg-"), Ce = ({ 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",
@@ -468,8 +468,8 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
   ] });
 }, q = ({ title: s, colors: a }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
   /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: s }),
-  /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-11 gap-4", children: a.map((n) => /* @__PURE__ */ e.jsx(ke, { ...n }, n.name)) })
-] }), Te = () => {
+  /* @__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(Ce, { ...t }, t.name)) })
+] }), _e = () => {
   const s = [
     {
       title: "Success Colors (Green)",
@@ -670,7 +670,7 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
         { name: "900", cssVar: "--color-beaver-900", value: "235 229 224" }
       ]
     }
-  ], n = [
+  ], t = [
     { name: "Background", cssVar: "--color-background" },
     { name: "Surface", cssVar: "--color-surface" },
     { name: "Surface Variant", cssVar: "--color-surface-variant" },
@@ -689,7 +689,7 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
     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: n.map((o) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "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",
           {
@@ -704,44 +704,44 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ 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 = me(void 0), Ee = ({
+}, K = me(void 0), Ae = ({
   children: s,
   defaultTheme: a = "system",
-  storageKey: n = "acemyjob-ui-theme"
+  storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [o, l] = N(a), [t, i] = N("light"), [v, j] = N(!1);
+  const [o, n] = N(a), [l, i] = N("light"), [u, j] = N(!1);
   L(() => {
-    const h = localStorage.getItem(n);
-    h && l(h), j(!0);
-  }, [n]), L(() => {
-    if (!v) return;
+    const h = localStorage.getItem(t);
+    h && n(h), j(!0);
+  }, [t]), L(() => {
+    if (!u) return;
     const h = window.document.documentElement, g = () => {
-      let x;
-      o === "system" ? x = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : x = o, i(x), h.classList.remove("light", "dark"), h.classList.add(x);
+      let v;
+      o === "system" ? v = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : v = o, i(v), h.classList.remove("light", "dark"), h.classList.add(v);
     };
     if (g(), o === "system") {
-      const x = window.matchMedia("(prefers-color-scheme: dark)"), w = () => g();
-      return x.addEventListener("change", w), () => x.removeEventListener("change", w);
+      const v = window.matchMedia("(prefers-color-scheme: dark)"), V = () => g();
+      return v.addEventListener("change", V), () => v.removeEventListener("change", V);
     }
-  }, [o, v]);
-  const V = {
+  }, [o, u]);
+  const w = {
     theme: o,
     setTheme: (h) => {
-      localStorage.setItem(n, h), l(h);
+      localStorage.setItem(t, h), n(h);
     },
-    resolvedTheme: t
+    resolvedTheme: l
   };
-  return /* @__PURE__ */ e.jsx(K.Provider, { value: V, children: s });
-}, Re = () => {
-  const s = ve(K);
+  return /* @__PURE__ */ e.jsx(K.Provider, { value: w, children: s });
+}, $e = () => {
+  const s = xe(K);
   if (s === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return s;
-}, Ce = () => {
-  const { theme: s, setTheme: a } = Re(), [n, o] = N(!1);
+}, Oe = () => {
+  const { theme: s, setTheme: a } = $e(), [t, o] = N(!1);
   if (L(() => {
     o(!0);
-  }, []), !n)
+  }, []), !t)
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -753,9 +753,9 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
         ]
       }
     );
-  const l = () => {
+  const n = () => {
     a(s === "light" ? "dark" : s === "dark" ? "system" : "light");
-  }, t = () => {
+  }, 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" }) });
@@ -777,19 +777,19 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ 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: [
-        t(),
+        l(),
         /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: i() })
       ]
     }
   );
-}, _e = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Ce, {}) }),
-  /* @__PURE__ */ e.jsx(Te, {})
-] }), Me = () => /* @__PURE__ */ e.jsx(Ee, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(_e, {}) }), X = {
+}, Pe = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Oe, {}) }),
+  /* @__PURE__ */ e.jsx(_e, {})
+] }), Fe = () => /* @__PURE__ */ e.jsx(Ae, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Pe, {}) }), X = {
   variant: {
     default: "bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",
     destructive: "bg-error-500 text-white hover:bg-error-600 focus-visible:ring-error-500",
@@ -807,35 +807,35 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, Ae = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", Oe = (...s) => s.filter(Boolean).join(" "), B = D.forwardRef(
+}, Le = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", De = (...s) => s.filter(Boolean).join(" "), B = D.forwardRef(
   ({
     className: s,
     variant: a = "default",
-    size: n = "default",
+    size: t = "default",
     fullWidth: o = !1,
-    loading: l = !1,
-    leftIcon: t,
+    loading: n = !1,
+    leftIcon: l,
     rightIcon: i,
-    children: v,
+    children: u,
     disabled: j,
-    ...V
+    ...w
   }, h) => {
-    const g = j || l, x = Oe(
-      Ae,
+    const g = j || n, v = De(
+      Le,
       X.variant[a],
-      X.size[n],
+      X.size[t],
       o ? "w-full" : "",
       s
     );
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
-        className: x,
+        className: v,
         ref: h,
         disabled: g,
-        ...V,
+        ...w,
         children: [
-          l && /* @__PURE__ */ e.jsxs(
+          n && /* @__PURE__ */ e.jsxs(
             "svg",
             {
               className: "mr-2 h-4 w-4 animate-spin",
@@ -865,9 +865,9 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
               ]
             }
           ),
-          !l && t && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: t }),
-          v,
-          !l && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
+          !n && l && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: l }),
+          u,
+          !n && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
         ]
       }
     );
@@ -883,143 +883,202 @@ const Q = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, Pe = (...s) => s.filter(Boolean).join(" "), $e = D.forwardRef(
+}, Be = (...s) => s.filter(Boolean).join(" "), Se = D.forwardRef(
   ({
     className: s,
     provider: a,
-    iconPosition: n = "left",
+    iconPosition: t = "left",
     icon: o,
-    showText: l = !0,
-    children: t,
+    showText: n = !0,
+    children: l,
     size: i = "default",
-    fullWidth: v = !0,
+    fullWidth: u = !0,
     ...j
-  }, V) => {
+  }, w) => {
     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], w = t || (l ? {
+    }[a], V = l || (n ? {
       linkedin: "Continue with LinkedIn"
-    }[a] : ""), R = Pe(
+    }[a] : ""), R = Be(
       "relative overflow-hidden transition-all duration-200",
       Q.provider[a],
-      Q.iconPosition[n],
+      Q.iconPosition[t],
       s
     );
     return /* @__PURE__ */ e.jsxs(
       B,
       {
-        ref: V,
+        ref: w,
         variant: "none",
         className: R,
         size: i,
-        fullWidth: v,
-        leftIcon: n === "left" ? g : void 0,
-        rightIcon: n === "right" ? g : void 0,
+        fullWidth: u,
+        leftIcon: t === "left" ? g : void 0,
+        rightIcon: t === "right" ? g : void 0,
         ...j,
         children: [
-          n === "only" && g,
-          n !== "only" && w
+          t === "only" && g,
+          t !== "only" && V
         ]
       }
     );
   }
 );
-$e.displayName = "SocialButton";
-function ze({
+Se.displayName = "SocialButton";
+function Ue({
   children: s,
   variant: a = "default",
-  isActive: n = !1,
+  isActive: t = !1,
   onClick: o,
-  className: l = ""
+  className: n = ""
 }) {
-  const t = "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",
-    interactive: `border-2 p-4 cursor-pointer ${n ? "border-success-500 bg-success-50" : "border-border bg-surface hover:border-border-subtle"}`
+    interactive: `border-2 p-4 cursor-pointer ${t ? "border-success-500 bg-success-50" : "border-border bg-surface hover:border-border-subtle"}`
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${t} ${i[a]} ${l}`,
+      className: `${l} ${i[a]} ${n}`,
       onClick: o,
       role: o ? "button" : void 0,
       tabIndex: o ? 0 : void 0,
-      onKeyDown: o ? (v) => {
-        (v.key === "Enter" || v.key === " ") && o();
+      onKeyDown: o ? (u) => {
+        (u.key === "Enter" || u.key === " ") && o();
       } : void 0,
       children: s
     }
   );
 }
-function Ie({
+function We({
   title: s,
   children: a,
-  subtitle: n,
+  subtitle: t,
   spacing: o = "normal",
-  className: l = ""
+  className: n = ""
 }) {
-  const t = {
+  const l = {
     compact: "space-y-3",
     normal: "space-y-6",
     spacious: "space-y-8"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `${t[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 }),
-      n && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: n })
+      t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t })
     ] }),
     a
   ] });
 }
-function Ye({ tabs: s, activeTab: a, disabled: n = !1, onChange: o }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: s.map((l) => {
-    const t = a === l.id;
+function Ge({
+  variant: s,
+  title: a,
+  message: t,
+  icon: o,
+  onClose: n,
+  className: l = ""
+}) {
+  const u = {
+    success: {
+      bg: "bg-success-50",
+      border: "border-success-200",
+      text: "text-success-700",
+      icon: /* @__PURE__ */ e.jsx(Ne, { className: "h-5 w-5" })
+    },
+    error: {
+      bg: "bg-error-50",
+      border: "border-error-200",
+      text: "text-error-700",
+      icon: /* @__PURE__ */ e.jsx(ye, { className: "h-5 w-5" })
+    },
+    warning: {
+      bg: "bg-warning-50",
+      border: "border-warning-200",
+      text: "text-warning-700",
+      icon: /* @__PURE__ */ e.jsx(Ve, { className: "h-5 w-5" })
+    },
+    info: {
+      bg: "bg-info-50",
+      border: "border-info-200",
+      text: "text-info-700",
+      icon: /* @__PURE__ */ e.jsx(we, { className: "h-5 w-5" })
+    }
+  }[s];
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      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 }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+          a && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${u.text}`, children: a }),
+          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${u.text}`, children: t })
+        ] }),
+        n && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: n,
+            className: `flex-shrink-0 ${u.text} hover:opacity-70`,
+            "aria-label": "Close alert",
+            children: "✕"
+          }
+        )
+      ] })
+    }
+  );
+}
+function Je({ 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(
       B,
       {
         variant: "ghost",
-        onClick: () => !n && o(l.id),
-        disabled: n && !t,
-        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${t ? "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: l.label
+        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
       },
-      l.id
+      n.id
     );
   }) });
 }
-function Fe({ currentStep: s, steps: a }) {
-  return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: a.map((n, o) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${o < a.length - 1 ? "flex-1" : ""}`, children: [
+function He({ 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(
         "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
+          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
         }
       ),
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: `ml-3 text-sm font-medium whitespace-nowrap ${s >= n.number ? "text-reseda-green-800" : "text-text-muted"}`,
-          children: n.label
+          className: `ml-3 text-sm font-medium whitespace-nowrap ${s >= t.number ? "text-reseda-green-800" : "text-text-muted"}`,
+          children: t.label
         }
       )
     ] }),
     o < a.length - 1 && /* @__PURE__ */ e.jsx("div", { className: "flex-1 h-0.5 mx-4 bg-border" })
-  ] }, n.number)) }) });
+  ] }, t.number)) }) });
 }
 export {
+  Ge as Alert,
   B as Button,
-  ze as Card,
-  Te as ColorPalette,
-  Me as Demo,
-  Ie as Section,
-  Se as Sidebar,
-  $e as SocialButton,
-  Fe as Stepper,
-  Ye as TabBar,
-  Ee as ThemeProvider,
-  Ce as ThemeToggle,
-  Re as useTheme
+  Ue as Card,
+  _e as ColorPalette,
+  Fe as Demo,
+  We as Section,
+  Ye as Sidebar,
+  Se as SocialButton,
+  He as Stepper,
+  Je as TabBar,
+  Ae as ThemeProvider,
+  Oe as ThemeToggle,
+  $e as useTheme
 };