acemyjob-ui 0.17.0 → 0.17.1

package/dist/acemyjob-ui.es.js

@@ -1,10 +1,8 @@
-import * as _ from "react";
-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 = {
+import * as W from "react";
+import B, { useState as $, useCallback as R, createContext as je, useEffect as K, useContext as we } from "react";
+import { ChevronDownIcon as Q, InformationCircleIcon as me, ExclamationCircleIcon as xe, XCircleIcon as fe, CheckCircleIcon as he, XMarkIcon as ye, Bars3Icon as Ne } from "@heroicons/react/24/outline";
+import { Dialog as Ce, DialogBackdrop as ke, DialogPanel as Ve, TransitionChild as $e } from "@headlessui/react";
+const ar = {
   required: (r = "This field is required") => ({
     validate: (s) => typeof s == "string" ? s.trim().length > 0 : Array.isArray(s) ? s.length > 0 : s != null,
     message: r
@@ -59,124 +57,124 @@ const fr = {
     message: s
   })
 };
-function Se(r, s) {
+function Te(r, s) {
   for (const t of s)
     if (!t.validate(r))
       return t.message;
   return null;
 }
-function Q(r, s) {
+function Z(r, s) {
   const t = {};
   for (const [a, l] of Object.entries(s)) {
-    const n = r[a], i = Se(n, l);
+    const n = r[a], i = Te(n, l);
     t[a] = i;
   }
   return t;
 }
-function De(r) {
+function Ee(r) {
   return Object.values(r).some((s) => s !== null);
 }
-function hr(r) {
+function tr(r) {
   for (const s of Object.values(r))
     if (s !== null)
       return s;
   return null;
 }
-function vr(r, s) {
+function nr(r, s) {
   return {
     ...r,
     [s]: null
   };
 }
-function gr(r) {
+function lr(r) {
   const s = {};
   for (const t of Object.keys(r))
     s[t] = null;
   return s;
 }
-function br({
+function or({
   initialValues: r,
   validationRules: s = {},
   onSubmit: t
 }) {
-  const [a, l] = $(r), [n, i] = $({}), [c, u] = $({}), [x, d] = $(!1), m = JSON.stringify(a) !== JSON.stringify(r), f = O(
+  const [a, l] = $(r), [n, i] = $({}), [c, u] = $({}), [f, d] = $(!1), m = JSON.stringify(a) !== JSON.stringify(r), h = R(
     (p) => {
-      const { name: b, value: w, type: A } = p.target;
-      let L = w;
-      if (A === "checkbox" ? L = p.target.checked : A === "number" && (L = w ? Number(w) : ""), l((M) => ({
-        ...M,
-        [b]: L
-      })), s[b]) {
-        const M = Q({ [b]: L }, { [b]: s[b] });
-        i((W) => ({
-          ...W,
-          [b]: M[b]
+      const { name: v, value: w, type: V } = p.target;
+      let M = w;
+      if (V === "checkbox" ? M = p.target.checked : V === "number" && (M = w ? Number(w) : ""), l((S) => ({
+        ...S,
+        [v]: M
+      })), s[v]) {
+        const S = Z({ [v]: M }, { [v]: s[v] });
+        i((Y) => ({
+          ...Y,
+          [v]: S[v]
         }));
       }
     },
     [s]
-  ), v = O(
+  ), g = R(
     (p) => {
-      const { name: b } = p.target;
+      const { name: v } = p.target;
       u((w) => ({
         ...w,
-        [b]: !0
+        [v]: !0
       }));
     },
     []
-  ), g = O((p, b) => {
+  ), b = R((p, v) => {
     if (l((w) => ({
       ...w,
-      [p]: b
+      [p]: v
     })), s[p]) {
-      const w = Q({ [p]: b }, { [p]: s[p] });
-      i((A) => ({
-        ...A,
+      const w = Z({ [p]: v }, { [p]: s[p] });
+      i((V) => ({
+        ...V,
         [p]: w[p]
       }));
     }
-  }, [s]), y = O((p, b) => {
+  }, [s]), C = R((p, v) => {
     i((w) => ({
       ...w,
-      [p]: b
+      [p]: v
     }));
-  }, []), V = O(
+  }, []), _ = R(
     async (p) => {
       p.preventDefault();
-      const b = Q(a, s);
-      i(b);
+      const v = Z(a, s);
+      i(v);
       const w = {};
-      for (const A of Object.keys(a))
-        w[A] = !0;
-      if (u(w), !De(b) && t) {
+      for (const V of Object.keys(a))
+        w[V] = !0;
+      if (u(w), !Ee(v) && t) {
         d(!0);
         try {
           await t(a);
-        } catch (A) {
-          console.error("Form submission error:", A);
+        } catch (V) {
+          console.error("Form submission error:", V);
         } finally {
           d(!1);
         }
       }
     },
     [a, s, t]
-  ), T = O(() => {
+  ), A = R(() => {
     l(r), i({}), u({}), d(!1);
-  }, [r]), R = O(
+  }, [r]), T = R(
     (p) => ({
       name: p,
       value: a[p] || "",
-      onChange: f,
-      onBlur: v
+      onChange: h,
+      onBlur: g
     }),
-    [a, f, v]
-  ), N = O(
+    [a, h, g]
+  ), P = R(
     (p) => n[p] || null,
     [n]
-  ), D = O(
+  ), z = R(
     (p) => c[p] || !1,
     [c]
-  ), I = O(
+  ), D = R(
     (p) => a[p] !== r[p],
     [a, r]
   );
@@ -184,21 +182,21 @@ function br({
     values: a,
     errors: n,
     touched: c,
-    isSubmitting: x,
+    isSubmitting: f,
     isDirty: m,
-    handleChange: f,
-    handleBlur: v,
-    setFieldValue: g,
-    setFieldError: y,
-    handleSubmit: V,
-    resetForm: T,
-    getFieldProps: R,
-    getFieldError: N,
-    isFieldTouched: D,
-    isFieldDirty: I
+    handleChange: h,
+    handleBlur: g,
+    setFieldValue: b,
+    setFieldError: C,
+    handleSubmit: _,
+    resetForm: A,
+    getFieldProps: T,
+    getFieldError: P,
+    isFieldTouched: z,
+    isFieldDirty: D
   };
 }
-var H = { exports: {} }, U = {};
+var U = { exports: {} }, L = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -208,10 +206,10 @@ var H = { exports: {} }, U = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var oe;
-function Pe() {
-  if (oe) return U;
-  oe = 1;
+var ne;
+function Re() {
+  if (ne) return L;
+  ne = 1;
   var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function t(a, l, n) {
     var i = null;
@@ -228,9 +226,9 @@ function Pe() {
       props: n
     };
   }
-  return U.Fragment = s, U.jsx = t, U.jsxs = t, U;
+  return L.Fragment = s, L.jsx = t, L.jsxs = t, L;
 }
-var Y = {};
+var I = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -240,47 +238,47 @@ var Y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ce;
-function ze() {
-  return ce || (ce = 1, process.env.NODE_ENV !== "production" && function() {
+var le;
+function Ae() {
+  return le || (le = 1, process.env.NODE_ENV !== "production" && function() {
     function r(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === L ? null : o.displayName || o.name || null;
+        return o.$$typeof === M ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case y:
+        case C:
           return "Fragment";
-        case T:
+        case A:
           return "Profiler";
-        case V:
+        case _:
           return "StrictMode";
-        case I:
+        case D:
           return "Suspense";
         case p:
           return "SuspenseList";
-        case A:
+        case V:
           return "Activity";
       }
       if (typeof o == "object")
         switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), o.$$typeof) {
-          case g:
+          case b:
             return "Portal";
-          case N:
+          case P:
             return (o.displayName || "Context") + ".Provider";
-          case R:
+          case T:
             return (o._context.displayName || "Context") + ".Consumer";
-          case D:
-            var h = o.render;
-            return o = o.displayName, o || (o = h.displayName || h.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case b:
-            return h = o.displayName || null, h !== null ? h : r(o.type) || "Memo";
+          case z:
+            var x = o.render;
+            return o = o.displayName, o || (o = x.displayName || x.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case v:
+            return x = o.displayName || null, x !== null ? x : r(o.type) || "Memo";
           case w:
-            h = o._payload, o = o._init;
+            x = o._payload, o = o._init;
             try {
-              return r(o(h));
+              return r(o(x));
             } catch {
             }
         }
@@ -292,50 +290,50 @@ function ze() {
     function t(o) {
       try {
         s(o);
-        var h = !1;
+        var x = !1;
       } catch {
-        h = !0;
+        x = !0;
       }
-      if (h) {
-        h = console;
-        var j = h.error, C = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+      if (x) {
+        x = console;
+        var j = x.error, y = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return j.call(
-          h,
+          x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          C
+          y
         ), s(o);
       }
     }
     function a(o) {
-      if (o === y) return "<>";
+      if (o === C) return "<>";
       if (typeof o == "object" && o !== null && o.$$typeof === w)
         return "<...>";
       try {
-        var h = r(o);
-        return h ? "<" + h + ">" : "<...>";
+        var x = r(o);
+        return x ? "<" + x + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function l() {
-      var o = M.A;
+      var o = S.A;
       return o === null ? null : o.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
     function i(o) {
-      if (W.call(o, "key")) {
-        var h = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (h && h.isReactWarning) return !1;
+      if (Y.call(o, "key")) {
+        var x = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function c(o, h) {
+    function c(o, x) {
       function j() {
-        se || (se = !0, console.error(
+        ee || (ee = !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)",
-          h
+          x
         ));
       }
       j.isReactWarning = !0, Object.defineProperty(o, "key", {
@@ -345,17 +343,17 @@ function ze() {
     }
     function u() {
       var o = r(this.type);
-      return ae[o] || (ae[o] = !0, console.error(
+      return re[o] || (re[o] = !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."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function x(o, h, j, C, P, B, q, Z) {
-      return j = B.ref, o = {
-        $$typeof: v,
+    function f(o, x, j, y, O, E, J, q) {
+      return j = E.ref, o = {
+        $$typeof: g,
         type: o,
-        key: h,
-        props: B,
-        _owner: P
+        key: x,
+        props: E,
+        _owner: O
       }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
         get: u
@@ -373,288 +371,118 @@ function ze() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
+        value: J
       }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
+        value: q
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function d(o, h, j, C, P, B, q, Z) {
-      var k = h.children;
-      if (k !== void 0)
-        if (C)
-          if (Ne(k)) {
-            for (C = 0; C < k.length; C++)
-              m(k[C]);
-            Object.freeze && Object.freeze(k);
+    function d(o, x, j, y, O, E, J, q) {
+      var N = x.children;
+      if (N !== void 0)
+        if (y)
+          if (be(N)) {
+            for (y = 0; y < N.length; y++)
+              m(N[y]);
+            Object.freeze && Object.freeze(N);
           } 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 m(k);
-      if (W.call(h, "key")) {
-        k = r(o);
-        var F = Object.keys(h).filter(function(ye) {
-          return ye !== "key";
+        else m(N);
+      if (Y.call(x, "key")) {
+        N = r(o);
+        var F = Object.keys(x).filter(function(pe) {
+          return pe !== "key";
         });
-        C = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", le[k + C] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", te[N + y] || (F = 0 < F.length ? "{" + F.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} />`,
-          C,
-          k,
+          y,
+          N,
           F,
-          k
-        ), le[k + C] = !0);
+          N
+        ), te[N + y] = !0);
       }
-      if (k = null, j !== void 0 && (t(j), k = "" + j), i(h) && (t(h.key), k = "" + h.key), "key" in h) {
+      if (N = null, j !== void 0 && (t(j), N = "" + j), i(x) && (t(x.key), N = "" + x.key), "key" in x) {
         j = {};
-        for (var K in h)
-          K !== "key" && (j[K] = h[K]);
-      } else j = h;
-      return k && c(
+        for (var X in x)
+          X !== "key" && (j[X] = x[X]);
+      } else j = x;
+      return N && c(
         j,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), x(
+      ), f(
         o,
-        k,
-        B,
-        P,
+        N,
+        E,
+        O,
         l(),
         j,
-        q,
-        Z
+        J,
+        q
       );
     }
     function m(o) {
-      typeof o == "object" && o !== null && o.$$typeof === v && o._store && (o._store.validated = 1);
+      typeof o == "object" && o !== null && o.$$typeof === g && o._store && (o._store.validated = 1);
     }
-    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() {
+    var h = B, g = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), P = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), S = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, be = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
-    f = {
+    h = {
       "react-stack-bottom-frame": function(o) {
         return o();
       }
     };
-    var se, ae = {}, te = f["react-stack-bottom-frame"].bind(
-      f,
+    var ee, re = {}, se = h["react-stack-bottom-frame"].bind(
+      h,
       n
-    )(), ne = X(a(n)), le = {};
-    Y.Fragment = y, Y.jsx = function(o, h, j, C, P) {
-      var B = 1e4 > M.recentlyCreatedOwnerStacks++;
+    )(), ae = G(a(n)), te = {};
+    I.Fragment = C, I.jsx = function(o, x, j, y, O) {
+      var E = 1e4 > S.recentlyCreatedOwnerStacks++;
       return d(
         o,
-        h,
+        x,
         j,
         !1,
-        C,
-        P,
-        B ? Error("react-stack-top-frame") : te,
-        B ? X(a(o)) : ne
+        y,
+        O,
+        E ? Error("react-stack-top-frame") : se,
+        E ? G(a(o)) : ae
       );
-    }, Y.jsxs = function(o, h, j, C, P) {
-      var B = 1e4 > M.recentlyCreatedOwnerStacks++;
+    }, I.jsxs = function(o, x, j, y, O) {
+      var E = 1e4 > S.recentlyCreatedOwnerStacks++;
       return d(
         o,
-        h,
+        x,
         j,
         !0,
-        C,
-        P,
-        B ? Error("react-stack-top-frame") : te,
-        B ? X(a(o)) : ne
+        y,
+        O,
+        E ? Error("react-stack-top-frame") : se,
+        E ? G(a(o)) : ae
       );
     };
-  }()), Y;
-}
-var ie;
-function Me() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? H.exports = Pe() : H.exports = ze()), H.exports;
-}
-var e = Me();
-const Ie = {
-  bg: "bg-indigo-600",
-  activeBg: "bg-indigo-700",
-  text: "text-indigo-200",
-  activeText: "text-white",
-  hoverBg: "hover:bg-indigo-700",
-  hoverText: "hover:text-white"
-};
-function E(...r) {
-  return r.filter(Boolean).join(" ");
-}
-function de({ item: r, colorScheme: s }) {
-  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",
-      {
-        href: l ? void 0 : r.href,
-        onClick: (n) => {
-          l && (n.preventDefault(), a(!t));
-        },
-        className: E(
-          r.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
-          "group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",
-          l ? "cursor-pointer" : ""
-        ),
-        children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
-            /* @__PURE__ */ e.jsx(
-              r.icon,
-              {
-                "aria-hidden": "true",
-                className: E(
-                  r.current ? s.activeText : `${s.text} group-${s.hoverText}`,
-                  "size-6 shrink-0"
-                )
-              }
-            ),
-            r.name
-          ] }),
-          l && /* @__PURE__ */ e.jsx(
-            re,
-            {
-              className: E(
-                "size-5 shrink-0 transition-transform",
-                t ? "rotate-180" : "",
-                r.current ? s.activeText : s.text
-              )
-            }
-          )
-        ]
-      }
-    ) }),
-    l && t && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: r.children.map((n) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
-      "a",
-      {
-        href: n.href,
-        className: E(
-          n.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
-          "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
-        ),
-        children: [
-          /* @__PURE__ */ e.jsx(
-            n.icon,
-            {
-              "aria-hidden": "true",
-              className: E(
-                n.current ? s.activeText : `${s.text} group-${s.hoverText}`,
-                "size-5 shrink-0"
-              )
-            }
-          ),
-          n.name
-        ]
-      }
-    ) }, n.name)) })
-  ] });
+  }()), I;
 }
-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($e, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
-      /* @__PURE__ */ e.jsx(
-        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(
-        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(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(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(
-                "img",
-                {
-                  alt: r.name,
-                  src: r.logo,
-                  className: "h-8 w-auto"
-                }
-              ) }),
-              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(de, { item: i, colorScheme: a }, i.name)) }) }) }) })
-            ] })
-          ]
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: E("flex grow flex-col gap-y-5 overflow-y-auto px-6", a.bg), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
-        "img",
-        {
-          alt: r.name,
-          src: r.logo,
-          className: "h-8 w-auto"
-        }
-      ) }),
-      /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
-        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(de, { item: i, colorScheme: a }, i.name)) }) }),
-        /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
-          "a",
-          {
-            href: "#",
-            className: E(
-              "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
-              a.activeText,
-              a.hoverBg
-            ),
-            children: [
-              /* @__PURE__ */ e.jsx(
-                "img",
-                {
-                  alt: s.name,
-                  src: s.image,
-                  className: E("size-8 rounded-full", a.activeBg)
-                }
-              ),
-              /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
-              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: s.name })
-            ]
-          }
-        ) })
-      ] }) })
-    ] }) }),
-    /* @__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("div", { className: E("flex-1 text-sm/6 font-semibold", a.activeText), children: "Dashboard" }),
-      /* @__PURE__ */ e.jsxs("a", { href: "#", children: [
-        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
-        /* @__PURE__ */ e.jsx(
-          "img",
-          {
-            alt: s.name,
-            src: s.image,
-            className: E("size-8 rounded-full", a.activeBg)
-          }
-        )
-      ] })
-    ] })
-  ] }) });
+var oe;
+function _e() {
+  return oe || (oe = 1, process.env.NODE_ENV === "production" ? U.exports = Re() : U.exports = Ae()), U.exports;
 }
-const je = (r) => r.replace("--color-", "bg-"), Le = ({ name: r, cssVar: s, value: t }) => {
+var e = _e();
+const ve = (r) => r.replace("--color-", "bg-"), Oe = ({ 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 ${je(s)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ve(s)}`
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -663,10 +491,10 @@ const je = (r) => r.replace("--color-", "bg-"), Le = ({ name: r, cssVar: s, valu
       /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: a })
     ] })
   ] });
-}, ue = ({ title: r, colors: s }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+}, ce = ({ 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(Le, { ...t }, t.name)) })
-] }), Fe = () => {
+  /* @__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(Oe, { ...t }, t.name)) })
+] }), Be = () => {
   const r = [
     {
       title: "Success Colors (Green)",
@@ -882,15 +710,15 @@ const je = (r) => r.replace("--color-", "bg-"), Le = ({ name: r, cssVar: s, valu
       /* @__PURE__ */ e.jsx("h1", { className: "text-3xl font-bold text-text-primary", children: "AceMyJob Color Palette" }),
       /* @__PURE__ */ e.jsx("p", { className: "text-text-secondary", children: "Your complete design system color reference" })
     ] }),
-    s.map((a) => /* @__PURE__ */ e.jsx(ue, { ...a }, a.title)),
-    r.map((a) => /* @__PURE__ */ e.jsx(ue, { ...a }, a.title)),
+    s.map((a) => /* @__PURE__ */ e.jsx(ce, { ...a }, a.title)),
+    r.map((a) => /* @__PURE__ */ e.jsx(ce, { ...a }, a.title)),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: "Semantic Colors (Theme-aware)" }),
       /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: t.map((a) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${je(a.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ve(a.cssVar)}`
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -901,42 +729,42 @@ const je = (r) => r.replace("--color-", "bg-"), Le = ({ 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" }) })
   ] });
-}, we = Ce(void 0), Ue = ({
+}, ge = je(void 0), Se = ({
   children: r,
   defaultTheme: s = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
   const [a, l] = $(s), [n, i] = $("light"), [c, u] = $(!1);
-  J(() => {
+  K(() => {
     const d = localStorage.getItem(t);
     d && l(d), u(!0);
-  }, [t]), J(() => {
+  }, [t]), K(() => {
     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, i(f), d.classList.remove("light", "dark"), d.classList.add(f);
+      let h;
+      a === "system" ? h = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : h = a, i(h), d.classList.remove("light", "dark"), d.classList.add(h);
     };
     if (m(), a === "system") {
-      const f = window.matchMedia("(prefers-color-scheme: dark)"), v = () => m();
-      return f.addEventListener("change", v), () => f.removeEventListener("change", v);
+      const h = window.matchMedia("(prefers-color-scheme: dark)"), g = () => m();
+      return h.addEventListener("change", g), () => h.removeEventListener("change", g);
     }
   }, [a, c]);
-  const x = {
+  const f = {
     theme: a,
     setTheme: (d) => {
       localStorage.setItem(t, d), l(d);
     },
     resolvedTheme: n
   };
-  return /* @__PURE__ */ e.jsx(we.Provider, { value: x, children: r });
-}, Ye = () => {
-  const r = ke(we);
+  return /* @__PURE__ */ e.jsx(ge.Provider, { value: f, children: r });
+}, Pe = () => {
+  const r = we(ge);
   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] = $(!1);
-  if (J(() => {
+}, ze = () => {
+  const { theme: r, setTheme: s } = Pe(), [t, a] = $(!1);
+  if (K(() => {
     a(!0);
   }, []), !t)
     return /* @__PURE__ */ e.jsxs(
@@ -983,300 +811,91 @@ const je = (r) => r.replace("--color-", "bg-"), Le = ({ name: r, cssVar: s, valu
       ]
     }
   );
-}, He = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(We, {}) }),
-  /* @__PURE__ */ e.jsx(Fe, {})
-] }), jr = () => /* @__PURE__ */ e.jsx(Ue, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(He, {}) }), me = {
-  variant: {
-    default: "bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",
-    destructive: "bg-error-500 text-white hover:bg-error-600 focus-visible:ring-error-500",
-    outline: "border border-border bg-background hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",
-    secondary: "bg-khaki-500 text-white hover:bg-khaki-600 focus-visible:ring-khaki-500",
-    ghost: "hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",
-    link: "text-reseda-green-500 underline-offset-4 hover:underline focus-visible:ring-reseda-green-500",
-    none: ""
-    // No default styles, allows full customization
-  },
-  size: {
-    default: "h-10 px-4 py-2",
-    sm: "h-9 rounded-md px-3",
-    lg: "h-11 rounded-md px-8",
-    xl: "h-12 rounded-md px-10 text-base",
-    icon: "h-10 w-10"
+}, De = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(ze, {}) }),
+  /* @__PURE__ */ e.jsx(Be, {})
+] }), cr = () => /* @__PURE__ */ e.jsx(Se, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(De, {}) });
+function ir({
+  label: r,
+  children: s,
+  helperText: t,
+  errorText: a,
+  required: l = !1,
+  className: n = ""
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `space-y-2 ${n}`, children: [
+    /* @__PURE__ */ e.jsxs("label", { className: "block text-sm font-medium text-text-primary", children: [
+      r,
+      l && /* @__PURE__ */ e.jsx("span", { className: "text-error-500 ml-1", children: "*" })
+    ] }),
+    s,
+    a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-error-600", children: a }),
+    t && !a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: t })
+  ] });
+}
+const Me = B.forwardRef(
+  ({
+    className: r = "",
+    leftIcon: s,
+    rightIcon: t,
+    error: a = !1,
+    fullWidth: l = !0,
+    disabled: n,
+    ...i
+  }, c) => {
+    const u = "px-3 py-2 border rounded-lg transition-colors text-sm", f = 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" : "", h = s || t ? "relative flex items-center" : "", g = `${u} ${f} ${d} ${m} ${s ? "pl-10" : ""} ${t ? "pr-10" : ""} ${r}`;
+    return /* @__PURE__ */ e.jsxs("div", { className: h, 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: c,
+          className: g,
+          disabled: n,
+          ...i
+        }
+      ),
+      t && /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: t })
+    ] });
   }
-}, 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(
+);
+Me.displayName = "Input";
+const Fe = B.forwardRef(
   ({
-    className: r,
-    variant: s = "default",
-    size: t = "default",
-    fullWidth: a = !1,
-    loading: l = !1,
-    leftIcon: n,
-    rightIcon: i,
-    children: c,
-    disabled: u,
-    ...x
-  }, d) => {
-    const m = u || l, f = Je(
-      Ge,
-      me.variant[s],
-      me.size[t],
-      a ? "w-full" : "",
-      r
-    );
-    return /* @__PURE__ */ e.jsxs(
-      "button",
-      {
-        className: f,
-        ref: d,
-        disabled: m,
-        ...x,
-        children: [
-          l && /* @__PURE__ */ e.jsxs(
-            "svg",
-            {
-              className: "mr-2 h-4 w-4 animate-spin",
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              children: [
-                /* @__PURE__ */ e.jsx(
-                  "circle",
-                  {
-                    className: "opacity-25",
-                    cx: "12",
-                    cy: "12",
-                    r: "10",
-                    stroke: "currentColor",
-                    strokeWidth: "4"
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  "path",
-                  {
-                    className: "opacity-75",
-                    fill: "currentColor",
-                    d: "m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                  }
-                )
-              ]
-            }
-          ),
-          !l && n && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: n }),
-          c,
-          !l && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
-        ]
-      }
-    );
-  }
-);
-S.displayName = "Button";
-const xe = {
-  provider: {
-    linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
-  },
-  iconPosition: {
-    left: "flex-row",
-    right: "flex-row-reverse",
-    only: "justify-center"
-  }
-}, Xe = (...r) => r.filter(Boolean).join(" "), qe = z.forwardRef(
-  ({
-    className: r,
-    provider: s,
-    iconPosition: t = "left",
-    icon: a,
-    showText: l = !0,
-    children: n,
-    size: i = "default",
-    fullWidth: c = !0,
-    ...u
-  }, x) => {
-    const m = a || {
-      linkedin: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e.jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })
-    }[s], v = n || (l ? {
-      linkedin: "Continue with LinkedIn"
-    }[s] : ""), g = Xe(
-      "relative overflow-hidden transition-all duration-200",
-      xe.provider[s],
-      xe.iconPosition[t],
-      r
-    );
-    return /* @__PURE__ */ e.jsxs(
-      S,
-      {
-        ref: x,
-        variant: "none",
-        className: g,
-        size: i,
-        fullWidth: c,
-        leftIcon: t === "left" ? m : void 0,
-        rightIcon: t === "right" ? m : void 0,
-        ...u,
-        children: [
-          t === "only" && m,
-          t !== "only" && v
-        ]
-      }
-    );
+    options: r,
+    placeholder: s,
+    className: t = "",
+    error: a = !1,
+    fullWidth: l = !0,
+    disabled: n,
+    ...i
+  }, c) => {
+    const h = `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: c,
+          className: h,
+          disabled: n,
+          ...i,
+          children: [
+            s && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, children: s }),
+            r.map((g) => /* @__PURE__ */ e.jsx("option", { value: g.value, children: g.label }, g.value))
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsx(Q, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
+    ] });
   }
 );
-qe.displayName = "SocialButton";
-function wr({
-  children: r,
-  variant: s = "default",
-  isActive: t = !1,
-  onClick: a,
-  className: l = ""
-}) {
-  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",
-    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: `${n} ${i[s]} ${l}`,
-      onClick: a,
-      role: a ? "button" : void 0,
-      tabIndex: a ? 0 : void 0,
-      onKeyDown: a ? (c) => {
-        (c.key === "Enter" || c.key === " ") && a();
-      } : void 0,
-      children: r
-    }
-  );
-}
-function Nr({
-  title: r,
-  children: s,
-  subtitle: t,
-  spacing: a = "normal",
-  className: l = ""
-}) {
-  const n = {
-    compact: "space-y-3",
-    normal: "space-y-6",
-    spacious: "space-y-8"
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: `${n[a]} ${l}`, children: [
-    /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: r }),
-      t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t })
-    ] }),
-    s
-  ] });
-}
-function G({
-  variant: r,
-  title: s,
-  message: t,
-  icon: a,
-  onClose: 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" })
-    }
-  }[r];
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      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 ${c.text}`, children: a || c.icon }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-          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 ${c.text} hover:opacity-70`,
-            "aria-label": "Close alert",
-            children: "✕"
-          }
-        )
-      ] })
-    }
-  );
-}
-function Ze({
-  title: r,
-  titleId: s,
-  ...t
-}, a) {
-  return /* @__PURE__ */ _.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon",
-    ref: a,
-    "aria-labelledby": s
-  }, t), r ? /* @__PURE__ */ _.createElement("title", {
-    id: s
-  }, r) : null, /* @__PURE__ */ _.createElement("path", {
-    fillRule: "evenodd",
-    d: "M2 6.75A.75.75 0 0 1 2.75 6h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 6.75Zm0 6.5a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z",
-    clipRule: "evenodd"
-  }));
-}
-const fe = /* @__PURE__ */ _.forwardRef(Ze);
-function Ke({
-  title: r,
-  titleId: s,
-  ...t
-}, a) {
-  return /* @__PURE__ */ _.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon",
-    ref: a,
-    "aria-labelledby": s
-  }, t), r ? /* @__PURE__ */ _.createElement("title", {
-    id: s
-  }, r) : null, /* @__PURE__ */ _.createElement("path", {
-    fillRule: "evenodd",
-    d: "M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",
-    clipRule: "evenodd"
-  }));
-}
-const he = /* @__PURE__ */ _.forwardRef(Ke);
-function Qe({
+Fe.displayName = "Select";
+function Le({
   title: r,
   titleId: s,
   ...t
 }, a) {
-  return /* @__PURE__ */ _.createElement("svg", Object.assign({
+  return /* @__PURE__ */ W.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1284,14 +903,14 @@ function Qe({
     "data-slot": "icon",
     ref: a,
     "aria-labelledby": s
-  }, t), r ? /* @__PURE__ */ _.createElement("title", {
+  }, t), r ? /* @__PURE__ */ W.createElement("title", {
     id: s
-  }, r) : null, /* @__PURE__ */ _.createElement("path", {
+  }, r) : null, /* @__PURE__ */ W.createElement("path", {
     d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
   }));
 }
-const ee = /* @__PURE__ */ _.forwardRef(Qe);
-function er({
+const Ie = /* @__PURE__ */ W.forwardRef(Le);
+function Ye({
   children: r,
   variant: s = "default",
   size: t = "md",
@@ -1307,7 +926,7 @@ function er({
     error: "bg-error-50 text-error-700",
     warning: "bg-warning-50 text-warning-700",
     info: "bg-info-50 text-info-700"
-  }, x = {
+  }, f = {
     sm: "px-2 py-0.5 text-xs",
     md: "px-3 py-1 text-sm",
     lg: "px-4 py-1.5 text-base"
@@ -1315,7 +934,7 @@ function er({
   return /* @__PURE__ */ e.jsxs(
     "span",
     {
-      className: `inline-flex items-center gap-1 rounded-full ${d} ${x[t]} ${n}`,
+      className: `inline-flex items-center gap-1 rounded-full ${d} ${f[t]} ${n}`,
       style: i,
       children: [
         r,
@@ -1325,202 +944,61 @@ function er({
             onClick: l,
             className: "ml-1 hover:opacity-70",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e.jsx(ee, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ e.jsx(Ie, { className: "w-3 h-3" })
           }
         )
       ]
     }
   );
 }
-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,
-  errorText: a,
-  required: l = !1,
-  className: n = ""
-}) {
-  return /* @__PURE__ */ e.jsxs("div", { className: `space-y-2 ${n}`, children: [
-    /* @__PURE__ */ e.jsxs("label", { className: "block text-sm font-medium text-text-primary", children: [
-      r,
-      l && /* @__PURE__ */ e.jsx("span", { className: "text-error-500 ml-1", children: "*" })
-    ] }),
-    s,
-    a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-error-600", children: a }),
-    t && !a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: t })
-  ] });
-}
-const rr = z.forwardRef(
-  ({
-    className: r = "",
-    leftIcon: s,
-    rightIcon: t,
-    error: a = !1,
-    fullWidth: l = !0,
-    disabled: n,
-    ...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: c,
-          className: v,
-          disabled: n,
-          ...i
-        }
-      ),
-      t && /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: t })
-    ] });
-  }
-);
-rr.displayName = "Input";
-const sr = z.forwardRef(
-  ({
-    options: r,
-    placeholder: s,
-    className: t = "",
-    error: a = !1,
-    fullWidth: l = !0,
-    disabled: n,
-    ...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: c,
-          className: f,
-          disabled: n,
-          ...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))
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsx(re, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
-    ] });
-  }
-);
-sr.displayName = "Select";
-const ar = z.forwardRef(
-  ({
-    tags: r,
-    onTagsChange: s,
-    onAddTag: t,
-    onRemoveTag: a,
-    placeholder: l = "Add a tag and press Enter",
-    error: n = !1,
-    fullWidth: i = !0,
-    maxTags: c,
-    duplicateCheck: u = !0,
-    disabled: x,
-    className: d = "",
-    ...m
-  }, f) => {
-    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 (c && r.length >= c || u && r.includes(b))
-        return;
-      const w = [...r, b];
-      s(w), t?.(b), g("");
-    }, 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"} ${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,
+const Ue = B.forwardRef(
+  ({
+    tags: r,
+    onTagsChange: s,
+    onAddTag: t,
+    onRemoveTag: a,
+    placeholder: l = "Add a tag and press Enter",
+    error: n = !1,
+    fullWidth: i = !0,
+    maxTags: c,
+    duplicateCheck: u = !0,
+    disabled: f,
+    className: d = "",
+    ...m
+  }, h) => {
+    const [g, b] = $(""), C = (v) => {
+      v.key === "Enter" && g.trim() ? (v.preventDefault(), _(g.trim())) : v.key === "Backspace" && !g && r.length > 0 && A(r[r.length - 1]);
+    }, _ = (v) => {
+      if (c && r.length >= c || u && r.includes(v))
+        return;
+      const w = [...r, v];
+      s(w), t?.(v), b("");
+    }, A = (v) => {
+      const w = r.filter((V) => V !== v);
+      s(w), a?.(v);
+    }, 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"} ${f ? "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((v) => /* @__PURE__ */ e.jsx(
+        Ye,
         {
           removable: !0,
-          onRemove: () => T(b),
+          onRemove: () => A(v),
           variant: "default",
-          children: b
+          children: v
         },
-        b
+        v
       )) }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: f,
+          ref: h,
           type: "text",
           className: p,
           placeholder: l,
-          value: v,
-          onChange: (b) => g(b.target.value),
-          onKeyDown: y,
-          disabled: x || (c ? r.length >= c : !1),
+          value: g,
+          onChange: (v) => b(v.target.value),
+          onKeyDown: C,
+          disabled: f || (c ? r.length >= c : !1),
           ...m
         }
       ),
@@ -1532,8 +1010,8 @@ const ar = z.forwardRef(
     ] });
   }
 );
-ar.displayName = "TagInput";
-const tr = z.forwardRef(
+Ue.displayName = "TagInput";
+const We = B.forwardRef(
   ({
     className: r = "",
     error: s = !1,
@@ -1544,34 +1022,34 @@ const tr = z.forwardRef(
     disabled: i,
     value: c,
     onChange: u,
-    ...x
+    ...f
   }, d) => {
-    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);
-    }, T = typeof c == "string" ? c.length : 0;
+    const C = `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}`, _ = (T) => {
+      a && (T.target.style.height = "auto", T.target.style.height = `${T.target.scrollHeight}px`), u?.(T);
+    }, A = typeof c == "string" ? c.length : 0;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e.jsx(
         "textarea",
         {
           ref: d,
-          className: y,
+          className: C,
           disabled: i,
           value: c,
-          onChange: V,
+          onChange: _,
           maxLength: l,
-          ...x
+          ...f
         }
       ),
       n && l && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
-        T,
+        A,
         " / ",
         l
       ] })
     ] });
   }
 );
