acemyjob-ui 0.17.2 → 2.0.1

package/dist/acemyjob-ui.es.js

@@ -1,8 +1,10 @@
-import * as G from "react";
-import P, { useState as T, useCallback as B, createContext as we, useEffect as J, useContext as Ne, useRef as ye } from "react";
-import { ChevronDownIcon as ee, InformationCircleIcon as xe, ExclamationCircleIcon as fe, XCircleIcon as he, CheckCircleIcon as ve, XMarkIcon as ke, Bars3Icon as Ce } from "@heroicons/react/24/outline";
-import { Dialog as Ve, DialogBackdrop as $e, DialogPanel as Te, TransitionChild as Ee } from "@headlessui/react";
-const nr = {
+import * as j from "react";
+import P, { useState as V, useCallback as _, createContext as Ve, useEffect as U, useContext as Te, useRef as q } from "react";
+import { ChevronDownIcon as se, InformationCircleIcon as ve, ExclamationCircleIcon as be, XCircleIcon as pe, CheckCircleIcon as je, XMarkIcon as Ee, Bars3Icon as Re } from "@heroicons/react/24/outline";
+import { useSortable as Ae } from "@dnd-kit/sortable";
+import { CSS as Se } from "@dnd-kit/utilities";
+import { Dialog as Be, DialogBackdrop as _e, DialogPanel as Me, TransitionChild as De } from "@headlessui/react";
+const Tr = {
   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
@@ -57,110 +59,110 @@ const nr = {
     message: s
   })
 };
