acemyjob-ui 2.0.2 → 2.0.3

package/dist/acemyjob-ui.es.js

@@ -1,10 +1,10 @@
 import * as j from "react";
-import I, { useState as V, useCallback as M, createContext as Te, useEffect as U, useContext as Ee, useRef as Z } from "react";
-import { ChevronDownIcon as ae, InformationCircleIcon as be, ExclamationCircleIcon as pe, XCircleIcon as je, CheckCircleIcon as ye, XMarkIcon as Re, Bars3Icon as Ae } from "@heroicons/react/24/outline";
+import I, { useState as V, useCallback as M, createContext as Te, useEffect as U, useContext as Ee, useRef as G } from "react";
+import { ChevronDownIcon as ae, InformationCircleIcon as ve, ExclamationCircleIcon as pe, XCircleIcon as je, CheckCircleIcon as ye, XMarkIcon as Re, Bars3Icon as Ae } from "@heroicons/react/24/outline";
 import { useSortable as Se } from "@dnd-kit/sortable";
 import { CSS as Be } from "@dnd-kit/utilities";
-import { Dialog as Me, DialogBackdrop as _e, DialogPanel as De, TransitionChild as Oe } from "@headlessui/react";
-const Rr = {
+import { Dialog as Me, DialogBackdrop as _e, DialogPanel as Oe, TransitionChild as De } from "@headlessui/react";
+const Br = {
   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
@@ -76,79 +76,79 @@ function ee(r, s) {
 function Pe(r) {
   return Object.values(r).some((s) => s !== null);
 }
-function Ar(r) {
+function Mr(r) {
   for (const s of Object.values(r))
     if (s !== null)
       return s;
   return null;
 }
-function Sr(r, s) {
+function _r(r, s) {
   return {
     ...r,
     [s]: null
   };
 }
-function Br(r) {
+function Or(r) {
   const s = {};
   for (const a of Object.keys(r))
     s[a] = null;
   return s;
 }
-function Mr({
+function Dr({
   initialValues: r,
   validationRules: s = {},
   onSubmit: a
 }) {
   const [t, l] = V(r), [n, c] = V({}), [o, u] = V({}), [d, m] = V(!1), h = JSON.stringify(t) !== JSON.stringify(r), x = M(
     (p) => {
-      const { name: b, value: w, type: S } = p.target;
+      const { name: v, value: w, type: S } = p.target;
       let L = w;
       if (S === "checkbox" ? L = p.target.checked : S === "number" && (L = w ? Number(w) : ""), l((P) => ({
         ...P,
-        [b]: L
-      })), s[b]) {
-        const P = ee({ [b]: L }, { [b]: s[b] });
+        [v]: L
+      })), s[v]) {
+        const P = ee({ [v]: L }, { [v]: s[v] });
         c((W) => ({
           ...W,
-          [b]: P[b]
+          [v]: P[v]
         }));
       }
     },
     [s]
-  ), g = M(
+  ), f = M(
     (p) => {
-      const { name: b } = p.target;
+      const { name: v } = p.target;
       u((w) => ({
         ...w,
-        [b]: !0
+        [v]: !0
       }));
     },
     []
-  ), v = M((p, b) => {
+  ), b = M((p, v) => {
     if (l((w) => ({
       ...w,
-      [p]: b
+      [p]: v
     })), s[p]) {
-      const w = ee({ [p]: b }, { [p]: s[p] });
+      const w = ee({ [p]: v }, { [p]: s[p] });
       c((S) => ({
         ...S,
         [p]: w[p]
       }));
     }
-  }, [s]), C = M((p, b) => {
+  }, [s]), C = M((p, v) => {
     c((w) => ({
       ...w,
-      [p]: b
+      [p]: v
     }));
   }, []), T = M(
     async (p) => {
       p.preventDefault();
-      const b = ee(t, s);
-      c(b);
+      const v = ee(t, s);
+      c(v);
       const w = {};
       for (const S of Object.keys(t))
         w[S] = !0;
-      if (u(w), !Pe(b) && a) {
+      if (u(w), !Pe(v) && a) {
         m(!0);
         try {
           await a(t);
@@ -167,13 +167,13 @@ function Mr({
       name: p,
       value: t[p] || "",
       onChange: x,
-      onBlur: g
+      onBlur: f
     }),
-    [t, x, g]
+    [t, x, f]
   ), N = M(
     (p) => n[p] || null,
     [n]
-  ), D = M(
+  ), O = M(
     (p) => o[p] || !1,
     [o]
   ), z = M(
@@ -187,18 +187,18 @@ function Mr({
     isSubmitting: d,
     isDirty: h,
     handleChange: x,
-    handleBlur: g,
-    setFieldValue: v,
+    handleBlur: f,
+    setFieldValue: b,
     setFieldError: C,
     handleSubmit: T,
     resetForm: E,
     getFieldProps: A,
     getFieldError: N,
-    isFieldTouched: D,
+    isFieldTouched: O,
     isFieldDirty: z
   };
 }
-var q = { exports: {} }, Y = {};
+var Z = { exports: {} }, Y = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -266,21 +266,21 @@ function Le() {
         switch (typeof i.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), i.$$typeof) {
-          case v:
+          case b:
             return "Portal";
           case N:
             return (i.displayName || "Context") + ".Provider";
           case A:
             return (i._context.displayName || "Context") + ".Consumer";
-          case D:
-            var f = i.render;
-            return i = i.displayName, i || (i = f.displayName || f.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
-          case b:
-            return f = i.displayName || null, f !== null ? f : r(i.type) || "Memo";
+          case O:
+            var g = i.render;
+            return i = i.displayName, i || (i = g.displayName || g.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case v:
+            return g = i.displayName || null, g !== null ? g : r(i.type) || "Memo";
           case w:
-            f = i._payload, i = i._init;
+            g = i._payload, i = i._init;
             try {
-              return r(i(f));
+              return r(i(g));
             } catch {
             }
         }
@@ -292,15 +292,15 @@ function Le() {
     function a(i) {
       try {
         s(i);
-        var f = !1;
+        var g = !1;
       } catch {
-        f = !0;
+        g = !0;
       }
-      if (f) {
-        f = console;
-        var y = f.error, k = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+      if (g) {
+        g = console;
+        var y = g.error, k = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return y.call(
-          f,
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           k
         ), s(i);
@@ -311,8 +311,8 @@ function Le() {
       if (typeof i == "object" && i !== null && i.$$typeof === w)
         return "<...>";
       try {
-        var f = r(i);
-        return f ? "<" + f + ">" : "<...>";
+        var g = r(i);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -326,16 +326,16 @@ function Le() {
     }
     function c(i) {
       if (W.call(i, "key")) {
-        var f = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (f && f.isReactWarning) return !1;
+        var g = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
       return i.key !== void 0;
     }
-    function o(i, f) {
+    function o(i, g) {
       function y() {
         te || (te = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          f
+          g
         ));
       }
       y.isReactWarning = !0, Object.defineProperty(i, "key", {
@@ -349,13 +349,13 @@ function Le() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), i = this.props.ref, i !== void 0 ? i : null;
     }
-    function d(i, f, y, k, O, B, X, K) {
+    function d(i, g, y, k, D, B, X, K) {
       return y = B.ref, i = {
-        $$typeof: g,
+        $$typeof: f,
         type: i,
-        key: f,
+        key: g,
         props: B,
-        _owner: O
+        _owner: D
       }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(i, "ref", {
         enumerable: !1,
         get: u
@@ -381,8 +381,8 @@ function Le() {
         value: K
       }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function m(i, f, y, k, O, B, X, K) {
-      var $ = f.children;
+    function m(i, g, y, k, D, B, X, K) {
+      var $ = g.children;
       if ($ !== void 0)
         if (k)
           if ($e($)) {
@@ -394,9 +394,9 @@ function Le() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else h($);
-      if (W.call(f, "key")) {
+      if (W.call(g, "key")) {
         $ = r(i);
-        var F = Object.keys(f).filter(function(Ve) {
+        var F = Object.keys(g).filter(function(Ve) {
           return Ve !== "key";
         });
         k = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", ce[$ + k] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -412,11 +412,11 @@ React keys must be passed directly to JSX without using spread:
           $
         ), ce[$ + k] = !0);
       }
-      if ($ = null, y !== void 0 && (a(y), $ = "" + y), c(f) && (a(f.key), $ = "" + f.key), "key" in f) {
+      if ($ = null, y !== void 0 && (a(y), $ = "" + y), c(g) && (a(g.key), $ = "" + g.key), "key" in g) {
         y = {};
-        for (var Q in f)
-          Q !== "key" && (y[Q] = f[Q]);
-      } else y = f;
+        for (var Q in g)
+          Q !== "key" && (y[Q] = g[Q]);
+      } else y = g;
       return $ && o(
         y,
         typeof i == "function" ? i.displayName || i.name || "Unknown" : i
@@ -424,7 +424,7 @@ React keys must be passed directly to JSX without using spread:
         i,
         $,
         B,
-        O,
+        D,
         l(),
         y,
         X,
@@ -432,9 +432,9 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function h(i) {
-      typeof i == "object" && i !== null && i.$$typeof === g && i._store && (i._store.validated = 1);
+      typeof i == "object" && i !== null && i.$$typeof === f && i._store && (i._store.validated = 1);
     }
-    var x = I, g = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), N = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), S = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), P = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, $e = Array.isArray, J = console.createTask ? console.createTask : function() {
+    var x = I, 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"), O = Symbol.for("react.forward_ref"), z = 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"), L = Symbol.for("react.client.reference"), P = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, $e = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
     x = {
@@ -446,27 +446,27 @@ React keys must be passed directly to JSX without using spread:
       x,
       n
     )(), oe = J(t(n)), ce = {};
-    H.Fragment = C, H.jsx = function(i, f, y, k, O) {
+    H.Fragment = C, H.jsx = function(i, g, y, k, D) {
       var B = 1e4 > P.recentlyCreatedOwnerStacks++;
       return m(
         i,
-        f,
+        g,
         y,
         !1,
         k,
-        O,
+        D,
         B ? Error("react-stack-top-frame") : le,
         B ? J(t(i)) : oe
       );
-    }, H.jsxs = function(i, f, y, k, O) {
+    }, H.jsxs = function(i, g, y, k, D) {
       var B = 1e4 > P.recentlyCreatedOwnerStacks++;
       return m(
         i,
-        f,
+        g,
         y,
         !0,
         k,
-        O,
+        D,
         B ? Error("react-stack-top-frame") : le,
         B ? J(t(i)) : oe
       );
@@ -475,7 +475,7 @@ React keys must be passed directly to JSX without using spread:
 }
 var ue;
 function Fe() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? q.exports = ze() : q.exports = Le()), q.exports;
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? Z.exports = ze() : Z.exports = Le()), Z.exports;
 }
 var e = Fe();
 const we = (r) => r.replace("--color-", "bg-"), Ue = ({ name: r, cssVar: s, value: a }) => {
@@ -747,8 +747,8 @@ const we = (r) => r.replace("--color-", "bg-"), Ue = ({ name: r, cssVar: s, valu
       t === "system" ? x = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : x = t, c(x), m.classList.remove("light", "dark"), m.classList.add(x);
     };
     if (h(), t === "system") {
-      const x = window.matchMedia("(prefers-color-scheme: dark)"), g = () => h();
-      return x.addEventListener("change", g), () => x.removeEventListener("change", g);
+      const x = window.matchMedia("(prefers-color-scheme: dark)"), f = () => h();
+      return x.addEventListener("change", f), () => x.removeEventListener("change", f);
     }
   }, [t, o]);
   const d = {
@@ -764,7 +764,7 @@ const we = (r) => r.replace("--color-", "bg-"), Ue = ({ name: r, cssVar: s, valu
   if (r === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return r;
-}, qe = () => {
+}, Ze = () => {
   const { theme: r, setTheme: s } = We(), [a, t] = V(!1);
   if (U(() => {
     t(!0);
@@ -813,11 +813,11 @@ const we = (r) => r.replace("--color-", "bg-"), Ue = ({ name: r, cssVar: s, valu
       ]
     }
   );
-}, Ge = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(qe, {}) }),
+}, qe = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Ze, {}) }),
   /* @__PURE__ */ e.jsx(Ye, {})
-] }), _r = () => /* @__PURE__ */ e.jsx(He, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Ge, {}) });
-function Dr({
+] }), Ir = () => /* @__PURE__ */ e.jsx(He, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(qe, {}) });
+function Pr({
   label: r,
   children: s,
   helperText: a,
@@ -835,7 +835,7 @@ function Dr({
     a && !t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: a })
   ] });
 }
-const Ze = I.forwardRef(
+const Ge = I.forwardRef(
   ({
     className: r = "",
     leftIcon: s,
@@ -845,14 +845,14 @@ const Ze = I.forwardRef(
     disabled: n,
     ...c
   }, o) => {
-    const u = "px-3 py-2 border rounded-lg transition-colors text-sm", d = t ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent", m = n ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary", h = l ? "w-full" : "", x = s || a ? "relative flex items-center" : "", g = `${u} ${d} ${m} ${h} ${s ? "pl-10" : ""} ${a ? "pr-10" : ""} ${r}`;
+    const u = "px-3 py-2 border rounded-lg transition-colors text-sm", d = t ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent", m = n ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary", h = l ? "w-full" : "", x = s || a ? "relative flex items-center" : "", f = `${u} ${d} ${m} ${h} ${s ? "pl-10" : ""} ${a ? "pr-10" : ""} ${r}`;
     return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
       s && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 flex items-center pointer-events-none text-text-muted", children: s }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
           ref: o,
-          className: g,
+          className: f,
           disabled: n,
           ...c
         }
@@ -861,7 +861,7 @@ const Ze = I.forwardRef(
     ] });
   }
 );
-Ze.displayName = "Input";
+Ge.displayName = "Input";
 const Je = I.forwardRef(
   ({
     options: r,
@@ -883,7 +883,7 @@ const Je = I.forwardRef(
           ...c,
           children: [
             s && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, children: s }),
-            r.map((g) => /* @__PURE__ */ e.jsx("option", { value: g.value, children: g.label }, g.value))
+            r.map((f) => /* @__PURE__ */ e.jsx("option", { value: f.value, children: f.label }, f.value))
           ]
         }
       ),
@@ -1012,27 +1012,27 @@ const rr = I.forwardRef(
     className: m = "",
     ...h
   }, x) => {
-    const [g, v] = V(""), C = (b) => {
-      b.key === "Enter" && g.trim() ? (b.preventDefault(), T(g.trim())) : b.key === "Backspace" && !g && r.length > 0 && E(r[r.length - 1]);
-    }, T = (b) => {
-      if (o && r.length >= o || u && r.includes(b))
+    const [f, b] = V(""), C = (v) => {
+      v.key === "Enter" && f.trim() ? (v.preventDefault(), T(f.trim())) : v.key === "Backspace" && !f && r.length > 0 && E(r[r.length - 1]);
+    }, T = (v) => {
+      if (o && r.length >= o || u && r.includes(v))
         return;
-      const w = [...r, b];
-      s(w), a?.(b), v("");
-    }, E = (b) => {
-      const w = r.filter((S) => S !== b);
-      s(w), t?.(b);
+      const w = [...r, v];
+      s(w), a?.(v), b("");
+    }, E = (v) => {
+      const w = r.filter((S) => S !== v);
+      s(w), t?.(v);
     }, p = `w-full px-3 py-2 border rounded-lg transition-colors text-sm ${n ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${d ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${c ? "w-full" : ""} ${m}`;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: r.map((b) => /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: r.map((v) => /* @__PURE__ */ e.jsx(
         er,
         {
           removable: !0,
-          onRemove: () => E(b),
+          onRemove: () => E(v),
           variant: "default",
-          children: b
+          children: v
         },
-        b
+        v
       )) }),
       /* @__PURE__ */ e.jsx(
         "input",
@@ -1041,8 +1041,8 @@ const rr = I.forwardRef(
           type: "text",
           className: p,
           placeholder: l,
-          value: g,
-          onChange: (b) => v(b.target.value),
+          value: f,
+          onChange: (v) => b(v.target.value),
           onKeyDown: C,
           disabled: d || (o ? r.length >= o : !1),
           ...h
@@ -1165,9 +1165,9 @@ const ge = {
   }, d) => {
     const h = t || {
       linkedin: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e.jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })
-    }[s], g = n || (l ? {
+    }[s], f = n || (l ? {
       linkedin: "Continue with LinkedIn"
-    }[s] : ""), v = tr(
+    }[s] : ""), b = tr(
       "relative overflow-hidden transition-all duration-200",
       ge.provider[s],
       ge.iconPosition[a],
@@ -1178,7 +1178,7 @@ const ge = {
       {
         ref: d,
         variant: "none",
-        className: v,
+        className: b,
         size: c,
         fullWidth: o,
         leftIcon: a === "left" ? h : void 0,
@@ -1186,14 +1186,14 @@ const ge = {
         ...u,
         children: [
           a === "only" && h,
-          a !== "only" && g
+          a !== "only" && f
         ]
       }
     );
   }
 );
 nr.displayName = "SocialButton";
-function G({
+function q({
   variant: r,
   title: s,
   message: a,
@@ -1224,7 +1224,7 @@ function G({
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ e.jsx(be, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
     }
   }[r];
   return /* @__PURE__ */ e.jsx(
@@ -1251,7 +1251,7 @@ function G({
     }
   );
 }
-function Or({
+function zr({
   onFileChange: r,
   onAnalyze: s,
   uploadedFile: a,
@@ -1265,22 +1265,22 @@ function Or({
   description: m = "PDF, DOCX up to 5MB",
   analyzeButtonLabel: h = "Analyze",
   disabled: x = !1,
-  showAnalyzeButton: g = !0
+  showAnalyzeButton: f = !0
 }) {
-  const v = Z(null), [C, T] = V(!1);
+  const b = G(null), [C, T] = V(!1);
   U(() => {
-    !a && v.current && (v.current.value = "");
+    !a && b.current && (b.current.value = "");
   }, [a]);
   const E = (N) => {
     N.preventDefault(), N.stopPropagation(), N.type === "dragenter" || N.type === "dragover" ? T(!0) : N.type === "dragleave" && T(!1);
   }, A = (N) => {
     if (N.preventDefault(), N.stopPropagation(), T(!1), N.dataTransfer.files && N.dataTransfer.files[0]) {
-      const D = {
+      const O = {
         target: {
           files: N.dataTransfer.files
         }
       };
-      r(D);
+      r(O);
     }
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "mt-6 pt-6 border-t border-border", children: [
@@ -1289,7 +1289,7 @@ function Or({
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: v,
+          ref: b,
           type: "file",
           accept: u,
           onChange: r,
@@ -1323,7 +1323,7 @@ function Or({
                 )
               }
             ),
-            /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "success", message: "File uploaded successfully" }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(q, { variant: "success", message: "File uploaded successfully" }) }),
             /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-2 break-words", children: a.name }),
             /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted mt-1", children: [
               (a.size / (1024 * 1024)).toFixed(2),
@@ -1370,10 +1370,10 @@ function Or({
         }
       )
     ] }),
-    t && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: t }) }),
-    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "error", message: c }) }),
-    o && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(G, { variant: "success", message: o }) }),
-    g && /* @__PURE__ */ e.jsx(
+    t && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(q, { variant: "error", message: t }) }),
+    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(q, { variant: "error", message: c }) }),
+    o && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(q, { variant: "success", message: o }) }),
+    f && /* @__PURE__ */ e.jsx(
       _,
       {
         variant: "default",
@@ -1425,7 +1425,7 @@ const lr = I.forwardRef(
   }
 );
 lr.displayName = "Textarea";
-function Ir({
+function Lr({
   options: r,
   selectedValues: s,
   onSelectionChange: a,
@@ -1435,7 +1435,7 @@ function Ir({
   error: c = !1
 }) {
   const o = (h) => {
-    const x = s.includes(h) ? s.filter((g) => g !== h) : [...s, h];
+    const x = s.includes(h) ? s.filter((f) => f !== h) : [...s, h];
     a(x);
   }, u = {
     vertical: "space-y-3",
@@ -1443,11 +1443,11 @@ function Ir({
     grid: `grid grid-cols-${l} gap-3`
   }, d = t === "grid" ? "grid gap-3" : u[t], m = t === "grid" ? `md:grid-cols-${l}` : "";
   return /* @__PURE__ */ e.jsx("div", { className: `${d} ${m}`, children: r.map((h) => {
-    const x = s.includes(h.value), v = x ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+    const x = s.includes(h.value), b = x ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${v} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${b} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
@@ -1471,7 +1471,7 @@ function Ir({
     );
   }) });
 }
-function Pr({
+function Fr({
   options: r,
   selectedValue: s,
   onSelectionChange: a,
@@ -1487,11 +1487,11 @@ function Pr({
     grid: "grid gap-3"
   }[t];
   return /* @__PURE__ */ e.jsx("div", { className: d, children: r.map((m) => {
-    const h = s === m.value, g = h ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+    const h = s === m.value, f = h ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${c ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
-        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${g} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${f} ${n ? "opacity-50 cursor-not-allowed" : ""}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
@@ -1517,7 +1517,7 @@ function Pr({
     );
   }) });
 }
-function zr({ stats: r, columns: s = 4, className: a = "" }) {
+function Ur({ stats: r, columns: s = 4, className: a = "" }) {
   const t = {
     2: "grid-cols-2",
     3: "grid-cols-3",
@@ -1537,7 +1537,7 @@ function zr({ stats: r, columns: s = 4, className: a = "" }) {
     ] }, c);
   }) });
 }
-function Lr({
+function Yr({
   items: r,
   allowMultiple: s = !1,
   defaultOpenId: a,
@@ -1581,7 +1581,7 @@ function Lr({
     );
   }) });
 }
-function Fr({
+function Hr({
   icon: r,
   title: s,
   subtitle: a,
@@ -1593,9 +1593,9 @@ function Fr({
   onClick: u,
   className: d = ""
 }) {
-  const m = (v) => {
-    const C = v.target;
-    C.tagName === "BUTTON" || C.closest("button") || u?.(v);
+  const m = (b) => {
+    const C = b.target;
+    C.tagName === "BUTTON" || C.closest("button") || u?.(b);
   }, x = (() => {
     if (n)
       switch (c) {
@@ -1609,12 +1609,12 @@ function Fr({
           return "border-2 border-reseda-green-700 bg-success-50";
       }
     return "border border-border hover:border-border-subtle hover:bg-surface-variant";
-  })(), g = l ? "ring-2 ring-reseda-green-700" : "";
+  })(), f = l ? "ring-2 ring-reseda-green-700" : "";
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       onClick: m,
-      className: `rounded-lg p-4 cursor-pointer transition ${x} ${g} ${d}`,
+      className: `rounded-lg p-4 cursor-pointer transition ${x} ${f} ${d}`,
       children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex items-start gap-3", children: [
           r && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r }),
@@ -1624,18 +1624,18 @@ function Fr({
             t && /* @__PURE__ */ e.jsx("div", { className: "mt-2", children: t })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: o.map((v, C) => /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx("div", { className: "ml-2 flex items-center gap-1 shrink-0", children: o.map((b, C) => /* @__PURE__ */ e.jsx(
           _,
           {
-            variant: v.variant || "ghost",
-            size: v.size || "sm",
-            onClick: v.onClick,
-            disabled: v.disabled,
-            loading: v.loading,
-            title: v.label,
-            className: v.className,
-            leftIcon: v.icon && v.size !== "icon" ? v.icon : void 0,
-            children: v.size === "icon" ? v.icon : v.label
+            variant: b.variant || "ghost",
+            size: b.size || "sm",
+            onClick: b.onClick,
+            disabled: b.disabled,
+            loading: b.loading,
+            title: b.label,
+            className: b.className,
+            leftIcon: b.icon && b.size !== "icon" ? b.icon : void 0,
+            children: b.size === "icon" ? b.icon : b.label
           },
           C
         )) })
@@ -1643,7 +1643,7 @@ function Fr({
     }
   );
 }
-function Ur({
+function Wr({
   children: r,
   variant: s = "default",
   isActive: a = !1,
@@ -1670,7 +1670,7 @@ function Ur({
     }
   );
 }
-function Yr({
+function Zr({
   title: r,
   children: s,
   subtitle: a,
@@ -1690,7 +1690,7 @@ function Yr({
     s
   ] });
 }
-function Hr({
+function qr({
   title: r,
   subtitle: s,
   metadata: a,
@@ -1711,7 +1711,7 @@ function Hr({
     ] }, c))
   ] });
 }
-function Wr({
+function Gr({
   title: r,
   description: s,
   centered: a = !1,
@@ -1727,7 +1727,7 @@ function Wr({
     /* @__PURE__ */ e.jsx("p", { className: `mt-2 text-text-secondary ${c}`, children: s })
   ] });
 }
-function qr({
+function Jr({
   icon: r,
   title: s,
   description: a,
@@ -1771,9 +1771,9 @@ const or = I.forwardRef(
     fullWidth: m = !0,
     disabled: h,
     className: x = "",
-    ...g
-  }, v) => {
-    const N = `w-full h-2 rounded-lg appearance-none cursor-pointer ${d ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${h ? "opacity-50 cursor-not-allowed" : ""} ${m ? "w-full" : ""} ${x}`, D = (r - a) / (t - a) * 100;
+    ...f
+  }, b) => {
+    const N = `w-full h-2 rounded-lg appearance-none cursor-pointer ${d ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${h ? "opacity-50 cursor-not-allowed" : ""} ${m ? "w-full" : ""} ${x}`, O = (r - a) / (t - a) * 100;
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       c && (o || u) && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-xs text-text-muted", children: [
         o && /* @__PURE__ */ e.jsx("span", { children: o }),
@@ -1783,7 +1783,7 @@ const or = I.forwardRef(
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: v,
+            ref: b,
             type: "range",
             min: a,
             max: t,
@@ -1792,7 +1792,7 @@ const or = I.forwardRef(
             onChange: (z) => s(Number(z.target.value)),
             disabled: h,
             className: N,
-            ...g
+            ...f
           }
         ),
         n && /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-text-primary min-w-[3rem] text-right", children: r })
@@ -1801,7 +1801,7 @@ const or = I.forwardRef(
         "div",
         {
           className: "h-full bg-reseda-green-500 transition-all",
-          style: { width: `${D}%` }
+          style: { width: `${O}%` }
         }
       ) })
     ] });
@@ -1809,6 +1809,150 @@ const or = I.forwardRef(
 );
 or.displayName = "Slider";
 function cr({
+  title: r,
+  titleId: s,
+  ...a
+}, t) {
+  return /* @__PURE__ */ j.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: t,
+    "aria-labelledby": s
+  }, a), r ? /* @__PURE__ */ j.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ j.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.5 5.25a3 3 0 0 1 3-3h3a3 3 0 0 1 3 3v.205c.933.085 1.857.197 2.774.334 1.454.218 2.476 1.483 2.476 2.917v3.033c0 1.211-.734 2.352-1.936 2.752A24.726 24.726 0 0 1 12 15.75c-2.73 0-5.357-.442-7.814-1.259-1.202-.4-1.936-1.541-1.936-2.752V8.706c0-1.434 1.022-2.7 2.476-2.917A48.814 48.814 0 0 1 7.5 5.455V5.25Zm7.5 0v.09a49.488 49.488 0 0 0-6 0v-.09a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 1.5 1.5Zm-3 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ j.createElement("path", {
+    d: "M3 18.4v-2.796a4.3 4.3 0 0 0 .713.31A26.226 26.226 0 0 0 12 17.25c2.892 0 5.68-.468 8.287-1.335.252-.084.49-.189.713-.311V18.4c0 1.452-1.047 2.728-2.523 2.923-2.12.282-4.282.427-6.477.427a49.19 49.19 0 0 1-6.477-.427C4.047 21.128 3 19.852 3 18.4Z"
+  }));
+}
+const ir = /* @__PURE__ */ j.forwardRef(cr);
+function dr({
+  title: r,
+  titleId: s,
+  ...a
+}, t) {
+  return /* @__PURE__ */ j.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: t,
+    "aria-labelledby": s
+  }, a), r ? /* @__PURE__ */ j.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ j.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
+    clipRule: "evenodd"
+  }));
+}
+const ur = /* @__PURE__ */ j.forwardRef(dr);
+function mr({
+  title: r,
+  titleId: s,
+  ...a
+}, t) {
+  return /* @__PURE__ */ j.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: t,
+    "aria-labelledby": s
+  }, a), r ? /* @__PURE__ */ j.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ j.createElement("path", {
+    d: "M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5H5.625Z"
+  }), /* @__PURE__ */ j.createElement("path", {
+    d: "M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z"
+  }));
+}
+const xr = /* @__PURE__ */ j.forwardRef(mr);
+function hr({
+  title: r,
+  titleId: s,
+  ...a
+}, t) {
+  return /* @__PURE__ */ j.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: t,
+    "aria-labelledby": s
+  }, a), r ? /* @__PURE__ */ j.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ j.createElement("path", {
+    d: "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 fr = /* @__PURE__ */ j.forwardRef(hr), gr = {
+  neutral: {
+    selectedContainer: "border-gray-300 bg-gray-50",
+    selectedIndicator: "text-gray-500",
+    inputAccent: "accent-gray-600"
+  },
+  purple: {
+    selectedContainer: "border-purple-300 bg-purple-50",
+    selectedIndicator: "text-purple-600",
+    inputAccent: "accent-purple-600"
+  },
+  blue: {
+    selectedContainer: "border-blue-300 bg-blue-50",
+    selectedIndicator: "text-blue-600",
+    inputAccent: "accent-blue-600"
+  }
+};
+function Xr({
+  id: r,
+  name: s,
+  checked: a,
+  onChange: t,
+  primaryText: l,
+  secondaryText: n,
+  tertiaryText: c,
+  tone: o = "neutral",
+  showCheckedIndicator: u = !1,
+  disabled: d = !1,
+  className: m = ""
+}) {
+  const h = gr[o], x = a ? h.selectedContainer : "border-gray-200", f = d ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-gray-50";
+  return /* @__PURE__ */ e.jsxs(
+    "label",
+    {
+      className: `flex items-start gap-2 rounded-md border p-2 transition ${x} ${f} ${m}`,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            type: "radio",
+            name: s,
+            className: `mt-0.5 ${h.inputAccent}`,
+            checked: a,
+            disabled: d,
+            onChange: () => t(r)
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e.jsx("span", { className: "block text-sm text-gray-800 break-words", children: l }),
+          n ? /* @__PURE__ */ e.jsx("span", { className: "block text-xs text-gray-500", children: n }) : null,
+          c ? /* @__PURE__ */ e.jsx("span", { className: "block text-xs text-gray-400", children: c }) : null
+        ] }),
+        u && a ? /* @__PURE__ */ e.jsx(ur, { className: `h-4 w-4 mt-0.5 shrink-0 ${h.selectedIndicator}` }) : null
+      ]
+    }
+  );
+}
+function br({
   id: r,
   index: s,
   previewText: a,
@@ -1818,9 +1962,9 @@ function cr({
   onRemove: c,
   className: o = ""
 }) {
-  const [u, d] = V(t), { attributes: m, listeners: h, setNodeRef: x, transform: g, transition: v, isDragging: C } = Se({ id: r }), T = {
-    transform: Be.Transform.toString(g),
-    transition: v,
+  const [u, d] = V(t), { attributes: m, listeners: h, setNodeRef: x, transform: f, transition: b, isDragging: C } = Se({ id: r }), T = {
+    transform: Be.Transform.toString(f),
+    transition: b,
     opacity: C ? 0.5 : 1
   };
   return /* @__PURE__ */ e.jsx(
@@ -1936,8 +2080,8 @@ function cr({
     }
   );
 }
-cr.displayName = "SortableItem";
-const ir = {
+br.displayName = "SortableItem";
+const vr = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -1948,7 +2092,7 @@ const ir = {
 function R(...r) {
   return r.filter(Boolean).join(" ");
 }
-function ve({ item: r, colorScheme: s }) {
+function be({ item: r, colorScheme: s }) {
   const [a, t] = V(r.current || r.children?.some((n) => n.current)), l = r.children && r.children.length > 0;
   return /* @__PURE__ */ e.jsxs("li", { children: [
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
@@ -2015,7 +2159,7 @@ function ve({ item: r, colorScheme: s }) {
     ) }, n.name)) })
   ] });
 }
-function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
+function Kr({ company: r, profile: s, navigation: a, colorScheme: t = vr }) {
   const [l, n] = V(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs(Me, { open: l, onClose: n, className: "relative z-50 lg:hidden", children: [
@@ -2027,12 +2171,12 @@ function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
         }
       ),
       /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ e.jsxs(
-        De,
+        Oe,
         {
           transition: !0,
           className: "relative mr-16 flex w-full max-w-xs flex-1 transform transition duration-300 ease-in-out data-closed:-translate-x-full",
           children: [
-            /* @__PURE__ */ e.jsx(Oe, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0", children: /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => n(!1), className: "-m-2.5 p-2.5", children: [
+            /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-full flex w-16 justify-center pt-5 duration-300 ease-in-out data-closed:opacity-0", children: /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => n(!1), className: "-m-2.5 p-2.5", children: [
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
               /* @__PURE__ */ e.jsx(Re, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
@@ -2045,7 +2189,7 @@ function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
                   className: "h-8 w-auto"
                 }
               ) }),
-              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: a.map((c) => /* @__PURE__ */ e.jsx(ve, { item: c, colorScheme: t }, c.name)) }) }) }) })
+              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: a.map((c) => /* @__PURE__ */ e.jsx(be, { item: c, colorScheme: t }, c.name)) }) }) }) })
             ] })
           ]
         }