-tr.displayName = "Textarea";
-function kr({
+We.displayName = "Textarea";
+function dr({
   options: r,
   selectedValues: s,
   onSelectionChange: t,
@@ -1581,25 +1059,25 @@ function kr({
   error: i = !1
 }) {
   const c = (m) => {
-    const f = s.includes(m) ? s.filter((v) => v !== m) : [...s, m];
-    t(f);
+    const h = s.includes(m) ? s.filter((g) => g !== m) : [...s, m];
+    t(h);
   }, u = {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
     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-${i ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+  }, f = a === "grid" ? "grid gap-3" : u[a], d = a === "grid" ? `md:grid-cols-${l}` : "";
+  return /* @__PURE__ */ e.jsx("div", { className: `${f} ${d}`, children: r.map((m) => {
+    const h = s.includes(m.value), b = h ? "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",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${g} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${b} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
             {
               type: "checkbox",
-              checked: f,
+              checked: h,
               onChange: () => c(m.value),
               disabled: n,
               className: "sr-only"
@@ -1610,14 +1088,14 @@ function kr({
             /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: m.label }),
             m.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: m.description })
           ] }),
-          f && /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })
+          h && /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })
         ]
       },
       m.value
     );
   }) });
 }
-function Vr({
+function ur({
   options: r,
   selectedValue: s,
   onSelectionChange: t,
@@ -1627,17 +1105,17 @@ function Vr({
   error: i = !1,
   name: c = "radio-group"
 }) {
-  const x = a === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
+  const f = a === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
     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-${i ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+  return /* @__PURE__ */ e.jsx("div", { className: f, children: r.map((d) => {
+    const m = s === d.value, g = 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",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${v} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${g} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
@@ -1663,7 +1141,27 @@ function Vr({
     );
   }) });
 }
-function $r({
+function mr({ stats: r, columns: s = 4, className: t = "" }) {
+  const a = {
+    2: "grid-cols-2",
+    3: "grid-cols-3",
+    4: "grid-cols-4"
+  }[s], l = {
+    "moss-green": { bg: "bg-moss-green-50", text: "text-reseda-green-700", value: "text-reseda-green-100" },
+    success: { bg: "bg-khaki-50", text: "text-success-600", value: "text-success-900" },
+    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, 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 ${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 xr({
   items: r,
   allowMultiple: s = !1,
   defaultOpenId: t,
@@ -1671,11 +1169,11 @@ function $r({
   className: l = ""
 }) {
   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], i(x), a?.(x);
+    let f;
+    s ? f = n.includes(u) ? n.filter((d) => d !== u) : [...n, u] : f = n.includes(u) ? [] : [u], i(f), a?.(f);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `space-y-2 ${l}`, children: r.map((u) => {
-    const x = n.includes(u.id);
+    const f = n.includes(u.id);
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -1692,461 +1190,158 @@ function $r({
                   /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary", children: u.title })
                 ] }),
                 /* @__PURE__ */ e.jsx(
-                  re,
+                  Q,
                   {
-                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${x ? "rotate-180" : ""}`
+                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${f ? "rotate-180" : ""}`
                   }
                 )
               ]
             }
           ),
-          x && /* @__PURE__ */ e.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: u.content })
+          f && /* @__PURE__ */ e.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: u.content })
         ]
       },
       u.id
     );
   }) });
 }
