acemyjob-ui 0.9.1 → 0.10.0

package/dist/acemyjob-ui.es.js

@@ -1,8 +1,202 @@
-import * as R from "react";
-import D, { useState as N, createContext as xe, useEffect as B, useContext as ve } from "react";
-import { Dialog as he, DialogBackdrop as fe, DialogPanel as ge, TransitionChild as be } from "@headlessui/react";
-import { XMarkIcon as pe, Bars3Icon as je, ChevronDownIcon as we, InformationCircleIcon as Ve, ExclamationCircleIcon as ye, XCircleIcon as Ne, CheckCircleIcon as ke } from "@heroicons/react/24/outline";
-var E = { exports: {} }, k = {};
+import * as W from "react";
+import B, { useState as k, useCallback as R, createContext as he, useEffect as Z, useContext as ge } from "react";
+import { Dialog as be, DialogBackdrop as pe, DialogPanel as je, TransitionChild as we } from "@headlessui/react";
+import { XMarkIcon as ye, Bars3Icon as Ne, ChevronDownIcon as K, InformationCircleIcon as Ve, ExclamationCircleIcon as Ce, XCircleIcon as ke, CheckCircleIcon as Te } from "@heroicons/react/24/outline";
+const ar = {
+  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
+  }),
+  email: (r = "Please enter a valid email address") => ({
+    validate: (s) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(s)),
+    message: r
+  }),
+  minLength: (r, s) => ({
+    validate: (t) => String(t).length >= r,
+    message: s || `Must be at least ${r} characters`
+  }),
+  maxLength: (r, s) => ({
+    validate: (t) => String(t).length <= r,
+    message: s || `Must be no more than ${r} characters`
+  }),
+  pattern: (r, s = "Invalid format") => ({
+    validate: (t) => r.test(String(t)),
+    message: s
+  }),
+  minValue: (r, s) => ({
+    validate: (t) => Number(t) >= r,
+    message: s || `Must be at least ${r}`
+  }),
+  maxValue: (r, s) => ({
+    validate: (t) => Number(t) <= r,
+    message: s || `Must be no more than ${r}`
+  }),
+  url: (r = "Please enter a valid URL") => ({
+    validate: (s) => {
+      try {
+        return new URL(String(s)), !0;
+      } catch {
+        return !1;
+      }
+    },
+    message: r
+  }),
+  phone: (r = "Please enter a valid phone number") => ({
+    validate: (s) => {
+      const t = /^[\d\s\-+()]+$/, a = String(s);
+      return t.test(a) && a.replace(/\D/g, "").length >= 10;
+    },
+    message: r
+  }),
+  match: (r, s = "Fields do not match") => ({
+    validate: (t) => t === r,
+    message: s
+  }),
+  custom: (r, s) => ({
+    validate: r,
+    message: s
+  })
+};
+function $e(r, s) {
+  for (const t of s)
+    if (!t.validate(r))
+      return t.message;
+  return null;
+}
+function X(r, s) {
+  const t = {};
+  for (const [a, l] of Object.entries(s)) {
+    const o = r[a], i = $e(o, l);
+    t[a] = i;
+  }
+  return t;
+}
+function Ee(r) {
+  return Object.values(r).some((s) => s !== null);
+}
+function tr(r) {
+  for (const s of Object.values(r))
+    if (s !== null)
+      return s;
+  return null;
+}
+function nr(r, s) {
+  return {
+    ...r,
+    [s]: null
+  };
+}
+function or(r) {
+  const s = {};
+  for (const t of Object.keys(r))
+    s[t] = null;
+  return s;
+}
+function lr({
+  initialValues: r,
+  validationRules: s = {},
+  onSubmit: t
+}) {
+  const [a, l] = k(r), [o, i] = k({}), [c, u] = k({}), [v, d] = k(!1), m = JSON.stringify(a) !== JSON.stringify(r), h = R(
+    (b) => {
+      const { name: f, value: j, type: C } = b.target;
+      let L = j;
+      if (C === "checkbox" ? L = b.target.checked : C === "number" && (L = j ? Number(j) : ""), l((P) => ({
+        ...P,
+        [f]: L
+      })), s[f]) {
+        const P = X({ [f]: L }, { [f]: s[f] });
+        i((Y) => ({
+          ...Y,
+          [f]: P[f]
+        }));
+      }
+    },
+    [s]
+  ), g = R(
+    (b) => {
+      const { name: f } = b.target;
+      u((j) => ({
+        ...j,
+        [f]: !0
+      }));
+    },
+    []
+  ), N = R((b, f) => {
+    if (l((j) => ({
+      ...j,
+      [b]: f
+    })), s[b]) {
+      const j = X({ [b]: f }, { [b]: s[b] });
+      i((C) => ({
+        ...C,
+        [b]: j[b]
+      }));
+    }
+  }, [s]), T = R((b, f) => {
+    i((j) => ({
+      ...j,
+      [b]: f
+    }));
+  }, []), _ = R(
+    async (b) => {
+      b.preventDefault();
+      const f = X(a, s);
+      i(f);
+      const j = {};
+      for (const C of Object.keys(a))
+        j[C] = !0;
+      if (u(j), !Ee(f) && t) {
+        d(!0);
+        try {
+          await t(a);
+        } catch (C) {
+          console.error("Form submission error:", C);
+        } finally {
+          d(!1);
+        }
+      }
+    },
+    [a, s, t]
+  ), A = R(() => {
+    l(r), i({}), u({}), d(!1);
+  }, [r]), $ = R(
+    (b) => ({
+      name: b,
+      value: a[b] || "",
+      onChange: h,
+      onBlur: g
+    }),
+    [a, h, g]
+  ), S = R(
+    (b) => o[b] || null,
+    [o]
+  ), D = R(
+    (b) => c[b] || !1,
+    [c]
+  ), F = R(
+    (b) => a[b] !== r[b],
+    [a, r]
+  );
+  return {
+    values: a,
+    errors: o,
+    touched: c,
+    isSubmitting: v,
+    isDirty: m,
+    handleChange: h,
+    handleBlur: g,
+    setFieldValue: N,
+    setFieldError: T,
+    handleSubmit: _,
+    resetForm: A,
+    getFieldProps: $,
+    getFieldError: S,
+    isFieldTouched: D,
+    isFieldDirty: F
+  };
+}
+var U = { exports: {} }, I = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,29 +206,29 @@ var E = { exports: {} }, k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var G;
-function Te() {
-  if (G) return k;
-  G = 1;
-  var s = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function t(o, n, l) {
+var ne;
+function Re() {
+  if (ne) return I;
+  ne = 1;
+  var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function t(a, l, o) {
     var i = null;
-    if (l !== void 0 && (i = "" + l), n.key !== void 0 && (i = "" + n.key), "key" in n) {
-      l = {};
-      for (var u in n)
-        u !== "key" && (l[u] = n[u]);
-    } else l = n;
-    return n = l.ref, {
-      $$typeof: s,
-      type: o,
+    if (o !== void 0 && (i = "" + o), l.key !== void 0 && (i = "" + l.key), "key" in l) {
+      o = {};
+      for (var c in l)
+        c !== "key" && (o[c] = l[c]);
+    } else o = l;
+    return l = o.ref, {
+      $$typeof: r,
+      type: a,
       key: i,
-      ref: n !== void 0 ? n : null,
-      props: l
+      ref: l !== void 0 ? l : null,
+      props: o
     };
   }
-  return k.Fragment = a, k.jsx = t, k.jsxs = t, k;
+  return I.Fragment = s, I.jsx = t, I.jsxs = t, I;
 }
-var T = {};
+var z = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,245 +238,245 @@ var T = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var J;
-function Ee() {
-  return J || (J = 1, process.env.NODE_ENV !== "production" && function() {
-    function s(r) {
-      if (r == null) return null;
-      if (typeof r == "function")
-        return r.$$typeof === ue ? null : r.displayName || r.name || null;
-      if (typeof r == "string") return r;
-      switch (r) {
-        case _:
+var oe;
+function Ae() {
+  return oe || (oe = 1, process.env.NODE_ENV !== "production" && function() {
+    function r(n) {
+      if (n == null) return null;
+      if (typeof n == "function")
+        return n.$$typeof === L ? null : n.displayName || n.name || null;
+      if (typeof n == "string") return n;
+      switch (n) {
+        case T:
           return "Fragment";
-        case se:
+        case A:
           return "Profiler";
-        case re:
+        case _:
           return "StrictMode";
-        case ne:
+        case F:
           return "Suspense";
-        case le:
+        case b:
           return "SuspenseList";
-        case ie:
+        case C:
           return "Activity";
       }
-      if (typeof r == "object")
-        switch (typeof r.tag == "number" && console.error(
+      if (typeof n == "object")
+        switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), r.$$typeof) {
-          case C:
+        ), n.$$typeof) {
+          case N:
             return "Portal";
-          case oe:
-            return (r.displayName || "Context") + ".Provider";
-          case ae:
-            return (r._context.displayName || "Context") + ".Consumer";
-          case te:
-            var c = r.render;
-            return r = r.displayName, r || (r = c.displayName || c.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case ce:
-            return c = r.displayName || null, c !== null ? c : s(r.type) || "Memo";
-          case I:
-            c = r._payload, r = r._init;
+          case S:
+            return (n.displayName || "Context") + ".Provider";
+          case $:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case D:
+            var x = n.render;
+            return n = n.displayName, n || (n = x.displayName || x.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case f:
+            return x = n.displayName || null, x !== null ? x : r(n.type) || "Memo";
+          case j:
+            x = n._payload, n = n._init;
             try {
-              return s(r(c));
+              return r(n(x));
             } catch {
             }
         }
       return null;
     }
-    function a(r) {
-      return "" + r;
+    function s(n) {
+      return "" + n;
     }
-    function t(r) {
+    function t(n) {
       try {
-        a(r);
-        var c = !1;
+        s(n);
+        var x = !1;
       } catch {
-        c = !0;
+        x = !0;
       }
-      if (c) {
-        c = console;
-        var d = c.error, x = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return d.call(
-          c,
+      if (x) {
+        x = console;
+        var p = x.error, w = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return p.call(
+          x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          x
-        ), a(r);
+          w
+        ), s(n);
       }
     }
-    function o(r) {
-      if (r === _) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === I)
+    function a(n) {
+      if (n === T) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === j)
         return "<...>";
       try {
-        var c = s(r);
-        return c ? "<" + c + ">" : "<...>";
+        var x = r(n);
+        return x ? "<" + x + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function n() {
-      var r = A.A;
-      return r === null ? null : r.getOwner();
-    }
     function l() {
+      var n = P.A;
+      return n === null ? null : n.getOwner();
+    }
+    function o() {
       return Error("react-stack-top-frame");
     }
-    function i(r) {
-      if (M.call(r, "key")) {
-        var c = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (c && c.isReactWarning) return !1;
+    function i(n) {
+      if (Y.call(n, "key")) {
+        var x = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
-      return r.key !== void 0;
+      return n.key !== void 0;
     }
-    function u(r, c) {
-      function d() {
-        z || (z = !0, console.error(
+    function c(n, x) {
+      function p() {
+        ee || (ee = !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)",
-          c
+          x
         ));
       }
-      d.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: d,
+      p.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: p,
         configurable: !0
       });
     }
-    function p() {
-      var r = s(this.type);
-      return F[r] || (F[r] = !0, console.error(
+    function u() {
+      var n = r(this.type);
+      return re[n] || (re[n] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), r = this.props.ref, r !== void 0 ? r : null;
+      )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function j(r, c, d, x, w, b, O, P) {
-      return d = b.ref, r = {
-        $$typeof: V,
-        type: r,
-        key: c,
-        props: b,
-        _owner: w
-      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(r, "ref", {
+    function v(n, x, p, w, O, E, H, J) {
+      return p = E.ref, n = {
+        $$typeof: g,
+        type: n,
+        key: x,
+        props: E,
+        _owner: O
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
-        get: p
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        get: u
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(r, "_debugInfo", {
+      }), Object.defineProperty(n, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(r, "_debugStack", {
+      }), Object.defineProperty(n, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
-      }), Object.defineProperty(r, "_debugTask", {
+        value: H
+      }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+        value: J
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function m(r, c, d, x, w, b, O, P) {
-      var v = c.children;
-      if (v !== void 0)
-        if (x)
-          if (de(v)) {
-            for (x = 0; x < v.length; x++)
-              g(v[x]);
-            Object.freeze && Object.freeze(v);
+    function d(n, x, p, w, O, E, H, J) {
+      var y = x.children;
+      if (y !== void 0)
+        if (w)
+          if (fe(y)) {
+            for (w = 0; w < y.length; w++)
+              m(y[w]);
+            Object.freeze && Object.freeze(y);
           } 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 g(v);
-      if (M.call(c, "key")) {
-        v = s(r);
-        var y = Object.keys(c).filter(function(me) {
-          return me !== "key";
+        else m(y);
+      if (Y.call(x, "key")) {
+        y = r(n);
+        var M = Object.keys(x).filter(function(ve) {
+          return ve !== "key";
         });
-        x = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", W[v + x] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", te[y + w] || (M = 0 < M.length ? "{" + M.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} />`,
-          x,
-          v,
+          w,
           y,
-          v
-        ), W[v + x] = !0);
+          M,
+          y
+        ), te[y + w] = !0);
       }
-      if (v = null, d !== void 0 && (t(d), v = "" + d), i(c) && (t(c.key), v = "" + c.key), "key" in c) {
-        d = {};
-        for (var L in c)
-          L !== "key" && (d[L] = c[L]);
-      } else d = c;
-      return v && u(
-        d,
-        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), j(
-        r,
-        v,
-        b,
-        w,
-        n(),
-        d,
+      if (y = null, p !== void 0 && (t(p), y = "" + p), i(x) && (t(x.key), y = "" + x.key), "key" in x) {
+        p = {};
+        for (var q in x)
+          q !== "key" && (p[q] = x[q]);
+      } else p = x;
+      return y && c(
+        p,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+      ), v(
+        n,
+        y,
+        E,
         O,
-        P
+        l(),
+        p,
+        H,
+        J
       );
     }
-    function g(r) {
-      typeof r == "object" && r !== null && r.$$typeof === V && r._store && (r._store.validated = 1);
+    function m(n) {
+      typeof n == "object" && n !== null && n.$$typeof === g && n._store && (n._store.validated = 1);
     }
-    var h = D, V = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), re = Symbol.for("react.strict_mode"), se = Symbol.for("react.profiler"), ae = Symbol.for("react.consumer"), oe = Symbol.for("react.context"), te = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, de = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var h = B, g = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), S = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), P = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, fe = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
-      "react-stack-bottom-frame": function(r) {
-        return r();
+      "react-stack-bottom-frame": function(n) {
+        return n();
       }
     };
-    var z, F = {}, Y = h["react-stack-bottom-frame"].bind(
+    var ee, re = {}, se = h["react-stack-bottom-frame"].bind(
       h,
-      l
-    )(), U = $(o(l)), W = {};
-    T.Fragment = _, T.jsx = function(r, c, d, x, w) {
-      var b = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return m(
-        r,
-        c,
-        d,
-        !1,
+      o
+    )(), ae = G(a(o)), te = {};
+    z.Fragment = T, z.jsx = function(n, x, p, w, O) {
+      var E = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return d(
+        n,
         x,
+        p,
+        !1,
         w,
-        b ? Error("react-stack-top-frame") : Y,
-        b ? $(o(r)) : U
+        O,
+        E ? Error("react-stack-top-frame") : se,
+        E ? G(a(n)) : ae
       );
-    }, T.jsxs = function(r, c, d, x, w) {
-      var b = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return m(
-        r,
-        c,
-        d,
-        !0,
+    }, z.jsxs = function(n, x, p, w, O) {
+      var E = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return d(
+        n,
         x,
+        p,
+        !0,
         w,
-        b ? Error("react-stack-top-frame") : Y,
-        b ? $(o(r)) : U
+        O,
+        E ? Error("react-stack-top-frame") : se,
+        E ? G(a(n)) : ae
       );
     };
-  }()), T;
+  }()), z;
 }
-var X;
-function Re() {
-  return X || (X = 1, process.env.NODE_ENV === "production" ? E.exports = Te() : E.exports = Ee()), E.exports;
+var le;
+function _e() {
+  return le || (le = 1, process.env.NODE_ENV === "production" ? U.exports = Re() : U.exports = Ae()), U.exports;
 }
-var e = Re();
-const Ce = {
+var e = _e();
+const Oe = {
   bg: "bg-indigo-600",
   activeBg: "bg-indigo-700",
   text: "text-indigo-200",
@@ -290,188 +484,188 @@ const Ce = {
   hoverBg: "hover:bg-indigo-700",
   hoverText: "hover:text-white"
 };
-function f(...s) {
-  return s.filter(Boolean).join(" ");
+function V(...r) {
+  return r.filter(Boolean).join(" ");
 }
-function H({ item: s, colorScheme: a }) {
-  const [t, o] = N(s.current || s.children?.some((l) => l.current)), n = s.children && s.children.length > 0;
+function ce({ item: r, colorScheme: s }) {
+  const [t, a] = k(r.current || r.children?.some((o) => o.current)), l = r.children && r.children.length > 0;
   return /* @__PURE__ */ e.jsxs("li", { children: [
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: n ? void 0 : s.href,
-        onClick: (l) => {
-          n && (l.preventDefault(), o(!t));
+        href: l ? void 0 : r.href,
+        onClick: (o) => {
+          l && (o.preventDefault(), a(!t));
         },
-        className: f(
-          s.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
+        className: V(
+          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",
-          n ? "cursor-pointer" : ""
+          l ? "cursor-pointer" : ""
         ),
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
             /* @__PURE__ */ e.jsx(
-              s.icon,
+              r.icon,
               {
                 "aria-hidden": "true",
-                className: f(
-                  s.current ? a.activeText : `${a.text} group-${a.hoverText}`,
+                className: V(
+                  r.current ? s.activeText : `${s.text} group-${s.hoverText}`,
                   "size-6 shrink-0"
                 )
               }
             ),
-            s.name
+            r.name
           ] }),
-          n && /* @__PURE__ */ e.jsx(
-            we,
+          l && /* @__PURE__ */ e.jsx(
+            K,
             {
-              className: f(
+              className: V(
                 "size-5 shrink-0 transition-transform",
                 t ? "rotate-180" : "",
-                s.current ? a.activeText : a.text
+                r.current ? s.activeText : s.text
               )
             }
           )
         ]
       }
     ) }),
-    n && t && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: s.children.map((l) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
+    l && t && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: r.children.map((o) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: l.href,
-        className: f(
-          l.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
+        href: o.href,
+        className: V(
+          o.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"
         ),
         children: [
           /* @__PURE__ */ e.jsx(
-            l.icon,
+            o.icon,
             {
               "aria-hidden": "true",
-              className: f(
-                l.current ? a.activeText : `${a.text} group-${a.hoverText}`,
+              className: V(
+                o.current ? s.activeText : `${s.text} group-${s.hoverText}`,
                 "size-5 shrink-0"
               )
             }
           ),
-          l.name
+          o.name
         ]
       }
-    ) }, l.name)) })
+    ) }, o.name)) })
   ] });
 }
-function We({ company: s, profile: a, navigation: t, colorScheme: o = Ce }) {
-  const [n, l] = N(!1);
+function cr({ company: r, profile: s, navigation: t, colorScheme: a = Oe }) {
+  const [l, o] = k(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(he, { open: n, onClose: l, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs(be, { open: l, onClose: o, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
-        fe,
+        pe,
         {
           transition: !0,
           className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"
         }
       ),
       /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 flex", children: /* @__PURE__ */ e.jsxs(
-        ge,
+        je,
         {
           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(be, { 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: () => l(!1), className: "-m-2.5 p-2.5", children: [
+            /* @__PURE__ */ e.jsx(we, { 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: () => o(!1), className: "-m-2.5 p-2.5", children: [
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
-              /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true", className: "size-6 text-white" })
+              /* @__PURE__ */ e.jsx(ye, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: f("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", o.bg), children: [
+            /* @__PURE__ */ e.jsxs("div", { className: V("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",
                 {
-                  alt: s.name,
-                  src: s.logo,
+                  alt: r.name,
+                  src: r.logo,
                   className: "h-8 w-auto"
                 }
               ) }),
-              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(H, { item: i, colorScheme: o }, i.name)) }) }) }) })
+              /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(ce, { item: i, colorScheme: a }, i.name)) }) }) }) })
             ] })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: f("flex grow flex-col gap-y-5 overflow-y-auto px-6", o.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: V("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",
         {
-          alt: s.name,
-          src: s.logo,
+          alt: r.name,
+          src: r.logo,
           className: "h-8 w-auto"
         }
       ) }),
       /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e.jsxs("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7", children: [
-        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(H, { item: i, colorScheme: o }, i.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: t.map((i) => /* @__PURE__ */ e.jsx(ce, { item: i, colorScheme: a }, i.name)) }) }),
         /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
             href: "#",
-            className: f(
+            className: V(
               "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
-              o.activeText,
-              o.hoverBg
+              a.activeText,
+              a.hoverBg
             ),
             children: [
               /* @__PURE__ */ e.jsx(
                 "img",
                 {
-                  alt: a.name,
-                  src: a.image,
-                  className: f("size-8 rounded-full", o.activeBg)
+                  alt: s.name,
+                  src: s.image,
+                  className: V("size-8 rounded-full", a.activeBg)
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
-              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: a.name })
+              /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: s.name })
             ]
           }
         ) })
       ] }) })
     ] }) }),
-    /* @__PURE__ */ e.jsxs("div", { className: f("sticky top-0 z-40 flex items-center gap-x-6 px-4 py-4 shadow-xs sm:px-6 lg:hidden", o.bg), children: [
-      /* @__PURE__ */ e.jsxs("button", { type: "button", onClick: () => l(!0), className: f("-m-2.5 p-2.5 lg:hidden", o.text), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: V("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: () => o(!0), className: V("-m-2.5 p-2.5 lg:hidden", a.text), children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
-        /* @__PURE__ */ e.jsx(je, { "aria-hidden": "true", className: "size-6" })
+        /* @__PURE__ */ e.jsx(Ne, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: f("flex-1 text-sm/6 font-semibold", o.activeText), children: "Dashboard" }),
+      /* @__PURE__ */ e.jsx("div", { className: V("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(
           "img",
           {
-            alt: a.name,
-            src: a.image,
-            className: f("size-8 rounded-full", o.activeBg)
+            alt: s.name,
+            src: s.image,
+            className: V("size-8 rounded-full", a.activeBg)
           }
         )
       ] })
     ] })
   ] }) });
 }
-const K = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value: t }) => {
-  const o = `rgb(${t})`;
+const me = (r) => r.replace("--color-", "bg-"), Be = ({ name: r, cssVar: s, value: t }) => {
+  const a = `rgb(${t})`;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${K(a)}`
+        className: `w-16 h-16 rounded-lg border border-border shadow-sm ${me(s)}`
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: a }),
-      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: o })
+      /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: r }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: s }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-secondary", children: a })
     ] })
   ] });
-}, q = ({ title: s, colors: a }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-  /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: s }),
-  /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-11 gap-4", children: a.map((t) => /* @__PURE__ */ e.jsx(_e, { ...t }, t.name)) })
-] }), Ae = () => {
-  const s = [
+}, ie = ({ title: r, colors: s }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+  /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: r }),
+  /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-11 gap-4", children: s.map((t) => /* @__PURE__ */ e.jsx(Be, { ...t }, t.name)) })
+] }), Pe = () => {
+  const r = [
     {
       title: "Success Colors (Green)",
       colors: [
@@ -520,7 +714,7 @@ const K = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
         { name: "950", cssVar: "--color-error-950", value: "69 10 10" }
       ]
     }
-  ], a = [
+  ], s = [
     {
       title: "Reseda Green",
       colors: [
@@ -686,62 +880,62 @@ const K = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
       /* @__PURE__ */ e.jsx("h1", { className: "text-3xl font-bold text-text-primary", children: "AceMyJob Color Palette" }),
       /* @__PURE__ */ e.jsx("p", { className: "text-text-secondary", children: "Your complete design system color reference" })
     ] }),
-    a.map((o) => /* @__PURE__ */ e.jsx(q, { ...o }, o.title)),
-    s.map((o) => /* @__PURE__ */ e.jsx(q, { ...o }, o.title)),
+    s.map((a) => /* @__PURE__ */ e.jsx(ie, { ...a }, a.title)),
+    r.map((a) => /* @__PURE__ */ e.jsx(ie, { ...a }, a.title)),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary border-b border-border-subtle pb-2", children: "Semantic Colors (Theme-aware)" }),
-      /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: t.map((o) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: t.map((a) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center space-y-2 p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface-variant transition-colors", children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${K(o.cssVar)}`
+            className: `w-16 h-16 rounded-lg border border-border shadow-sm ${me(a.cssVar)}`
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: o.name }),
-          /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: o.cssVar })
+          /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-text-primary", children: a.name }),
+          /* @__PURE__ */ e.jsx("div", { className: "text-xs text-text-muted font-mono", children: a.cssVar })
         ] })
-      ] }, o.name)) })
+      ] }, a.name)) })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "text-center pt-8 border-t border-border-subtle", children: /* @__PURE__ */ e.jsx("p", { className: "text-text-muted text-sm", children: "Toggle between light and dark themes to see how semantic colors adapt" }) })
   ] });
