acemyjob-ui 2.0.4 → 2.0.6

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 P, { useState as $, useCallback as M, createContext as Ee, useEffect as _, useContext as Re, useRef as W } 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 { Dialog as _e, DialogBackdrop as De, DialogPanel as Oe, TransitionChild as Ie } from "@headlessui/react";
+const Ir = {
   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
@@ -77,40 +77,40 @@ function ee(r, s) {
 function ze(r) {
   return Object.values(r).some((s) => s !== null);
 }
-function Ir(r) {
+function Pr(r) {
   for (const s of Object.values(r))
     if (s !== null)
       return s;
   return null;
 }
-function Pr(r, s) {
+function zr(r, s) {
   return {
     ...r,
     [s]: null
   };
 }
-function zr(r) {
+function Lr(r) {
   const s = {};
   for (const t of Object.keys(r))
     s[t] = null;
   return s;
 }
-function Lr({
+function Fr({
   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, u] = $({}), [d, m] = $(!1), h = JSON.stringify(a) !== JSON.stringify(r), x = 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: S } = p.target;
+      let F = C;
+      if (S === "checkbox" ? F = p.target.checked : S === "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,37 +119,37 @@ function Lr({
   ), f = M(
     (p) => {
       const { name: v } = p.target;
-      u((w) => ({
-        ...w,
+      u((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] });
+      const C = ee({ [p]: v }, { [p]: s[p] });
       c((S) => ({
         ...S,
-        [p]: w[p]
+        [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 = {};
+      const C = {};
       for (const S of Object.keys(a))
-        w[S] = !0;
-      if (u(w), !ze(v) && t) {
+        C[S] = !0;
+      if (u(C), !ze(v) && t) {
         m(!0);
         try {
           await t(a);
@@ -161,9 +161,9 @@ function Lr({
       }
     },
     [a, s, t]
-  ), E = M(() => {
+  ), R = M(() => {
     l(r), c({}), u({}), m(!1);
-  }, [r]), A = M(
+  }, [r]), k = M(
     (p) => ({
       name: p,
       value: a[p] || "",
@@ -174,7 +174,7 @@ function Lr({
   ), N = M(
     (p) => n[p] || null,
     [n]
-  ), _ = M(
+  ), O = M(
     (p) => o[p] || !1,
     [o]
   ), L = M(
@@ -189,13 +189,13 @@ function Lr({
     isDirty: h,
     handleChange: x,
     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
   };
 }
@@ -250,11 +250,11 @@ 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";
@@ -267,21 +267,21 @@ function Fe() {
         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,21 +326,21 @@ 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
       });
     }
@@ -350,14 +350,14 @@ function Fe() {
         "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 d(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
       }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
@@ -382,52 +382,52 @@ 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 m(i, b, w, T, I, B, X, K) {
+      var E = b.children;
+      if (E !== void 0)
+        if (T)
+          if (Ve(E)) {
+            for (T = 0; T < E.length; T++)
+              h(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) {
+        else h(E);
+      if (q.call(b, "key")) {
+        E = r(i);
+        var U = Object.keys(b).filter(function(Te) {
           return Te !== "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(
         i,
-        $,
+        E,
         B,
-        O,
+        I,
         l(),
-        y,
+        w,
         X,
         K
       );
@@ -435,7 +435,7 @@ React keys must be passed directly to JSX without using spread:
     function h(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 x = 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"), S = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), z = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, Ve = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
     x = {
@@ -447,27 +447,27 @@ React keys must be passed directly to JSX without using spread:
       x,
       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(
         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(
         i,
-        g,
-        y,
+        b,
+        w,
         !0,
-        k,
-        O,
+        T,
+        I,
         B ? Error("react-stack-top-frame") : le,
         B ? J(a(i)) : oe
       );
@@ -737,11 +737,11 @@ const Ne = (r) => r.replace("--color-", "bg-"), Ye = ({ name: r, cssVar: s, valu
   defaultTheme: s = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [a, l] = V(s), [n, c] = V("light"), [o, u] = V(!1);
-  I(() => {
+  const [a, l] = $(s), [n, c] = $("light"), [o, u] = $(!1);
+  _(() => {
     const m = localStorage.getItem(t);
     m && l(m), u(!0);
-  }, [t]), I(() => {
+  }, [t]), _(() => {
     if (!o) return;
     const m = window.document.documentElement, h = () => {
       let x;
@@ -760,14 +760,14 @@ const Ne = (r) => r.replace("--color-", "bg-"), Ye = ({ name: r, cssVar: s, valu
     resolvedTheme: n
   };
   return /* @__PURE__ */ e.jsx(Ce.Provider, { value: d, children: r });
-}, Ze = () => {
+}, qe = () => {
   const r = Re(Ce);
   if (r === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return r;
-}, qe = () => {
-  const { theme: r, setTheme: s } = Ze(), [t, a] = V(!1);
-  if (I(() => {
+}, Ze = () => {
+  const { theme: r, setTheme: s } = qe(), [t, a] = $(!1);
+  if (_(() => {
     a(!0);
   }, []), !t)
     return /* @__PURE__ */ e.jsxs(
@@ -815,10 +815,10 @@ 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("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Ze, {}) }),
   /* @__PURE__ */ e.jsx(He, {})
-] }), Fr = () => /* @__PURE__ */ e.jsx(We, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Ge, {}) });
-function Ur({
+] }), Ur = () => /* @__PURE__ */ e.jsx(We, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Ge, {}) });
+function Yr({
   label: r,
   children: s,
   helperText: t,
@@ -1013,23 +1013,23 @@ const sr = P.forwardRef(
     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) => {
+    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 || u && 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);
+      const C = [...r, v];
+      s(C), t?.(v), g("");
+    }, R = (v) => {
+      const C = r.filter((S) => S !== 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"} ${d ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${c ? "w-full" : ""} ${m}`;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: r.map((v) => /* @__PURE__ */ e.jsx(
         rr,
         {
           removable: !0,
-          onRemove: () => E(v),
+          onRemove: () => R(v),
           variant: "default",
           children: v
         },
@@ -1043,8 +1043,8 @@ const sr = P.forwardRef(
           className: p,
           placeholder: l,
           value: f,
-          onChange: (v) => b(v.target.value),
-          onKeyDown: C,
+          onChange: (v) => g(v.target.value),
+          onKeyDown: y,
           disabled: d || (o ? r.length >= o : !1),
           ...h
         }
@@ -1168,7 +1168,7 @@ const ge = {
       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 = nr(
       "relative overflow-hidden transition-all duration-200",
       ge.provider[s],
       ge.iconPosition[t],
@@ -1179,7 +1179,7 @@ const ge = {
       {
         ref: d,
         variant: "none",
-        className: b,
+        className: g,
         size: c,
         fullWidth: o,
         leftIcon: t === "left" ? h : void 0,
@@ -1194,7 +1194,7 @@ const ge = {
   }
 );
 lr.displayName = "SocialButton";
-function q({
+function G({
   variant: r,
   title: s,
   message: t,
@@ -1252,7 +1252,7 @@ function q({
     }
   );
 }
-function Yr({
+function Hr({
   onFileChange: r,
   onAnalyze: s,
   uploadedFile: t,
@@ -1268,20 +1268,20 @@ function Yr({
   disabled: x = !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);
+  _(() => {
+    !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: [
@@ -1290,7 +1290,7 @@ function Yr({
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: b,
+          ref: g,
           type: "file",
           accept: u,
           onChange: r,
@@ -1302,11 +1302,11 @@ function Yr({
       /* @__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"} ${x ? "opacity-50 cursor-not-allowed" : ""}`,
           children: t && !a ? /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               "svg",
@@ -1324,7 +1324,7 @@ 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),
@@ -1371,9 +1371,9 @@ function Yr({
         }
       )
     ] }),
-    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,
       {
@@ -1401,24 +1401,24 @@ const or = P.forwardRef(
     onChange: u,
     ...d
   }, m) => {
-    const C = `px-3 py-2 border rounded-lg transition-colors text-sm font-normal resize-none ${s ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${c ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${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;
+    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`), u?.(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,
+          className: y,
           disabled: c,
           value: o,
-          onChange: T,
+          onChange: V,
           maxLength: l,
           ...d
         }
       ),
       n && l && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
-        E,
+        R,
         " / ",
         l
       ] })
@@ -1426,7 +1426,7 @@ const or = P.forwardRef(
   }
 );
 or.displayName = "Textarea";
-function Hr({
+function Wr({
   options: r,
   selectedValues: s,
   onSelectionChange: t,
@@ -1444,11 +1444,11 @@ function Hr({
     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`;
+    const x = s.includes(h.value), g = x ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${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",
@@ -1472,7 +1472,7 @@ function Hr({
     );
   }) });
 }
-function Wr({
+function qr({
   options: r,
   selectedValue: s,
   onSelectionChange: t,
@@ -1538,14 +1538,14 @@ function Zr({ stats: r, columns: s = 4, className: t = "" }) {
     ] }, c);
   }) });
 }
-function qr({
+function Gr({
   items: r,
   allowMultiple: s = !1,
   defaultOpenId: t,
   onOpenChange: a,
   className: l = ""
 }) {
-  const [n, c] = V(() => t ? Array.isArray(t) ? t : [t] : []), o = (u) => {
+  const [n, c] = $(() => 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);
   };
@@ -1582,7 +1582,7 @@ function qr({
     );
   }) });
 }
-function Gr({
+function Jr({
   icon: r,
   title: s,
   subtitle: t,
@@ -1594,9 +1594,9 @@ function Gr({
   onClick: u,
   className: d = ""
 }) {
-  const m = (b) => {
-    const C = b.target;
-    C.tagName === "BUTTON" || C.closest("button") || u?.(b);
+  const m = (g) => {
+    const y = g.target;
+    y.tagName === "BUTTON" || y.closest("button") || u?.(g);
   }, x = (() => {
     if (n)
       switch (c) {
@@ -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(
+        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: o.map((g, y) => /* @__PURE__ */ e.jsx(
           D,
           {
-            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 Xr({
   children: r,
   variant: s = "default",
   isActive: t = !1,
@@ -1671,7 +1671,7 @@ function Jr({
     }
   );
 }
-const cr = {
+const cr = 200, ir = {
   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 = {
+}, dr = {
   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 Kr({
   open: r,
   onClose: s,
   title: t,
@@ -1708,29 +1708,41 @@ function Xr({
   showCloseButton: d = !0,
   className: m = ""
 }) {
-  if (I(() => {
+  const [h, x] = $(r), [f, g] = $(r), y = W(null);
+  if (_(() => {
+    if (r) {
+      y.current !== null && (window.clearTimeout(y.current), y.current = null), x(!0), typeof window < "u" ? window.requestAnimationFrame(() => g(!0)) : g(!0);
+      return;
+    }
+    h && (g(!1), typeof window < "u" ? y.current = window.setTimeout(() => {
+      x(!1);
+    }, cr) : x(!1));
+  }, [r, h]), _(() => () => {
+    y.current !== null && window.clearTimeout(y.current);
+  }, []), _(() => {
     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(() => {
+  }, [r]), _(() => {
     if (!r || !u || 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, u, s]), !h || 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",
+    dr[n],
+    ir[n][c],
     n === "bottom" ? "rounded-t-xl border-t" : n === "left" ? "border-r" : "border-l",
+    V,
     m
   ].filter(Boolean).join(" ");
   return Se(
@@ -1740,11 +1752,11 @@ function Xr({
         {
           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(
@@ -1765,7 +1777,7 @@ function Xr({
     document.body
   );
 }
-function Kr({
+function Qr({
   title: r,
   children: s,
   subtitle: t,
@@ -1785,7 +1797,7 @@ function Kr({
     s
   ] });
 }
-function Qr({
+function es({
   title: r,
   subtitle: s,
   metadata: t,
@@ -1806,7 +1818,7 @@ function Qr({
     ] }, c))
   ] });
 }
-function es({
+function rs({
   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 ss({
   icon: r,
   title: s,
   description: t,
@@ -1851,7 +1863,7 @@ function rs({
     }
   );
 }
-const dr = P.forwardRef(
+const ur = P.forwardRef(
   ({
     value: r,
     onChange: s,
@@ -1867,8 +1879,8 @@ const dr = P.forwardRef(
     disabled: h,
     className: x = "",
     ...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 ${d ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${h ? "opacity-50 cursor-not-allowed" : ""} ${m ? "w-full" : ""} ${x}`, 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: [
         o && /* @__PURE__ */ e.jsx("span", { children: o }),
@@ -1878,7 +1890,7 @@ const dr = P.forwardRef(
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: b,
+            ref: g,
             type: "range",
             min: t,
             max: a,
@@ -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({
+ur.displayName = "Slider";
+function mr({
   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 xr = /* @__PURE__ */ j.forwardRef(mr);
+function hr({
   title: r,
   titleId: s,
   ...t
@@ -1948,8 +1960,8 @@ function xr({
     clipRule: "evenodd"
   }));
 }
-const hr = /* @__PURE__ */ j.forwardRef(xr);
-function fr({
+const fr = /* @__PURE__ */ j.forwardRef(hr);
+function gr({
   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 br = /* @__PURE__ */ j.forwardRef(gr);
+function vr({
   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 pr = /* @__PURE__ */ j.forwardRef(vr), jr = {
   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 ts({
   id: r,
   name: s,
   checked: t,
@@ -2020,7 +2032,7 @@ function ss({
   disabled: d = !1,
   className: m = ""
 }) {
-  const h = pr[o], x = t ? h.selectedContainer : "border-gray-200", f = d ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-gray-50";
+  const h = jr[o], x = t ? h.selectedContainer : "border-gray-200", f = d ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-gray-50";
   return /* @__PURE__ */ e.jsxs(
     "label",
     {
@@ -2042,12 +2054,12 @@ 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
+        u && t ? /* @__PURE__ */ e.jsx(fr, { className: `h-4 w-4 mt-0.5 shrink-0 ${h.selectedIndicator}` }) : null
       ]
     }
   );
 }
-function jr({
+function yr({
   id: r,
   index: s,
   previewText: t,
@@ -2057,16 +2069,16 @@ 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 = {
+  const [u, d] = $(a), { attributes: m, listeners: h, setNodeRef: x, transform: f, transition: g, isDragging: y } = Be({ id: r }), V = {
     transform: Me.Transform.toString(f),
-    transition: b,
-    opacity: C ? 0.5 : 1
+    transition: g,
+    opacity: y ? 0.5 : 1
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: x,
-      style: T,
+      style: V,
       className: `border border-border rounded-md bg-surface-variant ${o}`,
       children: u ? (
         // ── Expanded ──────────────────────────────────────────────────────────
@@ -2175,8 +2187,8 @@ function jr({
     }
   );
 }
-jr.displayName = "SortableItem";
-const yr = {
+yr.displayName = "SortableItem";
+const wr = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -2184,11 +2196,11 @@ const yr = {
   hoverBg: "hover:bg-indigo-700",
   hoverText: "hover:text-white"
 };
-function R(...r) {
+function A(...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;
+  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 +2209,7 @@ function be({ item: r, colorScheme: s }) {
         onClick: (n) => {
           l && (n.preventDefault(), a(!t));
         },
-        className: R(
+        className: A(
           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 +2220,7 @@ function be({ item: r, colorScheme: s }) {
               r.icon,
               {
                 "aria-hidden": "true",
-                className: R(
+                className: A(
                   r.current ? s.activeText : `${s.text} group-${s.hoverText}`,
                   "size-6 shrink-0"
                 )
@@ -2219,7 +2231,7 @@ function be({ item: r, colorScheme: s }) {
           l && /* @__PURE__ */ e.jsx(
             te,
             {
-              className: R(
+              className: A(
                 "size-5 shrink-0 transition-transform",
                 t ? "rotate-180" : "",
                 r.current ? s.activeText : s.text
@@ -2233,7 +2245,7 @@ function be({ item: r, colorScheme: s }) {
       "a",
       {
         href: n.href,
-        className: R(
+        className: A(
           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 +2254,7 @@ function be({ item: r, colorScheme: s }) {
             n.icon,
             {
               "aria-hidden": "true",
-              className: R(
+              className: A(
                 n.current ? s.activeText : `${s.text} group-${s.hoverText}`,
                 "size-5 shrink-0"
               )
@@ -2254,12 +2266,12 @@ 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 as({ company: r, profile: s, navigation: t, colorScheme: a = wr }) {
+  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(_e, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
-        _e,
+        De,
         {
           transition: !0,
           className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"
@@ -2275,7 +2287,7 @@ function ts({ company: r, profile: s, navigation: t, colorScheme: a = yr }) {
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
               /* @__PURE__ */ e.jsx(we, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: R("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", a.bg), children: [
+            /* @__PURE__ */ e.jsxs("div", { className: A("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",
                 {
@@ -2290,7 +2302,7 @@ function ts({ company: r, profile: s, navigation: t, colorScheme: a = yr }) {
         }
       ) })
     ] }),
-    /* @__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: A("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",
         {
@@ -2305,7 +2317,7 @@ function ts({ company: r, profile: s, navigation: t, colorScheme: a = yr }) {
           "a",
           {
             href: "#",
-            className: R(
+            className: A(
               "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
               a.activeText,
               a.hoverBg
@@ -2316,7 +2328,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: A("size-8 rounded-full", a.activeBg)
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
@@ -2326,12 +2338,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: A("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: A("-m-2.5 p-2.5 lg:hidden", a.text), children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
         /* @__PURE__ */ e.jsx(Ae, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: R("flex-1 text-sm/6 font-semibold", a.activeText), children: "Dashboard" }),
+      /* @__PURE__ */ e.jsx("div", { className: A("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 +2351,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: A("size-8 rounded-full", a.activeBg)
           }
         )
       ] })
     ] })
   ] }) });
 }
-const wr = {
+const Nr = {
   activeBg: "bg-reseda-green-700",
   activeText: "text-white",
   completedBg: "bg-success-500",
@@ -2357,8 +2369,8 @@ const wr = {
   labelInactiveText: "text-text-muted",
   connectorBg: "bg-border"
 };
-function as({ currentStep: r, steps: s, colorConfig: t }) {
-  const a = t || wr;
+function ns({ currentStep: r, steps: s, colorConfig: t }) {
+  const a = t || Nr;
   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,15 +2391,15 @@ 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 Cr = {
   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 ls({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
+  const n = l || Cr;
   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(
@@ -2403,7 +2415,7 @@ function ns({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig:
     );
   }) });
 }
-function ls({
+function os({
   status: r,
   title: s,
   message: t,
@@ -2492,15 +2504,15 @@ const ke = ({
   ] });
 };
 ke.displayName = "ChatMessage";
-const Cr = ({
+const kr = ({
   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);
+  _(() => {
     o.current && (o.current.style.height = "auto", o.current.style.height = `${o.current.scrollHeight}px`);
   }, [n]);
   const u = () => {
@@ -2532,7 +2544,7 @@ const Cr = ({
           disabled: s || !n.trim() || m,
           className: "px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
           "aria-label": "Send message",
-          children: /* @__PURE__ */ e.jsx(vr, { className: "w-5 h-5" })
+          children: /* @__PURE__ */ e.jsx(pr, { className: "w-5 h-5" })
         }
       )
     ] }),
@@ -2546,7 +2558,7 @@ const Cr = ({
     ] })
   ] });
 };
-Cr.displayName = "ChatInput";
+kr.displayName = "ChatInput";
 const $e = ({
   message: r = "Thinking...",
   variant: s = "dots",
@@ -2575,7 +2587,7 @@ const $e = ({
   ] }) })
 ] });
 $e.displayName = "LoadingIndicator";
-const kr = ({
+const $r = ({
   messages: r,
   isLoading: s = !1,
   loadingMessage: t = "Thinking...",
@@ -2584,8 +2596,8 @@ const kr = ({
   className: n = "",
   emptyStateMessage: c = "Start a conversation"
 }) => {
-  const o = G(null), u = G(null);
-  return I(() => {
+  const o = W(null), u = W(null);
+  return _(() => {
     o.current?.scrollIntoView({ behavior: "smooth" });
   }, [r, s]), /* @__PURE__ */ e.jsxs(
     "div",
@@ -2633,8 +2645,8 @@ const kr = ({
     }
   );
 };
-kr.displayName = "ChatContainer";
-const $r = ({
+$r.displayName = "ChatContainer";
+const Vr = ({
   resumeName: r,
   jobTitle: s,
   companyName: t,
@@ -2645,7 +2657,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(br, { 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 +2675,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(xr, { 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 +2711,7 @@ const $r = ({
     ) })
   ] })
 ] }) });
-$r.displayName = "AnalysisSummaryBar";
+Vr.displayName = "AnalysisSummaryBar";
 const re = {
   semantic: {
     none: "bg-error-50 border-error-200 text-error-700",
@@ -2716,7 +2728,7 @@ const re = {
     partial: "bg-surface border-warning-300 text-warning-700",
     full: "bg-surface border-success-300 text-success-700"
   }
-}, Vr = {
+}, Tr = {
   semantic: {
     required: "bg-error-600 text-white",
     preferred: "bg-reseda-green-600 text-white",
@@ -2732,12 +2744,12 @@ const re = {
     preferred: "bg-reseda-green-700 text-reseda-green-100",
     "nice-to-have": "bg-khaki-700 text-khaki-100"
   }
-}, Tr = ({
+}, Er = ({
   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) => Tr[t][o], c = (o, u) => !u || u.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "mb-4", children: [
     /* @__PURE__ */ e.jsxs("p", { className: "text-xs font-semibold text-text-secondary mb-2", children: [
       o,
       ":"
@@ -2773,8 +2785,8 @@ const re = {
     c("Soft Skills", r.soft || [])
   ] });
 };
-Tr.displayName = "SkillTags";
-const Er = ({
+Er.displayName = "SkillTags";
+const Rr = ({
   score: r,
   showLabel: s = !0,
   size: t = "md",
@@ -2807,8 +2819,8 @@ const Er = ({
     s && /* @__PURE__ */ e.jsx("p", { className: `text-gray-600 mt-1 ${u[t]}`, children: c(l) })
   ] });
 };
-Er.displayName = "MatchScoreBar";
-const Rr = ({
+Rr.displayName = "MatchScoreBar";
+const Ar = ({
   responsibilities: r,
   className: s = ""
 }) => {
@@ -2848,55 +2860,55 @@ const Rr = ({
     ] }, o)) })
   ] }, l)) });
 };
-Rr.displayName = "ResponsibilitiesList";
+Ar.displayName = "ResponsibilitiesList";
 export {
-  qr as Accordion,
-  Gr as ActionCard,
-  q as Alert,
-  $r as AnalysisSummaryBar,
+  Gr as Accordion,
+  Jr as ActionCard,
+  G as Alert,
+  Vr as AnalysisSummaryBar,
   rr as Badge,
   D as Button,
-  Jr as Card,
-  kr as ChatContainer,
-  Cr as ChatInput,
+  Xr as Card,
+  $r as ChatContainer,
+  kr as ChatInput,
   ke as ChatMessage,
-  Hr as CheckboxGroup,
+  Wr as CheckboxGroup,
   He as ColorPalette,
-  Fr as Demo,
-  Qr as DetailPanel,
-  Xr as Drawer,
-  Yr as FileUpload,
-  Ur as FormField,
+  Ur as Demo,
+  es as DetailPanel,
+  Kr as Drawer,
+  Hr as FileUpload,
+  Yr 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,
+  Rr as MatchScoreBar,
+  ss as OptionCard,
+  rs as PageHeader,
+  qr as RadioGroup,
+  Ar as ResponsibilitiesList,
+  Qr as Section,
   Xe as Select,
-  ss as SelectableRadioOption,
-  ts as Sidebar,
-  Tr as SkillTags,
-  dr as Slider,
+  ts as SelectableRadioOption,
+  as as Sidebar,
+  Er as SkillTags,
+  ur as Slider,
   lr as SocialButton,
-  jr as SortableItem,
+  yr as SortableItem,
   Zr as StatsGrid,
-  ls as StatusBanner,
-  as as Stepper,
-  ns as TabBar,
+  os as StatusBanner,
+  ns as Stepper,
+  ls 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 ThemeToggle,
+  Lr as clearAllErrors,
+  zr as clearFieldError,
+  Pr as getFirstError,
   ze as hasErrors,
-  Lr as useForm,
-  Ze as useTheme,
+  Fr as useForm,
+  qe as useTheme,
   Pe as validateField,
   ee as validateForm,
-  Or as validators
+  Ir as validators
 };