-const nr = z.forwardRef(
+const ie = {
+  variant: {
+    default: "bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",
+    destructive: "bg-error-500 text-white hover:bg-error-600 focus-visible:ring-error-500",
+    outline: "border border-border bg-background hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",
+    secondary: "bg-khaki-500 text-white hover:bg-khaki-600 focus-visible:ring-khaki-500",
+    ghost: "hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",
+    link: "text-reseda-green-500 underline-offset-4 hover:underline focus-visible:ring-reseda-green-500",
+    none: ""
+    // No default styles, allows full customization
+  },
+  size: {
+    default: "h-10 px-4 py-2",
+    sm: "h-9 rounded-md px-3",
+    lg: "h-11 rounded-md px-8",
+    xl: "h-12 rounded-md px-10 text-base",
+    icon: "h-10 w-10"
+  }
+}, He = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", Ge = (...r) => r.filter(Boolean).join(" "), H = B.forwardRef(
   ({
-    value: r,
-    onChange: s,
-    min: t = 0,
-    max: a = 100,
-    step: l = 1,
-    showValue: n = !0,
-    showLabels: i = !1,
-    minLabel: c,
-    maxLabel: u,
-    error: x = !1,
-    fullWidth: d = !0,
-    disabled: m,
-    className: f = "",
-    ...v
-  }, g) => {
-    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: [
-      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: [
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            ref: g,
-            type: "range",
-            min: t,
-            max: a,
-            step: l,
-            value: r,
-            onChange: (I) => s(Number(I.target.value)),
-            disabled: m,
-            className: N,
-            ...v
-          }
-        ),
-        n && /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-text-primary min-w-[3rem] text-right", children: r })
-      ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "h-1 bg-border rounded-full overflow-hidden", children: /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: "h-full bg-reseda-green-500 transition-all",
-          style: { width: `${D}%` }
-        }
-      ) })
-    ] });
+    className: r,
+    variant: s = "default",
+    size: t = "default",
+    fullWidth: a = !1,
+    loading: l = !1,
+    leftIcon: n,
+    rightIcon: i,
+    children: c,
+    disabled: u,
+    ...f
+  }, d) => {
+    const m = u || l, h = Ge(
+      He,
+      ie.variant[s],
+      ie.size[t],
+      a ? "w-full" : "",
+      r
+    );
+    return /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        className: h,
+        ref: d,
+        disabled: m,
+        ...f,
+        children: [
+          l && /* @__PURE__ */ e.jsxs(
+            "svg",
+            {
+              className: "mr-2 h-4 w-4 animate-spin",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              children: [
+                /* @__PURE__ */ e.jsx(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ),
+          !l && n && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: n }),
+          c,
+          !l && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
+        ]
+      }
+    );
   }
 );