-}, ee = xe(void 0), $e = ({
-  children: s,
-  defaultTheme: a = "system",
+}, xe = he(void 0), Se = ({
+  children: r,
+  defaultTheme: s = "system",
   storageKey: t = "acemyjob-ui-theme"
 }) => {
-  const [o, n] = N(a), [l, i] = N("light"), [u, p] = N(!1);
-  B(() => {
-    const m = localStorage.getItem(t);
-    m && n(m), p(!0);
-  }, [t]), B(() => {
-    if (!u) return;
-    const m = window.document.documentElement, g = () => {
+  const [a, l] = k(s), [o, i] = k("light"), [c, u] = k(!1);
+  Z(() => {
+    const d = localStorage.getItem(t);
+    d && l(d), u(!0);
+  }, [t]), Z(() => {
+    if (!c) return;
+    const d = window.document.documentElement, m = () => {
       let h;
-      o === "system" ? h = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : h = o, i(h), m.classList.remove("light", "dark"), m.classList.add(h);
+      a === "system" ? h = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : h = a, i(h), d.classList.remove("light", "dark"), d.classList.add(h);
     };
-    if (g(), o === "system") {
-      const h = window.matchMedia("(prefers-color-scheme: dark)"), V = () => g();
-      return h.addEventListener("change", V), () => h.removeEventListener("change", V);
+    if (m(), a === "system") {
+      const h = window.matchMedia("(prefers-color-scheme: dark)"), g = () => m();
+      return h.addEventListener("change", g), () => h.removeEventListener("change", g);
     }
-  }, [o, u]);
-  const j = {
-    theme: o,
-    setTheme: (m) => {
-      localStorage.setItem(t, m), n(m);
+  }, [a, c]);
+  const v = {
+    theme: a,
+    setTheme: (d) => {
+      localStorage.setItem(t, d), l(d);
     },
-    resolvedTheme: l
+    resolvedTheme: o
   };
-  return /* @__PURE__ */ e.jsx(ee.Provider, { value: j, children: s });
-}, Oe = () => {
-  const s = ve(ee);
-  if (s === void 0)
+  return /* @__PURE__ */ e.jsx(xe.Provider, { value: v, children: r });
+}, De = () => {
+  const r = ge(xe);
+  if (r === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
-  return s;
-}, Pe = () => {
-  const { theme: s, setTheme: a } = Oe(), [t, o] = N(!1);
-  if (B(() => {
-    o(!0);
+  return r;
+}, Fe = () => {
+  const { theme: r, setTheme: s } = De(), [t, a] = k(!1);
+  if (Z(() => {
+    a(!0);
   }, []), !t)
     return /* @__PURE__ */ e.jsxs(
       "button",
@@ -754,10 +948,10 @@ const K = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
         ]
       }
     );
-  const n = () => {
-    a(s === "light" ? "dark" : s === "dark" ? "system" : "light");
-  }, l = () => {
-    switch (s) {
+  const l = () => {
+    s(r === "light" ? "dark" : r === "dark" ? "system" : "light");
+  }, o = () => {
+    switch (r) {
       case "light":
         return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
       case "dark":
@@ -766,7 +960,7 @@ const K = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
         return /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) });
     }
   }, i = () => {
-    switch (s) {
+    switch (r) {
       case "light":
         return "Light";
       case "dark":
@@ -778,19 +972,19 @@ const K = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      onClick: n,
+      onClick: l,
       className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary bg-surface hover:bg-surface-variant border border-border-subtle rounded-md transition-colors",
       "aria-label": `Current theme: ${i()}. Click to cycle themes.`,
       children: [
-        l(),
+        o(),
         /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: i() })
       ]
     }
   );
 }, Le = () => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Pe, {}) }),
-  /* @__PURE__ */ e.jsx(Ae, {})
-] }), Ge = () => /* @__PURE__ */ e.jsx($e, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Le, {}) }), Z = {
+  /* @__PURE__ */ e.jsx("div", { className: "fixed top-4 right-4 z-10", children: /* @__PURE__ */ e.jsx(Fe, {}) }),
+  /* @__PURE__ */ e.jsx(Pe, {})
+] }), ir = () => /* @__PURE__ */ e.jsx(Se, { defaultTheme: "system", storageKey: "acemyjob-demo-theme", children: /* @__PURE__ */ e.jsx(Le, {}) }), de = {
   variant: {
     default: "bg-reseda-green-500 text-white hover:bg-reseda-green-600 focus-visible:ring-reseda-green-500",
     destructive: "bg-error-500 text-white hover:bg-error-600 focus-visible:ring-error-500",
@@ -808,35 +1002,35 @@ const K = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, Be = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", De = (...s) => s.filter(Boolean).join(" "), S = D.forwardRef(
+}, Me = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", Ie = (...r) => r.filter(Boolean).join(" "), Q = B.forwardRef(
   ({
-    className: s,
-    variant: a = "default",
+    className: r,
+    variant: s = "default",
     size: t = "default",
-    fullWidth: o = !1,
-    loading: n = !1,
-    leftIcon: l,
+    fullWidth: a = !1,
+    loading: l = !1,
+    leftIcon: o,
     rightIcon: i,
-    children: u,
-    disabled: p,
-    ...j
-  }, m) => {
-    const g = p || n, h = De(
-      Be,
-      Z.variant[a],
-      Z.size[t],
-      o ? "w-full" : "",
-      s
+    children: c,
+    disabled: u,
+    ...v
+  }, d) => {
+    const m = u || l, h = Ie(
+      Me,
+      de.variant[s],
+      de.size[t],
+      a ? "w-full" : "",
+      r
     );
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: h,
-        ref: m,
-        disabled: g,
-        ...j,
+        ref: d,
+        disabled: m,
+        ...v,
         children: [
-          n && /* @__PURE__ */ e.jsxs(
+          l && /* @__PURE__ */ e.jsxs(
             "svg",
             {
               className: "mr-2 h-4 w-4 animate-spin",
@@ -866,16 +1060,16 @@ const K = (s) => s.replace("--color-", "bg-"), _e = ({ name: s, cssVar: a, value
               ]
             }
           ),
-          !n && l && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: l }),
-          u,
-          !n && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
+          !l && o && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: o }),
+          c,
+          !l && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
         ]
       }
     );
   }
 );
