acemyjob-ui 0.15.0 → 0.17.0

package/dist/acemyjob-ui.es.js

@@ -1,7 +1,7 @@
 import * as _ from "react";
-import I, { useState as T, useCallback as O, createContext as je, useEffect as J, useContext as we, useRef as ye } from "react";
-import { Dialog as Ne, DialogBackdrop as Ce, DialogPanel as ke, TransitionChild as Ve } from "@headlessui/react";
-import { XMarkIcon as Te, Bars3Icon as $e, ChevronDownIcon as re, InformationCircleIcon as Ee, ExclamationCircleIcon as Re, XCircleIcon as Ae, CheckCircleIcon as _e } from "@heroicons/react/24/outline";
+import z, { useState as $, useCallback as O, createContext as Ce, useEffect as J, useContext as ke, useRef as Ve } from "react";
+import { Dialog as $e, DialogBackdrop as Te, DialogPanel as Ee, TransitionChild as Re } from "@headlessui/react";
+import { XMarkIcon as Ae, Bars3Icon as _e, ChevronDownIcon as re, InformationCircleIcon as ve, ExclamationCircleIcon as ge, XCircleIcon as be, CheckCircleIcon as pe } from "@heroicons/react/24/outline";
 import { useSortable as Be } from "@dnd-kit/sortable";
 import { CSS as Oe } from "@dnd-kit/utilities";
 const fr = {
@@ -59,7 +59,7 @@ const fr = {
     message: s
   })
 };