-nr.displayName = "Slider";
-function Tr({
-  icon: r,
-  title: s,
-  description: t,
-  isSelected: a = !1,
-  onClick: l,
-  disabled: n = !1,
-  className: i = ""
-}) {
-  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: `${c} ${u} ${x} ${i}`,
-      onClick: () => !n && l?.(),
-      role: "button",
-      tabIndex: n ? -1 : 0,
-      onKeyDown: (d) => {
-        !n && (d.key === "Enter" || d.key === " ") && l?.();
-      },
-      children: [
-        r && /* @__PURE__ */ e.jsx("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-text-secondary", children: r }) }),
-        /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary mb-1", children: s }),
-        t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-secondary", children: t }),
-        a && /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })
-      ]
-    }
-  );
-}
-const lr = {
-  activeText: "text-reseda-green-700",
-  activeBorder: "border-reseda-green-700",
-  inactiveText: "text-text-secondary",
-  inactiveHoverText: "hover:text-text-primary",
-  disabledText: "text-text-disabled"
-};
-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((i) => {
-    const c = s === i.id;
-    return /* @__PURE__ */ e.jsx(
-      S,
-      {
-        variant: "ghost",
-        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
-      },
-      i.id
+H.displayName = "Button";
+const de = {
+  provider: {
+    linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
+  },
+  iconPosition: {
+    left: "flex-row",
+    right: "flex-row-reverse",
+    only: "justify-center"
+  }
+}, Je = (...r) => r.filter(Boolean).join(" "), qe = B.forwardRef(
+  ({
+    className: r,
+    provider: s,
+    iconPosition: t = "left",
+    icon: a,
+    showText: l = !0,
+    children: n,
+    size: i = "default",
+    fullWidth: c = !0,
+    ...u
+  }, f) => {
+    const m = a || {
+      linkedin: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e.jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })
+    }[s], g = n || (l ? {
+      linkedin: "Continue with LinkedIn"
+    }[s] : ""), b = Je(
+      "relative overflow-hidden transition-all duration-200",
+      de.provider[s],
+      de.iconPosition[t],
+      r
     );
-  }) });
-}
-const or = {
-  activeBg: "bg-reseda-green-700",
-  activeText: "text-white",
-  completedBg: "bg-success-500",
-  completedText: "text-white",
-  incompleteBorder: "border-border",
-  incompleteText: "text-text-muted",
-  labelActiveText: "text-reseda-green-800",
-  labelInactiveText: "text-text-muted",
-  connectorBg: "bg-border"
-};
-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: [
-      /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: `flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${r === l.number ? `${a.activeBg} ${a.activeText}` : r > l.number ? `${a.completedBg} ${a.completedText}` : `border-2 ${a.incompleteBorder} ${a.incompleteText}`}`,
-          children: l.number
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: `ml-3 text-sm font-medium whitespace-nowrap ${r >= l.number ? a.labelActiveText : a.labelInactiveText}`,
-          children: l.label
-        }
-      )
-    ] }),
-    n < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${a.connectorBg}` })
-  ] }, l.number)) }) });
-}
-function cr({
-  id: r,
-  index: s,
-  previewText: t,
-  defaultExpanded: a = !1,
-  children: l,
-  tooltipContent: n,
-  onRemove: i,
-  className: c = ""
-}) {
-  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: y ? 0.5 : 1
-  };
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      ref: f,
-      style: V,
-      className: `border border-border rounded-md bg-surface-variant ${c}`,
-      children: u ? (
-        // ── Expanded ──────────────────────────────────────────────────────────
-        /* @__PURE__ */ e.jsxs("div", { className: "p-3", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mb-2", children: [
-            /* @__PURE__ */ e.jsx(
-              "button",
-              {
-                type: "button",
-                ...d,
-                ...m,
-                className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing rounded hover:bg-surface-variant inline-flex items-center justify-center",
-                "aria-label": "Drag to reorder",
-                children: /* @__PURE__ */ e.jsx(fe, { className: "w-4 h-4" })
-              }
-            ),
-            /* @__PURE__ */ e.jsxs(
-              "span",
-              {
-                className: "text-sm font-medium text-text-secondary flex-1 cursor-pointer select-none",
-                onClick: () => x(!1),
-                children: [
-                  "Item ",
-                  s + 1
-                ]
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              S,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => x(!1),
-                className: "h-auto w-auto p-1",
-                "aria-label": "Collapse",
-                leftIcon: /* @__PURE__ */ e.jsx(he, { className: "w-4 h-4 transition-transform rotate-90" })
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              S,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                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" })
-              }
-            )
-          ] }),
-          l
-        ] })
-      ) : (
-        // ── Collapsed ─────────────────────────────────────────────────────────
-        /* @__PURE__ */ e.jsxs("div", { className: "relative group", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-            /* @__PURE__ */ e.jsx(
-              "button",
-              {
-                type: "button",
-                ...d,
-                ...m,
-                className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing flex-shrink-0 rounded hover:bg-surface-variant inline-flex items-center justify-center",
-                "aria-label": "Drag to reorder",
-                children: /* @__PURE__ */ e.jsx(fe, { className: "w-4 h-4" })
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              "span",
-              {
-                className: "flex-1 text-sm text-text-secondary truncate cursor-pointer select-none",
-                onClick: () => x(!0),
-                children: t
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              S,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => x(!0),
-                className: "h-auto w-auto p-1 flex-shrink-0",
-                "aria-label": "Expand",
-                leftIcon: /* @__PURE__ */ e.jsx(he, { className: "w-4 h-4 transition-transform" })
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              S,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                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" })
-              }
-            )
-          ] }),
-          n && /* @__PURE__ */ e.jsx("div", { className: "absolute left-0 top-full mt-1 z-10 w-80 bg-gray-900 text-white text-xs rounded-md p-3 shadow-lg opacity-0 group-hover:opacity-100 pointer-events-none transition-opacity duration-150", children: n })
-        ] })
-      )
-    }
-  );
-}
-cr.displayName = "SortableItem";
-function Ar({
-  onFileChange: r,
-  onAnalyze: s,
-  uploadedFile: t,
-  fileError: a,
-  onCancelUpload: l,
-  isAnalyzing: n = !1,
-  analyzeError: i,
-  analyzeSuccess: c,
-  accept: u = ".pdf,.docx",
-  label: x = "Upload File",
-  description: d = "PDF, DOCX up to 5MB",
-  analyzeButtonLabel: m = "Analyze",
-  disabled: f = !1,
-  showAnalyzeButton: v = !0
-}) {
-  const g = Ve(null), [y, V] = $(!1);
-  J(() => {
-    !t && g.current && (g.current.value = "");
-  }, [t]);
-  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: N.dataTransfer.files
-        }
-      };
-      r(D);
-    }
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: "mt-6 pt-6 border-t border-border", children: [
-    /* @__PURE__ */ e.jsx("h3", { className: "text-sm font-medium text-text-primary mb-3", children: x }),
-    /* @__PURE__ */ e.jsxs("label", { className: "block", children: [
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          ref: g,
-          type: "file",
-          accept: u,
-          onChange: r,
-          className: "hidden",
-          id: "file-upload",
-          disabled: f
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          onDragEnter: T,
-          onDragLeave: T,
-          onDragOver: T,
-          onDrop: R,
-          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",
-              {
-                className: "mx-auto h-12 w-12 text-success-500",
-                fill: "currentColor",
-                viewBox: "0 0 20 20",
-                children: /* @__PURE__ */ e.jsx(
-                  "path",
-                  {
-                    fillRule: "evenodd",
-                    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
-                    clipRule: "evenodd"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "success", message: "File uploaded successfully" }) }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-2 break-words", children: t.name }),
-            /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted mt-1", children: [
-              (t.size / (1024 * 1024)).toFixed(2),
-              "MB"
-            ] }),
-            /* @__PURE__ */ e.jsx(
-              S,
-              {
-                variant: "link",
-                type: "button",
-                onClick: (N) => {
-                  N.preventDefault(), l?.();
-                },
-                className: "mt-3 text-error-600 hover:text-error-700 h-auto p-0",
-                children: "✕ Cancel"
-              }
-            )
-          ] }) : /* @__PURE__ */ e.jsxs("div", { children: [
-            /* @__PURE__ */ e.jsx(
-              "svg",
-              {
-                className: "mx-auto h-12 w-12 text-text-muted",
-                stroke: "currentColor",
-                fill: "none",
-                viewBox: "0 0 48 48",
-                children: /* @__PURE__ */ e.jsx(
-                  "path",
-                  {
-                    d: "M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e.jsxs("p", { className: "mt-2 text-sm text-text-secondary", children: [
-              /* @__PURE__ */ e.jsx("span", { className: "font-medium text-reseda-green-700", children: "Upload a file" }),
-              " ",
-              "or drag and drop"
-            ] }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted mt-1", children: d })
-          ] })
-        }
-      )
-    ] }),
-    a && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: a }) }),
-    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(
-      S,
+    return /* @__PURE__ */ e.jsxs(
+      H,
       {
-        variant: "default",
-        onClick: s,
-        disabled: !t || n || f,
-        loading: n,
-        fullWidth: !0,
-        className: "mt-3",
-        children: m
+        ref: f,
+        variant: "none",
+        className: b,
+        size: i,
+        fullWidth: c,
+        leftIcon: t === "left" ? m : void 0,
+        rightIcon: t === "right" ? m : void 0,
+        ...u,
+        children: [
+          t === "only" && m,
+          t !== "only" && g
+        ]
       }
-    )
-  ] });
-}
-function _r({ stats: r, columns: s = 4, className: t = "" }) {
-  const a = {
-    2: "grid-cols-2",
-    3: "grid-cols-3",
-    4: "grid-cols-4"
-  }[s], l = {
-    "moss-green": { bg: "bg-moss-green-50", text: "text-reseda-green-700", value: "text-reseda-green-100" },
-    success: { bg: "bg-khaki-50", text: "text-success-600", value: "text-success-900" },
-    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, 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 ${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 Br({
-  title: r,
-  description: s,
-  centered: t = !1,
-  titleSize: a = "md"
-}) {
-  const l = {
-    sm: "text-2xl",
-    md: "text-3xl",
-    lg: "text-4xl"
-  }, 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 ${i}`, children: s })
-  ] });
-}
-function Or({
+    );
+  }
+);
+qe.displayName = "SocialButton";
+function fr({
   icon: r,
   title: s,
   subtitle: t,
@@ -2156,12 +1351,12 @@ function Or({
   variant: i = "default",
   actions: c,
   onClick: u,
-  className: x = ""
+  className: f = ""
 }) {
-  const d = (g) => {
-    const y = g.target;
-    y.tagName === "BUTTON" || y.closest("button") || u?.(g);
-  }, f = (() => {
+  const d = (b) => {
+    const C = b.target;
+    C.tagName === "BUTTON" || C.closest("button") || u?.(b);
+  }, h = (() => {
     if (n)
       switch (i) {
         case "success":
@@ -2174,12 +1369,12 @@ function Or({
           return "border-2 border-reseda-green-700 bg-success-50";
       }
     return "border border-border hover:border-border-subtle hover:bg-surface-variant";
-  })(), v = l ? "ring-2 ring-reseda-green-700" : "";
+  })(), g = l ? "ring-2 ring-reseda-green-700" : "";
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       onClick: d,
-      className: `rounded-lg p-4 cursor-pointer transition ${f} ${v} ${x}`,
+      className: `rounded-lg p-4 cursor-pointer transition ${h} ${g} ${f}`,
       children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex items-start gap-3", children: [
           r && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r }),
@@ -2189,62 +1384,577 @@ function Or({
             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: c.map((g, y) => /* @__PURE__ */ e.jsx(
-          S,
+        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: c.map((b, C) => /* @__PURE__ */ e.jsx(
+          H,
           {
-            variant: g.variant || "ghost",
-            size: g.size || "sm",
-            onClick: g.onClick,
-            disabled: g.disabled,
-            loading: g.loading,
-            title: g.label,
-            className: g.className,
-            leftIcon: g.icon && g.size !== "icon" ? g.icon : void 0,
-            children: g.size === "icon" ? g.icon : g.label
+            variant: b.variant || "ghost",
+            size: b.size || "sm",
+            onClick: b.onClick,
+            disabled: b.disabled,
+            loading: b.loading,
+            title: b.label,
+            className: b.className,
+            leftIcon: b.icon && b.size !== "icon" ? b.icon : void 0,
+            children: b.size === "icon" ? b.icon : b.label
           },
-          y
+          C
         )) })
       ] })
     }
   );
 }