-S.displayName = "Button";
-const Q = {
+Q.displayName = "Button";
+const ue = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
   },
@@ -884,56 +1078,56 @@ const Q = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, Se = (...s) => s.filter(Boolean).join(" "), Ie = D.forwardRef(
+}, ze = (...r) => r.filter(Boolean).join(" "), Ye = B.forwardRef(
   ({
-    className: s,
-    provider: a,
+    className: r,
+    provider: s,
     iconPosition: t = "left",
-    icon: o,
-    showText: n = !0,
-    children: l,
+    icon: a,
+    showText: l = !0,
+    children: o,
     size: i = "default",
-    fullWidth: u = !0,
-    ...p
-  }, j) => {
-    const g = o || {
+    fullWidth: c = !0,
+    ...u
+  }, v) => {
+    const m = a || {
       linkedin: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e.jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })
-    }[a], V = l || (n ? {
+    }[s], g = o || (l ? {
       linkedin: "Continue with LinkedIn"
-    }[a] : ""), C = Se(
+    }[s] : ""), N = ze(
       "relative overflow-hidden transition-all duration-200",
-      Q.provider[a],
-      Q.iconPosition[t],
-      s
+      ue.provider[s],
+      ue.iconPosition[t],
+      r
     );
     return /* @__PURE__ */ e.jsxs(
-      S,
+      Q,
       {
-        ref: j,
+        ref: v,
         variant: "none",
-        className: C,
+        className: N,
         size: i,
-        fullWidth: u,
-        leftIcon: t === "left" ? g : void 0,
-        rightIcon: t === "right" ? g : void 0,
-        ...p,
+        fullWidth: c,
+        leftIcon: t === "left" ? m : void 0,
+        rightIcon: t === "right" ? m : void 0,
+        ...u,
         children: [
-          t === "only" && g,
-          t !== "only" && V
+          t === "only" && m,
+          t !== "only" && g
         ]
       }
     );
   }
 );