@@ -2061,7 +2205,7 @@ function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
         }
       ) }),
       /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
-        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: a.map((c) => /* @__PURE__ */ e.jsx(ve, { item: c, colorScheme: t }, c.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: a.map((c) => /* @__PURE__ */ e.jsx(be, { item: c, colorScheme: t }, c.name)) }) }),
         /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
@@ -2107,7 +2251,7 @@ function Gr({ company: r, profile: s, navigation: a, colorScheme: t = ir }) {
     ] })
   ] }) });
 }
-const dr = {
+const pr = {
   activeBg: "bg-reseda-green-700",
   activeText: "text-white",
   completedBg: "bg-success-500",
@@ -2118,8 +2262,8 @@ const dr = {
   labelInactiveText: "text-text-muted",
   connectorBg: "bg-border"
 };
-function Zr({ currentStep: r, steps: s, colorConfig: a }) {
-  const t = a || dr;
+function Qr({ currentStep: r, steps: s, colorConfig: a }) {
+  const t = a || pr;
   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(
@@ -2140,15 +2284,15 @@ function Zr({ currentStep: r, steps: s, colorConfig: a }) {
     n < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${t.connectorBg}` })
   ] }, l.number)) }) });
 }
-const ur = {
+const jr = {
   activeText: "text-reseda-green-700",
   activeBorder: "border-reseda-green-700",
   inactiveText: "text-text-secondary",
   inactiveHoverText: "hover:text-text-primary",
   disabledText: "text-text-disabled"
 };
-function Jr({ tabs: r, activeTab: s, disabled: a = !1, onChange: t, colorConfig: l }) {
-  const n = l || ur;
+function es({ tabs: r, activeTab: s, disabled: a = !1, onChange: t, colorConfig: l }) {
+  const n = l || jr;
   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(
@@ -2164,7 +2308,7 @@ function Jr({ tabs: r, activeTab: s, disabled: a = !1, onChange: t, colorConfig:
     );
   }) });
 }
-function Xr({
+function rs({
   status: r,
   title: s,
   message: a,
@@ -2195,7 +2339,7 @@ function Xr({
       bg: "bg-info-50",
       border: "border-info-200",
       text: "text-info-700",
-      icon: /* @__PURE__ */ e.jsx(be, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ve, { className: "h-5 w-5" })
     },
     loading: {
       bg: "bg-blue-50",
@@ -2253,79 +2397,14 @@ const Ce = ({
   ] });
 };
 Ce.displayName = "ChatMessage";
-function mr({
-  title: r,
-  titleId: s,
-  ...a
-}, t) {
-  return /* @__PURE__ */ j.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon",
-    ref: t,
-    "aria-labelledby": s
-  }, a), r ? /* @__PURE__ */ j.createElement("title", {
-    id: s
-  }, r) : null, /* @__PURE__ */ j.createElement("path", {
-    fillRule: "evenodd",
-    d: "M7.5 5.25a3 3 0 0 1 3-3h3a3 3 0 0 1 3 3v.205c.933.085 1.857.197 2.774.334 1.454.218 2.476 1.483 2.476 2.917v3.033c0 1.211-.734 2.352-1.936 2.752A24.726 24.726 0 0 1 12 15.75c-2.73 0-5.357-.442-7.814-1.259-1.202-.4-1.936-1.541-1.936-2.752V8.706c0-1.434 1.022-2.7 2.476-2.917A48.814 48.814 0 0 1 7.5 5.455V5.25Zm7.5 0v.09a49.488 49.488 0 0 0-6 0v-.09a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 1.5 1.5Zm-3 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
-    clipRule: "evenodd"
-  }), /* @__PURE__ */ j.createElement("path", {
-    d: "M3 18.4v-2.796a4.3 4.3 0 0 0 .713.31A26.226 26.226 0 0 0 12 17.25c2.892 0 5.68-.468 8.287-1.335.252-.084.49-.189.713-.311V18.4c0 1.452-1.047 2.728-2.523 2.923-2.12.282-4.282.427-6.477.427a49.19 49.19 0 0 1-6.477-.427C4.047 21.128 3 19.852 3 18.4Z"
-  }));
-}
-const xr = /* @__PURE__ */ j.forwardRef(mr);
-function hr({
-  title: r,
-  titleId: s,
-  ...a
-}, t) {
-  return /* @__PURE__ */ j.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon",
-    ref: t,
-    "aria-labelledby": s
-  }, a), r ? /* @__PURE__ */ j.createElement("title", {
-    id: s
-  }, r) : null, /* @__PURE__ */ j.createElement("path", {
-    d: "M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5H5.625Z"
-  }), /* @__PURE__ */ j.createElement("path", {
-    d: "M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z"
-  }));
-}
-const fr = /* @__PURE__ */ j.forwardRef(hr);
-function gr({
-  title: r,
-  titleId: s,
-  ...a
-}, t) {
-  return /* @__PURE__ */ j.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon",
-    ref: t,
-    "aria-labelledby": s
-  }, a), r ? /* @__PURE__ */ j.createElement("title", {
-    id: s
-  }, r) : null, /* @__PURE__ */ j.createElement("path", {
-    d: "M3.478 2.404a.75.75 0 0 0-.926.941l2.432 7.905H13.5a.75.75 0 0 1 0 1.5H4.984l-2.432 7.905a.75.75 0 0 0 .926.94 60.519 60.519 0 0 0 18.445-8.986.75.75 0 0 0 0-1.218A60.517 60.517 0 0 0 3.478 2.404Z"
-  }));
-}
-const vr = /* @__PURE__ */ j.forwardRef(gr), br = ({
+const yr = ({
   onSend: r,
   disabled: s = !1,
   placeholder: a = "Ask a question about your resume or the job...",
   maxLength: t = 2e3,
   className: l = ""
 }) => {
-  const [n, c] = V(""), o = Z(null);
+  const [n, c] = V(""), o = G(null);
   U(() => {
     o.current && (o.current.style.height = "auto", o.current.style.height = `${o.current.scrollHeight}px`);
   }, [n]);
@@ -2358,7 +2437,7 @@ const vr = /* @__PURE__ */ j.forwardRef(gr), br = ({
           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(fr, { className: "w-5 h-5" })
         }
       )
     ] }),
@@ -2372,7 +2451,7 @@ const vr = /* @__PURE__ */ j.forwardRef(gr), br = ({
     ] })
   ] });
 };
-br.displayName = "ChatInput";
+yr.displayName = "ChatInput";
 const ke = ({
   message: r = "Thinking...",
   variant: s = "dots",
@@ -2401,7 +2480,7 @@ const ke = ({
   ] }) })
 ] });
 ke.displayName = "LoadingIndicator";
-const pr = ({
+const wr = ({
   messages: r,
   isLoading: s = !1,
   loadingMessage: a = "Thinking...",
@@ -2410,7 +2489,7 @@ const pr = ({
   className: n = "",
   emptyStateMessage: c = "Start a conversation"
 }) => {
-  const o = Z(null), u = Z(null);
+  const o = G(null), u = G(null);
   return U(() => {
     o.current?.scrollIntoView({ behavior: "smooth" });
   }, [r, s]), /* @__PURE__ */ e.jsxs(
@@ -2459,8 +2538,8 @@ const pr = ({
     }
   );
 };
-pr.displayName = "ChatContainer";
-const jr = ({
+wr.displayName = "ChatContainer";
+const Nr = ({
   resumeName: r,
   jobTitle: s,
   companyName: a,
@@ -2471,7 +2550,7 @@ const jr = ({
 }) => /* @__PURE__ */ e.jsx("div", { className: `border-b border-gray-200 bg-gray-50 p-4 ${c}`, children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-      /* @__PURE__ */ e.jsx(fr, { className: "w-5 h-5 text-gray-600 flex-shrink-0" }),
+      /* @__PURE__ */ e.jsx(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: "Resume" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: r })
@@ -2489,7 +2568,7 @@ const jr = ({
   ] }),
   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-      /* @__PURE__ */ e.jsx(xr, { className: "w-5 h-5 text-gray-600 flex-shrink-0" }),
+      /* @__PURE__ */ e.jsx(ir, { 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: [
@@ -2525,7 +2604,7 @@ const jr = ({
     ) })
   ] })
 ] }) });
-jr.displayName = "AnalysisSummaryBar";
+Nr.displayName = "AnalysisSummaryBar";
 const re = {
   semantic: {
     none: "bg-error-50 border-error-200 text-error-700",
@@ -2542,7 +2621,7 @@ const re = {
     partial: "bg-surface border-warning-300 text-warning-700",
     full: "bg-surface border-success-300 text-success-700"
   }
-}, yr = {
+}, Cr = {
   semantic: {
     required: "bg-error-600 text-white",
     preferred: "bg-reseda-green-600 text-white",
@@ -2558,12 +2637,12 @@ const re = {
     preferred: "bg-reseda-green-700 text-reseda-green-100",
     "nice-to-have": "bg-khaki-700 text-khaki-100"
   }
-}, wr = ({
+}, kr = ({
   skills: r,
   className: s = "",
   colorPreset: a = "semantic"
 }) => {
-  const t = (o) => !o.matched || o.match_level === "none" ? "✗" : o.match_level === "partial" ? "~" : "✓", l = (o) => !o.matched || o.match_level === "none" ? re[a].none : o.match_level === "partial" ? re[a].partial : re[a].full, n = (o) => yr[a][o], c = (o, u) => !u || u.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "mb-4", children: [
+  const t = (o) => !o.matched || o.match_level === "none" ? "✗" : o.match_level === "partial" ? "~" : "✓", l = (o) => !o.matched || o.match_level === "none" ? re[a].none : o.match_level === "partial" ? re[a].partial : re[a].full, n = (o) => Cr[a][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,
       ":"
@@ -2599,8 +2678,8 @@ const re = {
     c("Soft Skills", r.soft || [])
   ] });
 };
-wr.displayName = "SkillTags";
-const Nr = ({
+kr.displayName = "SkillTags";
+const $r = ({
   score: r,
   showLabel: s = !0,
   size: a = "md",
@@ -2633,8 +2712,8 @@ const Nr = ({
     s && /* @__PURE__ */ e.jsx("p", { className: `text-gray-600 mt-1 ${u[a]}`, children: c(l) })
   ] });
 };
-Nr.displayName = "MatchScoreBar";
-const Cr = ({
+$r.displayName = "MatchScoreBar";
+const Vr = ({
   responsibilities: r,
   className: s = ""
 }) => {
@@ -2674,53 +2753,54 @@ const Cr = ({
     ] }, o)) })
   ] }, l)) });
 };
-Cr.displayName = "ResponsibilitiesList";
+Vr.displayName = "ResponsibilitiesList";
 export {
-  Lr as Accordion,
-  Fr as ActionCard,
-  G as Alert,
-  jr as AnalysisSummaryBar,
+  Yr as Accordion,
+  Hr as ActionCard,
+  q as Alert,
+  Nr as AnalysisSummaryBar,
   er as Badge,
   _ as Button,
-  Ur as Card,
-  pr as ChatContainer,
-  br as ChatInput,
+  Wr as Card,
+  wr as ChatContainer,
+  yr as ChatInput,
   Ce as ChatMessage,
-  Ir as CheckboxGroup,
+  Lr as CheckboxGroup,
   Ye as ColorPalette,
-  _r as Demo,
-  Hr as DetailPanel,
-  Or as FileUpload,
-  Dr as FormField,
-  Ze as Input,
+  Ir as Demo,
+  qr as DetailPanel,
+  zr as FileUpload,
+  Pr as FormField,
+  Ge as Input,
   ke as LoadingIndicator,
-  Nr as MatchScoreBar,
-  qr as OptionCard,
-  Wr as PageHeader,
-  Pr as RadioGroup,
-  Cr as ResponsibilitiesList,
-  Yr as Section,
+  $r as MatchScoreBar,
+  Jr as OptionCard,
+  Gr as PageHeader,
+  Fr as RadioGroup,
+  Vr as ResponsibilitiesList,
+  Zr as Section,
   Je as Select,
-  Gr as Sidebar,
-  wr as SkillTags,
+  Xr as SelectableRadioOption,
+  Kr as Sidebar,
+  kr as SkillTags,
   or as Slider,
   nr as SocialButton,
-  cr as SortableItem,
-  zr as StatsGrid,
-  Xr as StatusBanner,
-  Zr as Stepper,
-  Jr as TabBar,
+  br as SortableItem,
+  Ur as StatsGrid,
+  rs as StatusBanner,
+  Qr as Stepper,
+  es as TabBar,
   rr as TagInput,
   lr as Textarea,
   He as ThemeProvider,
-  qe as ThemeToggle,
-  Br as clearAllErrors,
-  Sr as clearFieldError,
-  Ar as getFirstError,
+  Ze as ThemeToggle,
+  Or as clearAllErrors,
+  _r as clearFieldError,
+  Mr as getFirstError,
   Pe as hasErrors,
-  Mr as useForm,
+  Dr as useForm,
   We as useTheme,
   Ie as validateField,
   ee as validateForm,
-  Rr as validators
+  Br as validators
 };