acemyjob-ui 2.0.2 → 2.0.4

package/dist/acemyjob-ui.es.js

@@ -1,10 +1,11 @@
 import * as j from "react";
-import I, { useState as V, useCallback as M, createContext as Te, useEffect as U, useContext as Ee, useRef as Z } from "react";
-import { ChevronDownIcon as ae, InformationCircleIcon as be, ExclamationCircleIcon as pe, XCircleIcon as je, CheckCircleIcon as ye, XMarkIcon as Re, Bars3Icon as Ae } from "@heroicons/react/24/outline";
-import { useSortable as Se } from "@dnd-kit/sortable";
-import { CSS as Be } from "@dnd-kit/utilities";
-import { Dialog as Me, DialogBackdrop as _e, DialogPanel as De, TransitionChild as Oe } from "@headlessui/react";
-const Rr = {
+import P, { useState as V, useCallback as M, createContext as Ee, useEffect as I, useContext as Re, useRef as G } from "react";
+import { ChevronDownIcon as te, InformationCircleIcon as ve, ExclamationCircleIcon as pe, XCircleIcon as je, CheckCircleIcon as ye, XMarkIcon as we, Bars3Icon as Ae } from "@heroicons/react/24/outline";
+import { createPortal as Se } from "react-dom";
+import { useSortable as Be } from "@dnd-kit/sortable";
+import { CSS as Me } from "@dnd-kit/utilities";
+import { Dialog as De, DialogBackdrop as _e, DialogPanel as Oe, TransitionChild as Ie } from "@headlessui/react";
+const Or = {
   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
@@ -14,23 +15,23 @@ const Rr = {
     message: r
   }),
   minLength: (r, s) => ({
-    validate: (a) => String(a).length >= r,
+    validate: (t) => String(t).length >= r,
     message: s || `Must be at least ${r} characters`
   }),
   maxLength: (r, s) => ({
-    validate: (a) => String(a).length <= r,
+    validate: (t) => String(t).length <= r,
     message: s || `Must be no more than ${r} characters`
   }),
   pattern: (r, s = "Invalid format") => ({
-    validate: (a) => r.test(String(a)),
+    validate: (t) => r.test(String(t)),
     message: s
   }),
   minValue: (r, s) => ({
-    validate: (a) => Number(a) >= r,
+    validate: (t) => Number(t) >= r,
     message: s || `Must be at least ${r}`
   }),
   maxValue: (r, s) => ({
-    validate: (a) => Number(a) <= r,
+    validate: (t) => Number(t) <= r,
     message: s || `Must be no more than ${r}`
   }),
   url: (r = "Please enter a valid URL") => ({
@@ -45,13 +46,13 @@ const Rr = {
   }),
   phone: (r = "Please enter a valid phone number") => ({
     validate: (s) => {
-      const a = /^[\d\s\-+()]+$/, t = String(s);
-      return a.test(t) && t.replace(/\D/g, "").length >= 10;
+      const t = /^[\d\s\-+()]+$/, a = String(s);
+      return t.test(a) && a.replace(/\D/g, "").length >= 10;
     },
     message: r
   }),
   match: (r, s = "Fields do not match") => ({
-    validate: (a) => a === r,
+    validate: (t) => t === r,
     message: s
   }),
   custom: (r, s) => ({
@@ -59,99 +60,99 @@ const Rr = {
     message: s
   })
 };
-function Ie(r, s) {
-  for (const a of s)
-    if (!a.validate(r))
-      return a.message;
+function Pe(r, s) {
+  for (const t of s)
+    if (!t.validate(r))
+      return t.message;
   return null;
 }
 function ee(r, s) {
-  const a = {};
-  for (const [t, l] of Object.entries(s)) {
-    const n = r[t], c = Ie(n, l);
-    a[t] = c;
+  const t = {};
+  for (const [a, l] of Object.entries(s)) {
+    const n = r[a], c = Pe(n, l);
+    t[a] = c;
   }
-  return a;
+  return t;
 }
-function Pe(r) {
+function ze(r) {
   return Object.values(r).some((s) => s !== null);
 }
-function Ar(r) {
+function Ir(r) {
   for (const s of Object.values(r))
     if (s !== null)
       return s;
   return null;
 }
-function Sr(r, s) {
+function Pr(r, s) {
   return {
     ...r,
     [s]: null
   };
 }
-function Br(r) {
+function zr(r) {
   const s = {};
-  for (const a of Object.keys(r))
-    s[a] = null;
+  for (const t of Object.keys(r))
+    s[t] = null;
   return s;
 }
-function Mr({
+function Lr({
   initialValues: r,
   validationRules: s = {},
-  onSubmit: a
+  onSubmit: t
 }) {
-  const [t, l] = V(r), [n, c] = V({}), [o, u] = V({}), [d, m] = V(!1), h = JSON.stringify(t) !== JSON.stringify(r), x = M(
+  const [a, l] = V(r), [n, c] = V({}), [o, u] = V({}), [d, m] = V(!1), h = JSON.stringify(a) !== JSON.stringify(r), x = M(
     (p) => {
-      const { name: b, value: w, type: S } = p.target;
-      let L = w;
-      if (S === "checkbox" ? L = p.target.checked : S === "number" && (L = w ? Number(w) : ""), l((P) => ({
-        ...P,
-        [b]: L
-      })), s[b]) {
-        const P = ee({ [b]: L }, { [b]: s[b] });
+      const { name: v, value: w, type: S } = p.target;
+      let F = w;
+      if (S === "checkbox" ? F = p.target.checked : S === "number" && (F = w ? Number(w) : ""), l((z) => ({
+        ...z,
+        [v]: F
+      })), s[v]) {
+        const z = ee({ [v]: F }, { [v]: s[v] });
         c((W) => ({
           ...W,
-          [b]: P[b]
+          [v]: z[v]
         }));
       }
     },
     [s]
-  ), g = M(
+  ), f = M(
     (p) => {
-      const { name: b } = p.target;
+      const { name: v } = p.target;
       u((w) => ({
         ...w,
-        [b]: !0
+        [v]: !0
       }));
     },
     []
-  ), v = M((p, b) => {
+  ), b = M((p, v) => {
     if (l((w) => ({
       ...w,
-      [p]: b
+      [p]: v
     })), s[p]) {
-      const w = ee({ [p]: b }, { [p]: s[p] });
+      const w = ee({ [p]: v }, { [p]: s[p] });
       c((S) => ({
         ...S,
         [p]: w[p]
       }));
     }
-  }, [s]), C = M((p, b) => {
+  }, [s]), C = M((p, v) => {
     c((w) => ({
       ...w,
-      [p]: b
+      [p]: v
     }));
   }, []), T = M(
     async (p) => {
       p.preventDefault();
-      const b = ee(t, s);
-      c(b);
+      const v = ee(a, s);
+      c(v);
       const w = {};
-      for (const S of Object.keys(t))
+      for (const S of Object.keys(a))
         w[S] = !0;
-      if (u(w), !Pe(b) && a) {
+      if (u(w), !ze(v) && t) {
         m(!0);
         try {
-          await a(t);
+          await t(a);
         } catch (S) {
           console.error("Form submission error:", S);
         } finally {
@@ -159,46 +160,46 @@ function Mr({
         }
       }
     },
-    [t, s, a]
+    [a, s, t]
   ), E = M(() => {
     l(r), c({}), u({}), m(!1);
   }, [r]), A = M(
     (p) => ({
       name: p,
-      value: t[p] || "",
+      value: a[p] || "",
       onChange: x,
-      onBlur: g
+      onBlur: f
     }),
-    [t, x, g]
+    [a, x, f]
   ), N = M(
     (p) => n[p] || null,
     [n]
-  ), D = M(
+  ), _ = M(
     (p) => o[p] || !1,
     [o]
-  ), z = M(
-    (p) => t[p] !== r[p],
-    [t, r]
+  ), L = M(
+    (p) => a[p] !== r[p],
+    [a, r]
   );
   return {
-    values: t,
+    values: a,
     errors: n,
     touched: o,
     isSubmitting: d,
     isDirty: h,
     handleChange: x,
-    handleBlur: g,
-    setFieldValue: v,
+    handleBlur: f,
+    setFieldValue: b,
     setFieldError: C,
     handleSubmit: T,
     resetForm: E,
     getFieldProps: A,
     getFieldError: N,
-    isFieldTouched: D,
-    isFieldDirty: z
+    isFieldTouched: _,
+    isFieldDirty: L
   };
 }
-var q = { exports: {} }, Y = {};
+var Z = { exports: {} }, Y = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -209,11 +210,11 @@ var q = { exports: {} }, Y = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ie;
-function ze() {
+function Le() {
   if (ie) return Y;
   ie = 1;
   var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function a(t, l, n) {
+  function t(a, l, n) {
     var c = null;
     if (n !== void 0 && (c = "" + n), l.key !== void 0 && (c = "" + l.key), "key" in l) {
       n = {};
@@ -222,13 +223,13 @@ function ze() {
     } else n = l;
     return l = n.ref, {
       $$typeof: r,
-      type: t,
+      type: a,
       key: c,
       ref: l !== void 0 ? l : null,
       props: n
     };
   }
-  return Y.Fragment = s, Y.jsx = a, Y.jsxs = a, Y;
+  return Y.Fragment = s, Y.jsx = t, Y.jsxs = t, Y;
 }
 var H = {};
 /**
@@ -241,12 +242,12 @@ var H = {};
  * LICENSE file in the root directory of this source tree.
  */
 var de;
-function Le() {
+function Fe() {
   return de || (de = 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;
+        return i.$$typeof === F ? null : i.displayName || i.name || null;
       if (typeof i == "string") return i;
       switch (i) {
         case C:
@@ -255,7 +256,7 @@ function Le() {
           return "Profiler";
         case T:
           return "StrictMode";
-        case z:
+        case L:
           return "Suspense";
         case p:
           return "SuspenseList";
@@ -266,21 +267,21 @@ function Le() {
         switch (typeof i.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), i.$$typeof) {
-          case v:
+          case b:
             return "Portal";
           case N:
             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 _:
+            var g = i.render;
+            return i = i.displayName, i || (i = g.displayName || g.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case v:
+            return g = i.displayName || null, g !== null ? g : r(i.type) || "Memo";
           case w:
-            f = i._payload, i = i._init;
+            g = i._payload, i = i._init;
             try {
-              return r(i(f));
+              return r(i(g));
             } catch {
             }
         }
@@ -289,36 +290,36 @@ function Le() {
     function s(i) {
       return "" + i;
     }
-    function a(i) {
+    function t(i) {
       try {
         s(i);
-        var f = !1;
+        var g = !1;
       } catch {
-        f = !0;
+        g = !0;
       }
-      if (f) {
-        f = console;
-        var y = f.error, k = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+      if (g) {
+        g = console;
+        var y = g.error, k = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return y.call(
-          f,
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           k
         ), s(i);
       }
     }
-    function t(i) {
+    function a(i) {
       if (i === C) return "<>";
       if (typeof i == "object" && i !== null && i.$$typeof === w)
         return "<...>";
       try {
-        var f = r(i);
-        return f ? "<" + f + ">" : "<...>";
+        var g = r(i);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function l() {
-      var i = P.A;
+      var i = z.A;
       return i === null ? null : i.getOwner();
     }
     function n() {
@@ -326,16 +327,16 @@ function Le() {
     }
     function c(i) {
       if (W.call(i, "key")) {
-        var f = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (f && f.isReactWarning) return !1;
+        var g = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
       return i.key !== void 0;
     }
-    function o(i, f) {
+    function o(i, g) {
       function y() {
-        te || (te = !0, console.error(
+        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)",
-          f
+          g
         ));
       }
       y.isReactWarning = !0, Object.defineProperty(i, "key", {
@@ -349,11 +350,11 @@ function Le() {
         "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."
       )), i = this.props.ref, i !== void 0 ? i : null;
     }
-    function d(i, f, y, k, O, B, X, K) {
+    function d(i, g, y, k, O, B, X, K) {
       return y = B.ref, i = {
-        $$typeof: g,
+        $$typeof: f,
         type: i,
-        key: f,
+        key: g,
         props: B,
         _owner: O
       }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(i, "ref", {
@@ -381,11 +382,11 @@ function Le() {
         value: K
       }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function m(i, f, y, k, O, B, X, K) {
-      var $ = f.children;
+    function m(i, g, y, k, O, B, X, K) {
+      var $ = g.children;
       if ($ !== void 0)
         if (k)
-          if ($e($)) {
+          if (Ve($)) {
             for (k = 0; k < $.length; k++)
               h($[k]);
             Object.freeze && Object.freeze($);
@@ -394,12 +395,12 @@ function Le() {
               "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 h($);
-      if (W.call(f, "key")) {
+      if (W.call(g, "key")) {
         $ = r(i);
-        var F = Object.keys(f).filter(function(Ve) {
-          return Ve !== "key";
+        var U = Object.keys(g).filter(function(Te) {
+          return Te !== "key";
         });
-        k = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", ce[$ + k] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+        k = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", ce[$ + k] || (U = 0 < U.length ? "{" + U.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -408,15 +409,15 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           k,
           $,
-          F,
+          U,
           $
         ), ce[$ + k] = !0);
       }
-      if ($ = null, y !== void 0 && (a(y), $ = "" + y), c(f) && (a(f.key), $ = "" + f.key), "key" in f) {
+      if ($ = null, y !== void 0 && (t(y), $ = "" + y), c(g) && (t(g.key), $ = "" + g.key), "key" in g) {
         y = {};
-        for (var Q in f)
-          Q !== "key" && (y[Q] = f[Q]);
-      } else y = f;
+        for (var Q in g)
+          Q !== "key" && (y[Q] = g[Q]);
+      } else y = g;
       return $ && o(
         y,
         typeof i == "function" ? i.displayName || i.name || "Unknown" : i
@@ -432,9 +433,9 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function h(i) {
-      typeof i == "object" && i !== null && i.$$typeof === g && i._store && (i._store.validated = 1);
+      typeof i == "object" && i !== null && i.$$typeof === f && i._store && (i._store.validated = 1);
     }
-    var x = I, 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"), N = 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"), w = Symbol.for("react.lazy"), S = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), P = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, $e = Array.isArray, J = console.createTask ? console.createTask : function() {
+    var x = P, f = Symbol.for("react.transitional.element"), b = 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"), N = Symbol.for("react.context"), _ = 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"), S = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), z = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Ve = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
     x = {
@@ -442,61 +443,61 @@ React keys must be passed directly to JSX without using spread:
         return i();
       }
     };
-    var te, ne = {}, le = x["react-stack-bottom-frame"].bind(
+    var ae, ne = {}, le = x["react-stack-bottom-frame"].bind(
       x,
       n
-    )(), oe = J(t(n)), ce = {};
-    H.Fragment = C, H.jsx = function(i, f, y, k, O) {
-      var B = 1e4 > P.recentlyCreatedOwnerStacks++;
+    )(), oe = J(a(n)), ce = {};
+    H.Fragment = C, H.jsx = function(i, g, y, k, O) {
+      var B = 1e4 > z.recentlyCreatedOwnerStacks++;
       return m(
         i,
-        f,
+        g,
         y,
         !1,
         k,
         O,
         B ? Error("react-stack-top-frame") : le,
-        B ? J(t(i)) : oe
+        B ? J(a(i)) : oe
       );
-    }, H.jsxs = function(i, f, y, k, O) {
-      var B = 1e4 > P.recentlyCreatedOwnerStacks++;
+    }, H.jsxs = function(i, g, y, k, O) {
+      var B = 1e4 > z.recentlyCreatedOwnerStacks++;
       return m(
         i,
-        f,
+        g,
         y,
         !0,
         k,
         O,
         B ? Error("react-stack-top-frame") : le,
-        B ? J(t(i)) : oe
+        B ? J(a(i)) : oe
       );
     };
   }()), H;
 }
 var ue;
-function Fe() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? q.exports = ze() : q.exports = Le()), q.exports;
+function Ue() {
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? Z.exports = Le() : Z.exports = Fe()), Z.exports;
 }
-var e = Fe();
-const we = (r) => r.replace("--color-", "bg-"), Ue = ({ name: r, cssVar: s, value: a }) => {
-  const t = `rgb(${a})`;
+var e = Ue();
+const Ne = (r) => r.replace("--color-", "bg-"), Ye = ({ 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 ${we(s)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Ne(s)}`
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: r }),
       /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: t })
+      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: a })
     ] })
   ] });
 }, me = ({ 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((a) => /* @__PURE__ */ e.jsx(Ue, { ...a }, a.name)) })
-] }), Ye = () => {
+  /* @__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(Ye, { ...t }, t.name)) })
+] }), He = () => {
   const r = [
     {
       title: "Success Colors (Green)",
@@ -697,7 +698,7 @@ const we = (r) => r.replace("--color-", "bg-"), Ue = ({ name: r, cssVar: s, valu
         { name: "900", cssVar: "--color-beaver-900", value: "235 229 224" }
       ]
     }
-  ], a = [
+  ], t = [
     { name: "Background", cssVar: "--color-background" },
     { name: "Surface", cssVar: "--color-surface" },
     { name: "Surface Variant", cssVar: "--color-surface-variant" },
@@ -712,63 +713,63 @@ const we = (r) => r.replace("--color-", "bg-"), Ue = ({ 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((t) => /* @__PURE__ */ e.jsx(me, { ...t }, t.title)),
-    r.map((t) => /* @__PURE__ */ e.jsx(me, { ...t }, t.title)),
+    s.map((a) => /* @__PURE__ */ e.jsx(me, { ...a }, a.title)),
+    r.map((a) => /* @__PURE__ */ e.jsx(me, { ...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: a.map((t) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: t.map((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 ${we(t.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Ne(a.cssVar)}`
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: t.name }),
-          /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: t.cssVar })
+          /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: a.name }),
+          /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: a.cssVar })
         ] })
-      ] }, t.name)) })
+      ] }, a.name)) })
     ] }),
     /* @__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" }) })
   ] });
-}, Ne = Te(void 0), He = ({
+}, Ce = Ee(void 0), We = ({
   children: r,
   defaultTheme: s = "system",
-  storageKey: a = "acemyjob-ui-theme"
+  storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [t, l] = V(s), [n, c] = V("light"), [o, u] = V(!1);
-  U(() => {
-    const m = localStorage.getItem(a);
+  const [a, l] = V(s), [n, c] = V("light"), [o, u] = V(!1);
+  I(() => {
+    const m = localStorage.getItem(t);
     m && l(m), u(!0);
-  }, [a]), U(() => {
+  }, [t]), I(() => {
     if (!o) return;
     const m = window.document.documentElement, h = () => {
       let x;
-      t === "system" ? x = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : x = t, c(x), m.classList.remove("light", "dark"), m.classList.add(x);
+      a === "system" ? x = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : x = a, c(x), m.classList.remove("light", "dark"), m.classList.add(x);
     };
-    if (h(), t === "system") {
-      const x = window.matchMedia("(prefers-color-scheme: dark)"), g = () => h();
-      return x.addEventListener("change", g), () => x.removeEventListener("change", g);
+    if (h(), a === "system") {
+      const x = window.matchMedia("(prefers-color-scheme: dark)"), f = () => h();
+      return x.addEventListener("change", f), () => x.removeEventListener("change", f);
     }
-  }, [t, o]);
+  }, [a, o]);
   const d = {
-    theme: t,
+    theme: a,
     setTheme: (m) => {
-      localStorage.setItem(a, m), l(m);
+      localStorage.setItem(t, m), l(m);
     },
     resolvedTheme: n
   };
-  return /* @__PURE__ */ e.jsx(Ne.Provider, { value: d, children: r });
-}, We = () => {
-  const r = Ee(Ne);
+  return /* @__PURE__ */ e.jsx(Ce.Provider, { value: d, children: r });
+}, Ze = () => {
+  const r = Re(Ce);
   if (r === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return r;
 }, qe = () => {
-  const { theme: r, setTheme: s } = We(), [a, t] = V(!1);
-  if (U(() => {
-    t(!0);
-  }, []), !a)
+  const { theme: r, setTheme: s } = Ze(), [t, a] = V(!1);
+  if (I(() => {
+    a(!0);
+  }, []), !t)
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -815,13 +816,13 @@ const we = (r) => r.replace("--color-", "bg-"), Ue = ({ name: r, cssVar: s, valu
   );
 }, Ge = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
   /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(qe, {}) }),
-  /* @__PURE__ */ e.jsx(Ye, {})
-] }), _r = () => /* @__PURE__ */ e.jsx(He, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Ge, {}) });
-function Dr({
+  /* @__PURE__ */ e.jsx(He, {})
+] }), Fr = () => /* @__PURE__ */ e.jsx(We, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Ge, {}) });
+function Ur({
   label: r,
   children: s,
-  helperText: a,
-  errorText: t,
+  helperText: t,
+  errorText: a,
   required: l = !1,
   className: n = ""
 }) {
@@ -831,48 +832,48 @@ function Dr({
       l && /* @__PURE__ */ e.jsx("span", { className: "text-error-500 ml-1", children: "*" })
     ] }),
     s,
-    t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-error-600", children: t }),
-    a && !t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: a })
+    a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-error-600", children: a }),
+    t && !a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: t })
   ] });
 }