-Ie.displayName = "SocialButton";
-function Je({
-  children: s,
-  variant: a = "default",
+Ye.displayName = "SocialButton";
+function dr({
+  children: r,
+  variant: s = "default",
   isActive: t = !1,
-  onClick: o,
-  className: n = ""
+  onClick: a,
+  className: l = ""
 }) {
-  const l = "rounded-lg transition-all", i = {
+  const o = "rounded-lg transition-all", i = {
     default: "border border-border p-4",
     surface: "bg-surface-variant p-4",
     elevated: "bg-surface shadow-md p-6",
@@ -942,63 +1136,63 @@ function Je({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${l} ${i[a]} ${n}`,
-      onClick: o,
-      role: o ? "button" : void 0,
-      tabIndex: o ? 0 : void 0,
-      onKeyDown: o ? (u) => {
-        (u.key === "Enter" || u.key === " ") && o();
+      className: `${o} ${i[s]} ${l}`,
+      onClick: a,
+      role: a ? "button" : void 0,
+      tabIndex: a ? 0 : void 0,
+      onKeyDown: a ? (c) => {
+        (c.key === "Enter" || c.key === " ") && a();
       } : void 0,
-      children: s
+      children: r
     }
   );
 }
-function Xe({
-  title: s,
-  children: a,
+function ur({
+  title: r,
+  children: s,
   subtitle: t,
-  spacing: o = "normal",
-  className: n = ""
+  spacing: a = "normal",
+  className: l = ""
 }) {
-  const l = {
+  const o = {
     compact: "space-y-3",
     normal: "space-y-6",
     spacious: "space-y-8"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `${l[o]} ${n}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `${o[a]} ${l}`, children: [
     /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: s }),
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: r }),
       t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: t })
     ] }),
