acemyjob-ui 2.0.4 → 2.0.7

package/dist/acemyjob-ui.es.js

@@ -1,11 +1,11 @@
 import * as j from "react";
-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 = {
+import P, { useState as $, useCallback as M, createContext as Se, useEffect as D, useContext as Ae, useRef as W } from "react";
+import { ChevronDownIcon as te, InformationCircleIcon as je, ExclamationCircleIcon as ye, XCircleIcon as we, CheckCircleIcon as Ne, XMarkIcon as Ce, CheckIcon as Be, Bars3Icon as Me } from "@heroicons/react/24/outline";
+import { createPortal as De } from "react-dom";
+import { useSortable as _e } from "@dnd-kit/sortable";
+import { CSS as Oe } from "@dnd-kit/utilities";
+import { Dialog as Ie, DialogBackdrop as Pe, DialogPanel as ze, TransitionChild as Le } from "@headlessui/react";
+const Fr = {
   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
@@ -60,7 +60,7 @@ const Or = {
     message: s
   })
 };
-function Pe(r, s) {
+function Fe(r, s) {
   for (const t of s)
     if (!t.validate(r))
       return t.message;
@@ -69,48 +69,48 @@ function Pe(r, s) {
 function ee(r, s) {
   const t = {};
   for (const [a, l] of Object.entries(s)) {
-    const n = r[a], c = Pe(n, l);
+    const n = r[a], c = Fe(n, l);
     t[a] = c;
   }
   return t;
 }
-function ze(r) {
+function Ue(r) {
   return Object.values(r).some((s) => s !== null);
 }
-function Ir(r) {
+function Ur(r) {
   for (const s of Object.values(r))
     if (s !== null)
       return s;
   return null;
 }
-function Pr(r, s) {
+function Yr(r, s) {
   return {
     ...r,
     [s]: null
   };
 }
-function zr(r) {
+function Hr(r) {
   const s = {};
   for (const t of Object.keys(r))
     s[t] = null;
   return s;
 }
-function Lr({
+function Wr({
   initialValues: r,
   validationRules: s = {},
   onSubmit: t
 }) {
-  const [a, l] = V(r), [n, c] = V({}), [o, u] = V({}), [d, m] = V(!1), h = JSON.stringify(a) !== JSON.stringify(r), x = M(
+  const [a, l] = $(r), [n, c] = $({}), [o, m] = $({}), [u, d] = $(!1), x = JSON.stringify(a) !== JSON.stringify(r), h = M(
     (p) => {
-      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) => ({
+      const { name: v, value: C, type: A } = p.target;
+      let F = C;
+      if (A === "checkbox" ? F = p.target.checked : A === "number" && (F = C ? Number(C) : ""), l((z) => ({
         ...z,
         [v]: F
       })), s[v]) {
         const z = ee({ [v]: F }, { [v]: s[v] });
-        c((W) => ({
-          ...W,
+        c((q) => ({
+          ...q,
           [v]: z[v]
         }));
       }
@@ -119,62 +119,62 @@ function Lr({
   ), f = M(
     (p) => {
       const { name: v } = p.target;
-      u((w) => ({
-        ...w,
+      m((C) => ({
+        ...C,
         [v]: !0
       }));
     },
     []
-  ), b = M((p, v) => {
-    if (l((w) => ({
-      ...w,
+  ), g = M((p, v) => {
+    if (l((C) => ({
+      ...C,
       [p]: v
     })), s[p]) {
-      const w = ee({ [p]: v }, { [p]: s[p] });
-      c((S) => ({
-        ...S,
-        [p]: w[p]
+      const C = ee({ [p]: v }, { [p]: s[p] });
+      c((A) => ({
+        ...A,
+        [p]: C[p]
       }));
     }
-  }, [s]), C = M((p, v) => {
-    c((w) => ({
-      ...w,
+  }, [s]), y = M((p, v) => {
+    c((C) => ({
+      ...C,
       [p]: v
     }));
-  }, []), T = M(
+  }, []), V = M(
     async (p) => {
       p.preventDefault();
       const v = ee(a, s);
       c(v);
-      const w = {};
-      for (const S of Object.keys(a))
-        w[S] = !0;
-      if (u(w), !ze(v) && t) {
-        m(!0);
+      const C = {};
+      for (const A of Object.keys(a))
+        C[A] = !0;
+      if (m(C), !Ue(v) && t) {
+        d(!0);
         try {
           await t(a);
-        } catch (S) {
-          console.error("Form submission error:", S);
+        } catch (A) {
+          console.error("Form submission error:", A);
         } finally {
-          m(!1);
+          d(!1);
         }
       }
     },
     [a, s, t]
-  ), E = M(() => {
-    l(r), c({}), u({}), m(!1);
-  }, [r]), A = M(
+  ), R = M(() => {
+    l(r), c({}), m({}), d(!1);
+  }, [r]), k = M(
     (p) => ({
       name: p,
       value: a[p] || "",
-      onChange: x,
+      onChange: h,
       onBlur: f
     }),
-    [a, x, f]
+    [a, h, f]
   ), N = M(
     (p) => n[p] || null,
     [n]
-  ), _ = M(
+  ), O = M(
     (p) => o[p] || !1,
     [o]
   ), L = M(
@@ -185,17 +185,17 @@ function Lr({
     values: a,
     errors: n,
     touched: o,
-    isSubmitting: d,
-    isDirty: h,
-    handleChange: x,
+    isSubmitting: u,
+    isDirty: x,
+    handleChange: h,
     handleBlur: f,
-    setFieldValue: b,
-    setFieldError: C,
-    handleSubmit: T,
-    resetForm: E,
-    getFieldProps: A,
+    setFieldValue: g,
+    setFieldError: y,
+    handleSubmit: V,
+    resetForm: R,
+    getFieldProps: k,
     getFieldError: N,
-    isFieldTouched: _,
+    isFieldTouched: O,
     isFieldDirty: L
   };
 }
@@ -210,7 +210,7 @@ var Z = { exports: {} }, Y = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ie;
-function Le() {
+function Ye() {
   if (ie) return Y;
   ie = 1;
   var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
@@ -242,7 +242,7 @@ var H = {};
  * LICENSE file in the root directory of this source tree.
  */
 var de;
-function Fe() {
+function He() {
   return de || (de = 1, process.env.NODE_ENV !== "production" && function() {
     function r(i) {
       if (i == null) return null;
@@ -250,38 +250,38 @@ function Fe() {
         return i.$$typeof === F ? null : i.displayName || i.name || null;
       if (typeof i == "string") return i;
       switch (i) {
-        case C:
+        case y:
           return "Fragment";
-        case E:
+        case R:
           return "Profiler";
-        case T:
+        case V:
           return "StrictMode";
         case L:
           return "Suspense";
         case p:
           return "SuspenseList";
-        case S:
+        case A:
           return "Activity";
       }
       if (typeof i == "object")
         switch (typeof i.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), i.$$typeof) {
-          case b:
+          case g:
             return "Portal";
           case N:
             return (i.displayName || "Context") + ".Provider";
-          case A:
+          case k:
             return (i._context.displayName || "Context") + ".Consumer";
-          case _:
-            var g = i.render;
-            return i = i.displayName, i || (i = g.displayName || g.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case O:
+            var b = i.render;
+            return i = i.displayName, i || (i = b.displayName || b.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
           case v:
-            return g = i.displayName || null, g !== null ? g : r(i.type) || "Memo";
-          case w:
-            g = i._payload, i = i._init;
+            return b = i.displayName || null, b !== null ? b : r(i.type) || "Memo";
+          case C:
+            b = i._payload, i = i._init;
             try {
-              return r(i(g));
+              return r(i(b));
             } catch {
             }
         }
@@ -293,27 +293,27 @@ function Fe() {
     function t(i) {
       try {
         s(i);
-        var g = !1;
+        var b = !1;
       } catch {
-        g = !0;
+        b = !0;
       }
-      if (g) {
-        g = console;
-        var y = g.error, k = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return y.call(
-          g,
+      if (b) {
+        b = console;
+        var w = b.error, T = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return w.call(
+          b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          k
+          T
         ), s(i);
       }
     }
     function a(i) {
-      if (i === C) return "<>";
-      if (typeof i == "object" && i !== null && i.$$typeof === w)
+      if (i === y) return "<>";
+      if (typeof i == "object" && i !== null && i.$$typeof === C)
         return "<...>";
       try {
-        var g = r(i);
-        return g ? "<" + g + ">" : "<...>";
+        var b = r(i);
+        return b ? "<" + b + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -326,40 +326,40 @@ function Fe() {
       return Error("react-stack-top-frame");
     }
     function c(i) {
-      if (W.call(i, "key")) {
-        var g = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (g && g.isReactWarning) return !1;
+      if (q.call(i, "key")) {
+        var b = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (b && b.isReactWarning) return !1;
       }
       return i.key !== void 0;
     }
-    function o(i, g) {
-      function y() {
+    function o(i, b) {
+      function w() {
         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)",
-          g
+          b
         ));
       }
-      y.isReactWarning = !0, Object.defineProperty(i, "key", {
-        get: y,
+      w.isReactWarning = !0, Object.defineProperty(i, "key", {
+        get: w,
         configurable: !0
       });
     }
-    function u() {
+    function m() {
       var i = r(this.type);
       return ne[i] || (ne[i] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), i = this.props.ref, i !== void 0 ? i : null;
     }
-    function d(i, g, y, k, O, B, X, K) {
-      return y = B.ref, i = {
+    function u(i, b, w, T, I, B, X, K) {
+      return w = B.ref, i = {
         $$typeof: f,
         type: i,
-        key: g,
+        key: b,
         props: B,
-        _owner: O
-      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(i, "ref", {
+        _owner: I
+      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(i, "ref", {
         enumerable: !1,
-        get: u
+        get: m
       }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -382,92 +382,92 @@ function Fe() {
         value: K
       }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function m(i, g, y, k, O, B, X, K) {
-      var $ = g.children;
-      if ($ !== void 0)
-        if (k)
-          if (Ve($)) {
-            for (k = 0; k < $.length; k++)
-              h($[k]);
-            Object.freeze && Object.freeze($);
+    function d(i, b, w, T, I, B, X, K) {
+      var E = b.children;
+      if (E !== void 0)
+        if (T)
+          if (Ee(E)) {
+            for (T = 0; T < E.length; T++)
+              x(E[T]);
+            Object.freeze && Object.freeze(E);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h($);
-      if (W.call(g, "key")) {
-        $ = r(i);
-        var U = Object.keys(g).filter(function(Te) {
-          return Te !== "key";
+        else x(E);
+      if (q.call(b, "key")) {
+        E = r(i);
+        var U = Object.keys(b).filter(function(Re) {
+          return Re !== "key";
         });
-        k = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", ce[$ + k] || (U = 0 < U.length ? "{" + U.join(": ..., ") + ": ...}" : "{}", console.error(
+        T = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", ce[E + T] || (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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          k,
-          $,
+          T,
+          E,
           U,
-          $
-        ), ce[$ + k] = !0);
+          E
+        ), ce[E + T] = !0);
       }
-      if ($ = null, y !== void 0 && (t(y), $ = "" + y), c(g) && (t(g.key), $ = "" + g.key), "key" in g) {
-        y = {};
-        for (var Q in g)
-          Q !== "key" && (y[Q] = g[Q]);
-      } else y = g;
-      return $ && o(
-        y,
+      if (E = null, w !== void 0 && (t(w), E = "" + w), c(b) && (t(b.key), E = "" + b.key), "key" in b) {
+        w = {};
+        for (var Q in b)
+          Q !== "key" && (w[Q] = b[Q]);
+      } else w = b;
+      return E && o(
+        w,
         typeof i == "function" ? i.displayName || i.name || "Unknown" : i
-      ), d(
+      ), u(
         i,
-        $,
+        E,
         B,
-        O,
+        I,
         l(),
-        y,
+        w,
         X,
         K
       );
     }
-    function h(i) {
+    function x(i) {
       typeof i == "object" && i !== null && i.$$typeof === f && i._store && (i._store.validated = 1);
     }
-    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() {
+    var h = P, f = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), N = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), z = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, Ee = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
+    h = {
       "react-stack-bottom-frame": function(i) {
         return i();
       }
     };
-    var ae, ne = {}, le = x["react-stack-bottom-frame"].bind(
-      x,
+    var ae, ne = {}, le = h["react-stack-bottom-frame"].bind(
+      h,
       n
     )(), oe = J(a(n)), ce = {};
-    H.Fragment = C, H.jsx = function(i, g, y, k, O) {
+    H.Fragment = y, H.jsx = function(i, b, w, T, I) {
       var B = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return m(
+      return d(
         i,
-        g,
-        y,
+        b,
+        w,
         !1,
-        k,
-        O,
+        T,
+        I,
         B ? Error("react-stack-top-frame") : le,
         B ? J(a(i)) : oe
       );
-    }, H.jsxs = function(i, g, y, k, O) {
+    }, H.jsxs = function(i, b, w, T, I) {
       var B = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return m(
+      return d(
         i,
-        g,
-        y,
+        b,
+        w,
         !0,
-        k,
-        O,
+        T,
+        I,
         B ? Error("react-stack-top-frame") : le,
         B ? J(a(i)) : oe
       );
@@ -475,17 +475,17 @@ React keys must be passed directly to JSX without using spread:
   }()), H;
 }
 var ue;
-function Ue() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? Z.exports = Le() : Z.exports = Fe()), Z.exports;
+function We() {
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? Z.exports = Ye() : Z.exports = He()), Z.exports;
 }
-var e = Ue();
-const Ne = (r) => r.replace("--color-", "bg-"), Ye = ({ name: r, cssVar: s, value: t }) => {
+var e = We();
+const ke = (r) => r.replace("--color-", "bg-"), qe = ({ 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 ${Ne(s)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ke(s)}`
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -496,8 +496,8 @@ const Ne = (r) => r.replace("--color-", "bg-"), Ye = ({ name: r, cssVar: s, valu
   ] });
 }, 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((t) => /* @__PURE__ */ e.jsx(Ye, { ...t }, t.name)) })
-] }), He = () => {
+  /* @__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(qe, { ...t }, t.name)) })
+] }), Ze = () => {
   const r = [
     {
       title: "Success Colors (Green)",
@@ -721,7 +721,7 @@ const Ne = (r) => r.replace("--color-", "bg-"), Ye = ({ name: r, cssVar: s, valu
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${Ne(a.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${ke(a.cssVar)}`
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
@@ -732,42 +732,42 @@ const Ne = (r) => r.replace("--color-", "bg-"), Ye = ({ name: r, cssVar: s, valu
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "text-center pt-8 border-t border-border-subtle", children: /* @__PURE__ */ e.jsx("p", { className: "text-text-muted text-sm", children: "Toggle between light and dark themes to see how semantic colors adapt" }) })
   ] });
-}, Ce = Ee(void 0), We = ({
+}, $e = Se(void 0), Ge = ({
   children: r,
   defaultTheme: s = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [a, l] = V(s), [n, c] = V("light"), [o, u] = V(!1);
-  I(() => {
-    const m = localStorage.getItem(t);
-    m && l(m), u(!0);
-  }, [t]), I(() => {
+  const [a, l] = $(s), [n, c] = $("light"), [o, m] = $(!1);
+  D(() => {
+    const d = localStorage.getItem(t);
+    d && l(d), m(!0);
+  }, [t]), D(() => {
     if (!o) return;
-    const m = window.document.documentElement, h = () => {
-      let 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);
+    const d = window.document.documentElement, x = () => {
+      let h;
+      a === "system" ? h = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : h = a, c(h), d.classList.remove("light", "dark"), d.classList.add(h);
     };
-    if (h(), a === "system") {
-      const x = window.matchMedia("(prefers-color-scheme: dark)"), f = () => h();
-      return x.addEventListener("change", f), () => x.removeEventListener("change", f);
+    if (x(), a === "system") {
+      const h = window.matchMedia("(prefers-color-scheme: dark)"), f = () => x();
+      return h.addEventListener("change", f), () => h.removeEventListener("change", f);
     }
   }, [a, o]);
-  const d = {
+  const u = {
     theme: a,
-    setTheme: (m) => {
-      localStorage.setItem(t, m), l(m);
+    setTheme: (d) => {
+      localStorage.setItem(t, d), l(d);
     },
     resolvedTheme: n
   };
-  return /* @__PURE__ */ e.jsx(Ce.Provider, { value: d, children: r });
-}, Ze = () => {
-  const r = Re(Ce);
+  return /* @__PURE__ */ e.jsx($e.Provider, { value: u, children: r });
+}, Je = () => {
+  const r = Ae($e);
   if (r === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return r;
-}, qe = () => {
-  const { theme: r, setTheme: s } = Ze(), [t, a] = V(!1);
-  if (I(() => {
+}, Xe = () => {
+  const { theme: r, setTheme: s } = Je(), [t, a] = $(!1);
+  if (D(() => {
     a(!0);
   }, []), !t)
     return /* @__PURE__ */ e.jsxs(
@@ -814,11 +814,11 @@ const Ne = (r) => r.replace("--color-", "bg-"), Ye = ({ 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(He, {})
-] }), Fr = () => /* @__PURE__ */ e.jsx(We, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Ge, {}) });
-function Ur({
+}, Ke = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Xe, {}) }),
+  /* @__PURE__ */ e.jsx(Ze, {})
+] }), qr = () => /* @__PURE__ */ e.jsx(Ge, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Ke, {}) });
+function Zr({
   label: r,
   children: s,
   helperText: t,
@@ -836,7 +836,7 @@ function Ur({
     t && !a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: t })
   ] });
 }
-const Je = P.forwardRef(
+const Qe = P.forwardRef(
   ({
     className: r = "",
     leftIcon: s,
@@ -846,8 +846,8 @@ const Je = P.forwardRef(
     disabled: n,
     ...c
   }, o) => {
-    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: [
+    const m = "px-3 py-2 border rounded-lg transition-colors text-sm", u = a ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent", d = n ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary", x = l ? "w-full" : "", h = s || t ? "relative flex items-center" : "", f = `${m} ${u} ${d} ${x} ${s ? "pl-10" : ""} ${t ? "pr-10" : ""} ${r}`;
+    return /* @__PURE__ */ e.jsxs("div", { className: h, children: [
       s && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 flex items-center pointer-events-none text-text-muted", children: s }),
       /* @__PURE__ */ e.jsx(
         "input",
@@ -862,8 +862,8 @@ const Je = P.forwardRef(
     ] });
   }
 );
-Je.displayName = "Input";
-const Xe = P.forwardRef(
+Qe.displayName = "Input";
+const er = P.forwardRef(
   ({
     options: r,
     placeholder: s,
@@ -873,13 +873,13 @@ const Xe = P.forwardRef(
     disabled: n,
     ...c
   }, o) => {
-    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}`;
+    const h = `px-3 py-2 border rounded-lg transition-colors text-sm appearance-none ${a ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${n ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${l ? "w-full" : ""} pr-10 ${t}`;
     return /* @__PURE__ */ e.jsxs("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ e.jsxs(
         "select",
         {
           ref: o,
-          className: x,
+          className: h,
           disabled: n,
           ...c,
           children: [
@@ -892,8 +892,8 @@ const Xe = P.forwardRef(
     ] });
   }
 );
-Xe.displayName = "Select";
-function Ke({
+er.displayName = "Select";
+function rr({
   title: r,
   titleId: s,
   ...t
@@ -914,8 +914,8 @@ function Ke({
     clipRule: "evenodd"
   }));
 }
-const xe = /* @__PURE__ */ j.forwardRef(Ke);
-function Qe({
+const xe = /* @__PURE__ */ j.forwardRef(rr);
+function sr({
   title: r,
   titleId: s,
   ...t
@@ -936,8 +936,8 @@ function Qe({
     clipRule: "evenodd"
   }));
 }
-const he = /* @__PURE__ */ j.forwardRef(Qe);
-function er({
+const he = /* @__PURE__ */ j.forwardRef(sr);
+function tr({
   title: r,
   titleId: s,
   ...t
@@ -956,8 +956,8 @@ function er({
     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(er);
-function rr({
+const se = /* @__PURE__ */ j.forwardRef(tr);
+function ar({
   children: r,
   variant: s = "default",
   size: t = "md",
@@ -967,21 +967,21 @@ function rr({
   style: c,
   colorClass: o
 }) {
-  const u = {
+  const m = {
     default: "bg-surface-variant text-text-secondary",
     success: "bg-success-50 text-success-700",
     error: "bg-error-50 text-error-700",
     warning: "bg-warning-50 text-warning-700",
     info: "bg-info-50 text-info-700"
-  }, d = {
+  }, u = {
     sm: "px-2 py-0.5 text-xs",
     md: "px-3 py-1 text-sm",
     lg: "px-4 py-1.5 text-base"
-  }, m = o || u[s];
+  }, d = o || m[s];
   return /* @__PURE__ */ e.jsxs(
     "span",
     {
-      className: `inline-flex items-center gap-1 rounded-full ${m} ${d[t]} ${n}`,
+      className: `inline-flex items-center gap-1 rounded-full ${d} ${u[t]} ${n}`,
       style: c,
       children: [
         r,
@@ -998,7 +998,7 @@ function rr({
     }
   );
 }
-const sr = P.forwardRef(
+const nr = P.forwardRef(
   ({
     tags: r,
     onTagsChange: s,
@@ -1008,28 +1008,28 @@ const sr = P.forwardRef(
     error: n = !1,
     fullWidth: c = !0,
     maxTags: o,
-    duplicateCheck: u = !0,
-    disabled: d,
-    className: m = "",
-    ...h
-  }, x) => {
-    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))
+    duplicateCheck: m = !0,
+    disabled: u,
+    className: d = "",
+    ...x
+  }, h) => {
+    const [f, g] = $(""), y = (v) => {
+      v.key === "Enter" && f.trim() ? (v.preventDefault(), V(f.trim())) : v.key === "Backspace" && !f && r.length > 0 && R(r[r.length - 1]);
+    }, V = (v) => {
+      if (o && r.length >= o || m && r.includes(v))
         return;
-      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}`;
+      const C = [...r, v];
+      s(C), t?.(v), g("");
+    }, R = (v) => {
+      const C = r.filter((A) => A !== v);
+      s(C), 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"} ${u ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${c ? "w-full" : ""} ${d}`;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: r.map((v) => /* @__PURE__ */ e.jsx(
-        rr,
+        ar,
         {
           removable: !0,
-          onRemove: () => E(v),
+          onRemove: () => R(v),
           variant: "default",
           children: v
         },
@@ -1038,15 +1038,15 @@ const sr = P.forwardRef(
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: x,
+          ref: h,
           type: "text",
           className: p,
           placeholder: l,
           value: f,
-          onChange: (v) => b(v.target.value),
-          onKeyDown: C,
-          disabled: d || (o ? r.length >= o : !1),
-          ...h
+          onChange: (v) => g(v.target.value),
+          onKeyDown: y,
+          disabled: u || (o ? r.length >= o : !1),
+          ...x
         }
       ),
       o && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted", children: [
@@ -1057,7 +1057,7 @@ const sr = P.forwardRef(
     ] });
   }
 );
-sr.displayName = "TagInput";
+nr.displayName = "TagInput";
 const fe = {
   variant: {
     default: "bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",
@@ -1076,7 +1076,7 @@ const fe = {
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, 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(
+}, lr = "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", or = (...r) => r.filter(Boolean).join(" "), _ = P.forwardRef(
   ({
     className: r,
     variant: s = "default",
@@ -1086,11 +1086,11 @@ const fe = {
     leftIcon: n,
     rightIcon: c,
     children: o,
-    disabled: u,
-    ...d
-  }, m) => {
-    const h = u || l, x = ar(
-      tr,
+    disabled: m,
+    ...u
+  }, d) => {
+    const x = m || l, h = or(
+      lr,
       fe.variant[s],
       fe.size[t],
       a ? "w-full" : "",
@@ -1099,10 +1099,10 @@ const fe = {
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
-        className: x,
-        ref: m,
-        disabled: h,
-        ...d,
+        className: h,
+        ref: d,
+        disabled: x,
+        ...u,
         children: [
           l && /* @__PURE__ */ e.jsxs(
             "svg",
@@ -1142,7 +1142,7 @@ const fe = {
     );
   }
 );
-D.displayName = "Button";
+_.displayName = "Button";
 const ge = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
@@ -1152,7 +1152,7 @@ const ge = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, nr = (...r) => r.filter(Boolean).join(" "), lr = P.forwardRef(
+}, cr = (...r) => r.filter(Boolean).join(" "), ir = P.forwardRef(
   ({
     className: r,
     provider: s,
@@ -1162,39 +1162,39 @@ const ge = {
     children: n,
     size: c = "default",
     fullWidth: o = !0,
-    ...u
-  }, d) => {
-    const h = a || {
+    ...m
+  }, u) => {
+    const x = 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], f = n || (l ? {
       linkedin: "Continue with LinkedIn"
-    }[s] : ""), b = nr(
+    }[s] : ""), g = cr(
       "relative overflow-hidden transition-all duration-200",
       ge.provider[s],
       ge.iconPosition[t],
       r
     );
     return /* @__PURE__ */ e.jsxs(
-      D,
+      _,
       {
-        ref: d,
+        ref: u,
         variant: "none",
-        className: b,
+        className: g,
         size: c,
         fullWidth: o,
-        leftIcon: t === "left" ? h : void 0,
-        rightIcon: t === "right" ? h : void 0,
-        ...u,
+        leftIcon: t === "left" ? x : void 0,
+        rightIcon: t === "right" ? x : void 0,
+        ...m,
         children: [
-          t === "only" && h,
+          t === "only" && x,
           t !== "only" && f
         ]
       }
     );
   }
 );
-lr.displayName = "SocialButton";
-function q({
+ir.displayName = "SocialButton";
+function G({
   variant: r,
   title: s,
   message: t,
@@ -1207,25 +1207,25 @@ function q({
       bg: "bg-success-50",
       border: "border-success-200",
       text: "text-success-700",
-      icon: /* @__PURE__ */ e.jsx(ye, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(Ne, { className: "h-5 w-5" })
     },
     error: {
       bg: "bg-error-50",
       border: "border-error-200",
       text: "text-error-700",
-      icon: /* @__PURE__ */ e.jsx(je, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(we, { className: "h-5 w-5" })
     },
     warning: {
       bg: "bg-warning-50",
       border: "border-warning-200",
       text: "text-warning-700",
-      icon: /* @__PURE__ */ e.jsx(pe, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ye, { className: "h-5 w-5" })
     },
     info: {
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(je, { className: "h-5 w-5" })
     }
   }[r];
   return /* @__PURE__ */ e.jsx(
@@ -1252,7 +1252,7 @@ function q({
     }
   );
 }
-function Yr({
+function Gr({
   onFileChange: r,
   onAnalyze: s,
   uploadedFile: t,
@@ -1261,52 +1261,52 @@ function Yr({
   isAnalyzing: n = !1,
   analyzeError: c,
   analyzeSuccess: o,
-  accept: u = ".pdf,.docx",
-  label: d = "Upload File",
-  description: m = "PDF, DOCX up to 5MB",
-  analyzeButtonLabel: h = "Analyze",
-  disabled: x = !1,
+  accept: m = ".pdf,.docx",
+  label: u = "Upload File",
+  description: d = "PDF, DOCX up to 5MB",
+  analyzeButtonLabel: x = "Analyze",
+  disabled: h = !1,
   showAnalyzeButton: f = !0
 }) {
-  const b = G(null), [C, T] = V(!1);
-  I(() => {
-    !t && b.current && (b.current.value = "");
+  const g = W(null), [y, V] = $(!1);
+  D(() => {
+    !t && g.current && (g.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 _ = {
+  const R = (N) => {
+    N.preventDefault(), N.stopPropagation(), N.type === "dragenter" || N.type === "dragover" ? V(!0) : N.type === "dragleave" && V(!1);
+  }, k = (N) => {
+    if (N.preventDefault(), N.stopPropagation(), V(!1), N.dataTransfer.files && N.dataTransfer.files[0]) {
+      const O = {
         target: {
           files: N.dataTransfer.files
         }
       };
-      r(_);
+      r(O);
     }
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "mt-6 pt-6 border-t border-border", children: [
-    /* @__PURE__ */ e.jsx("h3", { className: "text-sm font-medium text-text-primary mb-3", children: d }),
+    /* @__PURE__ */ e.jsx("h3", { className: "text-sm font-medium text-text-primary mb-3", children: u }),
     /* @__PURE__ */ e.jsxs("label", { className: "block", children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: b,
+          ref: g,
           type: "file",
-          accept: u,
+          accept: m,
           onChange: r,
           className: "hidden",
           id: "file-upload",
-          disabled: x
+          disabled: h
         }
       ),
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          onDragEnter: E,
-          onDragLeave: E,
-          onDragOver: E,
-          onDrop: A,
-          className: `border-2 border-dashed rounded-lg p-6 text-center transition cursor-pointer ${C ? "border-reseda-green-700 bg-reseda-green-50" : "border-border hover:border-reseda-green-700"} ${x ? "opacity-50 cursor-not-allowed" : ""}`,
+          onDragEnter: R,
+          onDragLeave: R,
+          onDragOver: R,
+          onDrop: k,
+          className: `border-2 border-dashed rounded-lg p-6 text-center transition cursor-pointer ${y ? "border-reseda-green-700 bg-reseda-green-50" : "border-border hover:border-reseda-green-700"} ${h ? "opacity-50 cursor-not-allowed" : ""}`,
           children: t && !a ? /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               "svg",
@@ -1324,14 +1324,14 @@ function Yr({
                 )
               }
             ),
-            /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(q, { variant: "success", message: "File uploaded successfully" }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "success", message: "File uploaded successfully" }) }),
             /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-2 break-words", children: t.name }),
             /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted mt-1", children: [
               (t.size / (1024 * 1024)).toFixed(2),
               "MB"
             ] }),
             /* @__PURE__ */ e.jsx(
-              D,
+              _,
               {
                 variant: "link",
                 type: "button",
@@ -1366,29 +1366,29 @@ function Yr({
               " ",
               "or drag and drop"
             ] }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted mt-1", children: m })
+            /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted mt-1", children: d })
           ] })
         }
       )
     ] }),
-    a && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(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 }) }),
+    a && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: a }) }),
+    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: c }) }),
+    o && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "success", message: o }) }),
     f && /* @__PURE__ */ e.jsx(
-      D,
+      _,
       {
         variant: "default",
         onClick: s,
-        disabled: !t || n || x,
+        disabled: !t || n || h,
         loading: n,
         fullWidth: !0,
         className: "mt-3",
-        children: h
+        children: x
       }
     )
   ] });
 }
-const or = P.forwardRef(
+const dr = P.forwardRef(
   ({
     className: r = "",
     error: s = !1,
@@ -1398,35 +1398,35 @@ const or = P.forwardRef(
     showCharCount: n = !1,
     disabled: c,
     value: o,
-    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"} ${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;
+    onChange: m,
+    ...u
+  }, d) => {
+    const y = `px-3 py-2 border rounded-lg transition-colors text-sm font-normal resize-none ${s ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${c ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${t ? "w-full" : ""} ${r}`, V = (k) => {
+      a && (k.target.style.height = "auto", k.target.style.height = `${k.target.scrollHeight}px`), m?.(k);
+    }, R = typeof o == "string" ? o.length : 0;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e.jsx(
         "textarea",
         {
-          ref: m,
-          className: C,
+          ref: d,
+          className: y,
           disabled: c,
           value: o,
-          onChange: T,
+          onChange: V,
           maxLength: l,
-          ...d
+          ...u
         }
       ),
       n && l && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
-        E,
+        R,
         " / ",
         l
       ] })
     ] });
   }
 );
-or.displayName = "Textarea";
-function Hr({
+dr.displayName = "Textarea";
+function Jr({
   options: r,
   selectedValues: s,
   onSelectionChange: t,
@@ -1435,44 +1435,44 @@ function Hr({
   disabled: n = !1,
   error: c = !1
 }) {
-  const o = (h) => {
-    const x = s.includes(h) ? s.filter((f) => f !== h) : [...s, h];
-    t(x);
-  }, u = {
+  const o = (x) => {
+    const h = s.includes(x) ? s.filter((f) => f !== x) : [...s, x];
+    t(h);
+  }, m = {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
     grid: `grid grid-cols-${l} gap-3`
-  }, 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), 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`;
+  }, u = a === "grid" ? "grid gap-3" : m[a], d = a === "grid" ? `md:grid-cols-${l}` : "";
+  return /* @__PURE__ */ e.jsx("div", { className: `${u} ${d}`, children: r.map((x) => {
+    const h = s.includes(x.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`;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${b} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${g} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
             {
               type: "checkbox",
-              checked: x,
-              onChange: () => o(h.value),
+              checked: h,
+              onChange: () => o(x.value),
               disabled: n,
               className: "sr-only"
             }
           ),
-          h.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: h.icon }),
+          x.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: x.icon }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: h.label }),
-            h.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: h.description })
+            /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: x.label }),
+            x.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: x.description })
           ] }),
-          x && /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })
+          h && /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })
         ]
       },
-      h.value
+      x.value
     );
   }) });
 }
-function Wr({
+function Xr({
   options: r,
   selectedValue: s,
   onSelectionChange: t,
@@ -1482,13 +1482,13 @@ function Wr({
   error: c = !1,
   name: o = "radio-group"
 }) {
-  const d = a === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
+  const u = a === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
     vertical: "space-y-3",
     horizontal: "flex flex-wrap gap-3",
     grid: "grid gap-3"
   }[a];
-  return /* @__PURE__ */ e.jsx("div", { className: d, children: r.map((m) => {
-    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.jsx("div", { className: u, children: r.map((d) => {
+    const x = s === d.value, f = 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",
       {
@@ -1499,26 +1499,26 @@ function Wr({
             {
               type: "radio",
               name: o,
-              value: m.value,
-              checked: h,
-              onChange: () => t(m.value),
+              value: d.value,
+              checked: x,
+              onChange: () => t(d.value),
               disabled: n,
               className: "sr-only"
             }
           ),
-          m.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: m.icon }),
+          d.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: d.icon }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: m.label }),
-            m.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: m.description })
+            /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: d.label }),
+            d.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: d.description })
           ] }),
-          h && /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }) })
+          x && /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }) })
         ]
       },
-      m.value
+      d.value
     );
   }) });
 }
-function Zr({ stats: r, columns: s = 4, className: t = "" }) {
+function Kr({ stats: r, columns: s = 4, className: t = "" }) {
   const a = {
     2: "grid-cols-2",
     3: "grid-cols-3",
@@ -1538,19 +1538,19 @@ function Zr({ stats: r, columns: s = 4, className: t = "" }) {
     ] }, c);
   }) });
 }
-function qr({
+function Qr({
   items: r,
   allowMultiple: s = !1,
   defaultOpenId: t,
   onOpenChange: a,
   className: l = ""
 }) {
-  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), a?.(d);
+  const [n, c] = $(() => t ? Array.isArray(t) ? t : [t] : []), o = (m) => {
+    let u;
+    s ? u = n.includes(m) ? n.filter((d) => d !== m) : [...n, m] : u = n.includes(m) ? [] : [m], c(u), a?.(u);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: `space-y-2 ${l}`, children: r.map((u) => {
-    const d = n.includes(u.id);
+  return /* @__PURE__ */ e.jsx("div", { className: `space-y-2 ${l}`, children: r.map((m) => {
+    const u = n.includes(m.id);
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -1559,30 +1559,30 @@ function qr({
           /* @__PURE__ */ e.jsxs(
             "button",
             {
-              onClick: () => o(u.id),
+              onClick: () => o(m.id),
               className: "w-full px-4 py-3 flex items-center justify-between hover:bg-surface-variant transition-colors text-left",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
-                  u.icon && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 text-text-secondary", children: u.icon }),
-                  /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary", children: u.title })
+                  m.icon && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 text-text-secondary", children: m.icon }),
+                  /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary", children: m.title })
                 ] }),
                 /* @__PURE__ */ e.jsx(
                   te,
                   {
-                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${d ? "rotate-180" : ""}`
+                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${u ? "rotate-180" : ""}`
                   }
                 )
               ]
             }
           ),
-          d && /* @__PURE__ */ e.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: u.content })
+          u && /* @__PURE__ */ e.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: m.content })
         ]
       },
-      u.id
+      m.id
     );
   }) });
 }
-function Gr({
+function es({
   icon: r,
   title: s,
   subtitle: t,
@@ -1591,13 +1591,13 @@ function Gr({
   isActive: n = !1,
   variant: c = "default",
   actions: o,
-  onClick: u,
-  className: d = ""
+  onClick: m,
+  className: u = ""
 }) {
-  const m = (b) => {
-    const C = b.target;
-    C.tagName === "BUTTON" || C.closest("button") || u?.(b);
-  }, x = (() => {
+  const d = (g) => {
+    const y = g.target;
+    y.tagName === "BUTTON" || y.closest("button") || m?.(g);
+  }, h = (() => {
     if (n)
       switch (c) {
         case "success":
@@ -1614,8 +1614,8 @@ function Gr({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      onClick: m,
-      className: `rounded-lg p-4 cursor-pointer transition ${x} ${f} ${d}`,
+      onClick: d,
+      className: `rounded-lg p-4 cursor-pointer transition ${h} ${f} ${u}`,
       children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex items-start gap-3", children: [
           r && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r }),
@@ -1625,26 +1625,26 @@ function Gr({
             a && /* @__PURE__ */ e.jsx("div", { className: "mt-2", children: a })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: o.map((b, C) => /* @__PURE__ */ e.jsx(
-          D,
+        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: o.map((g, y) => /* @__PURE__ */ e.jsx(
+          _,
           {
-            variant: b.variant || "ghost",
-            size: b.size || "sm",
-            onClick: b.onClick,
-            disabled: b.disabled,
-            loading: b.loading,
-            title: b.label,
-            className: b.className,
-            leftIcon: b.icon && b.size !== "icon" ? b.icon : void 0,
-            children: b.size === "icon" ? b.icon : b.label
+            variant: g.variant || "ghost",
+            size: g.size || "sm",
+            onClick: g.onClick,
+            disabled: g.disabled,
+            loading: g.loading,
+            title: g.label,
+            className: g.className,
+            leftIcon: g.icon && g.size !== "icon" ? g.icon : void 0,
+            children: g.size === "icon" ? g.icon : g.label
           },
-          C
+          y
         )) })
       ] })
     }
   );
 }
-function Jr({
+function rs({
   children: r,
   variant: s = "default",
   isActive: t = !1,
@@ -1671,7 +1671,7 @@ function Jr({
     }
   );
 }
-const cr = {
+const ur = 200, mr = {
   right: {
     sm: "w-full sm:w-[360px]",
     md: "w-full sm:w-[480px]",
@@ -1690,12 +1690,12 @@ const cr = {
     lg: "h-[70vh]",
     full: "h-full"
   }
-}, ir = {
+}, xr = {
   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({
+function ss({
   open: r,
   onClose: s,
   title: t,
@@ -1704,57 +1704,69 @@ function Xr({
   placement: n = "right",
   size: c = "md",
   closeOnOverlayClick: o = !0,
-  closeOnEsc: u = !0,
-  showCloseButton: d = !0,
-  className: m = ""
+  closeOnEsc: m = !0,
+  showCloseButton: u = !0,
+  className: d = ""
 }) {
-  if (I(() => {
+  const [x, h] = $(r), [f, g] = $(r), y = W(null);
+  if (D(() => {
+    if (r) {
+      y.current !== null && (window.clearTimeout(y.current), y.current = null), h(!0), typeof window < "u" ? window.requestAnimationFrame(() => g(!0)) : g(!0);
+      return;
+    }
+    x && (g(!1), typeof window < "u" ? y.current = window.setTimeout(() => {
+      h(!1);
+    }, ur) : h(!1));
+  }, [r, x]), D(() => () => {
+    y.current !== null && window.clearTimeout(y.current);
+  }, []), D(() => {
     if (!r || typeof document > "u")
       return;
-    const x = document.body.style.overflow;
+    const k = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = x;
+      document.body.style.overflow = k;
     };
-  }, [r]), I(() => {
-    if (!r || !u || typeof window > "u")
+  }, [r]), D(() => {
+    if (!r || !m || typeof window > "u")
       return;
-    const x = (f) => {
-      f.key === "Escape" && s();
+    const k = (N) => {
+      N.key === "Escape" && s();
     };
-    return window.addEventListener("keydown", x), () => {
-      window.removeEventListener("keydown", x);
+    return window.addEventListener("keydown", k), () => {
+      window.removeEventListener("keydown", k);
     };
-  }, [r, u, s]), !r || typeof document > "u")
+  }, [r, m, s]), !x || typeof document > "u")
     return null;
-  const h = [
-    "fixed z-[60] bg-surface border-border shadow-xl flex flex-col",
-    ir[n],
-    cr[n][c],
+  const V = f ? "translate-x-0 translate-y-0 opacity-100" : n === "right" ? "translate-x-full opacity-0" : n === "left" ? "-translate-x-full opacity-0" : "translate-y-full opacity-0", R = [
+    "fixed z-[60] bg-surface border-border shadow-xl flex flex-col transition-transform transition-opacity duration-200 ease-out",
+    xr[n],
+    mr[n][c],
     n === "bottom" ? "rounded-t-xl border-t" : n === "left" ? "border-r" : "border-l",
-    m
+    V,
+    d
   ].filter(Boolean).join(" ");
-  return Se(
+  return De(
     /* @__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",
+          className: `absolute inset-0 bg-black/40 transition-opacity duration-200 ${f ? "opacity-100" : "opacity-0 pointer-events-none"}`,
           onClick: o ? s : void 0
         }
       ),
-      /* @__PURE__ */ e.jsxs("section", { role: "dialog", "aria-modal": "true", className: h, children: [
+      /* @__PURE__ */ e.jsxs("section", { role: "dialog", "aria-modal": "true", className: R, 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(
+          u ? /* @__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" })
+              children: /* @__PURE__ */ e.jsx(Ce, { className: "h-5 w-5" })
             }
           ) : null
         ] }),
@@ -1765,7 +1777,7 @@ function Xr({
     document.body
   );
 }
-function Kr({
+function ts({
   title: r,
   children: s,
   subtitle: t,
@@ -1785,7 +1797,7 @@ function Kr({
     s
   ] });
 }
-function Qr({
+function as({
   title: r,
   subtitle: s,
   metadata: t,
@@ -1806,7 +1818,7 @@ function Qr({
     ] }, c))
   ] });
 }
-function es({
+function ns({
   title: r,
   description: s,
   centered: t = !1,
@@ -1822,7 +1834,7 @@ function es({
     /* @__PURE__ */ e.jsx("p", { className: `mt-2 text-text-secondary ${c}`, children: s })
   ] });
 }
-function rs({
+function ls({
   icon: r,
   title: s,
   description: t,
@@ -1831,16 +1843,16 @@ function rs({
   disabled: n = !1,
   className: c = ""
 }) {
-  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" : "";
+  const o = "p-4 border rounded-lg transition-all text-center cursor-pointer", m = a ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : "border-border hover:border-border-subtle hover:bg-surface-variant", u = n ? "opacity-50 cursor-not-allowed" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `${o} ${u} ${d} ${c}`,
+      className: `${o} ${m} ${u} ${c}`,
       onClick: () => !n && l?.(),
       role: "button",
       tabIndex: n ? -1 : 0,
-      onKeyDown: (m) => {
-        !n && (m.key === "Enter" || m.key === " ") && l?.();
+      onKeyDown: (d) => {
+        !n && (d.key === "Enter" || d.key === " ") && l?.();
       },
       children: [
         r && /* @__PURE__ */ e.jsx("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-text-secondary", children: r }) }),
@@ -1851,7 +1863,7 @@ function rs({
     }
   );
 }
-const dr = P.forwardRef(
+const hr = P.forwardRef(
   ({
     value: r,
     onChange: s,
@@ -1861,31 +1873,31 @@ const dr = P.forwardRef(
     showValue: n = !0,
     showLabels: c = !1,
     minLabel: o,
-    maxLabel: u,
-    error: d = !1,
-    fullWidth: m = !0,
-    disabled: h,
-    className: x = "",
+    maxLabel: m,
+    error: u = !1,
+    fullWidth: d = !0,
+    disabled: x,
+    className: h = "",
     ...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;
+  }, g) => {
+    const N = `w-full h-2 rounded-lg appearance-none cursor-pointer ${u ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${x ? "opacity-50 cursor-not-allowed" : ""} ${d ? "w-full" : ""} ${h}`, O = (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: [
+      c && (o || m) && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-xs text-text-muted", children: [
         o && /* @__PURE__ */ e.jsx("span", { children: o }),
-        u && /* @__PURE__ */ e.jsx("span", { children: u })
+        m && /* @__PURE__ */ e.jsx("span", { children: m })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: b,
+            ref: g,
             type: "range",
             min: t,
             max: a,
             step: l,
             value: r,
             onChange: (L) => s(Number(L.target.value)),
-            disabled: h,
+            disabled: x,
             className: N,
             ...f
           }
@@ -1896,14 +1908,14 @@ const dr = P.forwardRef(
         "div",
         {
           className: "h-full bg-reseda-green-500 transition-all",
-          style: { width: `${_}%` }
+          style: { width: `${O}%` }
         }
       ) })
     ] });
   }
 );
-dr.displayName = "Slider";
-function ur({
+hr.displayName = "Slider";
+function fr({
   title: r,
   titleId: s,
   ...t
@@ -1926,8 +1938,8 @@ function ur({
     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({
+const gr = /* @__PURE__ */ j.forwardRef(fr);
+function br({
   title: r,
   titleId: s,
   ...t
@@ -1948,8 +1960,8 @@ function xr({
     clipRule: "evenodd"
   }));
 }
-const hr = /* @__PURE__ */ j.forwardRef(xr);
-function fr({
+const vr = /* @__PURE__ */ j.forwardRef(br);
+function pr({
   title: r,
   titleId: s,
   ...t
@@ -1970,8 +1982,8 @@ function fr({
     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({
+const jr = /* @__PURE__ */ j.forwardRef(pr);
+function yr({
   title: r,
   titleId: s,
   ...t
@@ -1990,7 +2002,7 @@ function br({
     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 = {
+const wr = /* @__PURE__ */ j.forwardRef(yr), Nr = {
   neutral: {
     selectedContainer: "border-gray-300 bg-gray-50",
     selectedIndicator: "text-gray-500",
@@ -2007,7 +2019,7 @@ const vr = /* @__PURE__ */ j.forwardRef(br), pr = {
     inputAccent: "accent-blue-600"
   }
 };
-function ss({
+function os({
   id: r,
   name: s,
   checked: t,
@@ -2016,24 +2028,24 @@ function ss({
   secondaryText: n,
   tertiaryText: c,
   tone: o = "neutral",
-  showCheckedIndicator: u = !1,
-  disabled: d = !1,
-  className: m = ""
+  showCheckedIndicator: m = !1,
+  disabled: u = !1,
+  className: d = ""
 }) {
-  const h = pr[o], x = t ? h.selectedContainer : "border-gray-200", f = d ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-gray-50";
+  const x = Nr[o], h = t ? x.selectedContainer : "border-gray-200", f = u ? "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}`,
+      className: `flex items-start gap-2 rounded-md border p-2 transition ${h} ${f} ${d}`,
       children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
             type: "radio",
             name: s,
-            className: `mt-0.5 ${h.inputAccent}`,
+            className: `mt-0.5 ${x.inputAccent}`,
             checked: t,
-            disabled: d,
+            disabled: u,
             onChange: () => a(r)
           }
         ),
@@ -2042,12 +2054,58 @@ function ss({
           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
+        m && t ? /* @__PURE__ */ e.jsx(vr, { className: `h-4 w-4 mt-0.5 shrink-0 ${x.selectedIndicator}` }) : null
       ]
     }
   );
 }
-function jr({
+const Cr = {
+  sm: "text-xs px-2.5 py-1",
+  md: "text-sm px-3 py-1.5"
+}, be = {
+  blue: "border-blue-400 bg-blue-100 text-blue-700 font-medium",
+  purple: "border-purple-400 bg-purple-100 text-purple-700 font-medium",
+  gray: "border-gray-400 bg-gray-200 text-gray-700 font-medium"
+}, ve = "border-gray-300 bg-gray-100 text-gray-400";
+function cs({
+  items: r,
+  selectedIds: s,
+  onSelectionChange: t,
+  onToggle: a,
+  size: l = "sm",
+  multi: n = !0,
+  showCheckIcon: c = !0,
+  disabled: o = !1,
+  className: m = ""
+}) {
+  const u = (d, x) => {
+    if (o)
+      return;
+    const h = x ? n ? s.filter((f) => f !== d) : [] : n ? [...s, d] : [d];
+    t(h), a?.(d, !x);
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: `flex flex-wrap gap-2 ${m}`, children: r.map((d) => {
+    const x = s.includes(d.id), h = d.tone ?? "blue", f = h === "custom" ? d.selectedClassName ?? be.blue : be[h], g = d.unselectedClassName ?? ve;
+    return /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => u(d.id, x),
+        disabled: o || d.disabled,
+        className: `inline-flex items-center gap-1 rounded-full border transition ${Cr[l]} ${x ? f : g} ${o || d.disabled ? "cursor-not-allowed opacity-60" : ""}`,
+        "aria-pressed": x,
+        "aria-label": `${x ? "Deselect" : "Select"} ${d.label}`,
+        "data-selected": x,
+        children: [
+          x && c ? /* @__PURE__ */ e.jsx(Be, { className: "h-3.5 w-3.5" }) : null,
+          /* @__PURE__ */ e.jsx("span", { children: d.label })
+        ]
+      },
+      d.id
+    );
+  }) });
+}
+function kr({
   id: r,
   index: s,
   previewText: t,
@@ -2057,18 +2115,18 @@ function jr({
   onRemove: c,
   className: o = ""
 }) {
-  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
+  const [m, u] = $(a), { attributes: d, listeners: x, setNodeRef: h, transform: f, transition: g, isDragging: y } = _e({ id: r }), V = {
+    transform: Oe.Transform.toString(f),
+    transition: g,
+    opacity: y ? 0.5 : 1
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: x,
-      style: T,
+      ref: h,
+      style: V,
       className: `border border-border rounded-md bg-surface-variant ${o}`,
-      children: u ? (
+      children: m ? (
         // ── Expanded ──────────────────────────────────────────────────────────
         /* @__PURE__ */ e.jsxs("div", { className: "p-3", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mb-2", children: [
@@ -2076,8 +2134,8 @@ function jr({
               "button",
               {
                 type: "button",
-                ...m,
-                ...h,
+                ...d,
+                ...x,
                 className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing rounded hover:bg-surface-variant inline-flex items-center justify-center",
                 "aria-label": "Drag to reorder",
                 children: /* @__PURE__ */ e.jsx(xe, { className: "w-4 h-4" })
@@ -2087,7 +2145,7 @@ function jr({
               "span",
               {
                 className: "text-sm font-medium text-text-secondary flex-1 cursor-pointer select-none",
-                onClick: () => d(!1),
+                onClick: () => u(!1),
                 children: [
                   "Item ",
                   s + 1
@@ -2095,19 +2153,19 @@ function jr({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              D,
+              _,
               {
                 type: "button",
                 variant: "ghost",
                 size: "icon",
-                onClick: () => d(!1),
+                onClick: () => u(!1),
                 className: "h-auto w-auto p-1",
                 "aria-label": "Collapse",
                 leftIcon: /* @__PURE__ */ e.jsx(he, { className: "w-4 h-4 transition-transform rotate-90" })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              D,
+              _,
               {
                 type: "button",
                 variant: "ghost",
@@ -2129,8 +2187,8 @@ function jr({
               "button",
               {
                 type: "button",
-                ...m,
-                ...h,
+                ...d,
+                ...x,
                 className: "h-auto w-auto p-1 cursor-grab active:cursor-grabbing flex-shrink-0 rounded hover:bg-surface-variant inline-flex items-center justify-center",
                 "aria-label": "Drag to reorder",
                 children: /* @__PURE__ */ e.jsx(xe, { className: "w-4 h-4" })
@@ -2140,24 +2198,24 @@ function jr({
               "span",
               {
                 className: "flex-1 text-sm text-text-secondary truncate cursor-pointer select-none",
-                onClick: () => d(!0),
+                onClick: () => u(!0),
                 children: t
               }
             ),
             /* @__PURE__ */ e.jsx(
-              D,
+              _,
               {
                 type: "button",
                 variant: "ghost",
                 size: "icon",
-                onClick: () => d(!0),
+                onClick: () => u(!0),
                 className: "h-auto w-auto p-1 flex-shrink-0",
                 "aria-label": "Expand",
                 leftIcon: /* @__PURE__ */ e.jsx(he, { className: "w-4 h-4 transition-transform" })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              D,
+              _,
               {
                 type: "button",
                 variant: "ghost",
@@ -2175,8 +2233,8 @@ function jr({
     }
   );
 }
-jr.displayName = "SortableItem";
-const yr = {
+kr.displayName = "SortableItem";
+const $r = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -2184,11 +2242,11 @@ const yr = {
   hoverBg: "hover:bg-indigo-700",
   hoverText: "hover:text-white"
 };
-function R(...r) {
+function S(...r) {
   return r.filter(Boolean).join(" ");
 }
-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;
+function pe({ item: r, colorScheme: s }) {
+  const [t, a] = $(r.current || r.children?.some((n) => n.current)), l = r.children && r.children.length > 0;
   return /* @__PURE__ */ e.jsxs("li", { children: [
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
       "a",
@@ -2197,7 +2255,7 @@ function be({ item: r, colorScheme: s }) {
         onClick: (n) => {
           l && (n.preventDefault(), a(!t));
         },
-        className: R(
+        className: S(
           r.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
           "group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",
           l ? "cursor-pointer" : ""
@@ -2208,7 +2266,7 @@ function be({ item: r, colorScheme: s }) {
               r.icon,
               {
                 "aria-hidden": "true",
-                className: R(
+                className: S(
                   r.current ? s.activeText : `${s.text} group-${s.hoverText}`,
                   "size-6 shrink-0"
                 )
@@ -2219,7 +2277,7 @@ function be({ item: r, colorScheme: s }) {
           l && /* @__PURE__ */ e.jsx(
             te,
             {
-              className: R(
+              className: S(
                 "size-5 shrink-0 transition-transform",
                 t ? "rotate-180" : "",
                 r.current ? s.activeText : s.text
@@ -2233,7 +2291,7 @@ function be({ item: r, colorScheme: s }) {
       "a",
       {
         href: n.href,
-        className: R(
+        className: S(
           n.current ? `${s.activeBg} ${s.activeText}` : `${s.text} ${s.hoverBg} ${s.hoverText}`,
           "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
         ),
@@ -2242,7 +2300,7 @@ function be({ item: r, colorScheme: s }) {
             n.icon,
             {
               "aria-hidden": "true",
-              className: R(
+              className: S(
                 n.current ? s.activeText : `${s.text} group-${s.hoverText}`,
                 "size-5 shrink-0"
               )
@@ -2254,28 +2312,28 @@ function be({ item: r, colorScheme: s }) {
     ) }, n.name)) })
   ] });
 }
-function ts({ company: r, profile: s, navigation: t, colorScheme: a = yr }) {
-  const [l, n] = V(!1);
+function is({ company: r, profile: s, navigation: t, colorScheme: a = $r }) {
+  const [l, n] = $(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(De, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs(Ie, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
-        _e,
+        Pe,
         {
           transition: !0,
           className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"
         }
       ),
       /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ e.jsxs(
-        Oe,
+        ze,
         {
           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(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(Le, { 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(we, { "aria-hidden": "true", className: "size-6 text-white" })
+              /* @__PURE__ */ e.jsx(Ce, { "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", a.bg), children: [
+            /* @__PURE__ */ e.jsxs("div", { className: S("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",
                 {
@@ -2284,13 +2342,13 @@ function ts({ company: r, profile: s, navigation: t, colorScheme: a = yr }) {
                   className: "h-8 w-auto"
                 }
               ) }),
-              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((c) => /* @__PURE__ */ e.jsx(be, { item: c, colorScheme: a }, c.name)) }) }) }) })
+              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((c) => /* @__PURE__ */ e.jsx(pe, { 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", a.bg), children: [
+    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: S("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",
         {
@@ -2300,12 +2358,12 @@ function ts({ company: r, profile: s, navigation: t, colorScheme: a = yr }) {
         }
       ) }),
       /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
-        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((c) => /* @__PURE__ */ e.jsx(be, { item: c, colorScheme: a }, c.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((c) => /* @__PURE__ */ e.jsx(pe, { item: c, colorScheme: a }, c.name)) }) }),
         /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
             href: "#",
-            className: R(
+            className: S(
               "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
               a.activeText,
               a.hoverBg
@@ -2316,7 +2374,7 @@ function ts({ company: r, profile: s, navigation: t, colorScheme: a = yr }) {
                 {
                   alt: s.name,
                   src: s.image,
-                  className: R("size-8 rounded-full", a.activeBg)
+                  className: S("size-8 rounded-full", a.activeBg)
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
@@ -2326,12 +2384,12 @@ function ts({ company: r, profile: s, navigation: t, colorScheme: a = yr }) {
         ) })
       ] }) })
     ] }) }),
-    /* @__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.jsxs("div", { className: S("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: S("-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(Me, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: R("flex-1 text-sm/6 font-semibold", a.activeText), children: "Dashboard" }),
+      /* @__PURE__ */ e.jsx("div", { className: S("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(
@@ -2339,14 +2397,14 @@ function ts({ company: r, profile: s, navigation: t, colorScheme: a = yr }) {
           {
             alt: s.name,
             src: s.image,
-            className: R("size-8 rounded-full", a.activeBg)
+            className: S("size-8 rounded-full", a.activeBg)
           }
         )
       ] })
     ] })
   ] }) });
 }
-const wr = {
+const Vr = {
   activeBg: "bg-reseda-green-700",
   activeText: "text-white",
   completedBg: "bg-success-500",
@@ -2357,8 +2415,8 @@ const wr = {
   labelInactiveText: "text-text-muted",
   connectorBg: "bg-border"
 };
-function as({ currentStep: r, steps: s, colorConfig: t }) {
-  const a = t || wr;
+function ds({ currentStep: r, steps: s, colorConfig: t }) {
+  const a = t || Vr;
   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(
@@ -2379,19 +2437,19 @@ function as({ currentStep: r, steps: s, colorConfig: t }) {
     n < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${a.connectorBg}` })
   ] }, l.number)) }) });
 }
-const Nr = {
+const Tr = {
   activeText: "text-reseda-green-700",
   activeBorder: "border-reseda-green-700",
   inactiveText: "text-text-secondary",
   inactiveHoverText: "hover:text-text-primary",
   disabledText: "text-text-disabled"
 };
-function ns({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
-  const n = l || Nr;
+function us({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
+  const n = l || Tr;
   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: () => !t && a(c.id),
@@ -2403,7 +2461,7 @@ function ns({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig:
     );
   }) });
 }
-function ls({
+function ms({
   status: r,
   title: s,
   message: t,
@@ -2416,25 +2474,25 @@ function ls({
       bg: "bg-success-50",
       border: "border-success-200",
       text: "text-success-700",
-      icon: /* @__PURE__ */ e.jsx(ye, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(Ne, { className: "h-5 w-5" })
     },
     error: {
       bg: "bg-error-50",
       border: "border-error-200",
       text: "text-error-700",
-      icon: /* @__PURE__ */ e.jsx(je, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(we, { className: "h-5 w-5" })
     },
     warning: {
       bg: "bg-warning-50",
       border: "border-warning-200",
       text: "text-warning-700",
-      icon: /* @__PURE__ */ e.jsx(pe, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ye, { className: "h-5 w-5" })
     },
     info: {
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(je, { className: "h-5 w-5" })
     },
     loading: {
       bg: "bg-blue-50",
@@ -2469,7 +2527,7 @@ function ls({
     )
   ] }) });
 }
-const ke = ({
+const Ve = ({
   role: r,
   content: s,
   timestamp: t,
@@ -2491,23 +2549,23 @@ const ke = ({
     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" }) })
   ] });
 };
-ke.displayName = "ChatMessage";
-const Cr = ({
+Ve.displayName = "ChatMessage";
+const Er = ({
   onSend: r,
   disabled: s = !1,
   placeholder: t = "Ask a question about your resume or the job...",
   maxLength: a = 2e3,
   className: l = ""
 }) => {
-  const [n, c] = V(""), o = G(null);
-  I(() => {
+  const [n, c] = $(""), o = W(null);
+  D(() => {
     o.current && (o.current.style.height = "auto", o.current.style.height = `${o.current.scrollHeight}px`);
   }, [n]);
-  const u = () => {
+  const m = () => {
     n.trim() && !s && (r(n.trim()), c(""));
-  }, d = (x) => {
-    x.key === "Enter" && !x.shiftKey ? (x.preventDefault(), u()) : x.key === "Escape" && c("");
-  }, m = n.length > a, h = n.length > a * 0.9;
+  }, u = (h) => {
+    h.key === "Enter" && !h.shiftKey ? (h.preventDefault(), m()) : h.key === "Escape" && c("");
+  }, d = n.length > a, x = 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(
@@ -2515,8 +2573,8 @@ const Cr = ({
         {
           ref: o,
           value: n,
-          onChange: (x) => c(x.target.value),
-          onKeyDown: d,
+          onChange: (h) => c(h.target.value),
+          onKeyDown: u,
           placeholder: t,
           disabled: s,
           rows: 1,
@@ -2528,17 +2586,17 @@ const Cr = ({
       /* @__PURE__ */ e.jsx(
         "button",
         {
-          onClick: u,
-          disabled: s || !n.trim() || m,
+          onClick: m,
+          disabled: s || !n.trim() || d,
           className: "px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
           "aria-label": "Send message",
-          children: /* @__PURE__ */ e.jsx(vr, { className: "w-5 h-5" })
+          children: /* @__PURE__ */ e.jsx(wr, { className: "w-5 h-5" })
         }
       )
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mt-2", children: [
       /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500", children: "Press Enter to send, Shift+Enter for new line" }),
-      h && /* @__PURE__ */ e.jsxs("p", { className: `text-xs ${m ? "text-red-500" : "text-gray-500"}`, children: [
+      x && /* @__PURE__ */ e.jsxs("p", { className: `text-xs ${d ? "text-red-500" : "text-gray-500"}`, children: [
         n.length,
         "/",
         a
@@ -2546,8 +2604,8 @@ const Cr = ({
     ] })
   ] });
 };
-Cr.displayName = "ChatInput";
-const $e = ({
+Er.displayName = "ChatInput";
+const Te = ({
   message: r = "Thinking...",
   variant: s = "dots",
   className: t = ""
@@ -2574,8 +2632,8 @@ const $e = ({
     /* @__PURE__ */ e.jsx("span", { className: "text-sm text-gray-600", children: r })
   ] }) })
 ] });
-$e.displayName = "LoadingIndicator";
-const kr = ({
+Te.displayName = "LoadingIndicator";
+const Rr = ({
   messages: r,
   isLoading: s = !1,
   loadingMessage: t = "Thinking...",
@@ -2584,13 +2642,13 @@ const kr = ({
   className: n = "",
   emptyStateMessage: c = "Start a conversation"
 }) => {
-  const o = G(null), u = G(null);
-  return I(() => {
+  const o = W(null), m = W(null);
+  return D(() => {
     o.current?.scrollIntoView({ behavior: "smooth" });
   }, [r, s]), /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: u,
+      ref: m,
       className: `flex flex-col flex-1 overflow-y-auto bg-white p-4 space-y-4 ${n}`,
       children: [
         r.length === 0 && !s && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
@@ -2598,17 +2656,17 @@ const kr = ({
           /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 font-medium", children: c }),
           /* @__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(
-          ke,
+        r.map((u, d) => /* @__PURE__ */ e.jsx(
+          Ve,
           {
-            role: d.role,
-            content: d.content,
-            timestamp: d.timestamp
+            role: u.role,
+            content: u.content,
+            timestamp: u.timestamp
           },
-          m
+          d
         )),
         s && /* @__PURE__ */ e.jsx(
-          $e,
+          Te,
           {
             message: t,
             variant: "dots"
@@ -2633,8 +2691,8 @@ const kr = ({
     }
   );
 };
-kr.displayName = "ChatContainer";
-const $r = ({
+Rr.displayName = "ChatContainer";
+const Sr = ({
   resumeName: r,
   jobTitle: s,
   companyName: t,
@@ -2645,7 +2703,7 @@ const $r = ({
 }) => /* @__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(gr, { className: "w-5 h-5 text-gray-600 flex-shrink-0" }),
+      /* @__PURE__ */ e.jsx(jr, { 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 })
@@ -2663,7 +2721,7 @@ const $r = ({
   ] }),
   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-      /* @__PURE__ */ e.jsx(mr, { className: "w-5 h-5 text-gray-600 flex-shrink-0" }),
+      /* @__PURE__ */ e.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: "Job" }),
         /* @__PURE__ */ e.jsxs("div", { className: "truncate", children: [
@@ -2699,7 +2757,7 @@ const $r = ({
     ) })
   ] })
 ] }) });
-$r.displayName = "AnalysisSummaryBar";
+Sr.displayName = "AnalysisSummaryBar";
 const re = {
   semantic: {
     none: "bg-error-50 border-error-200 text-error-700",
@@ -2716,7 +2774,7 @@ const re = {
     partial: "bg-surface border-warning-300 text-warning-700",
     full: "bg-surface border-success-300 text-success-700"
   }
-}, Vr = {
+}, Ar = {
   semantic: {
     required: "bg-error-600 text-white",
     preferred: "bg-reseda-green-600 text-white",
@@ -2732,40 +2790,40 @@ const re = {
     preferred: "bg-reseda-green-700 text-reseda-green-100",
     "nice-to-have": "bg-khaki-700 text-khaki-100"
   }
-}, Tr = ({
+}, Br = ({
   skills: r,
   className: s = "",
   colorPreset: t = "semantic"
 }) => {
-  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: [
+  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) => Ar[t][o], c = (o, m) => !m || m.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,
       ":"
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: u.map((d, m) => /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: m.map((u, d) => /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: `inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border ${l(
-          d
+          u
         )}`,
         children: [
           /* @__PURE__ */ e.jsxs("span", { className: "text-sm font-medium", children: [
-            a(d),
+            a(u),
             " ",
-            d.name
+            u.name
           ] }),
           /* @__PURE__ */ e.jsx(
             "span",
             {
               className: `text-xs px-1.5 py-0.5 rounded ${n(
-                d.importance
+                u.importance
               )}`,
-              children: d.importance === "nice-to-have" ? "Nice" : d.importance
+              children: u.importance === "nice-to-have" ? "Nice" : u.importance
             }
           )
         ]
       },
-      m
+      d
     )) })
   ] });
   return /* @__PURE__ */ e.jsxs("div", { className: s, children: [
@@ -2773,26 +2831,26 @@ const re = {
     c("Soft Skills", r.soft || [])
   ] });
 };
-Tr.displayName = "SkillTags";
-const Er = ({
+Br.displayName = "SkillTags";
+const Mr = ({
   score: r,
   showLabel: s = !0,
   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 = {
+  const l = Math.min(Math.max(r, 0), 100), n = (u) => u >= 90 ? "bg-green-500" : u >= 75 ? "bg-blue-500" : u >= 60 ? "bg-yellow-500" : "bg-red-500", c = (u) => u >= 90 ? "Excellent match!" : u >= 75 ? "Good match" : u >= 60 ? "Fair match" : "Poor match", o = {
     sm: "h-2",
     md: "h-4",
     lg: "h-6"
-  }, u = {
+  }, m = {
     sm: "text-xs",
     md: "text-sm",
     lg: "text-base"
   };
   return /* @__PURE__ */ e.jsxs("div", { className: a, children: [
     s && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mb-2", children: [
-      /* @__PURE__ */ e.jsx("p", { className: `font-medium text-gray-700 ${u[t]}`, children: "Match Score" }),
-      /* @__PURE__ */ e.jsxs("p", { className: `font-semibold ${u[t]} ${n(l).replace("bg-", "text-")}`, children: [
+      /* @__PURE__ */ e.jsx("p", { className: `font-medium text-gray-700 ${m[t]}`, children: "Match Score" }),
+      /* @__PURE__ */ e.jsxs("p", { className: `font-semibold ${m[t]} ${n(l).replace("bg-", "text-")}`, children: [
         l,
         "%"
       ] })
@@ -2804,11 +2862,11 @@ const Er = ({
         style: { width: `${l}%` }
       }
     ) }),
-    s && /* @__PURE__ */ e.jsx("p", { className: `text-gray-600 mt-1 ${u[t]}`, children: c(l) })
+    s && /* @__PURE__ */ e.jsx("p", { className: `text-gray-600 mt-1 ${m[t]}`, children: c(l) })
   ] });
 };
-Er.displayName = "MatchScoreBar";
-const Rr = ({
+Mr.displayName = "MatchScoreBar";
+const Dr = ({
   responsibilities: r,
   className: s = ""
 }) => {
@@ -2848,55 +2906,56 @@ const Rr = ({
     ] }, o)) })
   ] }, l)) });
 };
-Rr.displayName = "ResponsibilitiesList";
+Dr.displayName = "ResponsibilitiesList";
 export {
-  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,
-  zr as clearAllErrors,
-  Pr as clearFieldError,
-  Ir as getFirstError,
-  ze as hasErrors,
-  Lr as useForm,
-  Ze as useTheme,
-  Pe as validateField,
+  Qr as Accordion,
+  es as ActionCard,
+  G as Alert,
+  Sr as AnalysisSummaryBar,
+  ar as Badge,
+  _ as Button,
+  rs as Card,
+  Rr as ChatContainer,
+  Er as ChatInput,
+  Ve as ChatMessage,
+  Jr as CheckboxGroup,
+  Ze as ColorPalette,
+  qr as Demo,
+  as as DetailPanel,
+  ss as Drawer,
+  Gr as FileUpload,
+  Zr as FormField,
+  Qe as Input,
+  cs as KeywordChipSelector,
+  Te as LoadingIndicator,
+  Mr as MatchScoreBar,
+  ls as OptionCard,
+  ns as PageHeader,
+  Xr as RadioGroup,
+  Dr as ResponsibilitiesList,
+  ts as Section,
+  er as Select,
+  os as SelectableRadioOption,
+  is as Sidebar,
+  Br as SkillTags,
+  hr as Slider,
+  ir as SocialButton,
+  kr as SortableItem,
+  Kr as StatsGrid,
+  ms as StatusBanner,
+  ds as Stepper,
+  us as TabBar,
+  nr as TagInput,
+  dr as Textarea,
+  Ge as ThemeProvider,
+  Xe as ThemeToggle,
+  Hr as clearAllErrors,
+  Yr as clearFieldError,
+  Ur as getFirstError,
+  Ue as hasErrors,
+  Wr as useForm,
+  Je as useTheme,
+  Fe as validateField,
   ee as validateForm,
-  Or as validators
+  Fr as validators
 };