-const Ze = I.forwardRef(
+const Je = P.forwardRef(
   ({
     className: r = "",
     leftIcon: s,
-    rightIcon: a,
-    error: t = !1,
+    rightIcon: t,
+    error: a = !1,
     fullWidth: l = !0,
     disabled: n,
     ...c
   }, o) => {
-    const u = "px-3 py-2 border rounded-lg transition-colors text-sm", d = t ? "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 || a ? "relative flex items-center" : "", g = `${u} ${d} ${m} ${h} ${s ? "pl-10" : ""} ${a ? "pr-10" : ""} ${r}`;
+    const u = "px-3 py-2 border rounded-lg transition-colors text-sm", d = 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" : "", f = `${u} ${d} ${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(
         "input",
         {
           ref: o,
-          className: g,
+          className: f,
           disabled: n,
           ...c
         }
       ),
-      a && /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: a })
+      t && /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: t })
     ] });
   }
 );
-Ze.displayName = "Input";
-const Je = I.forwardRef(
+Je.displayName = "Input";
+const Xe = P.forwardRef(
   ({
     options: r,
     placeholder: s,
-    className: a = "",
-    error: t = !1,
+    className: t = "",
+    error: a = !1,
     fullWidth: l = !0,
     disabled: n,
     ...c
   }, o) => {
-    const x = `px-3 py-2 border rounded-lg transition-colors text-sm appearance-none ${t ? "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 ${a}`;
+    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: [
       /* @__PURE__ */ e.jsxs(
         "select",
@@ -883,29 +884,29 @@ const Je = I.forwardRef(
           ...c,
           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))
+            r.map((f) => /* @__PURE__ */ e.jsx("option", { value: f.value, children: f.label }, f.value))
           ]
         }
       ),
-      /* @__PURE__ */ e.jsx(ae, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
+      /* @__PURE__ */ e.jsx(te, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
     ] });
   }
 );