-function Re(r, s) {
+function Oe(r, s) {
   for (const t of s)
     if (!t.validate(r))
       return t.message;
   return null;
 }
-function Q(r, s) {
+function ee(r, s) {
   const t = {};
   for (const [a, l] of Object.entries(s)) {
-    const n = r[a], i = Re(n, l);
-    t[a] = i;
+    const n = r[a], o = Oe(n, l);
+    t[a] = o;
   }
   return t;
 }
-function Ae(r) {
+function Pe(r) {
   return Object.values(r).some((s) => s !== null);
 }
-function lr(r) {
+function Er(r) {
   for (const s of Object.values(r))
     if (s !== null)
       return s;
   return null;
 }
-function or(r, s) {
+function Rr(r, s) {
   return {
     ...r,
     [s]: null
   };
 }
-function cr(r) {
+function Ar(r) {
   const s = {};
   for (const t of Object.keys(r))
     s[t] = null;
   return s;
 }
-function ir({
+function Sr({
   initialValues: r,
   validationRules: s = {},
   onSubmit: t
 }) {
-  const [a, l] = T(r), [n, i] = T({}), [c, u] = T({}), [f, d] = T(!1), m = JSON.stringify(a) !== JSON.stringify(r), x = B(
+  const [a, l] = V(r), [n, o] = V({}), [c, d] = V({}), [u, m] = V(!1), h = JSON.stringify(a) !== JSON.stringify(r), x = _(
     (p) => {
-      const { name: v, value: w, type: A } = p.target;
-      let M = w;
-      if (A === "checkbox" ? M = p.target.checked : A === "number" && (M = w ? Number(w) : ""), l((S) => ({
-        ...S,
-        [v]: M
-      })), s[v]) {
-        const S = Q({ [v]: M }, { [v]: s[v] });
-        i((Y) => ({
-          ...Y,
-          [v]: S[v]
+      const { name: b, value: N, type: S } = p.target;
+      let L = N;
+      if (S === "checkbox" ? L = p.target.checked : S === "number" && (L = N ? Number(N) : ""), l((I) => ({
+        ...I,
+        [b]: L
+      })), s[b]) {
+        const I = ee({ [b]: L }, { [b]: s[b] });
+        o((W) => ({
+          ...W,
+          [b]: I[b]
         }));
       }
     },
     [s]
-  ), g = B(
+  ), g = _(
     (p) => {
-      const { name: v } = p.target;
-      u((w) => ({
-        ...w,
-        [v]: !0
+      const { name: b } = p.target;
+      d((N) => ({
+        ...N,
+        [b]: !0
       }));
     },
     []
-  ), b = B((p, v) => {
-    if (l((w) => ({
-      ...w,
-      [p]: v
+  ), v = _((p, b) => {
+    if (l((N) => ({
+      ...N,
+      [p]: b
     })), s[p]) {
-      const w = Q({ [p]: v }, { [p]: s[p] });
-      i((A) => ({
-        ...A,
-        [p]: w[p]
+      const N = ee({ [p]: b }, { [p]: s[p] });
+      o((S) => ({
+        ...S,
+        [p]: N[p]
       }));
     }
-  }, [s]), y = B((p, v) => {
-    i((w) => ({
-      ...w,
-      [p]: v
+  }, [s]), C = _((p, b) => {
+    o((N) => ({
+      ...N,
+      [p]: b
     }));
-  }, []), E = B(
+  }, []), T = _(
     async (p) => {
       p.preventDefault();
-      const v = Q(a, s);
-      i(v);
-      const w = {};
-      for (const A of Object.keys(a))
-        w[A] = !0;
-      if (u(w), !Ae(v) && t) {
-        d(!0);
+      const b = ee(a, s);
+      o(b);
+      const N = {};
+      for (const S of Object.keys(a))
+        N[S] = !0;
+      if (d(N), !Pe(b) && t) {
+        m(!0);
         try {
           await t(a);
-        } catch (A) {
-          console.error("Form submission error:", A);
+        } catch (S) {
+          console.error("Form submission error:", S);
         } finally {
-          d(!1);
+          m(!1);
         }
       }
     },
     [a, s, t]
-  ), V = B(() => {
-    l(r), i({}), u({}), d(!1);
-  }, [r]), R = B(
+  ), E = _(() => {
+    l(r), o({}), d({}), m(!1);
+  }, [r]), A = _(
     (p) => ({
       name: p,
       value: a[p] || "",
@@ -168,13 +170,13 @@ function ir({
       onBlur: g
     }),
     [a, x, g]
-  ), N = B(
+  ), w = _(
     (p) => n[p] || null,
     [n]
-  ), O = B(
+  ), D = _(
     (p) => c[p] || !1,
     [c]
-  ), L = B(
+  ), z = _(
     (p) => a[p] !== r[p],
     [a, r]
   );
@@ -182,21 +184,21 @@ function ir({
     values: a,
     errors: n,
     touched: c,
-    isSubmitting: f,
-    isDirty: m,
+    isSubmitting: u,
+    isDirty: h,
     handleChange: x,
     handleBlur: g,
-    setFieldValue: b,
-    setFieldError: y,
-    handleSubmit: E,
-    resetForm: V,
-    getFieldProps: R,
-    getFieldError: N,
-    isFieldTouched: O,
-    isFieldDirty: L
+    setFieldValue: v,
+    setFieldError: C,
+    handleSubmit: T,
+    resetForm: E,
+    getFieldProps: A,
+    getFieldError: w,
+    isFieldTouched: D,
+    isFieldDirty: z
   };
 }
-var W = { exports: {} }, I = {};
+var G = { exports: {} }, Y = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -206,14 +208,14 @@ var W = { exports: {} }, I = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var le;
-function _e() {
-  if (le) return I;
-  le = 1;
+var ce;
+function Ie() {
+  if (ce) return Y;
+  ce = 1;
   var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function t(a, l, n) {
-    var i = null;
-    if (n !== void 0 && (i = "" + n), l.key !== void 0 && (i = "" + l.key), "key" in l) {
+    var o = null;
+    if (n !== void 0 && (o = "" + n), l.key !== void 0 && (o = "" + l.key), "key" in l) {
       n = {};
       for (var c in l)
         c !== "key" && (n[c] = l[c]);
@@ -221,14 +223,14 @@ function _e() {
     return l = n.ref, {
       $$typeof: r,
       type: a,
-      key: i,
+      key: o,
       ref: l !== void 0 ? l : null,
       props: n
     };
   }
-  return I.Fragment = s, I.jsx = t, I.jsxs = t, I;
+  return Y.Fragment = s, Y.jsx = t, Y.jsxs = t, Y;
 }
-var U = {};
+var H = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -238,166 +240,166 @@ var 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 Be() {
-  return oe || (oe = 1, process.env.NODE_ENV !== "production" && function() {
-    function r(o) {
-      if (o == null) return null;
-      if (typeof o == "function")
-        return o.$$typeof === M ? null : o.displayName || o.name || null;
-      if (typeof o == "string") return o;
-      switch (o) {
-        case y:
+var ie;
+function ze() {
+  return ie || (ie = 1, process.env.NODE_ENV !== "production" && function() {
+    function r(i) {
+      if (i == null) return null;
+      if (typeof i == "function")
+        return i.$$typeof === L ? null : i.displayName || i.name || null;
+      if (typeof i == "string") return i;
+      switch (i) {
+        case C:
           return "Fragment";
-        case V:
-          return "Profiler";
         case E:
+          return "Profiler";
+        case T:
           return "StrictMode";
-        case L:
+        case z:
           return "Suspense";
         case p:
           return "SuspenseList";
-        case A:
+        case S:
           return "Activity";
       }
-      if (typeof o == "object")
-        switch (typeof o.tag == "number" && console.error(
+      if (typeof i == "object")
+        switch (typeof i.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), o.$$typeof) {
-          case b:
-            return "Portal";
-          case N:
-            return (o.displayName || "Context") + ".Provider";
-          case R:
-            return (o._context.displayName || "Context") + ".Consumer";
-          case O:
-            var h = o.render;
-            return o = o.displayName, o || (o = h.displayName || h.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+        ), i.$$typeof) {
           case v:
-            return h = o.displayName || null, h !== null ? h : r(o.type) || "Memo";
+            return "Portal";
           case w:
-            h = o._payload, o = o._init;
+            return (i.displayName || "Context") + ".Provider";
+          case A:
+            return (i._context.displayName || "Context") + ".Consumer";
+          case D:
+            var f = i.render;
+            return i = i.displayName, i || (i = f.displayName || f.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case b:
+            return f = i.displayName || null, f !== null ? f : r(i.type) || "Memo";
+          case N:
+            f = i._payload, i = i._init;
             try {
-              return r(o(h));
+              return r(i(f));
             } catch {
             }
         }
       return null;
     }
-    function s(o) {
-      return "" + o;
+    function s(i) {
+      return "" + i;
     }
-    function t(o) {
+    function t(i) {
       try {
-        s(o);
-        var h = !1;
+        s(i);
+        var f = !1;
       } catch {
-        h = !0;
+        f = !0;
       }
-      if (h) {
-        h = console;
-        var j = h.error, k = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return j.call(
-          h,
+      if (f) {
+        f = console;
+        var y = f.error, k = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return y.call(
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           k
-        ), s(o);
+        ), s(i);
       }
     }
-    function a(o) {
-      if (o === y) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === w)
+    function a(i) {
+      if (i === C) return "<>";
+      if (typeof i == "object" && i !== null && i.$$typeof === N)
         return "<...>";
       try {
-        var h = r(o);
-        return h ? "<" + h + ">" : "<...>";
+        var f = r(i);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function l() {
-      var o = S.A;
-      return o === null ? null : o.getOwner();
+      var i = I.A;
+      return i === null ? null : i.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
-    function i(o) {
-      if (Y.call(o, "key")) {
-        var h = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (h && h.isReactWarning) return !1;
+    function o(i) {
+      if (W.call(i, "key")) {
+        var f = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
-      return o.key !== void 0;
+      return i.key !== void 0;
     }
-    function c(o, h) {
-      function j() {
-        re || (re = !0, console.error(
+    function c(i, f) {
+      function y() {
+        ae || (ae = !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
+          f
         ));
       }
-      j.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: j,
+      y.isReactWarning = !0, Object.defineProperty(i, "key", {
+        get: y,
         configurable: !0
       });
     }
-    function u() {
-      var o = r(this.type);
-      return se[o] || (se[o] = !0, console.error(
+    function d() {
+      var i = r(this.type);
+      return te[i] || (te[i] = !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;
+      )), i = this.props.ref, i !== void 0 ? i : null;
     }
-    function f(o, h, j, k, D, _, q, Z) {
-      return j = _.ref, o = {
+    function u(i, f, y, k, O, B, X, K) {
+      return y = B.ref, i = {
         $$typeof: g,
-        type: o,
-        key: h,
-        props: _,
-        _owner: D
-      }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(o, "ref", {
+        type: i,
+        key: f,
+        props: B,
+        _owner: O
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(i, "ref", {
         enumerable: !1,
-        get: u
-      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+        get: d
+      }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(o, "_debugInfo", {
+      }), Object.defineProperty(i, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(o, "_debugStack", {
+      }), Object.defineProperty(i, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
-      }), Object.defineProperty(o, "_debugTask", {
+        value: X
+      }), Object.defineProperty(i, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+        value: K
+      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function d(o, h, j, k, D, _, q, Z) {
-      var C = h.children;
-      if (C !== void 0)
+    function m(i, f, y, k, O, B, X, K) {
+      var $ = f.children;
+      if ($ !== void 0)
         if (k)
-          if (pe(C)) {
-            for (k = 0; k < C.length; k++)
-              m(C[k]);
-            Object.freeze && Object.freeze(C);
+          if (ke($)) {
+            for (k = 0; k < $.length; k++)
+              h($[k]);
+            Object.freeze && Object.freeze($);
           } 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(C);
-      if (Y.call(h, "key")) {
-        C = r(o);
-        var z = Object.keys(h).filter(function(je) {
-          return je !== "key";
+        else h($);
+      if (W.call(f, "key")) {
+        $ = r(i);
+        var F = Object.keys(f).filter(function($e) {
+          return $e !== "key";
         });
-        k = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", ne[C + k] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
+        k = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", oe[$ + k] || (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} />
@@ -405,84 +407,84 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           k,
-          C,
-          z,
-          C
-        ), ne[C + k] = !0);
+          $,
+          F,
+          $
+        ), oe[$ + k] = !0);
       }
-      if (C = null, j !== void 0 && (t(j), C = "" + j), i(h) && (t(h.key), C = "" + h.key), "key" in h) {
-        j = {};
-        for (var K in h)
-          K !== "key" && (j[K] = h[K]);
-      } else j = h;
-      return C && c(
-        j,
-        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), f(
-        o,
-        C,
-        _,
-        D,
+      if ($ = null, y !== void 0 && (t(y), $ = "" + y), o(f) && (t(f.key), $ = "" + f.key), "key" in f) {
+        y = {};
+        for (var Q in f)
+          Q !== "key" && (y[Q] = f[Q]);
+      } else y = f;
+      return $ && c(
+        y,
+        typeof i == "function" ? i.displayName || i.name || "Unknown" : i
+      ), u(
+        i,
+        $,
+        B,
+        O,
         l(),
-        j,
-        q,
-        Z
+        y,
+        X,
+        K
       );
     }
-    function m(o) {
-      typeof o == "object" && o !== null && o.$$typeof === g && o._store && (o._store.validated = 1);
+    function h(i) {
+      typeof i == "object" && i !== null && i.$$typeof === g && i._store && (i._store.validated = 1);
     }
-    var x = P, g = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), N = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), S = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, pe = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var x = P, g = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), w = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), S = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), I = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, ke = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
     x = {
-      "react-stack-bottom-frame": function(o) {
-        return o();
+      "react-stack-bottom-frame": function(i) {
+        return i();
       }
     };
-    var re, se = {}, ae = x["react-stack-bottom-frame"].bind(
+    var ae, te = {}, ne = x["react-stack-bottom-frame"].bind(
       x,
       n
-    )(), te = X(a(n)), ne = {};
-    U.Fragment = y, U.jsx = function(o, h, j, k, D) {
-      var _ = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return d(
-        o,
-        h,
-        j,
+    )(), le = J(a(n)), oe = {};
+    H.Fragment = C, H.jsx = function(i, f, y, k, O) {
+      var B = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return m(
+        i,
+        f,
+        y,
         !1,
         k,
-        D,
-        _ ? Error("react-stack-top-frame") : ae,
-        _ ? X(a(o)) : te
+        O,
+        B ? Error("react-stack-top-frame") : ne,
+        B ? J(a(i)) : le
       );
-    }, U.jsxs = function(o, h, j, k, D) {
-      var _ = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return d(
-        o,
-        h,
-        j,
+    }, H.jsxs = function(i, f, y, k, O) {
+      var B = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return m(
+        i,
+        f,
+        y,
         !0,
         k,
-        D,
-        _ ? Error("react-stack-top-frame") : ae,
-        _ ? X(a(o)) : te
+        O,
+        B ? Error("react-stack-top-frame") : ne,
+        B ? J(a(i)) : le
       );
     };
-  }()), U;
+  }()), H;
 }
-var ce;
-function Oe() {
-  return ce || (ce = 1, process.env.NODE_ENV === "production" ? W.exports = _e() : W.exports = Be()), W.exports;
+var de;
+function Le() {
+  return de || (de = 1, process.env.NODE_ENV === "production" ? G.exports = Ie() : G.exports = ze()), G.exports;
 }
-var e = Oe();
-const ge = (r) => r.replace("--color-", "bg-"), De = ({ name: r, cssVar: s, value: t }) => {
+var e = Le();
+const ye = (r) => r.replace("--color-", "bg-"), Fe = ({ 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 ${ge(s)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ye(s)}`
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -491,10 +493,10 @@ const ge = (r) => r.replace("--color-", "bg-"), De = ({ name: r, cssVar: s, valu
       /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: a })
     ] })
   ] });
-}, ie = ({ title: r, colors: s }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+}, ue = ({ title: r, colors: s }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
   /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: r }),
-  /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-11 gap-4", children: s.map((t) => /* @__PURE__ */ e.jsx(De, { ...t }, t.name)) })
-] }), Pe = () => {
+  /* @__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(Fe, { ...t }, t.name)) })
+] }), Ue = () => {
   const r = [
     {
       title: "Success Colors (Green)",
@@ -710,15 +712,15 @@ const ge = (r) => r.replace("--color-", "bg-"), De = ({ 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(ie, { ...a }, a.title)),
-    r.map((a) => /* @__PURE__ */ e.jsx(ie, { ...a }, a.title)),
+    s.map((a) => /* @__PURE__ */ e.jsx(ue, { ...a }, a.title)),
+    r.map((a) => /* @__PURE__ */ e.jsx(ue, { ...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 ${ge(a.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ye(a.cssVar)}`
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -729,42 +731,42 @@ const ge = (r) => r.replace("--color-", "bg-"), De = ({ 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" }) })
   ] });
-}, be = we(void 0), Se = ({
+}, Ne = Ve(void 0), Ye = ({
   children: r,
   defaultTheme: s = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [a, l] = T(s), [n, i] = T("light"), [c, u] = T(!1);
-  J(() => {
-    const d = localStorage.getItem(t);
-    d && l(d), u(!0);
-  }, [t]), J(() => {
+  const [a, l] = V(s), [n, o] = V("light"), [c, d] = V(!1);
+  U(() => {
+    const m = localStorage.getItem(t);
+    m && l(m), d(!0);
+  }, [t]), U(() => {
     if (!c) return;
-    const d = window.document.documentElement, m = () => {
+    const m = window.document.documentElement, h = () => {
       let x;
-      a === "system" ? x = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : x = a, i(x), d.classList.remove("light", "dark"), d.classList.add(x);
+      a === "system" ? x = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : x = a, o(x), m.classList.remove("light", "dark"), m.classList.add(x);
     };
-    if (m(), a === "system") {
-      const x = window.matchMedia("(prefers-color-scheme: dark)"), g = () => m();
+    if (h(), a === "system") {
+      const x = window.matchMedia("(prefers-color-scheme: dark)"), g = () => h();
       return x.addEventListener("change", g), () => x.removeEventListener("change", g);
     }
   }, [a, c]);
-  const f = {
+  const u = {
     theme: a,
-    setTheme: (d) => {
-      localStorage.setItem(t, d), l(d);
+    setTheme: (m) => {
+      localStorage.setItem(t, m), l(m);
     },
     resolvedTheme: n
   };
-  return /* @__PURE__ */ e.jsx(be.Provider, { value: f, children: r });
-}, Le = () => {
-  const r = Ne(be);
+  return /* @__PURE__ */ e.jsx(Ne.Provider, { value: u, children: r });
+}, He = () => {
+  const r = Te(Ne);
   if (r === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return r;
-}, Me = () => {
-  const { theme: r, setTheme: s } = Le(), [t, a] = T(!1);
-  if (J(() => {
+}, We = () => {
+  const { theme: r, setTheme: s } = He(), [t, a] = V(!1);
+  if (U(() => {
     a(!0);
   }, []), !t)
     return /* @__PURE__ */ e.jsxs(
@@ -789,7 +791,7 @@ const ge = (r) => r.replace("--color-", "bg-"), De = ({ name: r, cssVar: s, valu
       case "system":
         return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) });
     }
-  }, i = () => {
+  }, o = () => {
     switch (r) {
       case "light":
         return "Light";
@@ -804,18 +806,18 @@ const ge = (r) => r.replace("--color-", "bg-"), De = ({ name: r, cssVar: s, valu
     {
       onClick: l,
       className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors",
-      "aria-label": `Current theme: ${i()}. Click to cycle themes.`,
+      "aria-label": `Current theme: ${o()}. Click to cycle themes.`,
       children: [
         n(),
-        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: i() })
+        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: o() })
       ]
     }
   );
-}, ze = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Me, {}) }),
-  /* @__PURE__ */ e.jsx(Pe, {})
-] }), dr = () => /* @__PURE__ */ e.jsx(Se, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(ze, {}) });
-function ur({
+}, Ge = () => /* @__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(Ue, {})
+] }), Br = () => /* @__PURE__ */ e.jsx(Ye, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Ge, {}) });
+function _r({
   label: r,
   children: s,
   helperText: t,
@@ -833,7 +835,7 @@ function ur({
     t && !a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: t })
   ] });
 }
-const Fe = P.forwardRef(
+const Ze = P.forwardRef(
   ({
     className: r = "",
     leftIcon: s,
@@ -841,9 +843,9 @@ const Fe = P.forwardRef(
     error: a = !1,
     fullWidth: l = !0,
     disabled: n,
-    ...i
+    ...o
   }, 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" : "", x = s || t ? "relative flex items-center" : "", g = `${u} ${f} ${d} ${m} ${s ? "pl-10" : ""} ${t ? "pr-10" : ""} ${r}`;
+    const d = "px-3 py-2 border rounded-lg transition-colors text-sm", u = 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", m = n ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary", h = l ? "w-full" : "", x = s || t ? "relative flex items-center" : "", g = `${d} ${u} ${m} ${h} ${s ? "pl-10" : ""} ${t ? "pr-10" : ""} ${r}`;
     return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
       s && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 flex items-center pointer-events-none text-text-muted", children: s }),
       /* @__PURE__ */ e.jsx(
@@ -852,15 +854,15 @@ const Fe = P.forwardRef(
           ref: c,
           className: g,
           disabled: n,
-          ...i
+          ...o
         }
       ),
       t && /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: t })
     ] });
   }
 );
-Fe.displayName = "Input";
-const Ie = P.forwardRef(
+Ze.displayName = "Input";
+const qe = P.forwardRef(
   ({
     options: r,
     placeholder: s,
@@ -868,7 +870,7 @@ const Ie = P.forwardRef(
     error: a = !1,
     fullWidth: l = !0,
     disabled: n,
-    ...i
+    ...o
   }, c) => {
     const x = `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: [
@@ -878,24 +880,24 @@ const Ie = P.forwardRef(
           ref: c,
           className: x,
           disabled: n,
-          ...i,
+          ...o,
           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(ee, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
+      /* @__PURE__ */ e.jsx(se, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
     ] });
   }
 );
-Ie.displayName = "Select";
-function Ue({
+qe.displayName = "Select";
+function Je({
   title: r,
   titleId: s,
   ...t
 }, a) {
-  return /* @__PURE__ */ G.createElement("svg", Object.assign({
+  return /* @__PURE__ */ j.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -903,39 +905,83 @@ function Ue({
     "data-slot": "icon",
     ref: a,
     "aria-labelledby": s
-  }, t), r ? /* @__PURE__ */ G.createElement("title", {
+  }, t), r ? /* @__PURE__ */ j.createElement("title", {
     id: s
-  }, r) : null, /* @__PURE__ */ G.createElement("path", {
+  }, r) : null, /* @__PURE__ */ j.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 me = /* @__PURE__ */ j.forwardRef(Je);
+function Xe({
+  title: r,
+  titleId: s,
+  ...t
+}, a) {
+  return /* @__PURE__ */ j.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__ */ j.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ j.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 xe = /* @__PURE__ */ j.forwardRef(Xe);
+function Ke({
+  title: r,
+  titleId: s,
+  ...t
+}, a) {
+  return /* @__PURE__ */ j.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__ */ j.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ j.createElement("path", {
     d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
   }));
 }
-const Ye = /* @__PURE__ */ G.forwardRef(Ue);
-function We({
+const re = /* @__PURE__ */ j.forwardRef(Ke);
+function Qe({
   children: r,
   variant: s = "default",
   size: t = "md",
   removable: a = !1,
   onRemove: l,
   className: n = "",
-  style: i,
+  style: o,
   colorClass: c
 }) {
-  const u = {
+  const d = {
     default: "bg-surface-variant text-text-secondary",
     success: "bg-success-50 text-success-700",
     error: "bg-error-50 text-error-700",
     warning: "bg-warning-50 text-warning-700",
     info: "bg-info-50 text-info-700"
-  }, f = {
+  }, u = {
     sm: "px-2 py-0.5 text-xs",
     md: "px-3 py-1 text-sm",
     lg: "px-4 py-1.5 text-base"
-  }, d = c || u[s];
+  }, m = c || d[s];
   return /* @__PURE__ */ e.jsxs(
     "span",
     {
-      className: `inline-flex items-center gap-1 rounded-full ${d} ${f[t]} ${n}`,
-      style: i,
+      className: `inline-flex items-center gap-1 rounded-full ${m} ${u[t]} ${n}`,
+      style: o,
       children: [
         r,
         a && l && /* @__PURE__ */ e.jsx(
@@ -944,14 +990,14 @@ function We({
             onClick: l,
             className: "ml-1 hover:opacity-70",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e.jsx(Ye, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ e.jsx(re, { className: "w-3 h-3" })
           }
         )
       ]
     }
   );
 }
-const He = P.forwardRef(
+const er = P.forwardRef(
   ({
     tags: r,
     onTagsChange: s,
@@ -959,34 +1005,34 @@ const He = P.forwardRef(
     onRemoveTag: a,
     placeholder: l = "Add a tag and press Enter",
     error: n = !1,
-    fullWidth: i = !0,
+    fullWidth: o = !0,
     maxTags: c,
-    duplicateCheck: u = !0,
-    disabled: f,
-    className: d = "",
-    ...m
+    duplicateCheck: d = !0,
+    disabled: u,
+    className: m = "",
+    ...h
   }, x) => {
-    const [g, b] = T(""), y = (v) => {
-      v.key === "Enter" && g.trim() ? (v.preventDefault(), E(g.trim())) : v.key === "Backspace" && !g && r.length > 0 && V(r[r.length - 1]);
-    }, E = (v) => {
-      if (c && r.length >= c || u && r.includes(v))
+    const [g, v] = V(""), C = (b) => {
+      b.key === "Enter" && g.trim() ? (b.preventDefault(), T(g.trim())) : b.key === "Backspace" && !g && r.length > 0 && E(r[r.length - 1]);
+    }, T = (b) => {
+      if (c && r.length >= c || d && r.includes(b))
         return;
-      const w = [...r, v];
-      s(w), t?.(v), b("");
-    }, V = (v) => {
-      const w = r.filter((A) => A !== 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}`;
+      const N = [...r, b];
+      s(N), t?.(b), v("");
+    }, E = (b) => {
+      const N = r.filter((S) => S !== b);
+      s(N), 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"} ${u ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${o ? "w-full" : ""} ${m}`;
     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(
-        We,
+      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: r.map((b) => /* @__PURE__ */ e.jsx(
+        Qe,
         {
           removable: !0,
-          onRemove: () => V(v),
+          onRemove: () => E(b),
           variant: "default",
-          children: v
+          children: b
         },
-        v
+        b
       )) }),
       /* @__PURE__ */ e.jsx(
         "input",
@@ -996,10 +1042,10 @@ const He = P.forwardRef(
           className: p,
           placeholder: l,
           value: g,
-          onChange: (v) => b(v.target.value),
-          onKeyDown: y,
-          disabled: f || (c ? r.length >= c : !1),
-          ...m
+          onChange: (b) => v(b.target.value),
+          onKeyDown: C,
+          disabled: u || (c ? r.length >= c : !1),
+          ...h
         }
       ),
       c && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted", children: [
@@ -1010,8 +1056,8 @@ const He = P.forwardRef(
     ] });
   }
 );
-He.displayName = "TagInput";
-const de = {
+er.displayName = "TagInput";
+const he = {
   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",
@@ -1029,7 +1075,7 @@ const de = {
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, Ge = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", Je = (...r) => r.filter(Boolean).join(" "), F = P.forwardRef(
+}, rr = "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", sr = (...r) => r.filter(Boolean).join(" "), M = P.forwardRef(
   ({
     className: r,
     variant: s = "default",
@@ -1037,15 +1083,15 @@ const de = {
     fullWidth: a = !1,
     loading: l = !1,
     leftIcon: n,
-    rightIcon: i,
+    rightIcon: o,
     children: c,
-    disabled: u,
-    ...f
-  }, d) => {
-    const m = u || l, x = Je(
-      Ge,
-      de.variant[s],
-      de.size[t],
+    disabled: d,
+    ...u
+  }, m) => {
+    const h = d || l, x = sr(
+      rr,
+      he.variant[s],
+      he.size[t],
       a ? "w-full" : "",
       r
     );
@@ -1053,9 +1099,9 @@ const de = {
       "button",
       {
         className: x,
-        ref: d,
-        disabled: m,
-        ...f,
+        ref: m,
+        disabled: h,
+        ...u,
         children: [
           l && /* @__PURE__ */ e.jsxs(
             "svg",
@@ -1089,14 +1135,14 @@ const de = {
           ),
           !l && n && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: n }),
           c,
-          !l && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
+          !l && o && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: o })
         ]
       }
     );
   }
 );
-F.displayName = "Button";
-const ue = {
+M.displayName = "Button";
+const fe = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
   },
@@ -1105,7 +1151,7 @@ const ue = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, Xe = (...r) => r.filter(Boolean).join(" "), qe = P.forwardRef(
+}, ar = (...r) => r.filter(Boolean).join(" "), tr = P.forwardRef(
   ({
     className: r,
     provider: s,
@@ -1113,41 +1159,41 @@ const ue = {
     icon: a,
     showText: l = !0,
     children: n,
-    size: i = "default",
+    size: o = "default",
     fullWidth: c = !0,
-    ...u
-  }, f) => {
-    const m = a || {
+    ...d
+  }, u) => {
+    const h = 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 = Xe(
+    }[s] : ""), v = ar(
       "relative overflow-hidden transition-all duration-200",
-      ue.provider[s],
-      ue.iconPosition[t],
+      fe.provider[s],
+      fe.iconPosition[t],
       r
     );
     return /* @__PURE__ */ e.jsxs(
-      F,
+      M,
       {
-        ref: f,
+        ref: u,
         variant: "none",
-        className: b,
-        size: i,
+        className: v,
+        size: o,
         fullWidth: c,
-        leftIcon: t === "left" ? m : void 0,
-        rightIcon: t === "right" ? m : void 0,
-        ...u,
+        leftIcon: t === "left" ? h : void 0,
+        rightIcon: t === "right" ? h : void 0,
+        ...d,
         children: [
-          t === "only" && m,
+          t === "only" && h,
           t !== "only" && g
         ]
       }
     );
   }
 );
-qe.displayName = "SocialButton";
-function H({
+tr.displayName = "SocialButton";
+function Z({
   variant: r,
   title: s,
   message: t,
@@ -1160,25 +1206,25 @@ function H({
       bg: "bg-success-50",
       border: "border-success-200",
       text: "text-success-700",
-      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(je, { className: "h-5 w-5" })
     },
     error: {
       bg: "bg-error-50",
       border: "border-error-200",
       text: "text-error-700",
-      icon: /* @__PURE__ */ e.jsx(he, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(pe, { className: "h-5 w-5" })
     },
     warning: {
       bg: "bg-warning-50",
       border: "border-warning-200",
       text: "text-warning-700",
-      icon: /* @__PURE__ */ e.jsx(fe, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(be, { className: "h-5 w-5" })
     },
     info: {
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ e.jsx(xe, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
     }
   }[r];
   return /* @__PURE__ */ e.jsx(
@@ -1205,47 +1251,47 @@ function H({
     }
   );
 }
-function mr({
+function Mr({
   onFileChange: r,
   onAnalyze: s,
   uploadedFile: t,
   fileError: a,
   onCancelUpload: l,
   isAnalyzing: n = !1,
-  analyzeError: i,
+  analyzeError: o,
   analyzeSuccess: c,
-  accept: u = ".pdf,.docx",
-  label: f = "Upload File",
-  description: d = "PDF, DOCX up to 5MB",
-  analyzeButtonLabel: m = "Analyze",
+  accept: d = ".pdf,.docx",
+  label: u = "Upload File",
+  description: m = "PDF, DOCX up to 5MB",
+  analyzeButtonLabel: h = "Analyze",
   disabled: x = !1,
   showAnalyzeButton: g = !0
 }) {
-  const b = ye(null), [y, E] = T(!1);
-  J(() => {
-    !t && b.current && (b.current.value = "");
+  const v = q(null), [C, T] = V(!1);
+  U(() => {
+    !t && v.current && (v.current.value = "");
   }, [t]);
-  const V = (N) => {
-    N.preventDefault(), N.stopPropagation(), N.type === "dragenter" || N.type === "dragover" ? E(!0) : N.type === "dragleave" && E(!1);
-  }, R = (N) => {
-    if (N.preventDefault(), N.stopPropagation(), E(!1), N.dataTransfer.files && N.dataTransfer.files[0]) {
-      const O = {
+  const E = (w) => {
+    w.preventDefault(), w.stopPropagation(), w.type === "dragenter" || w.type === "dragover" ? T(!0) : w.type === "dragleave" && T(!1);
+  }, A = (w) => {
+    if (w.preventDefault(), w.stopPropagation(), T(!1), w.dataTransfer.files && w.dataTransfer.files[0]) {
+      const D = {
         target: {
-          files: N.dataTransfer.files
+          files: w.dataTransfer.files
         }
       };
-      r(O);
+      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: f }),
+    /* @__PURE__ */ e.jsx("h3", { className: "text-sm font-medium text-text-primary mb-3", children: u }),
     /* @__PURE__ */ e.jsxs("label", { className: "block", children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: b,
+          ref: v,
           type: "file",
-          accept: u,
+          accept: d,
           onChange: r,
           className: "hidden",
           id: "file-upload",
@@ -1255,11 +1301,11 @@ function mr({
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          onDragEnter: V,
-          onDragLeave: V,
-          onDragOver: V,
-          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"} ${x ? "opacity-50 cursor-not-allowed" : ""}`,
+          onDragEnter: E,
+          onDragLeave: E,
+          onDragOver: E,
+          onDrop: A,
+          className: `border-2 border-dashed rounded-lg p-6 text-center transition cursor-pointer ${C ? "border-reseda-green-700 bg-reseda-green-50" : "border-border hover:border-reseda-green-700"} ${x ? "opacity-50 cursor-not-allowed" : ""}`,
           children: t && !a ? /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               "svg",
@@ -1277,19 +1323,19 @@ function mr({
                 )
               }
             ),
-            /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(H, { variant: "success", message: "File uploaded successfully" }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(Z, { 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(
-              F,
+              M,
               {
                 variant: "link",
                 type: "button",
-                onClick: (N) => {
-                  N.preventDefault(), l?.();
+                onClick: (w) => {
+                  w.preventDefault(), l?.();
                 },
                 className: "mt-3 text-error-600 hover:text-error-700 h-auto p-0",
                 children: "✕ Cancel"
@@ -1319,16 +1365,16 @@ function mr({
               " ",
               "or drag and drop"
             ] }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted mt-1", children: d })
+            /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted mt-1", children: m })
           ] })
         }
       )
     ] }),
-    a && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(H, { variant: "error", message: a }) }),
-    i && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(H, { variant: "error", message: i }) }),
-    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(H, { variant: "success", message: c }) }),
+    a && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(Z, { variant: "error", message: a }) }),
+    o && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(Z, { variant: "error", message: o }) }),
+    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(Z, { variant: "success", message: c }) }),
     g && /* @__PURE__ */ e.jsx(
-      F,
+      M,
       {
         variant: "default",
         onClick: s,
@@ -1336,12 +1382,12 @@ function mr({
         loading: n,
         fullWidth: !0,
         className: "mt-3",
-        children: m
+        children: h
       }
     )
   ] });
 }
-const Ze = P.forwardRef(
+const nr = P.forwardRef(
   ({
     className: r = "",
     error: s = !1,
@@ -1349,99 +1395,99 @@ const Ze = P.forwardRef(
     autoResize: a = !1,
     maxLength: l,
     showCharCount: n = !1,
-    disabled: i,
+    disabled: o,
     value: c,
-    onChange: u,
-    ...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}`, E = (R) => {
-      a && (R.target.style.height = "auto", R.target.style.height = `${R.target.scrollHeight}px`), u?.(R);
-    }, V = typeof c == "string" ? c.length : 0;
+    onChange: d,
+    ...u
+  }, m) => {
+    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"} ${o ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${t ? "w-full" : ""} ${r}`, T = (A) => {
+      a && (A.target.style.height = "auto", A.target.style.height = `${A.target.scrollHeight}px`), d?.(A);
+    }, E = typeof c == "string" ? c.length : 0;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e.jsx(
         "textarea",
         {
-          ref: d,
-          className: y,
-          disabled: i,
+          ref: m,
+          className: C,
+          disabled: o,
           value: c,
-          onChange: E,
+          onChange: T,
           maxLength: l,
-          ...f
+          ...u
         }
       ),
       n && l && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
-        V,
+        E,
         " / ",
         l
       ] })
     ] });
   }
 );
-Ze.displayName = "Textarea";
-function xr({
+nr.displayName = "Textarea";
+function Dr({
   options: r,
   selectedValues: s,
   onSelectionChange: t,
   layout: a = "vertical",
   columns: l = 2,
   disabled: n = !1,
-  error: i = !1
+  error: o = !1
 }) {
-  const c = (m) => {
-    const x = s.includes(m) ? s.filter((g) => g !== m) : [...s, m];
+  const c = (h) => {
+    const x = s.includes(h) ? s.filter((g) => g !== h) : [...s, h];
     t(x);
-  }, u = {
+  }, d = {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
     grid: `grid grid-cols-${l} gap-3`
-  }, 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 x = s.includes(m.value), b = x ? "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`;
+  }, u = a === "grid" ? "grid gap-3" : d[a], m = a === "grid" ? `md:grid-cols-${l}` : "";
+  return /* @__PURE__ */ e.jsx("div", { className: `${u} ${m}`, children: r.map((h) => {
+    const x = s.includes(h.value), v = x ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${o ? "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 ${b} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${v} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
             {
               type: "checkbox",
               checked: x,
-              onChange: () => c(m.value),
+              onChange: () => c(h.value),
               disabled: n,
               className: "sr-only"
             }
           ),
-          m.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: m.icon }),
+          h.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: h.icon }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-            /* @__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 })
+            /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: h.label }),
+            h.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: h.description })
           ] }),
           x && /* @__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
+      h.value
     );
   }) });
 }
-function fr({
+function Or({
   options: r,
   selectedValue: s,
   onSelectionChange: t,
   layout: a = "vertical",
   columns: l = 2,
   disabled: n = !1,
-  error: i = !1,
+  error: o = !1,
   name: c = "radio-group"
 }) {
-  const f = a === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
+  const u = 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: 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.jsx("div", { className: u, children: r.map((m) => {
+    const h = s === m.value, g = h ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${o ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
@@ -1452,26 +1498,26 @@ function fr({
             {
               type: "radio",
               name: c,
-              value: d.value,
-              checked: m,
-              onChange: () => t(d.value),
+              value: m.value,
+              checked: h,
+              onChange: () => t(m.value),
               disabled: n,
               className: "sr-only"
             }
           ),
-          d.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: d.icon }),
+          m.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: m.icon }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: d.label }),
-            d.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: d.description })
+            /* @__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 })
           ] }),
-          m && /* @__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: "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" }) }) })
+          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: "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" }) }) })
         ]
       },
-      d.value
+      m.value
     );
   }) });
 }
-function hr({ stats: r, columns: s = 4, className: t = "" }) {
+function Pr({ stats: r, columns: s = 4, className: t = "" }) {
   const a = {
     2: "grid-cols-2",
     3: "grid-cols-3",
@@ -1482,28 +1528,28 @@ function hr({ stats: r, columns: s = 4, className: t = "" }) {
     warning: { bg: "bg-peach-yellow-50", text: "text-warning-600", value: "text-warning-900" },
     "earth-yellow": { bg: "bg-sunglow-50", text: "text-earth-yellow-700", value: "text-earth-yellow-100" }
   };
-  return /* @__PURE__ */ e.jsx("div", { className: `grid ${a} gap-4 mb-6 bg-surface p-6 rounded-lg ${t}`, children: r.map((n, i) => {
+  return /* @__PURE__ */ e.jsx("div", { className: `grid ${a} gap-4 mb-6 bg-surface p-6 rounded-lg ${t}`, children: r.map((n, o) => {
     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);
+    ] }, o);
   }) });
 }
-function vr({
+function Ir({
   items: r,
   allowMultiple: s = !1,
   defaultOpenId: t,
   onOpenChange: a,
   className: l = ""
 }) {
-  const [n, i] = T(() => t ? Array.isArray(t) ? t : [t] : []), c = (u) => {
-    let f;
-    s ? f = n.includes(u) ? n.filter((d) => d !== u) : [...n, u] : f = n.includes(u) ? [] : [u], i(f), a?.(f);
+  const [n, o] = V(() => t ? Array.isArray(t) ? t : [t] : []), c = (d) => {
+    let u;
+    s ? u = n.includes(d) ? n.filter((m) => m !== d) : [...n, d] : u = n.includes(d) ? [] : [d], o(u), a?.(u);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: `space-y-2 ${l}`, children: r.map((u) => {
-    const f = n.includes(u.id);
+  return /* @__PURE__ */ e.jsx("div", { className: `space-y-2 ${l}`, children: r.map((d) => {
+    const u = n.includes(d.id);
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -1512,47 +1558,47 @@ function vr({
           /* @__PURE__ */ e.jsxs(
             "button",
             {
-              onClick: () => c(u.id),
+              onClick: () => c(d.id),
               className: "w-full px-4 py-3 flex items-center justify-between hover:bg-surface-variant transition-colors text-left",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
-                  u.icon && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 text-text-secondary", children: u.icon }),
-                  /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary", children: u.title })
+                  d.icon && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 text-text-secondary", children: d.icon }),
+                  /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary", children: d.title })
                 ] }),
                 /* @__PURE__ */ e.jsx(
-                  ee,
+                  se,
                   {
-                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${f ? "rotate-180" : ""}`
+                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${u ? "rotate-180" : ""}`
                   }
                 )
               ]
             }
           ),
-          f && /* @__PURE__ */ e.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: u.content })
+          u && /* @__PURE__ */ e.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: d.content })
         ]
       },
-      u.id
+      d.id
     );
   }) });
 }
-function gr({
+function zr({
   icon: r,
   title: s,
   subtitle: t,
   metadata: a,
   isSelected: l = !1,
   isActive: n = !1,
-  variant: i = "default",
+  variant: o = "default",
   actions: c,
-  onClick: u,
-  className: f = ""
+  onClick: d,
+  className: u = ""
 }) {
-  const d = (b) => {
-    const y = b.target;
-    y.tagName === "BUTTON" || y.closest("button") || u?.(b);
+  const m = (v) => {
+    const C = v.target;
+    C.tagName === "BUTTON" || C.closest("button") || d?.(v);
   }, x = (() => {
     if (n)
-      switch (i) {
+      switch (o) {
         case "success":
           return "border-2 border-reseda-green-700 bg-success-50";
         case "warning":
@@ -1567,8 +1613,8 @@ function gr({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      onClick: d,
-      className: `rounded-lg p-4 cursor-pointer transition ${x} ${g} ${f}`,
+      onClick: m,
+      className: `rounded-lg p-4 cursor-pointer transition ${x} ${g} ${u}`,
       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 }),
@@ -1578,33 +1624,33 @@ function gr({
             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((b, y) => /* @__PURE__ */ e.jsx(
-          F,
+        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: c.map((v, C) => /* @__PURE__ */ e.jsx(
+          M,
           {
-            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
+            variant: v.variant || "ghost",
+            size: v.size || "sm",
+            onClick: v.onClick,
+            disabled: v.disabled,
+            loading: v.loading,
+            title: v.label,
+            className: v.className,
+            leftIcon: v.icon && v.size !== "icon" ? v.icon : void 0,
+            children: v.size === "icon" ? v.icon : v.label
           },
-          y
+          C
         )) })
       ] })
     }
   );
 }
-function br({
+function Lr({
   children: r,
   variant: s = "default",
   isActive: t = !1,
   onClick: a,
   className: l = ""
 }) {
-  const n = "rounded-lg transition-all", i = {
+  const n = "rounded-lg transition-all", o = {
     default: "border border-border p-4",
     surface: "bg-surface-variant p-4",
     elevated: "bg-surface shadow-md p-6",
@@ -1613,7 +1659,7 @@ function br({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${n} ${i[s]} ${l}`,
+      className: `${n} ${o[s]} ${l}`,
       onClick: a,
       role: a ? "button" : void 0,
       tabIndex: a ? 0 : void 0,
@@ -1624,7 +1670,7 @@ function br({
     }
   );
 }
-function pr({
+function Fr({
   title: r,
   children: s,
   subtitle: t,
@@ -1644,7 +1690,7 @@ function pr({
     s
   ] });
 }
-function jr({
+function Ur({
   title: r,
   subtitle: s,
   metadata: t,
@@ -1659,13 +1705,13 @@ function jr({
       ] }),
       s && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary", children: s })
     ] }),
-    a.map((n, i) => /* @__PURE__ */ e.jsxs("div", { children: [
+    a.map((n, o) => /* @__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))
+    ] }, o))
   ] });
 }
-function wr({
+function Yr({
   title: r,
   description: s,
   centered: t = !1,
@@ -1675,31 +1721,31 @@ function wr({
     sm: "text-2xl",
     md: "text-3xl",
     lg: "text-4xl"
-  }, n = t ? "text-center" : "", i = t ? "max-w-2xl mx-auto" : "";
+  }, n = t ? "text-center" : "", o = 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 })
+    /* @__PURE__ */ e.jsx("p", { className: `mt-2 text-text-secondary ${o}`, children: s })
   ] });
 }
-function Nr({
+function Hr({
   icon: r,
   title: s,
   description: t,
   isSelected: a = !1,
   onClick: l,
   disabled: n = !1,
-  className: i = ""
+  className: o = ""
 }) {
-  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" : "";
+  const c = "p-4 border rounded-lg transition-all text-center cursor-pointer", d = 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", u = n ? "opacity-50 cursor-not-allowed" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `${c} ${u} ${f} ${i}`,
+      className: `${c} ${d} ${u} ${o}`,
       onClick: () => !n && l?.(),
       role: "button",
       tabIndex: n ? -1 : 0,
-      onKeyDown: (d) => {
-        !n && (d.key === "Enter" || d.key === " ") && l?.();
+      onKeyDown: (m) => {
+        !n && (m.key === "Enter" || m.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 }) }),
@@ -1710,7 +1756,7 @@ function Nr({
     }
   );
 }
-const Ke = P.forwardRef(
+const lr = P.forwardRef(
   ({
     value: r,
     onChange: s,
@@ -1718,34 +1764,34 @@ const Ke = P.forwardRef(
     max: a = 100,
     step: l = 1,
     showValue: n = !0,
-    showLabels: i = !1,
+    showLabels: o = !1,
     minLabel: c,
-    maxLabel: u,
-    error: f = !1,
-    fullWidth: d = !0,
-    disabled: m,
+    maxLabel: d,
+    error: u = !1,
+    fullWidth: m = !0,
+    disabled: h,
     className: x = "",
     ...g
-  }, b) => {
-    const N = `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" : ""} ${x}`, O = (r - t) / (a - t) * 100;
+  }, v) => {
+    const w = `w-full h-2 rounded-lg appearance-none cursor-pointer ${u ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${h ? "opacity-50 cursor-not-allowed" : ""} ${m ? "w-full" : ""} ${x}`, 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: [
+      o && (c || d) && /* @__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 })
+        d && /* @__PURE__ */ e.jsx("span", { children: d })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: b,
+            ref: v,
             type: "range",
             min: t,
             max: a,
             step: l,
             value: r,
-            onChange: (L) => s(Number(L.target.value)),
-            disabled: m,
-            className: N,
+            onChange: (z) => s(Number(z.target.value)),
+            disabled: h,
+            className: w,
             ...g
           }
         ),
@@ -1755,14 +1801,143 @@ const Ke = P.forwardRef(
         "div",
         {
           className: "h-full bg-reseda-green-500 transition-all",
-          style: { width: `${O}%` }
+          style: { width: `${D}%` }
         }
       ) })
     ] });
   }
 );
-Ke.displayName = "Slider";
-const Qe = {
+lr.displayName = "Slider";
+function or({
+  id: r,
+  index: s,
+  previewText: t,
+  defaultExpanded: a = !1,
+  children: l,
+  tooltipContent: n,
+  onRemove: o,
+  className: c = ""
+}) {
+  const [d, u] = V(a), { attributes: m, listeners: h, setNodeRef: x, transform: g, transition: v, isDragging: C } = Ae({ id: r }), T = {
+    transform: Se.Transform.toString(g),
+    transition: v,
+    opacity: C ? 0.5 : 1
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      ref: x,
+      style: T,
+      className: `border border-border rounded-md bg-surface-variant ${c}`,
+      children: d ? (
+        // ── 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",
+                ...m,
+                ...h,
+                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(me, { className: "w-4 h-4" })
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(
+              "span",
+              {
+                className: "text-sm font-medium text-text-secondary flex-1 cursor-pointer select-none",
+                onClick: () => u(!1),
+                children: [
+                  "Item ",
+                  s + 1
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              M,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: () => u(!1),
+                className: "h-auto w-auto p-1",
+                "aria-label": "Collapse",
+                leftIcon: /* @__PURE__ */ e.jsx(xe, { className: "w-4 h-4 transition-transform rotate-90" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              M,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: o,
+                className: "h-auto w-auto p-1 text-error-600 hover:text-error-800",
+                "aria-label": "Remove",
+                leftIcon: /* @__PURE__ */ e.jsx(re, { 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",
+                ...m,
+                ...h,
+                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(me, { className: "w-4 h-4" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                className: "flex-1 text-sm text-text-secondary truncate cursor-pointer select-none",
+                onClick: () => u(!0),
+                children: t
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              M,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: () => u(!0),
+                className: "h-auto w-auto p-1 flex-shrink-0",
+                "aria-label": "Expand",
+                leftIcon: /* @__PURE__ */ e.jsx(xe, { className: "w-4 h-4 transition-transform" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              M,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: o,
+                className: "h-auto w-auto p-1 text-error-600 hover:text-error-800 flex-shrink-0",
+                "aria-label": "Remove",
+                leftIcon: /* @__PURE__ */ e.jsx(re, { 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 })
+        ] })
+      )
+    }
+  );
+}
+or.displayName = "SortableItem";
+const cr = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -1770,11 +1945,11 @@ const Qe = {
   hoverBg: "hover:bg-indigo-700",
   hoverText: "hover:text-white"
 };
-function $(...r) {
+function R(...r) {
   return r.filter(Boolean).join(" ");
 }
-function me({ item: r, colorScheme: s }) {
-  const [t, a] = T(r.current || r.children?.some((n) => n.current)), l = r.children && r.children.length > 0;
+function ge({ item: r, colorScheme: s }) {
+  const [t, a] = V(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",
@@ -1783,7 +1958,7 @@ function me({ item: r, colorScheme: s }) {
         onClick: (n) => {
           l && (n.preventDefault(), a(!t));
         },
-        className: $(
+        className: R(
           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" : ""
@@ -1794,7 +1969,7 @@ function me({ item: r, colorScheme: s }) {
               r.icon,
               {
                 "aria-hidden": "true",
-                className: $(
+                className: R(
                   r.current ? s.activeText : `${s.text} group-${s.hoverText}`,
                   "size-6 shrink-0"
                 )
@@ -1803,9 +1978,9 @@ function me({ item: r, colorScheme: s }) {
             r.name
           ] }),
           l && /* @__PURE__ */ e.jsx(
-            ee,
+            se,
             {
-              className: $(
+              className: R(
                 "size-5 shrink-0 transition-transform",
                 t ? "rotate-180" : "",
                 r.current ? s.activeText : s.text
@@ -1819,7 +1994,7 @@ function me({ item: r, colorScheme: s }) {
       "a",
       {
         href: n.href,
-        className: $(
+        className: R(
           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"
         ),
@@ -1828,7 +2003,7 @@ function me({ item: r, colorScheme: s }) {
             n.icon,
             {
               "aria-hidden": "true",
-              className: $(
+              className: R(
                 n.current ? s.activeText : `${s.text} group-${s.hoverText}`,
                 "size-5 shrink-0"
               )
@@ -1840,28 +2015,28 @@ function me({ item: r, colorScheme: s }) {
     ) }, n.name)) })
   ] });
 }
-function yr({ company: r, profile: s, navigation: t, colorScheme: a = Qe }) {
-  const [l, n] = T(!1);
+function Wr({ company: r, profile: s, navigation: t, colorScheme: a = cr }) {
+  const [l, n] = V(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(Ve, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs(Be, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
-        $e,
+        _e,
         {
           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(
-        Te,
+        Me,
         {
           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(Ee, { 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(De, { 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(ke, { "aria-hidden": "true", className: "size-6 text-white" })
+              /* @__PURE__ */ e.jsx(Ee, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: $("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", a.bg), children: [
+            /* @__PURE__ */ e.jsxs("div", { className: R("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",
                 {
@@ -1870,13 +2045,13 @@ function yr({ company: r, profile: s, navigation: t, colorScheme: a = Qe }) {
                   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(me, { item: i, colorScheme: a }, i.name)) }) }) }) })
+              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((o) => /* @__PURE__ */ e.jsx(ge, { item: o, colorScheme: a }, o.name)) }) }) }) })
             ] })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: $("flex grow flex-col gap-y-5 overflow-y-auto px-6", a.bg), children: [
+    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: R("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",
         {
@@ -1886,12 +2061,12 @@ function yr({ company: r, profile: s, navigation: t, colorScheme: a = Qe }) {
         }
       ) }),
       /* @__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(me, { item: i, colorScheme: a }, i.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((o) => /* @__PURE__ */ e.jsx(ge, { item: o, colorScheme: a }, o.name)) }) }),
         /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
             href: "#",
-            className: $(
+            className: R(
               "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
               a.activeText,
               a.hoverBg
@@ -1902,7 +2077,7 @@ function yr({ company: r, profile: s, navigation: t, colorScheme: a = Qe }) {
                 {
                   alt: s.name,
                   src: s.image,
-                  className: $("size-8 rounded-full", a.activeBg)
+                  className: R("size-8 rounded-full", a.activeBg)
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
@@ -1912,12 +2087,12 @@ function yr({ company: r, profile: s, navigation: t, colorScheme: a = Qe }) {
         ) })
       ] }) })
     ] }) }),
-    /* @__PURE__ */ e.jsxs("div", { className: $("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: $("-m-2.5 p-2.5 lg:hidden", a.text), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: R("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: R("-m-2.5 p-2.5 lg:hidden", a.text), children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
-        /* @__PURE__ */ e.jsx(Ce, { "aria-hidden": "true", className: "size-6" })
+        /* @__PURE__ */ e.jsx(Re, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: $("flex-1 text-sm/6 font-semibold", a.activeText), children: "Dashboard" }),
+      /* @__PURE__ */ e.jsx("div", { className: R("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(
@@ -1925,14 +2100,14 @@ function yr({ company: r, profile: s, navigation: t, colorScheme: a = Qe }) {
           {
             alt: s.name,
             src: s.image,
-            className: $("size-8 rounded-full", a.activeBg)
+            className: R("size-8 rounded-full", a.activeBg)
           }
         )
       ] })
     ] })
   ] }) });
 }
-const er = {
+const ir = {
   activeBg: "bg-reseda-green-700",
   activeText: "text-white",
   completedBg: "bg-success-500",
@@ -1943,8 +2118,8 @@ const er = {
   labelInactiveText: "text-text-muted",
   connectorBg: "bg-border"
 };
-function kr({ currentStep: r, steps: s, colorConfig: t }) {
-  const a = t || er;
+function Gr({ currentStep: r, steps: s, colorConfig: t }) {
+  const a = t || ir;
   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(
@@ -1965,31 +2140,31 @@ function kr({ currentStep: r, steps: s, colorConfig: t }) {
     n < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${a.connectorBg}` })
   ] }, l.number)) }) });
 }
-const rr = {
+const dr = {
   activeText: "text-reseda-green-700",
   activeBorder: "border-reseda-green-700",
   inactiveText: "text-text-secondary",
   inactiveHoverText: "hover:text-text-primary",
   disabledText: "text-text-disabled"
 };
-function Cr({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
-  const n = l || rr;
-  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: r.map((i) => {
-    const c = s === i.id;
+function Zr({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
+  const n = l || dr;
+  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: r.map((o) => {
+    const c = s === o.id;
     return /* @__PURE__ */ e.jsx(
-      F,
+      M,
       {
         variant: "ghost",
-        onClick: () => !t && a(i.id),
+        onClick: () => !t && a(o.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
+        children: o.label
       },
-      i.id
+      o.id
     );
   }) });
 }
-function Vr({
+function qr({
   status: r,
   title: s,
   message: t,
@@ -2002,25 +2177,25 @@ function Vr({
       bg: "bg-success-50",
       border: "border-success-200",
       text: "text-success-700",
-      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(je, { className: "h-5 w-5" })
     },
     error: {
       bg: "bg-error-50",
       border: "border-error-200",
       text: "text-error-700",
-      icon: /* @__PURE__ */ e.jsx(he, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(pe, { className: "h-5 w-5" })
     },
     warning: {
       bg: "bg-warning-50",
       border: "border-warning-200",
       text: "text-warning-700",
-      icon: /* @__PURE__ */ e.jsx(fe, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(be, { className: "h-5 w-5" })
     },
     info: {
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ e.jsx(xe, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
     },
     loading: {
       bg: "bg-blue-50",
@@ -2055,43 +2230,470 @@ function Vr({
     )
   ] }) });
 }
+const we = ({
+  role: r,
+  content: s,
+  timestamp: t,
+  className: a = ""
+}) => {
+  const l = r === "user";
+  return /* @__PURE__ */ e.jsxs("div", { className: `flex gap-3 ${l ? "justify-end" : "justify-start"} ${a}`, children: [
+    !l && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 rounded-full bg-green-700 flex items-center justify-center text-white text-sm font-semibold", children: "AI" }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: `flex-1 ${l ? "max-w-md" : ""}`, children: [
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: `rounded-lg p-3 ${l ? "bg-blue-600 text-white rounded-br-none" : "bg-gray-100 text-gray-900 rounded-bl-none"}`,
+          children: /* @__PURE__ */ e.jsx("p", { className: "text-sm whitespace-pre-wrap", children: s })
+        }
+      ),
+      t && /* @__PURE__ */ e.jsx("p", { className: `text-xs text-gray-400 mt-1 ${l ? "text-right" : ""}`, children: t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+    ] }),
+    l && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 rounded-full bg-gray-300 flex items-center justify-center text-gray-600 text-sm font-semibold", children: "U" }) })
+  ] });
+};
+we.displayName = "ChatMessage";
+function ur({
+  title: r,
+  titleId: s,
+  ...t
+}, a) {
+  return /* @__PURE__ */ j.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": s
+  }, t), r ? /* @__PURE__ */ j.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ j.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.5 5.25a3 3 0 0 1 3-3h3a3 3 0 0 1 3 3v.205c.933.085 1.857.197 2.774.334 1.454.218 2.476 1.483 2.476 2.917v3.033c0 1.211-.734 2.352-1.936 2.752A24.726 24.726 0 0 1 12 15.75c-2.73 0-5.357-.442-7.814-1.259-1.202-.4-1.936-1.541-1.936-2.752V8.706c0-1.434 1.022-2.7 2.476-2.917A48.814 48.814 0 0 1 7.5 5.455V5.25Zm7.5 0v.09a49.488 49.488 0 0 0-6 0v-.09a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 1.5 1.5Zm-3 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ j.createElement("path", {
+    d: "M3 18.4v-2.796a4.3 4.3 0 0 0 .713.31A26.226 26.226 0 0 0 12 17.25c2.892 0 5.68-.468 8.287-1.335.252-.084.49-.189.713-.311V18.4c0 1.452-1.047 2.728-2.523 2.923-2.12.282-4.282.427-6.477.427a49.19 49.19 0 0 1-6.477-.427C4.047 21.128 3 19.852 3 18.4Z"
+  }));
+}
+const mr = /* @__PURE__ */ j.forwardRef(ur);
+function xr({
+  title: r,
+  titleId: s,
+  ...t
+}, a) {
+  return /* @__PURE__ */ j.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": s
+  }, t), r ? /* @__PURE__ */ j.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ j.createElement("path", {
+    d: "M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5H5.625Z"
+  }), /* @__PURE__ */ j.createElement("path", {
+    d: "M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z"
+  }));
+}
+const hr = /* @__PURE__ */ j.forwardRef(xr);
+function fr({
+  title: r,
+  titleId: s,
+  ...t
+}, a) {
+  return /* @__PURE__ */ j.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": s
+  }, t), r ? /* @__PURE__ */ j.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ j.createElement("path", {
+    d: "M3.478 2.404a.75.75 0 0 0-.926.941l2.432 7.905H13.5a.75.75 0 0 1 0 1.5H4.984l-2.432 7.905a.75.75 0 0 0 .926.94 60.519 60.519 0 0 0 18.445-8.986.75.75 0 0 0 0-1.218A60.517 60.517 0 0 0 3.478 2.404Z"
+  }));
+}
+const gr = /* @__PURE__ */ j.forwardRef(fr), vr = ({
+  onSend: r,
+  disabled: s = !1,
+  placeholder: t = "Ask a question about your resume or the job...",
+  maxLength: a = 2e3,
+  className: l = ""
+}) => {
+  const [n, o] = V(""), c = q(null);
+  U(() => {
+    c.current && (c.current.style.height = "auto", c.current.style.height = `${c.current.scrollHeight}px`);
+  }, [n]);
+  const d = () => {
+    n.trim() && !s && (r(n.trim()), o(""));
+  }, u = (x) => {
+    x.key === "Enter" && !x.shiftKey ? (x.preventDefault(), d()) : x.key === "Escape" && o("");
+  }, m = n.length > a, h = n.length > a * 0.9;
+  return /* @__PURE__ */ e.jsxs("div", { className: `border-t border-gray-200 bg-white p-4 ${l}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ e.jsx(
+        "textarea",
+        {
+          ref: c,
+          value: n,
+          onChange: (x) => o(x.target.value),
+          onKeyDown: u,
+          placeholder: t,
+          disabled: s,
+          rows: 1,
+          className: "flex-1 resize-none border border-gray-300 rounded-lg p-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:opacity-50 disabled:cursor-not-allowed",
+          style: { maxHeight: "150px" },
+          "aria-label": "Type your message"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: d,
+          disabled: s || !n.trim() || m,
+          className: "px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+          "aria-label": "Send message",
+          children: /* @__PURE__ */ e.jsx(gr, { className: "w-5 h-5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mt-2", children: [
+      /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500", children: "Press Enter to send, Shift+Enter for new line" }),
+      h && /* @__PURE__ */ e.jsxs("p", { className: `text-xs ${m ? "text-red-500" : "text-gray-500"}`, children: [
+        n.length,
+        "/",
+        a
+      ] })
+    ] })
+  ] });
+};
+vr.displayName = "ChatInput";
+const Ce = ({
+  message: r = "Thinking...",
+  variant: s = "dots",
+  className: t = ""
+}) => /* @__PURE__ */ e.jsxs("div", { className: `flex gap-3 ${t}`, children: [
+  /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 rounded-full bg-green-700 flex items-center justify-center text-white text-sm font-semibold", children: "AI" }) }),
+  /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-100 rounded-lg rounded-bl-none p-3 inline-flex items-center gap-2", children: [
+    s === "dots" ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce" }),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce",
+          style: { animationDelay: "0.2s" }
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce",
+          style: { animationDelay: "0.4s" }
+        }
+      )
+    ] }) : /* @__PURE__ */ e.jsx("div", { className: "w-4 h-4 border-2 border-gray-300 border-t-gray-600 rounded-full animate-spin" }),
+    /* @__PURE__ */ e.jsx("span", { className: "text-sm text-gray-600", children: r })
+  ] }) })
+] });
+Ce.displayName = "LoadingIndicator";
+const br = ({
+  messages: r,
+  isLoading: s = !1,
+  loadingMessage: t = "Thinking...",
+  error: a = null,
+  onRetry: l,
+  className: n = "",
+  emptyStateMessage: o = "Start a conversation"
+}) => {
+  const c = q(null), d = q(null);
+  return U(() => {
+    c.current?.scrollIntoView({ behavior: "smooth" });
+  }, [r, s]), /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: d,
+      className: `flex flex-col flex-1 overflow-y-auto bg-white p-4 space-y-4 ${n}`,
+      children: [
+        r.length === 0 && !s && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "text-4xl mb-4", children: "💬" }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 font-medium", children: o }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-gray-400 text-sm mt-2", children: "Ask me anything about your resume or the job requirements!" })
+        ] }),
+        r.map((u, m) => /* @__PURE__ */ e.jsx(
+          we,
+          {
+            role: u.role,
+            content: u.content,
+            timestamp: u.timestamp
+          },
+          m
+        )),
+        s && /* @__PURE__ */ e.jsx(
+          Ce,
+          {
+            message: t,
+            variant: "dots"
+          }
+        ),
+        a && /* @__PURE__ */ e.jsxs("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 rounded-full bg-red-100 flex items-center justify-center", children: /* @__PURE__ */ e.jsx("span", { className: "text-red-600 text-sm font-semibold", children: "!" }) }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsxs("div", { className: "bg-red-50 border border-red-200 rounded-lg p-3", children: [
+            /* @__PURE__ */ e.jsx("p", { className: "text-sm text-red-800", children: a }),
+            l && /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                onClick: l,
+                className: "mt-2 text-xs text-red-600 hover:text-red-700 font-medium underline",
+                children: "Try again"
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { ref: c })
+      ]
+    }
+  );
+};
+br.displayName = "ChatContainer";
+const pr = ({
+  resumeName: r,
+  jobTitle: s,
+  companyName: t,
+  matchScore: a,
+  onChangeResume: l,
+  onChangeJob: n,
+  className: o = ""
+}) => /* @__PURE__ */ e.jsx("div", { className: `border-b border-gray-200 bg-gray-50 p-4 ${o}`, children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+      /* @__PURE__ */ e.jsx(hr, { className: "w-5 h-5 text-gray-600 flex-shrink-0" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500 font-medium", children: "Resume" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: r })
+      ] })
+    ] }),
+    l && /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: l,
+        className: "px-3 py-1.5 text-xs font-medium text-blue-600 hover:text-blue-700 hover:bg-blue-50 rounded transition-colors flex-shrink-0",
+        "aria-label": "Change resume",
+        children: "Change"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+      /* @__PURE__ */ e.jsx(mr, { className: "w-5 h-5 text-gray-600 flex-shrink-0" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500 font-medium", children: "Job" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "truncate", children: [
+          /* @__PURE__ */ e.jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: s }),
+          t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500 truncate", children: t })
+        ] })
+      ] })
+    ] }),
+    n && /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: n,
+        className: "px-3 py-1.5 text-xs font-medium text-blue-600 hover:text-blue-700 hover:bg-blue-50 rounded transition-colors flex-shrink-0",
+        "aria-label": "Change job",
+        children: "Change"
+      }
+    )
+  ] }),
+  a !== void 0 && /* @__PURE__ */ e.jsxs("div", { className: "pt-2 border-t border-gray-200", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ e.jsx("p", { className: "text-xs font-medium text-gray-700", children: "Match Score" }),
+      /* @__PURE__ */ e.jsxs("p", { className: "text-sm font-semibold text-gray-900", children: [
+        a,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "w-full bg-gray-200 rounded-full h-2 overflow-hidden", children: /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `h-full rounded-full transition-all duration-500 ${a >= 90 ? "bg-green-500" : a >= 75 ? "bg-blue-500" : a >= 60 ? "bg-yellow-500" : "bg-red-500"}`,
+        style: { width: `${a}%` }
+      }
+    ) })
+  ] })
+] }) });
+pr.displayName = "AnalysisSummaryBar";
+const jr = ({ skills: r, className: s = "" }) => {
+  const t = (o) => !o.matched || o.match_level === "none" ? "✗" : o.match_level === "partial" ? "~" : "✓", a = (o) => !o.matched || o.match_level === "none" ? "bg-red-100 border-red-500 text-red-800" : o.match_level === "partial" ? "bg-yellow-100 border-yellow-500 text-yellow-800" : "bg-green-100 border-green-500 text-green-800", l = (o) => {
+    switch (o) {
+      case "required":
+        return "bg-red-500 text-white";
+      case "preferred":
+        return "bg-blue-500 text-white";
+      case "nice-to-have":
+        return "bg-gray-400 text-white";
+    }
+  }, n = (o, c) => !c || c.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs("p", { className: "text-xs font-semibold text-gray-700 mb-2", children: [
+      o,
+      ":"
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: c.map((d, u) => /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: `inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border ${a(
+          d
+        )}`,
+        children: [
+          /* @__PURE__ */ e.jsxs("span", { className: "text-sm font-medium", children: [
+            t(d),
+            " ",
+            d.name
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              className: `text-xs px-1.5 py-0.5 rounded ${l(
+                d.importance
+              )}`,
+              children: d.importance === "nice-to-have" ? "Nice" : d.importance
+            }
+          )
+        ]
+      },
+      u
+    )) })
+  ] });
+  return /* @__PURE__ */ e.jsxs("div", { className: s, children: [
+    n("Technical Skills", r.technical || []),
+    n("Soft Skills", r.soft || [])
+  ] });
+};
+jr.displayName = "SkillTags";
+const yr = ({
+  score: r,
+  showLabel: s = !0,
+  size: t = "md",
+  className: a = ""
+}) => {
+  const l = Math.min(Math.max(r, 0), 100), n = (u) => u >= 90 ? "bg-green-500" : u >= 75 ? "bg-blue-500" : u >= 60 ? "bg-yellow-500" : "bg-red-500", o = (u) => u >= 90 ? "Excellent match!" : u >= 75 ? "Good match" : u >= 60 ? "Fair match" : "Poor match", c = {
+    sm: "h-2",
+    md: "h-4",
+    lg: "h-6"
+  }, d = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: a, children: [
+    s && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mb-2", children: [
+      /* @__PURE__ */ e.jsx("p", { className: `font-medium text-gray-700 ${d[t]}`, children: "Match Score" }),
+      /* @__PURE__ */ e.jsxs("p", { className: `font-semibold ${d[t]} ${n(l).replace("bg-", "text-")}`, children: [
+        l,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: `w-full bg-gray-200 rounded-full overflow-hidden ${c[t]}`, children: /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `${n(l)} ${c[t]} rounded-full transition-all duration-500 ease-out`,
+        style: { width: `${l}%` }
+      }
+    ) }),
+    s && /* @__PURE__ */ e.jsx("p", { className: `text-gray-600 mt-1 ${d[t]}`, children: o(l) })
+  ] });
+};
+yr.displayName = "MatchScoreBar";
+const Nr = ({
+  responsibilities: r,
+  className: s = ""
+}) => {
+  const t = r.reduce(
+    (l, n) => (l[n.category] || (l[n.category] = []), l[n.category].push(n), l),
+    {}
+  ), a = (l) => {
+    switch (l) {
+      case "high":
+        return "bg-red-100 text-red-800";
+      case "medium":
+        return "bg-yellow-100 text-yellow-800";
+      case "low":
+        return "bg-gray-100 text-gray-800";
+    }
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: s, children: Object.entries(t).map(([l, n]) => /* @__PURE__ */ e.jsxs("div", { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-sm font-semibold text-gray-900", children: l }),
+      n.some((o) => o.importance === "high") && /* @__PURE__ */ e.jsx("span", { className: "inline-block w-2 h-2 bg-red-600 rounded-full" }),
+      n.some((o) => o.importance === "medium") && !n.some((o) => o.importance === "high") && /* @__PURE__ */ e.jsx("span", { className: "inline-block w-2 h-2 bg-yellow-600 rounded-full" })
+    ] }),
+    /* @__PURE__ */ e.jsx("ul", { className: "space-y-1.5 ml-2", children: n.map((o, c) => /* @__PURE__ */ e.jsxs("li", { className: "flex gap-2", children: [
+      /* @__PURE__ */ e.jsx("span", { className: "text-gray-400 flex-shrink-0", children: "•" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-800", children: o.description }),
+        o.importance !== "low" && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: `inline-block text-xs px-2 py-0.5 rounded mt-1 ${a(
+              o.importance
+            )}`,
+            children: o.importance === "high" ? "High Priority" : "Medium Priority"
+          }
+        )
+      ] })
+    ] }, c)) })
+  ] }, l)) });
+};
+Nr.displayName = "ResponsibilitiesList";
 export {
-  vr as Accordion,
-  gr as ActionCard,
-  H as Alert,
-  We as Badge,
-  F as Button,
-  br as Card,
-  xr as CheckboxGroup,
-  Pe as ColorPalette,
-  dr as Demo,
-  jr as DetailPanel,
-  mr as FileUpload,
-  ur as FormField,
-  Fe as Input,
-  Nr as OptionCard,
-  wr as PageHeader,
-  fr as RadioGroup,
-  pr as Section,
-  Ie as Select,
-  yr as Sidebar,
-  Ke as Slider,
-  qe as SocialButton,
-  hr as StatsGrid,
-  Vr as StatusBanner,
-  kr as Stepper,
-  Cr as TabBar,
-  He as TagInput,
-  Ze as Textarea,
-  Se as ThemeProvider,
-  Me as ThemeToggle,
-  cr as clearAllErrors,
-  or as clearFieldError,
-  lr as getFirstError,
-  Ae as hasErrors,
-  ir as useForm,
-  Le as useTheme,
-  Re as validateField,
-  Q as validateForm,
-  nr as validators
+  Ir as Accordion,
+  zr as ActionCard,
+  Z as Alert,
+  pr as AnalysisSummaryBar,
+  Qe as Badge,
+  M as Button,
+  Lr as Card,
+  br as ChatContainer,
+  vr as ChatInput,
+  we as ChatMessage,
+  Dr as CheckboxGroup,
+  Ue as ColorPalette,
+  Br as Demo,
+  Ur as DetailPanel,
+  Mr as FileUpload,
+  _r as FormField,
+  Ze as Input,
+  Ce as LoadingIndicator,
+  yr as MatchScoreBar,
+  Hr as OptionCard,
+  Yr as PageHeader,
+  Or as RadioGroup,
+  Nr as ResponsibilitiesList,
+  Fr as Section,
+  qe as Select,
+  Wr as Sidebar,
+  jr as SkillTags,
+  lr as Slider,
+  tr as SocialButton,
+  or as SortableItem,
+  Pr as StatsGrid,
+  qr as StatusBanner,
+  Gr as Stepper,
+  Zr as TabBar,
+  er as TagInput,
+  nr as Textarea,
+  Ye as ThemeProvider,
+  We as ThemeToggle,
+  Ar as clearAllErrors,
+  Rr as clearFieldError,
+  Er as getFirstError,
+  Pe as hasErrors,
+  Sr as useForm,
+  He as useTheme,
+  Oe as validateField,
+  ee as validateForm,
+  Tr as validators
 };