-function De(r, s) {
+function Se(r, s) {
   for (const t of s)
     if (!t.validate(r))
       return t.message;
@@ -68,12 +68,12 @@ function De(r, s) {
 function Q(r, s) {
   const t = {};
   for (const [a, l] of Object.entries(s)) {
-    const n = r[a], c = De(n, l);
-    t[a] = c;
+    const n = r[a], i = Se(n, l);
+    t[a] = i;
   }
   return t;
 }
-function Se(r) {
+function De(r) {
   return Object.values(r).some((s) => s !== null);
 }
 function hr(r) {
@@ -99,18 +99,18 @@ function br({
   validationRules: s = {},
   onSubmit: t
 }) {
-  const [a, l] = T(r), [n, c] = T({}), [i, u] = T({}), [x, d] = T(!1), m = JSON.stringify(a) !== JSON.stringify(r), f = O(
+  const [a, l] = $(r), [n, i] = $({}), [c, u] = $({}), [x, d] = $(!1), m = JSON.stringify(a) !== JSON.stringify(r), f = O(
     (p) => {
       const { name: b, value: w, type: A } = p.target;
-      let z = w;
-      if (A === "checkbox" ? z = p.target.checked : A === "number" && (z = w ? Number(w) : ""), l((L) => ({
-        ...L,
-        [b]: z
+      let L = w;
+      if (A === "checkbox" ? L = p.target.checked : A === "number" && (L = w ? Number(w) : ""), l((M) => ({
+        ...M,
+        [b]: L
       })), s[b]) {
-        const L = Q({ [b]: z }, { [b]: s[b] });
-        c((W) => ({
+        const M = Q({ [b]: L }, { [b]: s[b] });
+        i((W) => ({
           ...W,
-          [b]: L[b]
+          [b]: M[b]
         }));
       }
     },
@@ -130,13 +130,13 @@ function br({
       [p]: b
     })), s[p]) {
       const w = Q({ [p]: b }, { [p]: s[p] });
-      c((A) => ({
+      i((A) => ({
         ...A,
         [p]: w[p]
       }));
     }
-  }, [s]), N = O((p, b) => {
-    c((w) => ({
+  }, [s]), y = O((p, b) => {
+    i((w) => ({
       ...w,
       [p]: b
     }));
@@ -144,11 +144,11 @@ function br({
     async (p) => {
       p.preventDefault();
       const b = Q(a, s);
-      c(b);
+      i(b);
       const w = {};
       for (const A of Object.keys(a))
         w[A] = !0;
-      if (u(w), !Se(b) && t) {
+      if (u(w), !De(b) && t) {
         d(!0);
         try {
           await t(a);
@@ -160,8 +160,8 @@ function br({
       }
     },
     [a, s, t]
-  ), $ = O(() => {
-    l(r), c({}), u({}), d(!1);
+  ), T = O(() => {
+    l(r), i({}), u({}), d(!1);
   }, [r]), R = O(
     (p) => ({
       name: p,
@@ -170,32 +170,32 @@ function br({
       onBlur: v
     }),
     [a, f, v]
-  ), y = O(
+  ), N = O(
     (p) => n[p] || null,
     [n]
-  ), S = O(
-    (p) => i[p] || !1,
-    [i]
-  ), M = O(
+  ), D = O(
+    (p) => c[p] || !1,
+    [c]
+  ), I = O(
     (p) => a[p] !== r[p],
     [a, r]
   );
   return {
     values: a,
     errors: n,
-    touched: i,
+    touched: c,
     isSubmitting: x,
     isDirty: m,
     handleChange: f,
     handleBlur: v,
     setFieldValue: g,
-    setFieldError: N,
+    setFieldError: y,
     handleSubmit: V,
-    resetForm: $,
+    resetForm: T,
     getFieldProps: R,
-    getFieldError: y,
-    isFieldTouched: S,
-    isFieldDirty: M
+    getFieldError: N,
+    isFieldTouched: D,
+    isFieldDirty: I
   };
 }
 var H = { exports: {} }, U = {};
@@ -214,16 +214,16 @@ function Pe() {
   oe = 1;
   var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function t(a, l, n) {
-    var c = null;
-    if (n !== void 0 && (c = "" + n), l.key !== void 0 && (c = "" + l.key), "key" in l) {
+    var i = null;
+    if (n !== void 0 && (i = "" + n), l.key !== void 0 && (i = "" + l.key), "key" in l) {
       n = {};
-      for (var i in l)
-        i !== "key" && (n[i] = l[i]);
+      for (var c in l)
+        c !== "key" && (n[c] = l[c]);
     } else n = l;
     return l = n.ref, {
       $$typeof: r,
       type: a,
-      key: c,
+      key: i,
       ref: l !== void 0 ? l : null,
       props: n
     };
@@ -241,21 +241,21 @@ var Y = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ce;
-function Ie() {
+function ze() {
   return ce || (ce = 1, process.env.NODE_ENV !== "production" && function() {
     function r(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === z ? null : o.displayName || o.name || null;
+        return o.$$typeof === L ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case N:
+        case y:
           return "Fragment";
-        case $:
+        case T:
           return "Profiler";
         case V:
           return "StrictMode";
-        case M:
+        case I:
           return "Suspense";
         case p:
           return "SuspenseList";
@@ -268,11 +268,11 @@ function Ie() {
         ), o.$$typeof) {
           case g:
             return "Portal";
-          case y:
+          case N:
             return (o.displayName || "Context") + ".Provider";
           case R:
             return (o._context.displayName || "Context") + ".Consumer";
-          case S:
+          case D:
             var h = o.render;
             return o = o.displayName, o || (o = h.displayName || h.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
           case b:
@@ -307,7 +307,7 @@ function Ie() {
       }
     }
     function a(o) {
-      if (o === N) return "<>";
+      if (o === y) return "<>";
       if (typeof o == "object" && o !== null && o.$$typeof === w)
         return "<...>";
       try {
@@ -318,20 +318,20 @@ function Ie() {
       }
     }
     function l() {
-      var o = L.A;
+      var o = M.A;
       return o === null ? null : o.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
-    function c(o) {
+    function i(o) {
       if (W.call(o, "key")) {
         var h = Object.getOwnPropertyDescriptor(o, "key").get;
         if (h && h.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function i(o, h) {
+    function c(o, h) {
       function j() {
         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)",
@@ -385,7 +385,7 @@ function Ie() {
       var k = h.children;
       if (k !== void 0)
         if (C)
-          if (be(k)) {
+          if (Ne(k)) {
             for (C = 0; C < k.length; C++)
               m(k[C]);
             Object.freeze && Object.freeze(k);
@@ -396,8 +396,8 @@ function Ie() {
         else m(k);
       if (W.call(h, "key")) {
         k = r(o);
-        var F = Object.keys(h).filter(function(pe) {
-          return pe !== "key";
+        var F = Object.keys(h).filter(function(ye) {
+          return ye !== "key";
         });
         C = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", le[k + C] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -412,12 +412,12 @@ React keys must be passed directly to JSX without using spread:
           k
         ), le[k + C] = !0);
       }
-      if (k = null, j !== void 0 && (t(j), k = "" + j), c(h) && (t(h.key), k = "" + h.key), "key" in h) {
+      if (k = null, j !== void 0 && (t(j), k = "" + j), i(h) && (t(h.key), k = "" + h.key), "key" in h) {
         j = {};
         for (var K in h)
           K !== "key" && (j[K] = h[K]);
       } else j = h;
-      return k && i(
+      return k && c(
         j,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), x(
@@ -434,7 +434,7 @@ React keys must be passed directly to JSX without using spread:
     function m(o) {
       typeof o == "object" && o !== null && o.$$typeof === v && o._store && (o._store.validated = 1);
     }
-    var f = I, v = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), y = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), L = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, be = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var f = z, v = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), N = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), M = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Ne = Array.isArray, X = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -446,8 +446,8 @@ React keys must be passed directly to JSX without using spread:
       f,
       n
     )(), ne = X(a(n)), le = {};
-    Y.Fragment = N, Y.jsx = function(o, h, j, C, P) {
-      var B = 1e4 > L.recentlyCreatedOwnerStacks++;
+    Y.Fragment = y, Y.jsx = function(o, h, j, C, P) {
+      var B = 1e4 > M.recentlyCreatedOwnerStacks++;
       return d(
         o,
         h,
@@ -459,7 +459,7 @@ React keys must be passed directly to JSX without using spread:
         B ? X(a(o)) : ne
       );
     }, Y.jsxs = function(o, h, j, C, P) {
-      var B = 1e4 > L.recentlyCreatedOwnerStacks++;
+      var B = 1e4 > M.recentlyCreatedOwnerStacks++;
       return d(
         o,
         h,
@@ -474,11 +474,11 @@ React keys must be passed directly to JSX without using spread:
   }()), Y;
 }
 var ie;
-function Le() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? H.exports = Pe() : H.exports = Ie()), H.exports;
+function Me() {
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? H.exports = Pe() : H.exports = ze()), H.exports;
 }
-var e = Le();
-const Me = {
+var e = Me();
+const Ie = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -490,7 +490,7 @@ function E(...r) {
   return r.filter(Boolean).join(" ");
 }
 function de({ item: r, colorScheme: s }) {
-  const [t, a] = T(r.current || r.children?.some((n) => n.current)), l = r.children && r.children.length > 0;
+  const [t, a] = $(r.current || r.children?.some((n) => n.current)), l = r.children && r.children.length > 0;
   return /* @__PURE__ */ e.jsxs("li", { children: [
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
       "a",
@@ -556,26 +556,26 @@ function de({ item: r, colorScheme: s }) {
     ) }, n.name)) })
   ] });
 }
-function pr({ company: r, profile: s, navigation: t, colorScheme: a = Me }) {
-  const [l, n] = T(!1);
+function pr({ company: r, profile: s, navigation: t, colorScheme: a = Ie }) {
+  const [l, n] = $(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(Ne, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs($e, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
-        Ce,
+        Te,
         {
           transition: !0,
           className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"
         }
       ),
       /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ e.jsxs(
-        ke,
+        Ee,
         {
           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(Ve, { 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(Re, { 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("span", { className: "sr-only", children: "Close sidebar" }),
-              /* @__PURE__ */ e.jsx(Te, { "aria-hidden": "true", className: "size-6 text-white" })
+              /* @__PURE__ */ e.jsx(Ae, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
             /* @__PURE__ */ e.jsxs("div", { className: E("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", a.bg), children: [
               /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
@@ -586,7 +586,7 @@ function pr({ company: r, profile: s, navigation: t, colorScheme: a = Me }) {
                   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((c) => /* @__PURE__ */ e.jsx(de, { item: c, colorScheme: a }, c.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(de, { item: i, colorScheme: a }, i.name)) }) }) }) })
             ] })
           ]
         }
@@ -602,7 +602,7 @@ function pr({ company: r, profile: s, navigation: t, colorScheme: a = Me }) {
         }
       ) }),
       /* @__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((c) => /* @__PURE__ */ e.jsx(de, { item: c, colorScheme: a }, c.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(de, { item: i, colorScheme: a }, i.name)) }) }),
         /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
@@ -631,7 +631,7 @@ function pr({ company: r, profile: s, navigation: t, colorScheme: a = Me }) {
     /* @__PURE__ */ e.jsxs("div", { className: E("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden", a.bg), children: [
       /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => n(!0), className: E("-m-2.5 p-2.5 lg:hidden", a.text), children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
-        /* @__PURE__ */ e.jsx($e, { "aria-hidden": "true", className: "size-6" })
+        /* @__PURE__ */ e.jsx(_e, { "aria-hidden": "true", className: "size-6" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: E("flex-1 text-sm/6 font-semibold", a.activeText), children: "Dashboard" }),
       /* @__PURE__ */ e.jsxs("a", { href: "#", children: [
@@ -648,13 +648,13 @@ function pr({ company: r, profile: s, navigation: t, colorScheme: a = Me }) {
     ] })
   ] }) });
 }
-const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, value: t }) => {
+const je = (r) => r.replace("--color-", "bg-"), Le = ({ name: r, cssVar: s, value: t }) => {
   const a = `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 ${ve(s)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${je(s)}`
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -665,7 +665,7 @@ const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
   ] });
 }, ue = ({ title: r, colors: s }) => /* @__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: r }),
-  /* @__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: s.map((t) => /* @__PURE__ */ e.jsx(ze, { ...t }, t.name)) })
+  /* @__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: s.map((t) => /* @__PURE__ */ e.jsx(Le, { ...t }, t.name)) })
 ] }), Fe = () => {
   const r = [
     {
@@ -890,7 +890,7 @@ const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ve(a.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${je(a.cssVar)}`
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -901,26 +901,26 @@ const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
     ] }),
     /* @__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" }) })
   ] });
-}, ge = je(void 0), Ue = ({
+}, we = Ce(void 0), Ue = ({
   children: r,
   defaultTheme: s = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [a, l] = T(s), [n, c] = T("light"), [i, u] = T(!1);
+  const [a, l] = $(s), [n, i] = $("light"), [c, u] = $(!1);
   J(() => {
     const d = localStorage.getItem(t);
     d && l(d), u(!0);
   }, [t]), J(() => {
-    if (!i) return;
+    if (!c) return;
     const d = window.document.documentElement, m = () => {
       let f;
-      a === "system" ? f = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : f = a, c(f), d.classList.remove("light", "dark"), d.classList.add(f);
+      a === "system" ? f = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : f = a, i(f), d.classList.remove("light", "dark"), d.classList.add(f);
     };
     if (m(), a === "system") {
       const f = window.matchMedia("(prefers-color-scheme: dark)"), v = () => m();
       return f.addEventListener("change", v), () => f.removeEventListener("change", v);
     }
-  }, [a, i]);
+  }, [a, c]);
   const x = {
     theme: a,
     setTheme: (d) => {
@@ -928,14 +928,14 @@ const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
     },
     resolvedTheme: n
   };
-  return /* @__PURE__ */ e.jsx(ge.Provider, { value: x, children: r });
+  return /* @__PURE__ */ e.jsx(we.Provider, { value: x, children: r });
 }, Ye = () => {
-  const r = we(ge);
+  const r = ke(we);
   if (r === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return r;
 }, We = () => {
-  const { theme: r, setTheme: s } = Ye(), [t, a] = T(!1);
+  const { theme: r, setTheme: s } = Ye(), [t, a] = $(!1);
   if (J(() => {
     a(!0);
   }, []), !t)
@@ -961,7 +961,7 @@ const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
       case "system":
         return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) });
     }
-  }, c = () => {
+  }, i = () => {
     switch (r) {
       case "light":
         return "Light";
@@ -976,10 +976,10 @@ const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
     {
       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: ${c()}. Click to cycle themes.`,
+      "aria-label": `Current theme: ${i()}. Click to cycle themes.`,
       children: [
         n(),
-        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: c() })
+        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: i() })
       ]
     }
   );
@@ -1004,7 +1004,7 @@ const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, Ge = "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", Je = (...r) => r.filter(Boolean).join(" "), D = I.forwardRef(
+}, Ge = "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", Je = (...r) => r.filter(Boolean).join(" "), S = z.forwardRef(
   ({
     className: r,
     variant: s = "default",
@@ -1012,8 +1012,8 @@ const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
     fullWidth: a = !1,
     loading: l = !1,
     leftIcon: n,
-    rightIcon: c,
-    children: i,
+    rightIcon: i,
+    children: c,
     disabled: u,
     ...x
   }, d) => {
@@ -1063,14 +1063,14 @@ const ve = (r) => r.replace("--color-", "bg-"), ze = ({ name: r, cssVar: s, valu
             }
           ),
           !l && n && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: n }),
-          i,
-          !l && c && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: c })
+          c,
+          !l && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
         ]
       }
     );
   }
 );
-D.displayName = "Button";
+S.displayName = "Button";
 const xe = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
@@ -1080,7 +1080,7 @@ const xe = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, Xe = (...r) => r.filter(Boolean).join(" "), qe = I.forwardRef(
+}, Xe = (...r) => r.filter(Boolean).join(" "), qe = z.forwardRef(
   ({
     className: r,
     provider: s,
@@ -1088,8 +1088,8 @@ const xe = {
     icon: a,
     showText: l = !0,
     children: n,
-    size: c = "default",
-    fullWidth: i = !0,
+    size: i = "default",
+    fullWidth: c = !0,
     ...u
   }, x) => {
     const m = a || {
@@ -1103,13 +1103,13 @@ const xe = {
       r
     );
     return /* @__PURE__ */ e.jsxs(
-      D,
+      S,
       {
         ref: x,
         variant: "none",
         className: g,
-        size: c,
-        fullWidth: i,
+        size: i,
+        fullWidth: c,
         leftIcon: t === "left" ? m : void 0,
         rightIcon: t === "right" ? m : void 0,
         ...u,
@@ -1129,7 +1129,7 @@ function wr({
   onClick: a,
   className: l = ""
 }) {
-  const n = "rounded-lg transition-all", c = {
+  const n = "rounded-lg transition-all", i = {
     default: "border border-border p-4",
     surface: "bg-surface-variant p-4",
     elevated: "bg-surface shadow-md p-6",
@@ -1138,18 +1138,18 @@ function wr({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${n} ${c[s]} ${l}`,
+      className: `${n} ${i[s]} ${l}`,
       onClick: a,
       role: a ? "button" : void 0,
       tabIndex: a ? 0 : void 0,
-      onKeyDown: a ? (i) => {
-        (i.key === "Enter" || i.key === " ") && a();
+      onKeyDown: a ? (c) => {
+        (c.key === "Enter" || c.key === " ") && a();
       } : void 0,
       children: r
     }
   );
 }
-function yr({
+function Nr({
   title: r,
   children: s,
   subtitle: t,
@@ -1177,48 +1177,48 @@ function G({
   onClose: l,
   className: n = ""
 }) {
-  const i = {
+  const c = {
     success: {
       bg: "bg-success-50",
       border: "border-success-200",
       text: "text-success-700",
-      icon: /* @__PURE__ */ e.jsx(_e, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(pe, { className: "h-5 w-5" })
     },
     error: {
       bg: "bg-error-50",
       border: "border-error-200",
       text: "text-error-700",
-      icon: /* @__PURE__ */ e.jsx(Ae, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(be, { className: "h-5 w-5" })
     },
     warning: {
       bg: "bg-warning-50",
       border: "border-warning-200",
       text: "text-warning-700",
-      icon: /* @__PURE__ */ e.jsx(Re, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ge, { className: "h-5 w-5" })
     },
     info: {
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ e.jsx(Ee, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
     }
   }[r];
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${i.bg} border ${i.border} rounded-md p-3 ${n}`,
+      className: `${c.bg} border ${c.border} rounded-md p-3 ${n}`,
       role: "alert",
       children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${i.text}`, children: a || i.icon }),
+        /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${c.text}`, children: a || c.icon }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-          s && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${i.text}`, children: s }),
-          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${i.text}`, children: t })
+          s && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${c.text}`, children: s }),
+          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${c.text}`, children: t })
         ] }),
         l && /* @__PURE__ */ e.jsx(
           "button",
           {
             onClick: l,
-            className: `flex-shrink-0 ${i.text} hover:opacity-70`,
+            className: `flex-shrink-0 ${c.text} hover:opacity-70`,
             "aria-label": "Close alert",
             children: "✕"
           }
@@ -1298,8 +1298,8 @@ function er({
   removable: a = !1,
   onRemove: l,
   className: n = "",
-  style: c,
-  colorClass: i
+  style: i,
+  colorClass: c
 }) {
   const u = {
     default: "bg-surface-variant text-text-secondary",
@@ -1311,12 +1311,12 @@ function er({
     sm: "px-2 py-0.5 text-xs",
     md: "px-3 py-1 text-sm",
     lg: "px-4 py-1.5 text-base"
-  }, d = i || u[s];
+  }, d = c || u[s];
   return /* @__PURE__ */ e.jsxs(
     "span",
     {
       className: `inline-flex items-center gap-1 rounded-full ${d} ${x[t]} ${n}`,
-      style: c,
+      style: i,
       children: [
         r,
         a && l && /* @__PURE__ */ e.jsx(
@@ -1332,7 +1332,73 @@ function er({
     }
   );
 }
-function Nr({
+function yr({
+  status: r,
+  title: s,
+  message: t,
+  action: a,
+  progress: l,
+  className: n = ""
+}) {
+  const c = {
+    success: {
+      bg: "bg-success-50",
+      border: "border-success-200",
+      text: "text-success-700",
+      icon: /* @__PURE__ */ e.jsx(pe, { className: "h-5 w-5" })
+    },
+    error: {
+      bg: "bg-error-50",
+      border: "border-error-200",
+      text: "text-error-700",
+      icon: /* @__PURE__ */ e.jsx(be, { className: "h-5 w-5" })
+    },
+    warning: {
+      bg: "bg-warning-50",
+      border: "border-warning-200",
+      text: "text-warning-700",
+      icon: /* @__PURE__ */ e.jsx(ge, { className: "h-5 w-5" })
+    },
+    info: {
+      bg: "bg-info-50",
+      border: "border-info-200",
+      text: "text-info-700",
+      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
+    },
+    loading: {
+      bg: "bg-blue-50",
+      border: "border-blue-200",
+      text: "text-blue-700",
+      icon: null
+    }
+  }[r];
+  return /* @__PURE__ */ e.jsx("div", { className: `${c.bg} border ${c.border} rounded-lg p-4 ${n}`, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
+    r === "loading" ? /* @__PURE__ */ e.jsxs("svg", { className: "animate-spin h-5 w-5 flex-shrink-0", viewBox: "0 0 24 24", children: [
+      /* @__PURE__ */ e.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", fill: "none", stroke: "currentColor", strokeWidth: "4" }),
+      /* @__PURE__ */ e.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+    ] }) : /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${c.text}`, children: c.icon }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+      /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${c.text}`, children: s }),
+      t && /* @__PURE__ */ e.jsx("p", { className: `text-xs ${c.text} mt-1`, children: t }),
+      l !== void 0 && /* @__PURE__ */ e.jsx("div", { className: "mt-2 w-full bg-gray-200 rounded-full h-2", children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: `h-2 rounded-full transition-all ${c.bg}`,
+          style: { width: `${l}%` }
+        }
+      ) })
+    ] }),
+    a && /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: a.onClick,
+        className: `text-sm font-medium ${c.text} hover:opacity-70 flex-shrink-0`,
+        children: a.label
+      }
+    )
+  ] }) });
+}
+function Cr({
   label: r,
   children: s,
   helperText: t,
@@ -1350,7 +1416,7 @@ function Nr({
     t && !a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: t })
   ] });
 }
-const rr = I.forwardRef(
+const rr = z.forwardRef(
   ({
     className: r = "",
     leftIcon: s,
@@ -1358,18 +1424,18 @@ const rr = I.forwardRef(
     error: a = !1,
     fullWidth: l = !0,
     disabled: n,
-    ...c
-  }, i) => {
+    ...i
+  }, c) => {
     const u = "px-3 py-2 border rounded-lg transition-colors text-sm", x = a ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent", d = n ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary", m = l ? "w-full" : "", f = s || t ? "relative flex items-center" : "", v = `${u} ${x} ${d} ${m} ${s ? "pl-10" : ""} ${t ? "pr-10" : ""} ${r}`;
     return /* @__PURE__ */ e.jsxs("div", { className: f, children: [
       s && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 flex items-center pointer-events-none text-text-muted", children: s }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: i,
+          ref: c,
           className: v,
           disabled: n,
-          ...c
+          ...i
         }
       ),
       t && /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: t })
@@ -1377,7 +1443,7 @@ const rr = I.forwardRef(
   }
 );
 rr.displayName = "Input";
-const sr = I.forwardRef(
+const sr = z.forwardRef(
   ({
     options: r,
     placeholder: s,
@@ -1385,17 +1451,17 @@ const sr = I.forwardRef(
     error: a = !1,
     fullWidth: l = !0,
     disabled: n,
-    ...c
-  }, i) => {
+    ...i
+  }, c) => {
     const f = `px-3 py-2 border rounded-lg transition-colors text-sm appearance-none ${a ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${n ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${l ? "w-full" : ""} pr-10 ${t}`;
     return /* @__PURE__ */ e.jsxs("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ e.jsxs(
         "select",
         {
-          ref: i,
+          ref: c,
           className: f,
           disabled: n,
-          ...c,
+          ...i,
           children: [
             s && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, children: s }),
             r.map((v) => /* @__PURE__ */ e.jsx("option", { value: v.value, children: v.label }, v.value))
@@ -1407,7 +1473,7 @@ const sr = I.forwardRef(
   }
 );
 sr.displayName = "Select";
-const ar = I.forwardRef(
+const ar = z.forwardRef(
   ({
     tags: r,
     onTagsChange: s,
@@ -1415,30 +1481,30 @@ const ar = I.forwardRef(
     onRemoveTag: a,
     placeholder: l = "Add a tag and press Enter",
     error: n = !1,
-    fullWidth: c = !0,
-    maxTags: i,
+    fullWidth: i = !0,
+    maxTags: c,
     duplicateCheck: u = !0,
     disabled: x,
     className: d = "",
     ...m
   }, f) => {
-    const [v, g] = T(""), N = (b) => {
-      b.key === "Enter" && v.trim() ? (b.preventDefault(), V(v.trim())) : b.key === "Backspace" && !v && r.length > 0 && $(r[r.length - 1]);
+    const [v, g] = $(""), y = (b) => {
+      b.key === "Enter" && v.trim() ? (b.preventDefault(), V(v.trim())) : b.key === "Backspace" && !v && r.length > 0 && T(r[r.length - 1]);
     }, V = (b) => {
-      if (i && r.length >= i || u && r.includes(b))
+      if (c && r.length >= c || u && r.includes(b))
         return;
       const w = [...r, b];
       s(w), t?.(b), g("");
-    }, $ = (b) => {
+    }, T = (b) => {
       const w = r.filter((A) => A !== b);
       s(w), a?.(b);
-    }, p = `w-full px-3 py-2 border rounded-lg transition-colors text-sm ${n ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${x ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${c ? "w-full" : ""} ${d}`;
+    }, p = `w-full px-3 py-2 border rounded-lg transition-colors text-sm ${n ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${x ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${i ? "w-full" : ""} ${d}`;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: r.map((b) => /* @__PURE__ */ e.jsx(
         er,
         {
           removable: !0,
-          onRemove: () => $(b),
+          onRemove: () => T(b),
           variant: "default",
           children: b
         },
@@ -1453,21 +1519,21 @@ const ar = I.forwardRef(
           placeholder: l,
           value: v,
           onChange: (b) => g(b.target.value),
-          onKeyDown: N,
-          disabled: x || (i ? r.length >= i : !1),
+          onKeyDown: y,
+          disabled: x || (c ? r.length >= c : !1),
           ...m
         }
       ),
-      i && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted", children: [
+      c && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted", children: [
         r.length,
         " / ",
-        i
+        c
       ] })
     ] });
   }
 );
 ar.displayName = "TagInput";
-const tr = I.forwardRef(
+const tr = z.forwardRef(
   ({
     className: r = "",
     error: s = !1,
@@ -1475,29 +1541,29 @@ const tr = I.forwardRef(
     autoResize: a = !1,
     maxLength: l,
     showCharCount: n = !1,
-    disabled: c,
-    value: i,
+    disabled: i,
+    value: c,
     onChange: u,
     ...x
   }, d) => {
-    const N = `px-3 py-2 border rounded-lg transition-colors text-sm font-normal resize-none ${s ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${c ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${t ? "w-full" : ""} ${r}`, V = (R) => {
+    const y = `px-3 py-2 border rounded-lg transition-colors text-sm font-normal resize-none ${s ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${i ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${t ? "w-full" : ""} ${r}`, V = (R) => {
       a && (R.target.style.height = "auto", R.target.style.height = `${R.target.scrollHeight}px`), u?.(R);
-    }, $ = typeof i == "string" ? i.length : 0;
+    }, T = typeof c == "string" ? c.length : 0;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e.jsx(
         "textarea",
         {
           ref: d,
-          className: N,
-          disabled: c,
-          value: i,
+          className: y,
+          disabled: i,
+          value: c,
           onChange: V,
           maxLength: l,
           ...x
         }
       ),
       n && l && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
-        $,
+        T,
         " / ",
         l
       ] })
@@ -1505,16 +1571,16 @@ const tr = I.forwardRef(
   }
 );
 tr.displayName = "Textarea";
-function Cr({
+function kr({
   options: r,
   selectedValues: s,
   onSelectionChange: t,
   layout: a = "vertical",
   columns: l = 2,
   disabled: n = !1,
-  error: c = !1
+  error: i = !1
 }) {
-  const i = (m) => {
+  const c = (m) => {
     const f = s.includes(m) ? s.filter((v) => v !== m) : [...s, m];
     t(f);
   }, u = {
@@ -1523,7 +1589,7 @@ function Cr({
     grid: `grid grid-cols-${l} gap-3`
   }, x = a === "grid" ? "grid gap-3" : u[a], d = a === "grid" ? `md:grid-cols-${l}` : "";
   return /* @__PURE__ */ e.jsx("div", { className: `${x} ${d}`, children: r.map((m) => {
-    const f = s.includes(m.value), g = f ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+    const f = s.includes(m.value), g = f ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${i ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
@@ -1534,7 +1600,7 @@ function Cr({
             {
               type: "checkbox",
               checked: f,
-              onChange: () => i(m.value),
+              onChange: () => c(m.value),
               disabled: n,
               className: "sr-only"
             }
@@ -1551,15 +1617,15 @@ function Cr({
     );
   }) });
 }
-function kr({
+function Vr({
   options: r,
   selectedValue: s,
   onSelectionChange: t,
   layout: a = "vertical",
   columns: l = 2,
   disabled: n = !1,
-  error: c = !1,
-  name: i = "radio-group"
+  error: i = !1,
+  name: c = "radio-group"
 }) {
   const x = a === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
     vertical: "space-y-3",
@@ -1567,7 +1633,7 @@ function kr({
     grid: "grid gap-3"
   }[a];
   return /* @__PURE__ */ e.jsx("div", { className: x, children: r.map((d) => {
-    const m = s === d.value, v = m ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+    const m = s === d.value, v = m ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${i ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
@@ -1577,7 +1643,7 @@ function kr({
             "input",
             {
               type: "radio",
-              name: i,
+              name: c,
               value: d.value,
               checked: m,
               onChange: () => t(d.value),
@@ -1597,16 +1663,16 @@ function kr({
     );
   }) });
 }
-function Vr({
+function $r({
   items: r,
   allowMultiple: s = !1,
   defaultOpenId: t,
   onOpenChange: a,
   className: l = ""
 }) {
-  const [n, c] = T(() => t ? Array.isArray(t) ? t : [t] : []), i = (u) => {
+  const [n, i] = $(() => t ? Array.isArray(t) ? t : [t] : []), c = (u) => {
     let x;
-    s ? x = n.includes(u) ? n.filter((d) => d !== u) : [...n, u] : x = n.includes(u) ? [] : [u], c(x), a?.(x);
+    s ? x = n.includes(u) ? n.filter((d) => d !== u) : [...n, u] : x = n.includes(u) ? [] : [u], i(x), a?.(x);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `space-y-2 ${l}`, children: r.map((u) => {
     const x = n.includes(u.id);
@@ -1618,7 +1684,7 @@ function Vr({
           /* @__PURE__ */ e.jsxs(
             "button",
             {
-              onClick: () => i(u.id),
+              onClick: () => c(u.id),
               className: "w-full px-4 py-3 flex items-center justify-between hover:bg-surface-variant transition-colors text-left",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
@@ -1641,7 +1707,7 @@ function Vr({
     );
   }) });
 }
-const nr = I.forwardRef(
+const nr = z.forwardRef(
   ({
     value: r,
     onChange: s,
@@ -1649,8 +1715,8 @@ const nr = I.forwardRef(
     max: a = 100,
     step: l = 1,
     showValue: n = !0,
-    showLabels: c = !1,
-    minLabel: i,
+    showLabels: i = !1,
+    minLabel: c,
     maxLabel: u,
     error: x = !1,
     fullWidth: d = !0,
@@ -1658,10 +1724,10 @@ const nr = I.forwardRef(
     className: f = "",
     ...v
   }, g) => {
-    const y = `w-full h-2 rounded-lg appearance-none cursor-pointer ${x ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${m ? "opacity-50 cursor-not-allowed" : ""} ${d ? "w-full" : ""} ${f}`, S = (r - t) / (a - t) * 100;
+    const N = `w-full h-2 rounded-lg appearance-none cursor-pointer ${x ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${m ? "opacity-50 cursor-not-allowed" : ""} ${d ? "w-full" : ""} ${f}`, D = (r - t) / (a - t) * 100;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      c && (i || u) && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-xs text-text-muted", children: [
-        i && /* @__PURE__ */ e.jsx("span", { children: i }),
+      i && (c || u) && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-xs text-text-muted", children: [
+        c && /* @__PURE__ */ e.jsx("span", { children: c }),
         u && /* @__PURE__ */ e.jsx("span", { children: u })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -1674,9 +1740,9 @@ const nr = I.forwardRef(
             max: a,
             step: l,
             value: r,
-            onChange: (M) => s(Number(M.target.value)),
+            onChange: (I) => s(Number(I.target.value)),
             disabled: m,
-            className: y,
+            className: N,
             ...v
           }
         ),
@@ -1686,7 +1752,7 @@ const nr = I.forwardRef(
         "div",
         {
           className: "h-full bg-reseda-green-500 transition-all",
-          style: { width: `${S}%` }
+          style: { width: `${D}%` }
         }
       ) })
     ] });
@@ -1700,13 +1766,13 @@ function Tr({
   isSelected: a = !1,
   onClick: l,
   disabled: n = !1,
-  className: c = ""
+  className: i = ""
 }) {
-  const i = "p-4 border rounded-lg transition-all text-center cursor-pointer", u = a ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : "border-border hover:border-border-subtle hover:bg-surface-variant", x = n ? "opacity-50 cursor-not-allowed" : "";
+  const c = "p-4 border rounded-lg transition-all text-center cursor-pointer", u = a ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : "border-border hover:border-border-subtle hover:bg-surface-variant", x = n ? "opacity-50 cursor-not-allowed" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `${i} ${u} ${x} ${c}`,
+      className: `${c} ${u} ${x} ${i}`,
       onClick: () => !n && l?.(),
       role: "button",
       tabIndex: n ? -1 : 0,
@@ -1729,20 +1795,20 @@ const lr = {
   inactiveHoverText: "hover:text-text-primary",
   disabledText: "text-text-disabled"
 };
-function $r({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
+function Er({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
   const n = l || lr;
-  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: r.map((c) => {
-    const i = s === c.id;
+  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: r.map((i) => {
+    const c = s === i.id;
     return /* @__PURE__ */ e.jsx(
-      D,
+      S,
       {
         variant: "ghost",
-        onClick: () => !t && a(c.id),
-        disabled: t && !i,
-        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${i ? `${n.activeBorder} ${n.activeText}` : t ? `border-transparent ${n.disabledText} cursor-not-allowed` : `border-transparent ${n.inactiveText} ${n.inactiveHoverText}`}`,
-        children: c.label
+        onClick: () => !t && a(i.id),
+        disabled: t && !c,
+        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${c ? `${n.activeBorder} ${n.activeText}` : t ? `border-transparent ${n.disabledText} cursor-not-allowed` : `border-transparent ${n.inactiveText} ${n.inactiveHoverText}`}`,
+        children: i.label
       },
-      c.id
+      i.id
     );
   }) });
 }
@@ -1757,7 +1823,7 @@ const or = {
   labelInactiveText: "text-text-muted",
   connectorBg: "bg-border"
 };
-function Er({ currentStep: r, steps: s, colorConfig: t }) {
+function Rr({ currentStep: r, steps: s, colorConfig: t }) {
   const a = t || or;
   return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: s.map((l, n) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${n < s.length - 1 ? "flex-1" : ""}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
@@ -1786,20 +1852,20 @@ function cr({
   defaultExpanded: a = !1,
   children: l,
   tooltipContent: n,
-  onRemove: c,
-  className: i = ""
+  onRemove: i,
+  className: c = ""
 }) {
-  const [u, x] = T(a), { attributes: d, listeners: m, setNodeRef: f, transform: v, transition: g, isDragging: N } = Be({ id: r }), V = {
+  const [u, x] = $(a), { attributes: d, listeners: m, setNodeRef: f, transform: v, transition: g, isDragging: y } = Be({ id: r }), V = {
     transform: Oe.Transform.toString(v),
     transition: g,
-    opacity: N ? 0.5 : 1
+    opacity: y ? 0.5 : 1
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: f,
       style: V,
-      className: `border border-border rounded-md bg-surface-variant ${i}`,
+      className: `border border-border rounded-md bg-surface-variant ${c}`,
       children: u ? (
         // ── Expanded ──────────────────────────────────────────────────────────
         /* @__PURE__ */ e.jsxs("div", { className: "p-3", children: [
@@ -1827,7 +1893,7 @@ function cr({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              D,
+              S,
               {
                 type: "button",
                 variant: "ghost",
@@ -1839,12 +1905,12 @@ function cr({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              D,
+              S,
               {
                 type: "button",
                 variant: "ghost",
                 size: "icon",
-                onClick: c,
+                onClick: i,
                 className: "h-auto w-auto p-1 text-error-600 hover:text-error-800",
                 "aria-label": "Remove",
                 leftIcon: /* @__PURE__ */ e.jsx(ee, { className: "w-4 h-4" })
@@ -1877,7 +1943,7 @@ function cr({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              D,
+              S,
               {
                 type: "button",
                 variant: "ghost",
@@ -1889,12 +1955,12 @@ function cr({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              D,
+              S,
               {
                 type: "button",
                 variant: "ghost",
                 size: "icon",
-                onClick: c,
+                onClick: i,
                 className: "h-auto w-auto p-1 text-error-600 hover:text-error-800 flex-shrink-0",
                 "aria-label": "Remove",
                 leftIcon: /* @__PURE__ */ e.jsx(ee, { className: "w-4 h-4" })
@@ -1908,15 +1974,15 @@ function cr({
   );
 }
 cr.displayName = "SortableItem";
-function Rr({
+function Ar({
   onFileChange: r,
   onAnalyze: s,
   uploadedFile: t,
   fileError: a,
   onCancelUpload: l,
   isAnalyzing: n = !1,
-  analyzeError: c,
-  analyzeSuccess: i,
+  analyzeError: i,
+  analyzeSuccess: c,
   accept: u = ".pdf,.docx",
   label: x = "Upload File",
   description: d = "PDF, DOCX up to 5MB",
@@ -1924,20 +1990,20 @@ function Rr({
   disabled: f = !1,
   showAnalyzeButton: v = !0
 }) {
-  const g = ye(null), [N, V] = T(!1);
+  const g = Ve(null), [y, V] = $(!1);
   J(() => {
     !t && g.current && (g.current.value = "");
   }, [t]);
-  const $ = (y) => {
-    y.preventDefault(), y.stopPropagation(), y.type === "dragenter" || y.type === "dragover" ? V(!0) : y.type === "dragleave" && V(!1);
-  }, R = (y) => {
-    if (y.preventDefault(), y.stopPropagation(), V(!1), y.dataTransfer.files && y.dataTransfer.files[0]) {
-      const S = {
+  const T = (N) => {
+    N.preventDefault(), N.stopPropagation(), N.type === "dragenter" || N.type === "dragover" ? V(!0) : N.type === "dragleave" && V(!1);
+  }, R = (N) => {
+    if (N.preventDefault(), N.stopPropagation(), V(!1), N.dataTransfer.files && N.dataTransfer.files[0]) {
+      const D = {
         target: {
-          files: y.dataTransfer.files
+          files: N.dataTransfer.files
         }
       };
-      r(S);
+      r(D);
     }
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "mt-6 pt-6 border-t border-border", children: [
@@ -1958,11 +2024,11 @@ function Rr({
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          onDragEnter: $,
-          onDragLeave: $,
-          onDragOver: $,
+          onDragEnter: T,
+          onDragLeave: T,
+          onDragOver: T,
           onDrop: R,
-          className: `border-2 border-dashed rounded-lg p-6 text-center transition cursor-pointer ${N ? "border-reseda-green-700 bg-reseda-green-50" : "border-border hover:border-reseda-green-700"} ${f ? "opacity-50 cursor-not-allowed" : ""}`,
+          className: `border-2 border-dashed rounded-lg p-6 text-center transition cursor-pointer ${y ? "border-reseda-green-700 bg-reseda-green-50" : "border-border hover:border-reseda-green-700"} ${f ? "opacity-50 cursor-not-allowed" : ""}`,
           children: t && !a ? /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               "svg",
@@ -1987,12 +2053,12 @@ function Rr({
               "MB"
             ] }),
             /* @__PURE__ */ e.jsx(
-              D,
+              S,
               {
                 variant: "link",
                 type: "button",
-                onClick: (y) => {
-                  y.preventDefault(), l?.();
+                onClick: (N) => {
+                  N.preventDefault(), l?.();
                 },
                 className: "mt-3 text-error-600 hover:text-error-700 h-auto p-0",
                 children: "✕ Cancel"
@@ -2028,10 +2094,10 @@ function Rr({
       )
     ] }),
     a && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: a }) }),
-    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: c }) }),
-    i && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "success", message: i }) }),
+    i && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: i }) }),
+    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "success", message: c }) }),
     v && /* @__PURE__ */ e.jsx(
-      D,
+      S,
       {
         variant: "default",
         onClick: s,
@@ -2044,7 +2110,7 @@ function Rr({
     )
   ] });
 }
-function Ar({ stats: r, columns: s = 4, className: t = "" }) {
+function _r({ stats: r, columns: s = 4, className: t = "" }) {
   const a = {
     2: "grid-cols-2",
     3: "grid-cols-3",
@@ -2055,16 +2121,16 @@ function Ar({ stats: r, columns: s = 4, className: t = "" }) {
     warning: { bg: "bg-peach-yellow-50", text: "text-warning-600", value: "text-warning-900" },
     "earth-yellow": { bg: "bg-sunglow-50", text: "text-earth-yellow-700", value: "text-earth-yellow-100" }
   };
-  return /* @__PURE__ */ e.jsx("div", { className: `grid ${a} gap-4 mb-6 bg-surface p-6 rounded-lg ${t}`, children: r.map((n, c) => {
-    const i = l[n.color || "moss-green"];
-    return /* @__PURE__ */ e.jsxs("div", { className: `${i.bg} rounded-lg p-4`, children: [
+  return /* @__PURE__ */ e.jsx("div", { className: `grid ${a} gap-4 mb-6 bg-surface p-6 rounded-lg ${t}`, children: r.map((n, i) => {
+    const c = l[n.color || "moss-green"];
+    return /* @__PURE__ */ e.jsxs("div", { className: `${c.bg} rounded-lg p-4`, children: [
       n.icon && /* @__PURE__ */ e.jsx("div", { className: "mb-2", children: n.icon }),
-      /* @__PURE__ */ e.jsx("p", { className: `text-sm ${i.text} font-medium`, children: n.label }),
-      /* @__PURE__ */ e.jsx("p", { className: `text-2xl font-bold ${i.value} mt-1`, children: n.value })
-    ] }, c);
+      /* @__PURE__ */ e.jsx("p", { className: `text-sm ${c.text} font-medium`, children: n.label }),
+      /* @__PURE__ */ e.jsx("p", { className: `text-2xl font-bold ${c.value} mt-1`, children: n.value })
+    ] }, i);
   }) });
 }
-function _r({
+function Br({
   title: r,
   description: s,
   centered: t = !1,
@@ -2074,30 +2140,30 @@ function _r({
     sm: "text-2xl",
     md: "text-3xl",
     lg: "text-4xl"
-  }, n = t ? "text-center" : "", c = t ? "max-w-2xl mx-auto" : "";
+  }, n = t ? "text-center" : "", i = t ? "max-w-2xl mx-auto" : "";
   return /* @__PURE__ */ e.jsxs("div", { className: `mb-8 ${n}`, children: [
     /* @__PURE__ */ e.jsx("h1", { className: `${l[a]} font-bold text-text-primary`, children: r }),
-    /* @__PURE__ */ e.jsx("p", { className: `mt-2 text-text-secondary ${c}`, children: s })
+    /* @__PURE__ */ e.jsx("p", { className: `mt-2 text-text-secondary ${i}`, children: s })
   ] });
 }
-function Br({
+function Or({
   icon: r,
   title: s,
   subtitle: t,
   metadata: a,
   isSelected: l = !1,
   isActive: n = !1,
-  variant: c = "default",
-  actions: i,
+  variant: i = "default",
+  actions: c,
   onClick: u,
   className: x = ""
 }) {
   const d = (g) => {
-    const N = g.target;
-    N.tagName === "BUTTON" || N.closest("button") || u?.(g);
+    const y = g.target;
+    y.tagName === "BUTTON" || y.closest("button") || u?.(g);
   }, f = (() => {
     if (n)
-      switch (c) {
+      switch (i) {
         case "success":
           return "border-2 border-reseda-green-700 bg-success-50";
         case "warning":
@@ -2123,8 +2189,8 @@ function Br({
             a && /* @__PURE__ */ e.jsx("div", { className: "mt-2", children: a })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: i.map((g, N) => /* @__PURE__ */ e.jsx(
-          D,
+        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: c.map((g, y) => /* @__PURE__ */ e.jsx(
+          S,
           {
             variant: g.variant || "ghost",
             size: g.size || "sm",
@@ -2136,37 +2202,38 @@ function Br({
             leftIcon: g.icon && g.size !== "icon" ? g.icon : void 0,
             children: g.size === "icon" ? g.icon : g.label
           },
-          N
+          y
         )) })
       ] })
     }
   );
 }
 export {
-  Vr as Accordion,
-  Br as ActionCard,
+  $r as Accordion,
+  Or as ActionCard,
   G as Alert,
   er as Badge,
-  D as Button,
+  S as Button,
   wr as Card,
-  Cr as CheckboxGroup,
+  kr as CheckboxGroup,
   Fe as ColorPalette,
   jr as Demo,
-  Rr as FileUpload,
-  Nr as FormField,
+  Ar as FileUpload,
+  Cr as FormField,
   rr as Input,
   Tr as OptionCard,
-  _r as PageHeader,
-  kr as RadioGroup,
-  yr as Section,
+  Br as PageHeader,
+  Vr as RadioGroup,
+  Nr as Section,
   sr as Select,
   pr as Sidebar,
   nr as Slider,
   qe as SocialButton,
   cr as SortableItem,
-  Ar as StatsGrid,
-  Er as Stepper,
-  $r as TabBar,
+  _r as StatsGrid,
+  yr as StatusBanner,
+  Rr as Stepper,
+  Er as TabBar,
   ar as TagInput,
   tr as Textarea,
   Ue as ThemeProvider,
@@ -2174,10 +2241,10 @@ export {
   gr as clearAllErrors,
   vr as clearFieldError,
   hr as getFirstError,
-  Se as hasErrors,
+  De as hasErrors,
   br as useForm,
   Ye as useTheme,
-  De as validateField,
+  Se as validateField,
   Q as validateForm,
   fr as validators
 };