-Je.displayName = "Select";
-function Xe({
+Xe.displayName = "Select";
+function Ke({
   title: r,
   titleId: s,
-  ...a
-}, t) {
+  ...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: t,
+    ref: a,
     "aria-labelledby": s
-  }, a), r ? /* @__PURE__ */ j.createElement("title", {
+  }, t), r ? /* @__PURE__ */ j.createElement("title", {
     id: s
   }, r) : null, /* @__PURE__ */ j.createElement("path", {
     fillRule: "evenodd",
@@ -913,21 +914,21 @@ function Xe({
     clipRule: "evenodd"
   }));
 }
-const xe = /* @__PURE__ */ j.forwardRef(Xe);
-function Ke({
+const xe = /* @__PURE__ */ j.forwardRef(Ke);
+function Qe({
   title: r,
   titleId: s,
-  ...a
-}, t) {
+  ...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: t,
+    ref: a,
     "aria-labelledby": s
-  }, a), r ? /* @__PURE__ */ j.createElement("title", {
+  }, t), r ? /* @__PURE__ */ j.createElement("title", {
     id: s
   }, r) : null, /* @__PURE__ */ j.createElement("path", {
     fillRule: "evenodd",
@@ -935,32 +936,32 @@ function Ke({
     clipRule: "evenodd"
   }));
 }
-const he = /* @__PURE__ */ j.forwardRef(Ke);
-function Qe({
+const he = /* @__PURE__ */ j.forwardRef(Qe);
+function er({
   title: r,
   titleId: s,
-  ...a
-}, t) {
+  ...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: t,
+    ref: a,
     "aria-labelledby": s
-  }, a), r ? /* @__PURE__ */ j.createElement("title", {
+  }, 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 se = /* @__PURE__ */ j.forwardRef(Qe);
-function er({
+const se = /* @__PURE__ */ j.forwardRef(er);
+function rr({
   children: r,
   variant: s = "default",
-  size: a = "md",
-  removable: t = !1,
+  size: t = "md",
+  removable: a = !1,
   onRemove: l,
   className: n = "",
   style: c,
@@ -980,11 +981,11 @@ function er({
   return /* @__PURE__ */ e.jsxs(
     "span",
     {
-      className: `inline-flex items-center gap-1 rounded-full ${m} ${d[a]} ${n}`,
+      className: `inline-flex items-center gap-1 rounded-full ${m} ${d[t]} ${n}`,
       style: c,
       children: [
         r,
-        t && l && /* @__PURE__ */ e.jsx(
+        a && l && /* @__PURE__ */ e.jsx(
           "button",
           {
             onClick: l,
@@ -997,12 +998,12 @@ function er({
     }
   );
 }
-const rr = I.forwardRef(
+const sr = P.forwardRef(
   ({
     tags: r,
     onTagsChange: s,
-    onAddTag: a,
-    onRemoveTag: t,
+    onAddTag: t,
+    onRemoveTag: a,
     placeholder: l = "Add a tag and press Enter",
     error: n = !1,
     fullWidth: c = !0,
@@ -1012,27 +1013,27 @@ const rr = I.forwardRef(
     className: m = "",
     ...h
   }, x) => {
-    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 (o && r.length >= o || u && r.includes(b))
+    const [f, b] = V(""), C = (v) => {
+      v.key === "Enter" && f.trim() ? (v.preventDefault(), T(f.trim())) : v.key === "Backspace" && !f && r.length > 0 && E(r[r.length - 1]);
+    }, T = (v) => {
+      if (o && r.length >= o || u && r.includes(v))
         return;
-      const w = [...r, b];
-      s(w), a?.(b), v("");
-    }, E = (b) => {
-      const w = r.filter((S) => S !== b);
-      s(w), t?.(b);
+      const w = [...r, v];
+      s(w), t?.(v), b("");
+    }, E = (v) => {
+      const w = r.filter((S) => S !== 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"} ${d ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${c ? "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((b) => /* @__PURE__ */ e.jsx(
-        er,
+      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: r.map((v) => /* @__PURE__ */ e.jsx(
+        rr,
         {
           removable: !0,
-          onRemove: () => E(b),
+          onRemove: () => E(v),
           variant: "default",
-          children: b
+          children: v
         },
-        b
+        v
       )) }),
       /* @__PURE__ */ e.jsx(
         "input",
@@ -1041,8 +1042,8 @@ const rr = I.forwardRef(
           type: "text",
           className: p,
           placeholder: l,
-          value: g,
-          onChange: (b) => v(b.target.value),
+          value: f,
+          onChange: (v) => b(v.target.value),
           onKeyDown: C,
           disabled: d || (o ? r.length >= o : !1),
           ...h
@@ -1056,7 +1057,7 @@ const rr = I.forwardRef(
     ] });
   }
 );
-rr.displayName = "TagInput";
+sr.displayName = "TagInput";
 const fe = {
   variant: {
     default: "bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",
@@ -1075,12 +1076,12 @@ const fe = {
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, sr = "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", ar = (...r) => r.filter(Boolean).join(" "), _ = I.forwardRef(
+}, tr = "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", ar = (...r) => r.filter(Boolean).join(" "), D = P.forwardRef(
   ({
     className: r,
     variant: s = "default",
-    size: a = "default",
-    fullWidth: t = !1,
+    size: t = "default",
+    fullWidth: a = !1,
     loading: l = !1,
     leftIcon: n,
     rightIcon: c,
@@ -1089,10 +1090,10 @@ const fe = {
     ...d
   }, m) => {
     const h = u || l, x = ar(
-      sr,
+      tr,
       fe.variant[s],
-      fe.size[a],
-      t ? "w-full" : "",
+      fe.size[t],
+      a ? "w-full" : "",
       r
     );
     return /* @__PURE__ */ e.jsxs(
@@ -1141,7 +1142,7 @@ const fe = {
     );
   }
 );
-_.displayName = "Button";
+D.displayName = "Button";
 const ge = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
@@ -1151,53 +1152,53 @@ const ge = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, tr = (...r) => r.filter(Boolean).join(" "), nr = I.forwardRef(
+}, nr = (...r) => r.filter(Boolean).join(" "), lr = P.forwardRef(
   ({
     className: r,
     provider: s,
-    iconPosition: a = "left",
-    icon: t,
+    iconPosition: t = "left",
+    icon: a,
     showText: l = !0,
     children: n,
     size: c = "default",
     fullWidth: o = !0,
     ...u
   }, d) => {
-    const h = t || {
+    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 ? {
+    }[s], f = n || (l ? {
       linkedin: "Continue with LinkedIn"
-    }[s] : ""), v = tr(
+    }[s] : ""), b = nr(
       "relative overflow-hidden transition-all duration-200",
       ge.provider[s],
-      ge.iconPosition[a],
+      ge.iconPosition[t],
       r
     );
     return /* @__PURE__ */ e.jsxs(
-      _,
+      D,
       {
         ref: d,
         variant: "none",
-        className: v,
+        className: b,
         size: c,
         fullWidth: o,
-        leftIcon: a === "left" ? h : void 0,
-        rightIcon: a === "right" ? h : void 0,
+        leftIcon: t === "left" ? h : void 0,
+        rightIcon: t === "right" ? h : void 0,
         ...u,
         children: [
-          a === "only" && h,
-          a !== "only" && g
+          t === "only" && h,
+          t !== "only" && f
         ]
       }
     );
   }
 );
-nr.displayName = "SocialButton";
-function G({
+lr.displayName = "SocialButton";
+function q({
   variant: r,
   title: s,
-  message: a,
-  icon: t,
+  message: t,
+  icon: a,
   onClose: l,
   className: n = ""
 }) {
@@ -1224,7 +1225,7 @@ function G({
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ e.jsx(be, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
     }
   }[r];
   return /* @__PURE__ */ e.jsx(
@@ -1233,10 +1234,10 @@ function G({
       className: `${o.bg} border ${o.border} rounded-md p-3 ${n}`,
       role: "alert",
       children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${o.text}`, children: t || o.icon }),
+        /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${o.text}`, children: a || o.icon }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
           s && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${o.text}`, children: s }),
-          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${o.text}`, children: a })
+          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${o.text}`, children: t })
         ] }),
         l && /* @__PURE__ */ e.jsx(
           "button",
@@ -1251,11 +1252,11 @@ function G({
     }
   );
 }
-function Or({
+function Yr({
   onFileChange: r,
   onAnalyze: s,
-  uploadedFile: a,
-  fileError: t,
+  uploadedFile: t,
+  fileError: a,
   onCancelUpload: l,
   isAnalyzing: n = !1,
   analyzeError: c,
@@ -1265,22 +1266,22 @@ function Or({
   description: m = "PDF, DOCX up to 5MB",
   analyzeButtonLabel: h = "Analyze",
   disabled: x = !1,
-  showAnalyzeButton: g = !0
+  showAnalyzeButton: f = !0
 }) {
-  const v = Z(null), [C, T] = V(!1);
-  U(() => {
-    !a && v.current && (v.current.value = "");
-  }, [a]);
+  const b = G(null), [C, T] = V(!1);
+  I(() => {
+    !t && b.current && (b.current.value = "");
+  }, [t]);
   const E = (N) => {
     N.preventDefault(), N.stopPropagation(), N.type === "dragenter" || N.type === "dragover" ? T(!0) : N.type === "dragleave" && T(!1);
   }, A = (N) => {
     if (N.preventDefault(), N.stopPropagation(), T(!1), N.dataTransfer.files && N.dataTransfer.files[0]) {
-      const D = {
+      const _ = {
         target: {
           files: N.dataTransfer.files
         }
       };
-      r(D);
+      r(_);
     }
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "mt-6 pt-6 border-t border-border", children: [
@@ -1289,7 +1290,7 @@ function Or({
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: v,
+          ref: b,
           type: "file",
           accept: u,
           onChange: r,
@@ -1306,7 +1307,7 @@ function Or({
           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: a && !t ? /* @__PURE__ */ e.jsxs("div", { children: [
+          children: t && !a ? /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               "svg",
               {
@@ -1323,14 +1324,14 @@ function Or({
                 )
               }
             ),
-            /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "success", message: "File uploaded successfully" }) }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-2 break-words", children: a.name }),
+            /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(q, { 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: [
-              (a.size / (1024 * 1024)).toFixed(2),
+              (t.size / (1024 * 1024)).toFixed(2),
               "MB"
             ] }),
             /* @__PURE__ */ e.jsx(
-              _,
+              D,
               {
                 variant: "link",
                 type: "button",
@@ -1370,15 +1371,15 @@ function Or({
         }
       )
     ] }),
-    t && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: t }) }),
-    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: c }) }),
-    o && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "success", message: o }) }),
-    g && /* @__PURE__ */ e.jsx(
-      _,
+    a && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(q, { variant: "error", message: a }) }),
+    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(q, { variant: "error", message: c }) }),
+    o && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(q, { variant: "success", message: o }) }),
+    f && /* @__PURE__ */ e.jsx(
+      D,
       {
         variant: "default",
         onClick: s,
-        disabled: !a || n || x,
+        disabled: !t || n || x,
         loading: n,
         fullWidth: !0,
         className: "mt-3",
@@ -1387,12 +1388,12 @@ function Or({
     )
   ] });
 }
-const lr = I.forwardRef(
+const or = P.forwardRef(
   ({
     className: r = "",
     error: s = !1,
-    fullWidth: a = !0,
-    autoResize: t = !1,
+    fullWidth: t = !0,
+    autoResize: a = !1,
     maxLength: l,
     showCharCount: n = !1,
     disabled: c,
@@ -1400,8 +1401,8 @@ const lr = I.forwardRef(
     onChange: u,
     ...d
   }, 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"} ${c ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${a ? "w-full" : ""} ${r}`, T = (A) => {
-      t && (A.target.style.height = "auto", A.target.style.height = `${A.target.scrollHeight}px`), u?.(A);
+    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"} ${c ? "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`), u?.(A);
     }, E = typeof o == "string" ? o.length : 0;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e.jsx(
@@ -1424,30 +1425,30 @@ const lr = I.forwardRef(
     ] });
   }
 );
-lr.displayName = "Textarea";
-function Ir({
+or.displayName = "Textarea";
+function Hr({
   options: r,
   selectedValues: s,
-  onSelectionChange: a,
-  layout: t = "vertical",
+  onSelectionChange: t,
+  layout: a = "vertical",
   columns: l = 2,
   disabled: n = !1,
   error: c = !1
 }) {
   const o = (h) => {
-    const x = s.includes(h) ? s.filter((g) => g !== h) : [...s, h];
-    a(x);
+    const x = s.includes(h) ? s.filter((f) => f !== h) : [...s, h];
+    t(x);
   }, u = {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
     grid: `grid grid-cols-${l} gap-3`
-  }, d = t === "grid" ? "grid gap-3" : u[t], m = t === "grid" ? `md:grid-cols-${l}` : "";
+  }, d = a === "grid" ? "grid gap-3" : u[a], m = a === "grid" ? `md:grid-cols-${l}` : "";
   return /* @__PURE__ */ e.jsx("div", { className: `${d} ${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-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+    const x = s.includes(h.value), b = x ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${v} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${b} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
@@ -1471,27 +1472,27 @@ function Ir({
     );
   }) });
 }
-function Pr({
+function Wr({
   options: r,
   selectedValue: s,
-  onSelectionChange: a,
-  layout: t = "vertical",
+  onSelectionChange: t,
+  layout: a = "vertical",
   columns: l = 2,
   disabled: n = !1,
   error: c = !1,
   name: o = "radio-group"
 }) {
-  const d = t === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
+  const d = a === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
     grid: "grid gap-3"
-  }[t];
+  }[a];
   return /* @__PURE__ */ e.jsx("div", { className: d, 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-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+    const h = s === m.value, f = h ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${g} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${f} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
@@ -1500,7 +1501,7 @@ function Pr({
               name: o,
               value: m.value,
               checked: h,
-              onChange: () => a(m.value),
+              onChange: () => t(m.value),
               disabled: n,
               className: "sr-only"
             }
@@ -1517,8 +1518,8 @@ function Pr({
     );
   }) });
 }
-function zr({ stats: r, columns: s = 4, className: a = "" }) {
-  const t = {
+function Zr({ stats: r, columns: s = 4, className: t = "" }) {
+  const a = {
     2: "grid-cols-2",
     3: "grid-cols-3",
     4: "grid-cols-4"
@@ -1528,7 +1529,7 @@ function zr({ stats: r, columns: s = 4, className: a = "" }) {
     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 ${t} gap-4 mb-6 bg-surface p-6 rounded-lg ${a}`, children: r.map((n, c) => {
+  return /* @__PURE__ */ e.jsx("div", { className: `grid ${a} gap-4 mb-6 bg-surface p-6 rounded-lg ${t}`, children: r.map((n, c) => {
     const o = l[n.color || "moss-green"];
     return /* @__PURE__ */ e.jsxs("div", { className: `${o.bg} rounded-lg p-4`, children: [
       n.icon && /* @__PURE__ */ e.jsx("div", { className: "mb-2", children: n.icon }),
@@ -1537,16 +1538,16 @@ function zr({ stats: r, columns: s = 4, className: a = "" }) {
     ] }, c);
   }) });
 }
-function Lr({
+function qr({
   items: r,
   allowMultiple: s = !1,
-  defaultOpenId: a,
-  onOpenChange: t,
+  defaultOpenId: t,
+  onOpenChange: a,
   className: l = ""
 }) {
-  const [n, c] = V(() => a ? Array.isArray(a) ? a : [a] : []), o = (u) => {
+  const [n, c] = V(() => t ? Array.isArray(t) ? t : [t] : []), o = (u) => {
     let d;
-    s ? d = n.includes(u) ? n.filter((m) => m !== u) : [...n, u] : d = n.includes(u) ? [] : [u], c(d), t?.(d);
+    s ? d = n.includes(u) ? n.filter((m) => m !== u) : [...n, u] : d = n.includes(u) ? [] : [u], c(d), a?.(d);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `space-y-2 ${l}`, children: r.map((u) => {
     const d = n.includes(u.id);
@@ -1566,7 +1567,7 @@ function Lr({
                   /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary", children: u.title })
                 ] }),
                 /* @__PURE__ */ e.jsx(
-                  ae,
+                  te,
                   {
                     className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${d ? "rotate-180" : ""}`
                   }
@@ -1581,11 +1582,11 @@ function Lr({
     );
   }) });
 }
-function Fr({
+function Gr({
   icon: r,
   title: s,
-  subtitle: a,
-  metadata: t,
+  subtitle: t,
+  metadata: a,
   isSelected: l = !1,
   isActive: n = !1,
   variant: c = "default",
@@ -1593,9 +1594,9 @@ function Fr({
   onClick: u,
   className: d = ""
 }) {
-  const m = (v) => {
-    const C = v.target;
-    C.tagName === "BUTTON" || C.closest("button") || u?.(v);
+  const m = (b) => {
+    const C = b.target;
+    C.tagName === "BUTTON" || C.closest("button") || u?.(b);
   }, x = (() => {
     if (n)
       switch (c) {
@@ -1609,33 +1610,33 @@ function Fr({
           return "border-2 border-reseda-green-700 bg-success-50";
       }
     return "border border-border hover:border-border-subtle hover:bg-surface-variant";
-  })(), g = l ? "ring-2 ring-reseda-green-700" : "";
+  })(), f = l ? "ring-2 ring-reseda-green-700" : "";
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       onClick: m,
-      className: `rounded-lg p-4 cursor-pointer transition ${x} ${g} ${d}`,
+      className: `rounded-lg p-4 cursor-pointer transition ${x} ${f} ${d}`,
       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 }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary", children: s }),
-            a && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: a }),
-            t && /* @__PURE__ */ e.jsx("div", { className: "mt-2", children: t })
+            t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t }),
+            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: o.map((v, C) => /* @__PURE__ */ e.jsx(
-          _,
+        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: o.map((b, C) => /* @__PURE__ */ e.jsx(
+          D,
           {
-            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
+            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
           },
           C
         )) })
@@ -1643,38 +1644,132 @@ function Fr({
     }
   );
 }
-function Ur({
+function Jr({
   children: r,
   variant: s = "default",
-  isActive: a = !1,
-  onClick: t,
+  isActive: t = !1,
+  onClick: a,
   className: l = ""
 }) {
   const n = "rounded-lg transition-all", c = {
     default: "border border-border p-4",
     surface: "bg-surface-variant p-4",
     elevated: "bg-surface shadow-md p-6",
-    interactive: `border-2 p-4 cursor-pointer ${a ? "border-success-500 bg-success-50" : "border-border bg-surface hover:border-border-subtle"}`
+    interactive: `border-2 p-4 cursor-pointer ${t ? "border-success-500 bg-success-50" : "border-border bg-surface hover:border-border-subtle"}`
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: `${n} ${c[s]} ${l}`,
-      onClick: t,
-      role: t ? "button" : void 0,
-      tabIndex: t ? 0 : void 0,
-      onKeyDown: t ? (o) => {
-        (o.key === "Enter" || o.key === " ") && t();
+      onClick: a,
+      role: a ? "button" : void 0,
+      tabIndex: a ? 0 : void 0,
+      onKeyDown: a ? (o) => {
+        (o.key === "Enter" || o.key === " ") && a();
       } : void 0,
       children: r
     }
   );
 }
-function Yr({
+const cr = {
+  right: {
+    sm: "w-full sm:w-[360px]",
+    md: "w-full sm:w-[480px]",
+    lg: "w-full sm:w-[640px]",
+    full: "w-full"
+  },
+  left: {
+    sm: "w-full sm:w-[360px]",
+    md: "w-full sm:w-[480px]",
+    lg: "w-full sm:w-[640px]",
+    full: "w-full"
+  },
+  bottom: {
+    sm: "h-[30vh]",
+    md: "h-[50vh]",
+    lg: "h-[70vh]",
+    full: "h-full"
+  }
+}, ir = {
+  right: "top-0 right-0 h-full",
+  left: "top-0 left-0 h-full",
+  bottom: "left-0 right-0 bottom-0 w-full"
+};
+function Xr({
+  open: r,
+  onClose: s,
+  title: t,
+  children: a,
+  footer: l,
+  placement: n = "right",
+  size: c = "md",
+  closeOnOverlayClick: o = !0,
+  closeOnEsc: u = !0,
+  showCloseButton: d = !0,
+  className: m = ""
+}) {
+  if (I(() => {
+    if (!r || typeof document > "u")
+      return;
+    const x = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = x;
+    };
+  }, [r]), I(() => {
+    if (!r || !u || typeof window > "u")
+      return;
+    const x = (f) => {
+      f.key === "Escape" && s();
+    };
+    return window.addEventListener("keydown", x), () => {
+      window.removeEventListener("keydown", x);
+    };
+  }, [r, u, s]), !r || typeof document > "u")
+    return null;
+  const h = [
+    "fixed z-[60] bg-surface border-border shadow-xl flex flex-col",
+    ir[n],
+    cr[n][c],
+    n === "bottom" ? "rounded-t-xl border-t" : n === "left" ? "border-r" : "border-l",
+    m
+  ].filter(Boolean).join(" ");
+  return Se(
+    /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-50", children: [
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Close drawer overlay",
+          className: "absolute inset-0 bg-black/40",
+          onClick: o ? s : void 0
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("section", { role: "dialog", "aria-modal": "true", className: h, children: [
+        /* @__PURE__ */ e.jsxs("header", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "text-sm font-semibold text-text-primary", children: t }),
+          d ? /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: s,
+              className: "rounded-md p-1 text-text-secondary hover:bg-surface-variant hover:text-text-primary",
+              "aria-label": "Close drawer",
+              children: /* @__PURE__ */ e.jsx(we, { className: "h-5 w-5" })
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-auto px-4 py-3 text-text-primary", children: a }),
+        l ? /* @__PURE__ */ e.jsx("footer", { className: "border-t border-border px-4 py-3", children: l }) : null
+      ] })
+    ] }),
+    document.body
+  );
+}
+function Kr({
   title: r,
   children: s,
-  subtitle: a,
-  spacing: t = "normal",
+  subtitle: t,
+  spacing: a = "normal",
   className: l = ""
 }) {
   const n = {
@@ -1682,61 +1777,61 @@ function Yr({
     normal: "space-y-6",
     spacious: "space-y-8"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `${n[t]} ${l}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `${n[a]} ${l}`, children: [
     /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: r }),
-      a && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: a })
+      t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t })
     ] }),
     s
   ] });
 }
-function Hr({
+function Qr({
   title: r,
   subtitle: s,
-  metadata: a,
-  sections: t,
+  metadata: t,
+  sections: a,
   className: l = ""
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `space-y-6 ${l}`, children: [
     /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between mb-1", children: [
         /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-semibold text-text-primary", children: r }),
-        a && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: a })
+        t && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: t })
       ] }),
       s && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary", children: s })
     ] }),
-    t.map((n, c) => /* @__PURE__ */ e.jsxs("div", { children: [
+    a.map((n, c) => /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary mb-3", children: n.heading }),
       n.content
     ] }, c))
   ] });
 }
-function Wr({
+function es({
   title: r,
   description: s,
-  centered: a = !1,
-  titleSize: t = "md"
+  centered: t = !1,
+  titleSize: a = "md"
 }) {
   const l = {
     sm: "text-2xl",
     md: "text-3xl",
     lg: "text-4xl"
-  }, n = a ? "text-center" : "", c = a ? "max-w-2xl mx-auto" : "";
+  }, n = t ? "text-center" : "", c = t ? "max-w-2xl mx-auto" : "";
   return /* @__PURE__ */ e.jsxs("div", { className: `mb-8 ${n}`, children: [
-    /* @__PURE__ */ e.jsx("h1", { className: `${l[t]} font-bold text-text-primary`, children: r }),
+    /* @__PURE__ */ e.jsx("h1", { className: `${l[a]} font-bold text-text-primary`, children: r }),
     /* @__PURE__ */ e.jsx("p", { className: `mt-2 text-text-secondary ${c}`, children: s })
   ] });
 }
-function qr({
+function rs({
   icon: r,
   title: s,
-  description: a,
-  isSelected: t = !1,
+  description: t,
+  isSelected: a = !1,
   onClick: l,
   disabled: n = !1,
   className: c = ""
 }) {
-  const o = "p-4 border rounded-lg transition-all text-center cursor-pointer", u = t ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : "border-border hover:border-border-subtle hover:bg-surface-variant", d = n ? "opacity-50 cursor-not-allowed" : "";
+  const o = "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", d = n ? "opacity-50 cursor-not-allowed" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1750,18 +1845,18 @@ function qr({
       children: [
         r && /* @__PURE__ */ e.jsx("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-text-secondary", children: r }) }),
         /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary mb-1", children: s }),
-        a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-secondary", children: a }),
-        t && /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })
+        t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-secondary", children: t }),
+        a && /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })
       ]
     }
   );
 }
-const or = I.forwardRef(
+const dr = P.forwardRef(
   ({
     value: r,
     onChange: s,
-    min: a = 0,
-    max: t = 100,
+    min: t = 0,
+    max: a = 100,
     step: l = 1,
     showValue: n = !0,
     showLabels: c = !1,
@@ -1771,9 +1866,9 @@ const or = I.forwardRef(
     fullWidth: m = !0,
     disabled: h,
     className: x = "",
-    ...g
-  }, v) => {
-    const N = `w-full h-2 rounded-lg appearance-none cursor-pointer ${d ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${h ? "opacity-50 cursor-not-allowed" : ""} ${m ? "w-full" : ""} ${x}`, D = (r - a) / (t - a) * 100;
+    ...f
+  }, b) => {
+    const N = `w-full h-2 rounded-lg appearance-none cursor-pointer ${d ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${h ? "opacity-50 cursor-not-allowed" : ""} ${m ? "w-full" : ""} ${x}`, _ = (r - t) / (a - t) * 100;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       c && (o || u) && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-xs text-text-muted", children: [
         o && /* @__PURE__ */ e.jsx("span", { children: o }),
@@ -1783,16 +1878,16 @@ const or = I.forwardRef(
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: v,
+            ref: b,
             type: "range",
-            min: a,
-            max: t,
+            min: t,
+            max: a,
             step: l,
             value: r,
-            onChange: (z) => s(Number(z.target.value)),
+            onChange: (L) => s(Number(L.target.value)),
             disabled: h,
             className: N,
-            ...g
+            ...f
           }
         ),
         n && /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-text-primary min-w-[3rem] text-right", children: r })
@@ -1801,26 +1896,170 @@ const or = I.forwardRef(
         "div",
         {
           className: "h-full bg-reseda-green-500 transition-all",
-          style: { width: `${D}%` }
+          style: { width: `${_}%` }
         }
       ) })
     ] });
   }
 );
-or.displayName = "Slider";
-function cr({
+dr.displayName = "Slider";
+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", {
+    fillRule: "evenodd",
+    d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
+    clipRule: "evenodd"
+  }));
+}
+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: "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 gr = /* @__PURE__ */ j.forwardRef(fr);
+function br({
+  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 vr = /* @__PURE__ */ j.forwardRef(br), pr = {
+  neutral: {
+    selectedContainer: "border-gray-300 bg-gray-50",
+    selectedIndicator: "text-gray-500",
+    inputAccent: "accent-gray-600"
+  },
+  purple: {
+    selectedContainer: "border-purple-300 bg-purple-50",
+    selectedIndicator: "text-purple-600",
+    inputAccent: "accent-purple-600"
+  },
+  blue: {
+    selectedContainer: "border-blue-300 bg-blue-50",
+    selectedIndicator: "text-blue-600",
+    inputAccent: "accent-blue-600"
+  }
+};
+function ss({
+  id: r,
+  name: s,
+  checked: t,
+  onChange: a,
+  primaryText: l,
+  secondaryText: n,
+  tertiaryText: c,
+  tone: o = "neutral",
+  showCheckedIndicator: u = !1,
+  disabled: d = !1,
+  className: m = ""
+}) {
+  const h = pr[o], x = t ? h.selectedContainer : "border-gray-200", f = d ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-gray-50";
+  return /* @__PURE__ */ e.jsxs(
+    "label",
+    {
+      className: `flex items-start gap-2 rounded-md border p-2 transition ${x} ${f} ${m}`,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            type: "radio",
+            name: s,
+            className: `mt-0.5 ${h.inputAccent}`,
+            checked: t,
+            disabled: d,
+            onChange: () => a(r)
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e.jsx("span", { className: "block text-sm text-gray-800 break-words", children: l }),
+          n ? /* @__PURE__ */ e.jsx("span", { className: "block text-xs text-gray-500", children: n }) : null,
+          c ? /* @__PURE__ */ e.jsx("span", { className: "block text-xs text-gray-400", children: c }) : null
+        ] }),
+        u && t ? /* @__PURE__ */ e.jsx(hr, { className: `h-4 w-4 mt-0.5 shrink-0 ${h.selectedIndicator}` }) : null
+      ]
+    }
+  );
+}
+function jr({
   id: r,
   index: s,
-  previewText: a,
-  defaultExpanded: t = !1,
+  previewText: t,
+  defaultExpanded: a = !1,
   children: l,
   tooltipContent: n,
   onRemove: c,
   className: o = ""
 }) {
-  const [u, d] = V(t), { attributes: m, listeners: h, setNodeRef: x, transform: g, transition: v, isDragging: C } = Se({ id: r }), T = {
-    transform: Be.Transform.toString(g),
-    transition: v,
+  const [u, d] = V(a), { attributes: m, listeners: h, setNodeRef: x, transform: f, transition: b, isDragging: C } = Be({ id: r }), T = {
+    transform: Me.Transform.toString(f),
+    transition: b,
     opacity: C ? 0.5 : 1
   };
   return /* @__PURE__ */ e.jsx(
@@ -1856,7 +2095,7 @@ function cr({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              _,
+              D,
               {
                 type: "button",
                 variant: "ghost",
@@ -1868,7 +2107,7 @@ function cr({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              _,
+              D,
               {
                 type: "button",
                 variant: "ghost",
@@ -1902,11 +2141,11 @@ function cr({
               {
                 className: "flex-1 text-sm text-text-secondary truncate cursor-pointer select-none",
                 onClick: () => d(!0),
-                children: a
+                children: t
               }
             ),
             /* @__PURE__ */ e.jsx(
-              _,
+              D,
               {
                 type: "button",
                 variant: "ghost",
@@ -1918,7 +2157,7 @@ function cr({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              _,
+              D,
               {
                 type: "button",
                 variant: "ghost",
@@ -1936,8 +2175,8 @@ function cr({
     }
   );
 }
-cr.displayName = "SortableItem";
-const ir = {
+jr.displayName = "SortableItem";
+const yr = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -1948,15 +2187,15 @@ const ir = {
 function R(...r) {
   return r.filter(Boolean).join(" ");
 }
-function ve({ item: r, colorScheme: s }) {
-  const [a, t] = V(r.current || r.children?.some((n) => n.current)), l = r.children && r.children.length > 0;
+function be({ 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",
       {
         href: l ? void 0 : r.href,
         onClick: (n) => {
-          l && (n.preventDefault(), t(!a));
+          l && (n.preventDefault(), a(!t));
         },
         className: R(
           r.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
@@ -1978,11 +2217,11 @@ function ve({ item: r, colorScheme: s }) {
             r.name
           ] }),
           l && /* @__PURE__ */ e.jsx(
-            ae,
+            te,
             {
               className: R(
                 "size-5 shrink-0 transition-transform",
-                a ? "rotate-180" : "",
+                t ? "rotate-180" : "",
                 r.current ? s.activeText : s.text
               )
             }
@@ -1990,7 +2229,7 @@ function ve({ item: r, colorScheme: s }) {
         ]
       }
     ) }),
-    l && a && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: r.children.map((n) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
+    l && t && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: r.children.map((n) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
         href: n.href,
@@ -2015,10 +2254,10 @@ function ve({ item: r, colorScheme: s }) {
     ) }, n.name)) })
   ] });
 }
-function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
+function ts({ company: r, profile: s, navigation: t, colorScheme: a = yr }) {
   const [l, n] = V(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(Me, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs(De, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
         _e,
         {
@@ -2027,16 +2266,16 @@ function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
         }
       ),
       /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ e.jsxs(
-        De,
+        Oe,
         {
           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(Oe, { 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(Ie, { 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(Re, { "aria-hidden": "true", className: "size-6 text-white" })
+              /* @__PURE__ */ e.jsx(we, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: R("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", t.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",
                 {
@@ -2045,13 +2284,13 @@ function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
                   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: a.map((c) => /* @__PURE__ */ e.jsx(ve, { item: c, colorScheme: t }, c.name)) }) }) }) })
+              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((c) => /* @__PURE__ */ e.jsx(be, { item: c, colorScheme: a }, c.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: R("flex grow flex-col gap-y-5 overflow-y-auto px-6", t.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",
         {
@@ -2061,15 +2300,15 @@ function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
         }
       ) }),
       /* @__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: a.map((c) => /* @__PURE__ */ e.jsx(ve, { item: c, colorScheme: t }, c.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((c) => /* @__PURE__ */ e.jsx(be, { item: c, colorScheme: a }, c.name)) }) }),
         /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
             href: "#",
             className: R(
               "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
-              t.activeText,
-              t.hoverBg
+              a.activeText,
+              a.hoverBg
             ),
             children: [
               /* @__PURE__ */ e.jsx(
@@ -2077,7 +2316,7 @@ function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
                 {
                   alt: s.name,
                   src: s.image,
-                  className: R("size-8 rounded-full", t.activeBg)
+                  className: R("size-8 rounded-full", a.activeBg)
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
@@ -2087,12 +2326,12 @@ function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
         ) })
       ] }) })
     ] }) }),
-    /* @__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", t.bg), children: [
-      /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => n(!0), className: R("-m-2.5 p-2.5 lg:hidden", t.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(Ae, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: R("flex-1 text-sm/6 font-semibold", t.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(
@@ -2100,14 +2339,14 @@ function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
           {
             alt: s.name,
             src: s.image,
-            className: R("size-8 rounded-full", t.activeBg)
+            className: R("size-8 rounded-full", a.activeBg)
           }
         )
       ] })
     ] })
   ] }) });
 }
-const dr = {
+const wr = {
   activeBg: "bg-reseda-green-700",
   activeText: "text-white",
   completedBg: "bg-success-500",
@@ -2118,57 +2357,57 @@ const dr = {
   labelInactiveText: "text-text-muted",
   connectorBg: "bg-border"
 };
-function Zr({ currentStep: r, steps: s, colorConfig: a }) {
-  const t = a || dr;
+function as({ currentStep: r, steps: s, colorConfig: t }) {
+  const a = t || wr;
   return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: s.map((l, n) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${n < s.length - 1 ? "flex-1" : ""}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: `flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${r === l.number ? `${t.activeBg} ${t.activeText}` : r > l.number ? `${t.completedBg} ${t.completedText}` : `border-2 ${t.incompleteBorder} ${t.incompleteText}`}`,
+          className: `flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${r === l.number ? `${a.activeBg} ${a.activeText}` : r > l.number ? `${a.completedBg} ${a.completedText}` : `border-2 ${a.incompleteBorder} ${a.incompleteText}`}`,
           children: l.number
         }
       ),
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: `ml-3 text-sm font-medium whitespace-nowrap ${r >= l.number ? t.labelActiveText : t.labelInactiveText}`,
+          className: `ml-3 text-sm font-medium whitespace-nowrap ${r >= l.number ? a.labelActiveText : a.labelInactiveText}`,
           children: l.label
         }
       )
     ] }),
-    n < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${t.connectorBg}` })
+    n < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${a.connectorBg}` })
   ] }, l.number)) }) });
 }
-const ur = {
+const Nr = {
   activeText: "text-reseda-green-700",
   activeBorder: "border-reseda-green-700",
   inactiveText: "text-text-secondary",
   inactiveHoverText: "hover:text-text-primary",
   disabledText: "text-text-disabled"
 };
-function Jr({ tabs: r, activeTab: s, disabled: a = !1, onChange: t, colorConfig: l }) {
-  const n = l || ur;
+function ns({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
+  const n = l || Nr;
   return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: r.map((c) => {
     const o = s === c.id;
     return /* @__PURE__ */ e.jsx(
-      _,
+      D,
       {
         variant: "ghost",
-        onClick: () => !a && t(c.id),
-        disabled: a && !o,
-        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${o ? `${n.activeBorder} ${n.activeText}` : a ? `border-transparent ${n.disabledText} cursor-not-allowed` : `border-transparent ${n.inactiveText} ${n.inactiveHoverText}`}`,
+        onClick: () => !t && a(c.id),
+        disabled: t && !o,
+        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${o ? `${n.activeBorder} ${n.activeText}` : t ? `border-transparent ${n.disabledText} cursor-not-allowed` : `border-transparent ${n.inactiveText} ${n.inactiveHoverText}`}`,
         children: c.label
       },
       c.id
     );
   }) });
 }
-function Xr({
+function ls({
   status: r,
   title: s,
-  message: a,
-  action: t,
+  message: t,
+  action: a,
   progress: l,
   className: n = ""
 }) {
@@ -2195,7 +2434,7 @@ function Xr({
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ e.jsx(be, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
     },
     loading: {
       bg: "bg-blue-50",
@@ -2211,7 +2450,7 @@ function Xr({
     ] }) : /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${o.text}`, children: o.icon }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
       /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${o.text}`, children: s }),
-      a && /* @__PURE__ */ e.jsx("p", { className: `text-xs ${o.text} mt-1`, children: a }),
+      t && /* @__PURE__ */ e.jsx("p", { className: `text-xs ${o.text} mt-1`, children: t }),
       l !== void 0 && /* @__PURE__ */ e.jsx("div", { className: "mt-2 w-full bg-gray-200 rounded-full h-2", children: /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -2220,24 +2459,24 @@ function Xr({
         }
       ) })
     ] }),
-    t && /* @__PURE__ */ e.jsx(
+    a && /* @__PURE__ */ e.jsx(
       "button",
       {
-        onClick: t.onClick,
+        onClick: a.onClick,
         className: `text-sm font-medium ${o.text} hover:opacity-70 flex-shrink-0`,
-        children: t.label
+        children: a.label
       }
     )
   ] }) });
 }
-const Ce = ({
+const ke = ({
   role: r,
   content: s,
-  timestamp: a,
-  className: t = ""
+  timestamp: t,
+  className: a = ""
 }) => {
   const l = r === "user";
-  return /* @__PURE__ */ e.jsxs("div", { className: `flex gap-3 ${l ? "justify-end" : "justify-start"} ${t}`, children: [
+  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(
@@ -2247,93 +2486,28 @@ const Ce = ({
           children: /* @__PURE__ */ e.jsx("p", { className: "text-sm whitespace-pre-wrap", children: s })
         }
       ),
-      a && /* @__PURE__ */ e.jsx("p", { className: `text-xs text-gray-400 mt-1 ${l ? "text-right" : ""}`, children: a.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+      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" }) })
   ] });
 };
-Ce.displayName = "ChatMessage";
-function mr({
-  title: r,
-  titleId: s,
-  ...a
-}, t) {
-  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: t,
-    "aria-labelledby": s
-  }, a), 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 xr = /* @__PURE__ */ j.forwardRef(mr);
-function hr({
-  title: r,
-  titleId: s,
-  ...a
-}, t) {
-  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: t,
-    "aria-labelledby": s
-  }, a), 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 fr = /* @__PURE__ */ j.forwardRef(hr);
-function gr({
-  title: r,
-  titleId: s,
-  ...a
-}, t) {
-  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: t,
-    "aria-labelledby": s
-  }, a), 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 vr = /* @__PURE__ */ j.forwardRef(gr), br = ({
+ke.displayName = "ChatMessage";
+const Cr = ({
   onSend: r,
   disabled: s = !1,
-  placeholder: a = "Ask a question about your resume or the job...",
-  maxLength: t = 2e3,
+  placeholder: t = "Ask a question about your resume or the job...",
+  maxLength: a = 2e3,
   className: l = ""
 }) => {
-  const [n, c] = V(""), o = Z(null);
-  U(() => {
+  const [n, c] = V(""), o = G(null);
+  I(() => {
     o.current && (o.current.style.height = "auto", o.current.style.height = `${o.current.scrollHeight}px`);
   }, [n]);
   const u = () => {
     n.trim() && !s && (r(n.trim()), c(""));
   }, d = (x) => {
     x.key === "Enter" && !x.shiftKey ? (x.preventDefault(), u()) : x.key === "Escape" && c("");
-  }, m = n.length > t, h = n.length > t * 0.9;
+  }, 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(
@@ -2343,7 +2517,7 @@ const vr = /* @__PURE__ */ j.forwardRef(gr), br = ({
           value: n,
           onChange: (x) => c(x.target.value),
           onKeyDown: d,
-          placeholder: a,
+          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",
@@ -2367,17 +2541,17 @@ const vr = /* @__PURE__ */ j.forwardRef(gr), br = ({
       h && /* @__PURE__ */ e.jsxs("p", { className: `text-xs ${m ? "text-red-500" : "text-gray-500"}`, children: [
         n.length,
         "/",
-        t
+        a
       ] })
     ] })
   ] });
 };
-br.displayName = "ChatInput";
-const ke = ({
+Cr.displayName = "ChatInput";
+const $e = ({
   message: r = "Thinking...",
   variant: s = "dots",
-  className: a = ""
-}) => /* @__PURE__ */ e.jsxs("div", { className: `flex gap-3 ${a}`, children: [
+  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: [
@@ -2400,18 +2574,18 @@ const ke = ({
     /* @__PURE__ */ e.jsx("span", { className: "text-sm text-gray-600", children: r })
   ] }) })
 ] });
-ke.displayName = "LoadingIndicator";
-const pr = ({
+$e.displayName = "LoadingIndicator";
+const kr = ({
   messages: r,
   isLoading: s = !1,
-  loadingMessage: a = "Thinking...",
-  error: t = null,
+  loadingMessage: t = "Thinking...",
+  error: a = null,
   onRetry: l,
   className: n = "",
   emptyStateMessage: c = "Start a conversation"
 }) => {
-  const o = Z(null), u = Z(null);
-  return U(() => {
+  const o = G(null), u = G(null);
+  return I(() => {
     o.current?.scrollIntoView({ behavior: "smooth" });
   }, [r, s]), /* @__PURE__ */ e.jsxs(
     "div",
@@ -2425,7 +2599,7 @@ const pr = ({
           /* @__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((d, m) => /* @__PURE__ */ e.jsx(
-          Ce,
+          ke,
           {
             role: d.role,
             content: d.content,
@@ -2434,16 +2608,16 @@ const pr = ({
           m
         )),
         s && /* @__PURE__ */ e.jsx(
-          ke,
+          $e,
           {
-            message: a,
+            message: t,
             variant: "dots"
           }
         ),
-        t && /* @__PURE__ */ e.jsxs("div", { className: "flex gap-3", children: [
+        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: t }),
+            /* @__PURE__ */ e.jsx("p", { className: "text-sm text-red-800", children: a }),
             l && /* @__PURE__ */ e.jsx(
               "button",
               {
@@ -2459,19 +2633,19 @@ const pr = ({
     }
   );
 };
-pr.displayName = "ChatContainer";
-const jr = ({
+kr.displayName = "ChatContainer";
+const $r = ({
   resumeName: r,
   jobTitle: s,
-  companyName: a,
-  matchScore: t,
+  companyName: t,
+  matchScore: a,
   onChangeResume: l,
   onChangeJob: n,
   className: c = ""
 }) => /* @__PURE__ */ e.jsx("div", { className: `border-b border-gray-200 bg-gray-50 p-4 ${c}`, 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(fr, { className: "w-5 h-5 text-gray-600 flex-shrink-0" }),
+      /* @__PURE__ */ e.jsx(gr, { 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 })
@@ -2489,12 +2663,12 @@ const jr = ({
   ] }),
   /* @__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(xr, { className: "w-5 h-5 text-gray-600 flex-shrink-0" }),
+      /* @__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 }),
-          a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500 truncate", children: a })
+          t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500 truncate", children: t })
         ] })
       ] })
     ] }),
@@ -2508,24 +2682,24 @@ const jr = ({
       }
     )
   ] }),
-  t !== void 0 && /* @__PURE__ */ e.jsxs("div", { className: "pt-2 border-t border-gray-200", children: [
+  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: [
-        t,
+        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 ${t >= 90 ? "bg-green-500" : t >= 75 ? "bg-blue-500" : t >= 60 ? "bg-yellow-500" : "bg-red-500"}`,
-        style: { width: `${t}%` }
+        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}%` }
       }
     ) })
   ] })
 ] }) });
-jr.displayName = "AnalysisSummaryBar";
+$r.displayName = "AnalysisSummaryBar";
 const re = {
   semantic: {
     none: "bg-error-50 border-error-200 text-error-700",
@@ -2542,7 +2716,7 @@ const re = {
     partial: "bg-surface border-warning-300 text-warning-700",
     full: "bg-surface border-success-300 text-success-700"
   }
-}, yr = {
+}, Vr = {
   semantic: {
     required: "bg-error-600 text-white",
     preferred: "bg-reseda-green-600 text-white",
@@ -2558,12 +2732,12 @@ const re = {
     preferred: "bg-reseda-green-700 text-reseda-green-100",
     "nice-to-have": "bg-khaki-700 text-khaki-100"
   }
-}, wr = ({
+}, Tr = ({
   skills: r,
   className: s = "",
-  colorPreset: a = "semantic"
+  colorPreset: t = "semantic"
 }) => {
-  const t = (o) => !o.matched || o.match_level === "none" ? "✗" : o.match_level === "partial" ? "~" : "✓", l = (o) => !o.matched || o.match_level === "none" ? re[a].none : o.match_level === "partial" ? re[a].partial : re[a].full, n = (o) => yr[a][o], c = (o, u) => !u || u.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "mb-4", children: [
+  const a = (o) => !o.matched || o.match_level === "none" ? "✗" : o.match_level === "partial" ? "~" : "✓", l = (o) => !o.matched || o.match_level === "none" ? re[t].none : o.match_level === "partial" ? re[t].partial : re[t].full, n = (o) => Vr[t][o], c = (o, u) => !u || u.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "mb-4", children: [
     /* @__PURE__ */ e.jsxs("p", { className: "text-xs font-semibold text-text-secondary mb-2", children: [
       o,
       ":"
@@ -2576,7 +2750,7 @@ const re = {
         )}`,
         children: [
           /* @__PURE__ */ e.jsxs("span", { className: "text-sm font-medium", children: [
-            t(d),
+            a(d),
             " ",
             d.name
           ] }),
@@ -2599,12 +2773,12 @@ const re = {
     c("Soft Skills", r.soft || [])
   ] });
 };
-wr.displayName = "SkillTags";
-const Nr = ({
+Tr.displayName = "SkillTags";
+const Er = ({
   score: r,
   showLabel: s = !0,
-  size: a = "md",
-  className: t = ""
+  size: t = "md",
+  className: a = ""
 }) => {
   const l = Math.min(Math.max(r, 0), 100), n = (d) => d >= 90 ? "bg-green-500" : d >= 75 ? "bg-blue-500" : d >= 60 ? "bg-yellow-500" : "bg-red-500", c = (d) => d >= 90 ? "Excellent match!" : d >= 75 ? "Good match" : d >= 60 ? "Fair match" : "Poor match", o = {
     sm: "h-2",
@@ -2615,33 +2789,33 @@ const Nr = ({
     md: "text-sm",
     lg: "text-base"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: t, children: [
+  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 ${u[a]}`, children: "Match Score" }),
-      /* @__PURE__ */ e.jsxs("p", { className: `font-semibold ${u[a]} ${n(l).replace("bg-", "text-")}`, children: [
+      /* @__PURE__ */ e.jsx("p", { className: `font-medium text-gray-700 ${u[t]}`, children: "Match Score" }),
+      /* @__PURE__ */ e.jsxs("p", { className: `font-semibold ${u[t]} ${n(l).replace("bg-", "text-")}`, children: [
         l,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: `w-full bg-gray-200 rounded-full overflow-hidden ${o[a]}`, children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: `w-full bg-gray-200 rounded-full overflow-hidden ${o[t]}`, children: /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `${n(l)} ${o[a]} rounded-full transition-all duration-500 ease-out`,
+        className: `${n(l)} ${o[t]} rounded-full transition-all duration-500 ease-out`,
         style: { width: `${l}%` }
       }
     ) }),
-    s && /* @__PURE__ */ e.jsx("p", { className: `text-gray-600 mt-1 ${u[a]}`, children: c(l) })
+    s && /* @__PURE__ */ e.jsx("p", { className: `text-gray-600 mt-1 ${u[t]}`, children: c(l) })
   ] });
 };
-Nr.displayName = "MatchScoreBar";
-const Cr = ({
+Er.displayName = "MatchScoreBar";
+const Rr = ({
   responsibilities: r,
   className: s = ""
 }) => {
-  const a = r.reduce(
+  const t = r.reduce(
     (l, n) => (l[n.category] || (l[n.category] = []), l[n.category].push(n), l),
     {}
-  ), t = (l) => {
+  ), a = (l) => {
     switch (l) {
       case "high":
         return "bg-red-100 text-red-800";
@@ -2651,7 +2825,7 @@ const Cr = ({
         return "bg-gray-100 text-gray-800";
     }
   };
-  return /* @__PURE__ */ e.jsx("div", { className: s, children: Object.entries(a).map(([l, n]) => /* @__PURE__ */ e.jsxs("div", { className: "mb-4", children: [
+  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((c) => c.importance === "high") && /* @__PURE__ */ e.jsx("span", { className: "inline-block w-2 h-2 bg-red-600 rounded-full" }),
@@ -2664,7 +2838,7 @@ const Cr = ({
         c.importance !== "low" && /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: `inline-block text-xs px-2 py-0.5 rounded mt-1 ${t(
+            className: `inline-block text-xs px-2 py-0.5 rounded mt-1 ${a(
               c.importance
             )}`,
             children: c.importance === "high" ? "High Priority" : "Medium Priority"
@@ -2674,53 +2848,55 @@ const Cr = ({
     ] }, o)) })
   ] }, l)) });
 };
-Cr.displayName = "ResponsibilitiesList";
+Rr.displayName = "ResponsibilitiesList";
 export {
-  Lr as Accordion,
-  Fr as ActionCard,
-  G as Alert,
-  jr as AnalysisSummaryBar,
-  er as Badge,
-  _ as Button,
-  Ur as Card,
-  pr as ChatContainer,
-  br as ChatInput,
-  Ce as ChatMessage,
-  Ir as CheckboxGroup,
-  Ye as ColorPalette,
-  _r as Demo,
-  Hr as DetailPanel,
-  Or as FileUpload,
-  Dr as FormField,
-  Ze as Input,
-  ke as LoadingIndicator,
-  Nr as MatchScoreBar,
-  qr as OptionCard,
-  Wr as PageHeader,
-  Pr as RadioGroup,
-  Cr as ResponsibilitiesList,
-  Yr as Section,
-  Je as Select,
-  Gr as Sidebar,
-  wr as SkillTags,
-  or as Slider,
-  nr as SocialButton,
-  cr as SortableItem,
-  zr as StatsGrid,
-  Xr as StatusBanner,
-  Zr as Stepper,
-  Jr as TabBar,
-  rr as TagInput,
-  lr as Textarea,
-  He as ThemeProvider,
+  qr as Accordion,
+  Gr as ActionCard,
+  q as Alert,
+  $r as AnalysisSummaryBar,
+  rr as Badge,
+  D as Button,
+  Jr as Card,
+  kr as ChatContainer,
+  Cr as ChatInput,
+  ke as ChatMessage,
+  Hr as CheckboxGroup,
+  He as ColorPalette,
+  Fr as Demo,
+  Qr as DetailPanel,
+  Xr as Drawer,
+  Yr as FileUpload,
+  Ur as FormField,
+  Je as Input,
+  $e as LoadingIndicator,
+  Er as MatchScoreBar,
+  rs as OptionCard,
+  es as PageHeader,
+  Wr as RadioGroup,
+  Rr as ResponsibilitiesList,
+  Kr as Section,
+  Xe as Select,
+  ss as SelectableRadioOption,
+  ts as Sidebar,
+  Tr as SkillTags,
+  dr as Slider,
+  lr as SocialButton,
+  jr as SortableItem,
+  Zr as StatsGrid,
+  ls as StatusBanner,
+  as as Stepper,
+  ns as TabBar,
+  sr as TagInput,
+  or as Textarea,
+  We as ThemeProvider,
   qe as ThemeToggle,
-  Br as clearAllErrors,
-  Sr as clearFieldError,
-  Ar as getFirstError,
-  Pe as hasErrors,
-  Mr as useForm,
-  We as useTheme,
-  Ie as validateField,
+  zr as clearAllErrors,
+  Pr as clearFieldError,
+  Ir as getFirstError,
+  ze as hasErrors,
+  Lr as useForm,
+  Ze as useTheme,
+  Pe as validateField,
   ee as validateForm,
-  Rr as validators
+  Or as validators
 };