+function hr({
+  children: r,
+  variant: s = "default",
+  isActive: t = !1,
+  onClick: a,
+  className: l = ""
+}) {
+  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",
+    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: `${n} ${i[s]} ${l}`,
+      onClick: a,
+      role: a ? "button" : void 0,
+      tabIndex: a ? 0 : void 0,
+      onKeyDown: a ? (c) => {
+        (c.key === "Enter" || c.key === " ") && a();
+      } : void 0,
+      children: r
+    }
+  );
+}
+function vr({
+  title: r,
+  children: s,
+  subtitle: t,
+  spacing: a = "normal",
+  className: l = ""
+}) {
+  const n = {
+    compact: "space-y-3",
+    normal: "space-y-6",
+    spacious: "space-y-8"
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: `${n[a]} ${l}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: r }),
+      t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t })
+    ] }),
+    s
+  ] });
+}
+function gr({
+  title: r,
+  subtitle: s,
+  metadata: t,
+  sections: a,
+  className: l = ""
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `space-y-6 ${l}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between mb-1", children: [
+        /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-semibold text-text-primary", children: r }),
+        t && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: t })
+      ] }),
+      s && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary", children: s })
+    ] }),
+    a.map((n, i) => /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary mb-3", children: n.heading }),
+      n.content
+    ] }, i))
+  ] });
+}
+function br({
+  title: r,
+  description: s,
+  centered: t = !1,
+  titleSize: a = "md"
+}) {
+  const l = {
+    sm: "text-2xl",
+    md: "text-3xl",
+    lg: "text-4xl"
+  }, 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 ${i}`, children: s })
+  ] });
+}
+function pr({
+  icon: r,
+  title: s,
+  description: t,
+  isSelected: a = !1,
+  onClick: l,
+  disabled: n = !1,
+  className: i = ""
+}) {
+  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", f = n ? "opacity-50 cursor-not-allowed" : "";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `${c} ${u} ${f} ${i}`,
+      onClick: () => !n && l?.(),
+      role: "button",
+      tabIndex: n ? -1 : 0,
+      onKeyDown: (d) => {
+        !n && (d.key === "Enter" || d.key === " ") && l?.();
+      },
+      children: [
+        r && /* @__PURE__ */ e.jsx("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-text-secondary", children: r }) }),
+        /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary mb-1", children: s }),
+        t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-secondary", children: t }),
+        a && /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })
+      ]
+    }
+  );
+}
+const Xe = B.forwardRef(
+  ({
+    value: r,
+    onChange: s,
+    min: t = 0,
+    max: a = 100,
+    step: l = 1,
+    showValue: n = !0,
+    showLabels: i = !1,
+    minLabel: c,
+    maxLabel: u,
+    error: f = !1,
+    fullWidth: d = !0,
+    disabled: m,
+    className: h = "",
+    ...g
+  }, b) => {
+    const P = `w-full h-2 rounded-lg appearance-none cursor-pointer ${f ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${m ? "opacity-50 cursor-not-allowed" : ""} ${d ? "w-full" : ""} ${h}`, z = (r - t) / (a - t) * 100;
+    return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      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: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: b,
+            type: "range",
+            min: t,
+            max: a,
+            step: l,
+            value: r,
+            onChange: (D) => s(Number(D.target.value)),
+            disabled: m,
+            className: P,
+            ...g
+          }
+        ),
+        n && /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-text-primary min-w-[3rem] text-right", children: r })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "h-1 bg-border rounded-full overflow-hidden", children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "h-full bg-reseda-green-500 transition-all",
+          style: { width: `${z}%` }
+        }
+      ) })
+    ] });
+  }
+);
+Xe.displayName = "Slider";
+function jr({
+  variant: r,
+  title: s,
+  message: t,
+  icon: a,
+  onClose: l,
+  className: n = ""
+}) {
+  const c = {
+    success: {
+      bg: "bg-success-50",
+      border: "border-success-200",
+      text: "text-success-700",
+      icon: /* @__PURE__ */ e.jsx(he, { className: "h-5 w-5" })
+    },
+    error: {
+      bg: "bg-error-50",
+      border: "border-error-200",
+      text: "text-error-700",
+      icon: /* @__PURE__ */ e.jsx(fe, { className: "h-5 w-5" })
+    },
+    warning: {
+      bg: "bg-warning-50",
+      border: "border-warning-200",
+      text: "text-warning-700",
+      icon: /* @__PURE__ */ e.jsx(xe, { className: "h-5 w-5" })
+    },
+    info: {
+      bg: "bg-info-50",
+      border: "border-info-200",
+      text: "text-info-700",
+      icon: /* @__PURE__ */ e.jsx(me, { className: "h-5 w-5" })
+    }
+  }[r];
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      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 ${c.text}`, children: a || c.icon }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+          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 ${c.text} hover:opacity-70`,
+            "aria-label": "Close alert",
+            children: "✕"
+          }
+        )
+      ] })
+    }
+  );
+}
+const Ze = {
+  bg: "bg-indigo-600",
+  activeBg: "bg-indigo-700",
+  text: "text-indigo-200",
+  activeText: "text-white",
+  hoverBg: "hover:bg-indigo-700",
+  hoverText: "hover:text-white"
+};
+function k(...r) {
+  return r.filter(Boolean).join(" ");
+}
+function ue({ item: r, colorScheme: s }) {
+  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",
+      {
+        href: l ? void 0 : r.href,
+        onClick: (n) => {
+          l && (n.preventDefault(), a(!t));
+        },
+        className: k(
+          r.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
+          "group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",
+          l ? "cursor-pointer" : ""
+        ),
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
+            /* @__PURE__ */ e.jsx(
+              r.icon,
+              {
+                "aria-hidden": "true",
+                className: k(
+                  r.current ? s.activeText : `${s.text} group-${s.hoverText}`,
+                  "size-6 shrink-0"
+                )
+              }
+            ),
+            r.name
+          ] }),
+          l && /* @__PURE__ */ e.jsx(
+            Q,
+            {
+              className: k(
+                "size-5 shrink-0 transition-transform",
+                t ? "rotate-180" : "",
+                r.current ? s.activeText : s.text
+              )
+            }
+          )
+        ]
+      }
+    ) }),
+    l && t && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: r.children.map((n) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
+      "a",
+      {
+        href: n.href,
+        className: k(
+          n.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
+          "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
+        ),
+        children: [
+          /* @__PURE__ */ e.jsx(
+            n.icon,
+            {
+              "aria-hidden": "true",
+              className: k(
+                n.current ? s.activeText : `${s.text} group-${s.hoverText}`,
+                "size-5 shrink-0"
+              )
+            }
+          ),
+          n.name
+        ]
+      }
+    ) }, n.name)) })
+  ] });
+}
+function wr({ company: r, profile: s, navigation: t, colorScheme: a = Ze }) {
+  const [l, n] = $(!1);
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsxs(Ce, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
+      /* @__PURE__ */ e.jsx(
+        ke,
+        {
+          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(
+        Ve,
+        {
+          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($e, { 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(ye, { "aria-hidden": "true", className: "size-6 text-white" })
+            ] }) }) }),
+            /* @__PURE__ */ e.jsxs("div", { className: k("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", a.bg), children: [
+              /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
+                "img",
+                {
+                  alt: r.name,
+                  src: r.logo,
+                  className: "h-8 w-auto"
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(ue, { item: i, colorScheme: a }, i.name)) }) }) }) })
+            ] })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: k("flex grow flex-col gap-y-5 overflow-y-auto px-6", a.bg), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
+        "img",
+        {
+          alt: r.name,
+          src: r.logo,
+          className: "h-8 w-auto"
+        }
+      ) }),
+      /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(ue, { item: i, colorScheme: a }, i.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
+          "a",
+          {
+            href: "#",
+            className: k(
+              "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
+              a.activeText,
+              a.hoverBg
+            ),
+            children: [
+              /* @__PURE__ */ e.jsx(
+                "img",
+                {
+                  alt: s.name,
+                  src: s.image,
+                  className: k("size-8 rounded-full", a.activeBg)
+                }
+              ),
+              /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
+              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: s.name })
+            ]
+          }
+        ) })
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: k("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: k("-m-2.5 p-2.5 lg:hidden", a.text), children: [
+        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
+        /* @__PURE__ */ e.jsx(Ne, { "aria-hidden": "true", className: "size-6" })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: k("flex-1 text-sm/6 font-semibold", a.activeText), children: "Dashboard" }),
+      /* @__PURE__ */ e.jsxs("a", { href: "#", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
+        /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            alt: s.name,
+            src: s.image,
+            className: k("size-8 rounded-full", a.activeBg)
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+const Ke = {
+  activeBg: "bg-reseda-green-700",
+  activeText: "text-white",
+  completedBg: "bg-success-500",
+  completedText: "text-white",
+  incompleteBorder: "border-border",
+  incompleteText: "text-text-muted",
+  labelActiveText: "text-reseda-green-800",
+  labelInactiveText: "text-text-muted",
+  connectorBg: "bg-border"
+};
+function yr({ currentStep: r, steps: s, colorConfig: t }) {
+  const a = t || Ke;
+  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: [
+      /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          className: `flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${r === l.number ? `${a.activeBg} ${a.activeText}` : r > l.number ? `${a.completedBg} ${a.completedText}` : `border-2 ${a.incompleteBorder} ${a.incompleteText}`}`,
+          children: l.number
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          className: `ml-3 text-sm font-medium whitespace-nowrap ${r >= l.number ? a.labelActiveText : a.labelInactiveText}`,
+          children: l.label
+        }
+      )
+    ] }),
+    n < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${a.connectorBg}` })
+  ] }, l.number)) }) });
+}
+const Qe = {
+  activeText: "text-reseda-green-700",
+  activeBorder: "border-reseda-green-700",
+  inactiveText: "text-text-secondary",
+  inactiveHoverText: "hover:text-text-primary",
+  disabledText: "text-text-disabled"
+};
+function Nr({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
+  const n = l || Qe;
+  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(
+      H,
+      {
+        variant: "ghost",
+        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
+      },
+      i.id
+    );
+  }) });
+}
+function Cr({
+  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(he, { className: "h-5 w-5" })
+    },
+    error: {
+      bg: "bg-error-50",
+      border: "border-error-200",
+      text: "text-error-700",
+      icon: /* @__PURE__ */ e.jsx(fe, { className: "h-5 w-5" })
+    },
+    warning: {
+      bg: "bg-warning-50",
+      border: "border-warning-200",
+      text: "text-warning-700",
+      icon: /* @__PURE__ */ e.jsx(xe, { className: "h-5 w-5" })
+    },
+    info: {
+      bg: "bg-info-50",
+      border: "border-info-200",
+      text: "text-info-700",
+      icon: /* @__PURE__ */ e.jsx(me, { 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
+      }
+    )
+  ] }) });
+}
 export {
-  $r as Accordion,
-  Or as ActionCard,
-  G as Alert,
-  er as Badge,
-  S as Button,
-  wr as Card,
-  kr as CheckboxGroup,
-  Fe as ColorPalette,
-  jr as Demo,
-  Ar as FileUpload,
-  Cr as FormField,
-  rr as Input,
-  Tr as OptionCard,
-  Br as PageHeader,
-  Vr as RadioGroup,
-  Nr as Section,
-  sr as Select,
-  pr as Sidebar,
-  nr as Slider,
+  xr as Accordion,
+  fr as ActionCard,
+  jr as Alert,
+  Ye as Badge,
+  H as Button,
+  hr as Card,
+  dr as CheckboxGroup,
+  Be as ColorPalette,
+  cr as Demo,
+  gr as DetailPanel,
+  ir as FormField,
+  Me as Input,
+  pr as OptionCard,
+  br as PageHeader,
+  ur as RadioGroup,
+  vr as Section,
+  Fe as Select,
+  wr as Sidebar,
+  Xe as Slider,
   qe as SocialButton,
-  cr as SortableItem,
-  _r as StatsGrid,
-  yr as StatusBanner,
-  Rr as Stepper,
-  Er as TabBar,
-  ar as TagInput,
-  tr as Textarea,
-  Ue as ThemeProvider,
-  We as ThemeToggle,
-  gr as clearAllErrors,
-  vr as clearFieldError,
-  hr as getFirstError,
-  De as hasErrors,
-  br as useForm,
-  Ye as useTheme,
-  Se as validateField,
-  Q as validateForm,
-  fr as validators
+  mr as StatsGrid,
+  Cr as StatusBanner,
+  yr as Stepper,
+  Nr as TabBar,
+  Ue as TagInput,
+  We as Textarea,
+  Se as ThemeProvider,
+  ze as ThemeToggle,
+  lr as clearAllErrors,
+  nr as clearFieldError,
+  tr as getFirstError,
+  Ee as hasErrors,
+  or as useForm,
+  Pe as useTheme,
+  Te as validateField,
+  Z as validateForm,
+  ar as validators
 };