-    a
+    s
   ] });
 }
-function He({
-  variant: s,
-  title: a,
+function mr({
+  variant: r,
+  title: s,
   message: t,
-  icon: o,
-  onClose: n,
-  className: l = ""
+  icon: a,
+  onClose: l,
+  className: o = ""
 }) {
-  const u = {
+  const c = {
     success: {
       bg: "bg-success-50",
       border: "border-success-200",
       text: "text-success-700",
-      icon: /* @__PURE__ */ e.jsx(ke, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(Te, { className: "h-5 w-5" })
     },
     error: {
       bg: "bg-error-50",
       border: "border-error-200",
       text: "text-error-700",
-      icon: /* @__PURE__ */ e.jsx(Ne, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(ke, { className: "h-5 w-5" })
     },
     warning: {
       bg: "bg-warning-50",
       border: "border-warning-200",
       text: "text-warning-700",
-      icon: /* @__PURE__ */ e.jsx(ye, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ e.jsx(Ce, { className: "h-5 w-5" })
     },
     info: {
       bg: "bg-info-50",
@@ -1006,23 +1200,23 @@ function He({
       text: "text-info-700",
       icon: /* @__PURE__ */ e.jsx(Ve, { className: "h-5 w-5" })
     }
-  }[s];
+  }[r];
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${u.bg} border ${u.border} rounded-md p-3 ${l}`,
+      className: `${c.bg} border ${c.border} rounded-md p-3 ${o}`,
       role: "alert",
       children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${u.text}`, children: o || u.icon }),
+        /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 ${c.text}`, children: a || c.icon }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-          a && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${u.text}`, children: a }),
-          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${u.text}`, children: t })
+          s && /* @__PURE__ */ e.jsx("p", { className: `text-sm font-medium ${c.text}`, children: s }),
+          /* @__PURE__ */ e.jsx("p", { className: `text-sm ${c.text}`, children: t })
         ] }),
-        n && /* @__PURE__ */ e.jsx(
+        l && /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: n,
-            className: `flex-shrink-0 ${u.text} hover:opacity-70`,
+            onClick: l,
+            className: `flex-shrink-0 ${c.text} hover:opacity-70`,
             "aria-label": "Close alert",
             children: "✕"
           }
@@ -1031,117 +1225,545 @@ function He({
     }
   );
 }
-function Me({
-  title: s,
-  titleId: a,
+function Ue({
+  title: r,
+  titleId: s,
   ...t
-}, o) {
-  return /* @__PURE__ */ R.createElement("svg", Object.assign({
+}, a) {
+  return /* @__PURE__ */ W.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon",
-    ref: o,
-    "aria-labelledby": a
-  }, t), s ? /* @__PURE__ */ R.createElement("title", {
-    id: a
-  }, s) : null, /* @__PURE__ */ R.createElement("path", {
+    ref: a,
+    "aria-labelledby": s
+  }, t), r ? /* @__PURE__ */ W.createElement("title", {
+    id: s
+  }, r) : null, /* @__PURE__ */ W.createElement("path", {
     d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
   }));
 }
-const ze = /* @__PURE__ */ R.forwardRef(Me);
-function qe({
-  children: s,
-  variant: a = "default",
+const We = /* @__PURE__ */ W.forwardRef(Ue);
+function Ge({
+  children: r,
+  variant: s = "default",
   size: t = "md",
-  removable: o = !1,
-  onRemove: n,
-  className: l = "",
+  removable: a = !1,
+  onRemove: l,
+  className: o = "",
   style: i,
-  colorClass: u
+  colorClass: c
 }) {
-  const p = {
+  const u = {
     default: "bg-surface-variant text-text-secondary",
     success: "bg-success-50 text-success-700",
     error: "bg-error-50 text-error-700",
     warning: "bg-warning-50 text-warning-700",
     info: "bg-info-50 text-info-700"
-  }, j = {
+  }, v = {
     sm: "px-2 py-0.5 text-xs",
     md: "px-3 py-1 text-sm",
     lg: "px-4 py-1.5 text-base"
-  }, m = u || p[a];
+  }, d = c || u[s];
   return /* @__PURE__ */ e.jsxs(
     "span",
     {
-      className: `inline-flex items-center gap-1 rounded-full ${m} ${j[t]} ${l}`,
+      className: `inline-flex items-center gap-1 rounded-full ${d} ${v[t]} ${o}`,
       style: i,
       children: [
-        s,
-        o && n && /* @__PURE__ */ e.jsx(
+        r,
+        a && l && /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: n,
+            onClick: l,
             className: "ml-1 hover:opacity-70",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e.jsx(ze, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ e.jsx(We, { className: "w-3 h-3" })
           }
         )
       ]
     }
   );
 }
-function Ze({ tabs: s, activeTab: a, disabled: t = !1, onChange: o }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: s.map((n) => {
-    const l = a === n.id;
+function xr({
+  label: r,
+  children: s,
+  helperText: t,
+  errorText: a,
+  required: l = !1,
+  className: o = ""
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `space-y-2 ${o}`, children: [
+    /* @__PURE__ */ e.jsxs("label", { className: "block text-sm font-medium text-text-primary", children: [
+      r,
+      l && /* @__PURE__ */ e.jsx("span", { className: "text-error-500 ml-1", children: "*" })
+    ] }),
+    s,
+    a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-error-600", children: a }),
+    t && !a && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-muted", children: t })
+  ] });
+}
+const He = B.forwardRef(
+  ({
+    className: r = "",
+    leftIcon: s,
+    rightIcon: t,
+    error: a = !1,
+    fullWidth: l = !0,
+    disabled: o,
+    ...i
+  }, c) => {
+    const u = "px-3 py-2 border rounded-lg transition-colors text-sm", v = a ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent", d = o ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary", m = l ? "w-full" : "", h = s || t ? "relative flex items-center" : "", g = `${u} ${v} ${d} ${m} ${s ? "pl-10" : ""} ${t ? "pr-10" : ""} ${r}`;
+    return /* @__PURE__ */ e.jsxs("div", { className: h, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 flex items-center pointer-events-none text-text-muted", children: s }),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: c,
+          className: g,
+          disabled: o,
+          ...i
+        }
+      ),
+      t && /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center pointer-events-none text-text-muted", children: t })
+    ] });
+  }
+);
+He.displayName = "Input";
+const Je = B.forwardRef(
+  ({
+    options: r,
+    placeholder: s,
+    className: t = "",
+    error: a = !1,
+    fullWidth: l = !0,
+    disabled: o,
+    ...i
+  }, c) => {
+    const h = `px-3 py-2 border rounded-lg transition-colors text-sm appearance-none ${a ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${o ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${l ? "w-full" : ""} pr-10 ${t}`;
+    return /* @__PURE__ */ e.jsxs("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ e.jsxs(
+        "select",
+        {
+          ref: c,
+          className: h,
+          disabled: o,
+          ...i,
+          children: [
+            s && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, children: s }),
+            r.map((g) => /* @__PURE__ */ e.jsx("option", { value: g.value, children: g.label }, g.value))
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsx(K, { className: "absolute right-3 w-4 h-4 text-text-muted pointer-events-none" })
+    ] });
+  }
+);
+Je.displayName = "Select";
+const qe = B.forwardRef(
+  ({
+    tags: r,
+    onTagsChange: s,
+    onAddTag: t,
+    onRemoveTag: a,
+    placeholder: l = "Add a tag and press Enter",
+    error: o = !1,
+    fullWidth: i = !0,
+    maxTags: c,
+    duplicateCheck: u = !0,
+    disabled: v,
+    className: d = "",
+    ...m
+  }, h) => {
+    const [g, N] = k(""), T = (f) => {
+      f.key === "Enter" && g.trim() ? (f.preventDefault(), _(g.trim())) : f.key === "Backspace" && !g && r.length > 0 && A(r[r.length - 1]);
+    }, _ = (f) => {
+      if (c && r.length >= c || u && r.includes(f))
+        return;
+      const j = [...r, f];
+      s(j), t?.(f), N("");
+    }, A = (f) => {
+      const j = r.filter((C) => C !== f);
+      s(j), a?.(f);
+    }, b = `w-full px-3 py-2 border rounded-lg transition-colors text-sm ${o ? "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"} ${v ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${i ? "w-full" : ""} ${d}`;
+    return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: r.map((f) => /* @__PURE__ */ e.jsx(
+        Ge,
+        {
+          removable: !0,
+          onRemove: () => A(f),
+          variant: "default",
+          children: f
+        },
+        f
+      )) }),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: h,
+          type: "text",
+          className: b,
+          placeholder: l,
+          value: g,
+          onChange: (f) => N(f.target.value),
+          onKeyDown: T,
+          disabled: v || (c ? r.length >= c : !1),
+          ...m
+        }
+      ),
+      c && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted", children: [
+        r.length,
+        " / ",
+        c
+      ] })
+    ] });
+  }
+);
+qe.displayName = "TagInput";
+const Xe = B.forwardRef(
+  ({
+    className: r = "",
+    error: s = !1,
+    fullWidth: t = !0,
+    autoResize: a = !1,
+    maxLength: l,
+    showCharCount: o = !1,
+    disabled: i,
+    value: c,
+    onChange: u,
+    ...v
+  }, d) => {
+    const T = `px-3 py-2 border rounded-lg transition-colors text-sm font-normal resize-none ${s ? "border-error-300 focus:ring-2 focus:ring-error-500 focus:border-transparent" : "border-border focus:ring-2 focus:ring-reseda-green-500 focus:border-transparent"} ${i ? "bg-surface-variant text-text-muted cursor-not-allowed" : "bg-surface text-text-primary"} ${t ? "w-full" : ""} ${r}`, _ = ($) => {
+      a && ($.target.style.height = "auto", $.target.style.height = `${$.target.scrollHeight}px`), u?.($);
+    }, A = typeof c == "string" ? c.length : 0;
+    return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e.jsx(
+        "textarea",
+        {
+          ref: d,
+          className: T,
+          disabled: i,
+          value: c,
+          onChange: _,
+          maxLength: l,
+          ...v
+        }
+      ),
+      o && l && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-text-muted text-right", children: [
+        A,
+        " / ",
+        l
+      ] })
+    ] });
+  }
+);
+Xe.displayName = "Textarea";
+function fr({
+  options: r,
+  selectedValues: s,
+  onSelectionChange: t,
+  layout: a = "vertical",
+  columns: l = 2,
+  disabled: o = !1,
+  error: i = !1
+}) {
+  const c = (m) => {
+    const h = s.includes(m) ? s.filter((g) => g !== m) : [...s, m];
+    t(h);
+  }, u = {
+    vertical: "space-y-3",
+    horizontal: "flex flex-wrap gap-3",
+    grid: `grid grid-cols-${l} gap-3`
+  }, v = a === "grid" ? "grid gap-3" : u[a], d = a === "grid" ? `md:grid-cols-${l}` : "";
+  return /* @__PURE__ */ e.jsx("div", { className: `${v} ${d}`, children: r.map((m) => {
+    const h = s.includes(m.value), N = h ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${i ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+    return /* @__PURE__ */ e.jsxs(
+      "label",
+      {
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${N} ${o ? "opacity-50 cursor-not-allowed" : ""}`,
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: h,
+              onChange: () => c(m.value),
+              disabled: o,
+              className: "sr-only"
+            }
+          ),
+          m.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: m.icon }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: m.label }),
+            m.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: m.description })
+          ] }),
+          h && /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })
+        ]
+      },
+      m.value
+    );
+  }) });
+}
+function vr({
+  options: r,
+  selectedValue: s,
+  onSelectionChange: t,
+  layout: a = "vertical",
+  columns: l = 2,
+  disabled: o = !1,
+  error: i = !1,
+  name: c = "radio-group"
+}) {
+  const v = a === "grid" ? `grid gap-3 md:grid-cols-${l}` : {
+    vertical: "space-y-3",
+    horizontal: "flex flex-wrap gap-3",
+    grid: "grid gap-3"
+  }[a];
+  return /* @__PURE__ */ e.jsx("div", { className: v, children: r.map((d) => {
+    const m = s === d.value, g = m ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : `border-${i ? "border-error-300" : "border-border"} hover:border-border-subtle hover:bg-surface-variant`;
+    return /* @__PURE__ */ e.jsxs(
+      "label",
+      {
+        className: `relative flex items-start p-3 border rounded-lg cursor-pointer transition-all ${g} ${o ? "opacity-50 cursor-not-allowed" : ""}`,
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "input",
+            {
+              type: "radio",
+              name: c,
+              value: d.value,
+              checked: m,
+              onChange: () => t(d.value),
+              disabled: o,
+              className: "sr-only"
+            }
+          ),
+          d.icon && /* @__PURE__ */ e.jsx("div", { className: "mr-3 flex-shrink-0 text-text-secondary", children: d.icon }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "font-medium text-text-primary", children: d.label }),
+            d.description && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-text-secondary", children: d.description })
+          ] }),
+          m && /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500 flex-shrink-0", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }) })
+        ]
+      },
+      d.value
+    );
+  }) });
+}
+function hr({
+  items: r,
+  allowMultiple: s = !1,
+  defaultOpenId: t,
+  onOpenChange: a,
+  className: l = ""
+}) {
+  const [o, i] = k(() => t ? Array.isArray(t) ? t : [t] : []), c = (u) => {
+    let v;
+    s ? v = o.includes(u) ? o.filter((d) => d !== u) : [...o, u] : v = o.includes(u) ? [] : [u], i(v), a?.(v);
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: `space-y-2 ${l}`, children: r.map((u) => {
+    const v = o.includes(u.id);
+    return /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "border border-border rounded-lg overflow-hidden",
+        children: [
+          /* @__PURE__ */ e.jsxs(
+            "button",
+            {
+              onClick: () => c(u.id),
+              className: "w-full px-4 py-3 flex items-center justify-between hover:bg-surface-variant transition-colors text-left",
+              children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
+                  u.icon && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 text-text-secondary", children: u.icon }),
+                  /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary", children: u.title })
+                ] }),
+                /* @__PURE__ */ e.jsx(
+                  K,
+                  {
+                    className: `w-5 h-5 text-text-secondary transition-transform flex-shrink-0 ${v ? "rotate-180" : ""}`
+                  }
+                )
+              ]
+            }
+          ),
+          v && /* @__PURE__ */ e.jsx("div", { className: "border-t border-border px-4 py-3 bg-surface-variant text-text-primary", children: u.content })
+        ]
+      },
+      u.id
+    );
+  }) });
+}
+const Ze = B.forwardRef(
+  ({
+    value: r,
+    onChange: s,
+    min: t = 0,
+    max: a = 100,
+    step: l = 1,
+    showValue: o = !0,
+    showLabels: i = !1,
+    minLabel: c,
+    maxLabel: u,
+    error: v = !1,
+    fullWidth: d = !0,
+    disabled: m,
+    className: h = "",
+    ...g
+  }, N) => {
+    const S = `w-full h-2 rounded-lg appearance-none cursor-pointer ${v ? "bg-error-200 accent-error-500" : "bg-border accent-reseda-green-500"} ${m ? "opacity-50 cursor-not-allowed" : ""} ${d ? "w-full" : ""} ${h}`, D = (r - t) / (a - t) * 100;
+    return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      i && (c || u) && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-xs text-text-muted", children: [
+        c && /* @__PURE__ */ e.jsx("span", { children: c }),
+        u && /* @__PURE__ */ e.jsx("span", { children: u })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: N,
+            type: "range",
+            min: t,
+            max: a,
+            step: l,
+            value: r,
+            onChange: (F) => s(Number(F.target.value)),
+            disabled: m,
+            className: S,
+            ...g
+          }
+        ),
+        o && /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-text-primary min-w-[3rem] text-right", children: r })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "h-1 bg-border rounded-full overflow-hidden", children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "h-full bg-reseda-green-500 transition-all",
+          style: { width: `${D}%` }
+        }
+      ) })
+    ] });
+  }
+);
+Ze.displayName = "Slider";
+function gr({
+  icon: r,
+  title: s,
+  description: t,
+  isSelected: a = !1,
+  onClick: l,
+  disabled: o = !1,
+  className: i = ""
+}) {
+  const c = "p-4 border rounded-lg transition-all text-center cursor-pointer", u = a ? "border-reseda-green-500 bg-reseda-green-50 ring-2 ring-reseda-green-200" : "border-border hover:border-border-subtle hover:bg-surface-variant", v = o ? "opacity-50 cursor-not-allowed" : "";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `${c} ${u} ${v} ${i}`,
+      onClick: () => !o && l?.(),
+      role: "button",
+      tabIndex: o ? -1 : 0,
+      onKeyDown: (d) => {
+        !o && (d.key === "Enter" || d.key === " ") && l?.();
+      },
+      children: [
+        r && /* @__PURE__ */ e.jsx("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-text-secondary", children: r }) }),
+        /* @__PURE__ */ e.jsx("h3", { className: "font-medium text-text-primary mb-1", children: s }),
+        t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-text-secondary", children: t }),
+        a && /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-reseda-green-500", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })
+      ]
+    }
+  );
+}
+const Ke = {
+  activeText: "text-reseda-green-700",
+  activeBorder: "border-reseda-green-700",
+  inactiveText: "text-text-secondary",
+  inactiveHoverText: "hover:text-text-primary",
+  disabledText: "text-text-disabled"
+};
+function br({ tabs: r, activeTab: s, disabled: t = !1, onChange: a, colorConfig: l }) {
+  const o = l || Ke;
+  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: r.map((i) => {
+    const c = s === i.id;
     return /* @__PURE__ */ e.jsx(
-      S,
+      Q,
       {
         variant: "ghost",
-        onClick: () => !t && o(n.id),
-        disabled: t && !l,
-        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${l ? "border-reseda-green-700 text-reseda-green-700" : t ? "border-transparent text-text-disabled cursor-not-allowed" : "border-transparent text-text-secondary hover:text-text-primary"}`,
-        children: n.label
+        onClick: () => !t && a(i.id),
+        disabled: t && !c,
+        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${c ? `${o.activeBorder} ${o.activeText}` : t ? `border-transparent ${o.disabledText} cursor-not-allowed` : `border-transparent ${o.inactiveText} ${o.inactiveHoverText}`}`,
+        children: i.label
       },
-      n.id
+      i.id
     );
   }) });
 }
-function Qe({ currentStep: s, steps: a }) {
-  return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: a.map((t, o) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${o < a.length - 1 ? "flex-1" : ""}`, children: [
+const Qe = {
+  activeBg: "bg-reseda-green-700",
+  activeText: "text-white",
+  completedBg: "bg-success-500",
+  completedText: "text-white",
+  incompleteBorder: "border-border",
+  incompleteText: "text-text-muted",
+  labelActiveText: "text-reseda-green-800",
+  labelInactiveText: "text-text-muted",
+  connectorBg: "bg-border"
+};
+function pr({ currentStep: r, steps: s, colorConfig: t }) {
+  const a = t || Qe;
+  return /* @__PURE__ */ e.jsx("nav", { className: "mb-10", children: /* @__PURE__ */ e.jsx("ol", { className: "flex items-center w-full", children: s.map((l, o) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${o < s.length - 1 ? "flex-1" : ""}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: `flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${s === t.number ? "bg-reseda-green-700 text-white" : s > t.number ? "bg-success-500 text-white" : "border-2 border-border text-text-muted"}`,
-          children: t.number
+          className: `flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${r === l.number ? `${a.activeBg} ${a.activeText}` : r > l.number ? `${a.completedBg} ${a.completedText}` : `border-2 ${a.incompleteBorder} ${a.incompleteText}`}`,
+          children: l.number
         }
       ),
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: `ml-3 text-sm font-medium whitespace-nowrap ${s >= t.number ? "text-reseda-green-800" : "text-text-muted"}`,
-          children: t.label
+          className: `ml-3 text-sm font-medium whitespace-nowrap ${r >= l.number ? a.labelActiveText : a.labelInactiveText}`,
+          children: l.label
         }
       )
     ] }),
-    o < a.length - 1 && /* @__PURE__ */ e.jsx("div", { className: "flex-1 h-0.5 mx-4 bg-border" })
-  ] }, t.number)) }) });
+    o < s.length - 1 && /* @__PURE__ */ e.jsx("div", { className: `flex-1 h-0.5 mx-4 ${a.connectorBg}` })
+  ] }, l.number)) }) });
 }
 export {
-  He as Alert,
-  qe as Badge,
-  S as Button,
-  Je as Card,
-  Ae as ColorPalette,
-  Ge as Demo,
-  Xe as Section,
-  We as Sidebar,
-  Ie as SocialButton,
-  Qe as Stepper,
-  Ze as TabBar,
-  $e as ThemeProvider,
-  Pe as ThemeToggle,
-  Oe as useTheme
+  hr as Accordion,
+  mr as Alert,
+  Ge as Badge,
+  Q as Button,
+  dr as Card,
+  fr as CheckboxGroup,
+  Pe as ColorPalette,
+  ir as Demo,
+  xr as FormField,
+  He as Input,
+  gr as OptionCard,
+  vr as RadioGroup,
+  ur as Section,
+  Je as Select,
+  cr as Sidebar,
+  Ze as Slider,
+  Ye as SocialButton,
+  pr as Stepper,
+  br as TabBar,
+  qe as TagInput,
+  Xe as Textarea,
+  Se as ThemeProvider,
+  Fe as ThemeToggle,
+  or as clearAllErrors,
+  nr as clearFieldError,
+  tr as getFirstError,
+  Ee as hasErrors,
+  lr as useForm,
+  De as useTheme,
+  $e as validateField,
+  X as validateForm,
+  ar as validators
 };