acemyjob-ui 0.5.0 → 0.7.0

package/dist/acemyjob-ui.es.js

@@ -1,4 +1,4 @@
-import B, { useState as N, createContext as me, useEffect as $, useContext as ve } from "react";
+import D, { useState as N, createContext as me, useEffect as L, useContext as ve } from "react";
 import { Dialog as xe, DialogBackdrop as he, DialogPanel as fe, TransitionChild as ge } from "@headlessui/react";
 import { XMarkIcon as be, Bars3Icon as pe, ChevronDownIcon as je } from "@heroicons/react/24/outline";
 var E = { exports: {} }, k = {};
@@ -16,19 +16,19 @@ function Ve() {
   if (W) return k;
   W = 1;
   var s = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function n(o, c, l) {
-    var u = null;
-    if (l !== void 0 && (u = "" + l), c.key !== void 0 && (u = "" + c.key), "key" in c) {
-      l = {};
-      for (var f in c)
-        f !== "key" && (l[f] = c[f]);
-    } else l = c;
-    return c = l.ref, {
+  function n(o, l, t) {
+    var i = null;
+    if (t !== void 0 && (i = "" + t), l.key !== void 0 && (i = "" + l.key), "key" in l) {
+      t = {};
+      for (var v in l)
+        v !== "key" && (t[v] = l[v]);
+    } else t = l;
+    return l = t.ref, {
       $$typeof: s,
       type: o,
-      key: u,
-      ref: c !== void 0 ? c : null,
-      props: l
+      key: i,
+      ref: l !== void 0 ? l : null,
+      props: t
     };
   }
   return k.Fragment = a, k.jsx = n, k.jsxs = n, k;
@@ -76,14 +76,14 @@ function we() {
           case se:
             return (r._context.displayName || "Context") + ".Consumer";
           case oe:
-            var t = r.render;
-            return r = r.displayName, r || (r = t.displayName || t.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+            var c = r.render;
+            return r = r.displayName, r || (r = c.displayName || c.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
           case le:
-            return t = r.displayName || null, t !== null ? t : s(r.type) || "Memo";
+            return c = r.displayName || null, c !== null ? c : s(r.type) || "Memo";
           case S:
-            t = r._payload, r = r._init;
+            c = r._payload, r = r._init;
             try {
-              return s(r(t));
+              return s(r(c));
             } catch {
             }
         }
@@ -95,15 +95,15 @@ function we() {
     function n(r) {
       try {
         a(r);
-        var t = !1;
+        var c = !1;
       } catch {
-        t = !0;
+        c = !0;
       }
-      if (t) {
-        t = console;
-        var i = t.error, d = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return i.call(
-          t,
+      if (c) {
+        c = console;
+        var u = c.error, d = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return u.call(
+          c,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           d
         ), a(r);
@@ -114,35 +114,35 @@ function we() {
       if (typeof r == "object" && r !== null && r.$$typeof === S)
         return "<...>";
       try {
-        var t = s(r);
-        return t ? "<" + t + ">" : "<...>";
+        var c = s(r);
+        return c ? "<" + c + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
+    function l() {
       var r = _.A;
       return r === null ? null : r.getOwner();
     }
-    function l() {
+    function t() {
       return Error("react-stack-top-frame");
     }
-    function u(r) {
+    function i(r) {
       if (M.call(r, "key")) {
-        var t = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (t && t.isReactWarning) return !1;
+        var c = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (c && c.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function f(r, t) {
-      function i() {
+    function v(r, c) {
+      function u() {
         z || (z = !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)",
-          t
+          c
         ));
       }
-      i.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: i,
+      u.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: u,
         configurable: !0
       });
     }
@@ -152,14 +152,14 @@ function we() {
         "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;
     }
-    function V(r, t, i, d, p, b, O, P) {
-      return i = b.ref, r = {
+    function V(r, c, u, d, p, b, O, P) {
+      return u = b.ref, r = {
         $$typeof: w,
         type: r,
-        key: t,
+        key: c,
         props: b,
         _owner: p
-      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
         get: j
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
@@ -184,8 +184,8 @@ function we() {
         value: P
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function x(r, t, i, d, p, b, O, P) {
-      var m = t.children;
+    function h(r, c, u, d, p, b, O, P) {
+      var m = c.children;
       if (m !== void 0)
         if (d)
           if (ue(m)) {
@@ -197,9 +197,9 @@ function we() {
               "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(m);
-      if (M.call(t, "key")) {
+      if (M.call(c, "key")) {
         m = s(r);
-        var y = Object.keys(t).filter(function(de) {
+        var y = Object.keys(c).filter(function(de) {
           return de !== "key";
         });
         d = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", U[m + d] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -215,21 +215,21 @@ React keys must be passed directly to JSX without using spread:
           m
         ), U[m + d] = !0);
       }
-      if (m = null, i !== void 0 && (n(i), m = "" + i), u(t) && (n(t.key), m = "" + t.key), "key" in t) {
-        i = {};
-        for (var L in t)
-          L !== "key" && (i[L] = t[L]);
-      } else i = t;
-      return m && f(
-        i,
+      if (m = null, u !== void 0 && (n(u), m = "" + u), i(c) && (n(c.key), m = "" + c.key), "key" in c) {
+        u = {};
+        for (var $ in c)
+          $ !== "key" && (u[$] = c[$]);
+      } else u = c;
+      return m && v(
+        u,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
       ), V(
         r,
         m,
         b,
         p,
-        c(),
-        i,
+        l(),
+        u,
         O,
         P
       );
@@ -237,36 +237,36 @@ React keys must be passed directly to JSX without using spread:
     function g(r) {
       typeof r == "object" && r !== null && r.$$typeof === w && r._store && (r._store.validated = 1);
     }
-    var v = B, w = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), ae = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), _ = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, ue = Array.isArray, A = console.createTask ? console.createTask : function() {
+    var x = D, w = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), ae = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), _ = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, ue = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
+    x = {
       "react-stack-bottom-frame": function(r) {
         return r();
       }
     };
-    var z, I = {}, Y = v["react-stack-bottom-frame"].bind(
-      v,
-      l
-    )(), F = A(o(l)), U = {};
-    T.Fragment = C, T.jsx = function(r, t, i, d, p) {
+    var z, I = {}, Y = x["react-stack-bottom-frame"].bind(
+      x,
+      t
+    )(), F = A(o(t)), U = {};
+    T.Fragment = C, T.jsx = function(r, c, u, d, p) {
       var b = 1e4 > _.recentlyCreatedOwnerStacks++;
-      return x(
+      return h(
         r,
-        t,
-        i,
+        c,
+        u,
         !1,
         d,
         p,
         b ? Error("react-stack-top-frame") : Y,
         b ? A(o(r)) : F
       );
-    }, T.jsxs = function(r, t, i, d, p) {
+    }, T.jsxs = function(r, c, u, d, p) {
       var b = 1e4 > _.recentlyCreatedOwnerStacks++;
-      return x(
+      return h(
         r,
-        t,
-        i,
+        c,
+        u,
         !0,
         d,
         p,
@@ -289,23 +289,23 @@ const Ne = {
   hoverBg: "hover:bg-indigo-700",
   hoverText: "hover:text-white"
 };
-function h(...s) {
+function f(...s) {
   return s.filter(Boolean).join(" ");
 }
 function H({ item: s, colorScheme: a }) {
-  const [n, o] = N(s.current || s.children?.some((l) => l.current)), c = s.children && s.children.length > 0;
+  const [n, o] = N(s.current || s.children?.some((t) => t.current)), l = s.children && s.children.length > 0;
   return /* @__PURE__ */ e.jsxs("li", { children: [
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: c ? void 0 : s.href,
-        onClick: (l) => {
-          c && (l.preventDefault(), o(!n));
+        href: l ? void 0 : s.href,
+        onClick: (t) => {
+          l && (t.preventDefault(), o(!n));
         },
-        className: h(
+        className: f(
           s.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
           "group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",
-          c ? "cursor-pointer" : ""
+          l ? "cursor-pointer" : ""
         ),
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
@@ -313,7 +313,7 @@ function H({ item: s, colorScheme: a }) {
               s.icon,
               {
                 "aria-hidden": "true",
-                className: h(
+                className: f(
                   s.current ? a.activeText : `${a.text} group-${a.hoverText}`,
                   "size-6 shrink-0"
                 )
@@ -321,10 +321,10 @@ function H({ item: s, colorScheme: a }) {
             ),
             s.name
           ] }),
-          c && /* @__PURE__ */ e.jsx(
+          l && /* @__PURE__ */ e.jsx(
             je,
             {
-              className: h(
+              className: f(
                 "size-5 shrink-0 transition-transform",
                 n ? "rotate-180" : "",
                 s.current ? a.activeText : a.text
@@ -334,35 +334,35 @@ function H({ item: s, colorScheme: a }) {
         ]
       }
     ) }),
-    c && n && /* @__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 && n && /* @__PURE__ */ e.jsx("ul", { className: "mt-1 ml-9 space-y-1", children: s.children.map((t) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        href: l.href,
-        className: h(
-          l.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
+        href: t.href,
+        className: f(
+          t.current ? `${a.activeBg} ${a.activeText}` : `${a.text} ${a.hoverBg} ${a.hoverText}`,
           "group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"
         ),
         children: [
           /* @__PURE__ */ e.jsx(
-            l.icon,
+            t.icon,
             {
               "aria-hidden": "true",
-              className: h(
-                l.current ? a.activeText : `${a.text} group-${a.hoverText}`,
+              className: f(
+                t.current ? a.activeText : `${a.text} group-${a.hoverText}`,
                 "size-5 shrink-0"
               )
             }
           ),
-          l.name
+          t.name
         ]
       }
-    ) }, l.name)) })
+    ) }, t.name)) })
   ] });
 }
 function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
-  const [c, l] = N(!1);
+  const [l, t] = N(!1);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(xe, { open: c, onClose: l, className: "relative z-50 lg:hidden", children: [
+    /* @__PURE__ */ e.jsxs(xe, { open: l, onClose: t, className: "relative z-50 lg:hidden", children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
@@ -376,11 +376,11 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
           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(ge, { 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(ge, { 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: () => t(!1), className: "-m-2.5 p-2.5", children: [
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close sidebar" }),
               /* @__PURE__ */ e.jsx(be, { "aria-hidden": "true", className: "size-6 text-white" })
             ] }) }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: h("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2", o.bg), children: [
+            /* @__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.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
                 "img",
                 {
@@ -389,13 +389,13 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
                   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: n.map((u) => /* @__PURE__ */ e.jsx(H, { item: u, colorScheme: o }, u.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: n.map((i) => /* @__PURE__ */ e.jsx(H, { item: i, colorScheme: o }, 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: h("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: f("flex grow flex-col gap-y-5 overflow-y-auto px-6", o.bg), children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex h-16 shrink-0 items-center", children: /* @__PURE__ */ e.jsx(
         "img",
         {
@@ -405,12 +405,12 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
         }
       ) }),
       /* @__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: n.map((u) => /* @__PURE__ */ e.jsx(H, { item: u, colorScheme: o }, u.name)) }) }),
+        /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { role: "list", className: "-mx-2 space-y-1", children: n.map((i) => /* @__PURE__ */ e.jsx(H, { item: i, colorScheme: o }, i.name)) }) }),
         /* @__PURE__ */ e.jsx("li", { className: "-mx-6 mt-auto", children: /* @__PURE__ */ e.jsxs(
           "a",
           {
             href: "#",
-            className: h(
+            className: f(
               "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",
               o.activeText,
               o.hoverBg
@@ -421,7 +421,7 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
                 {
                   alt: a.name,
                   src: a.image,
-                  className: h("size-8 rounded-full", o.activeBg)
+                  className: f("size-8 rounded-full", o.activeBg)
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
@@ -431,12 +431,12 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
         ) })
       ] }) })
     ] }) }),
-    /* @__PURE__ */ e.jsxs("div", { className: h("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: h("-m-2.5 p-2.5 lg:hidden", o.text), children: [
+    /* @__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: () => t(!0), className: f("-m-2.5 p-2.5 lg:hidden", o.text), children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open sidebar" }),
         /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true", className: "size-6" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: h("flex-1 text-sm/6 font-semibold", o.activeText), children: "Dashboard" }),
+      /* @__PURE__ */ e.jsx("div", { className: f("flex-1 text-sm/6 font-semibold", o.activeText), children: "Dashboard" }),
       /* @__PURE__ */ e.jsxs("a", { href: "#", children: [
         /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your profile" }),
         /* @__PURE__ */ e.jsx(
@@ -444,7 +444,7 @@ function Se({ company: s, profile: a, navigation: n, colorScheme: o = Ne }) {
           {
             alt: a.name,
             src: a.image,
-            className: h("size-8 rounded-full", o.activeBg)
+            className: f("size-8 rounded-full", o.activeBg)
           }
         )
       ] })
@@ -709,27 +709,27 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
   defaultTheme: a = "system",
   storageKey: n = "acemyjob-ui-theme"
 }) => {
-  const [o, c] = N(a), [l, u] = N("light"), [f, j] = N(!1);
-  $(() => {
-    const x = localStorage.getItem(n);
-    x && c(x), j(!0);
-  }, [n]), $(() => {
-    if (!f) return;
-    const x = window.document.documentElement, g = () => {
-      let v;
-      o === "system" ? v = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : v = o, u(v), x.classList.remove("light", "dark"), x.classList.add(v);
+  const [o, l] = N(a), [t, i] = N("light"), [v, j] = N(!1);
+  L(() => {
+    const h = localStorage.getItem(n);
+    h && l(h), j(!0);
+  }, [n]), L(() => {
+    if (!v) return;
+    const h = window.document.documentElement, g = () => {
+      let x;
+      o === "system" ? x = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : x = o, i(x), h.classList.remove("light", "dark"), h.classList.add(x);
     };
     if (g(), o === "system") {
-      const v = window.matchMedia("(prefers-color-scheme: dark)"), w = () => g();
-      return v.addEventListener("change", w), () => v.removeEventListener("change", w);
+      const x = window.matchMedia("(prefers-color-scheme: dark)"), w = () => g();
+      return x.addEventListener("change", w), () => x.removeEventListener("change", w);
     }
-  }, [o, f]);
+  }, [o, v]);
   const V = {
     theme: o,
-    setTheme: (x) => {
-      localStorage.setItem(n, x), c(x);
+    setTheme: (h) => {
+      localStorage.setItem(n, h), l(h);
     },
-    resolvedTheme: l
+    resolvedTheme: t
   };
   return /* @__PURE__ */ e.jsx(K.Provider, { value: V, children: s });
 }, Re = () => {
@@ -739,7 +739,7 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
   return s;
 }, Ce = () => {
   const { theme: s, setTheme: a } = Re(), [n, o] = N(!1);
-  if ($(() => {
+  if (L(() => {
     o(!0);
   }, []), !n)
     return /* @__PURE__ */ e.jsxs(
@@ -753,9 +753,9 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
         ]
       }
     );
-  const c = () => {
+  const l = () => {
     a(s === "light" ? "dark" : s === "dark" ? "system" : "light");
-  }, l = () => {
+  }, t = () => {
     switch (s) {
       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" }) });
@@ -764,7 +764,7 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
       case "system":
         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" }) });
     }
-  }, u = () => {
+  }, i = () => {
     switch (s) {
       case "light":
         return "Light";
@@ -777,12 +777,12 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      onClick: c,
+      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: ${u()}. Click to cycle themes.`,
+      "aria-label": `Current theme: ${i()}. Click to cycle themes.`,
       children: [
-        l(),
-        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: u() })
+        t(),
+        /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: i() })
       ]
     }
   );
@@ -807,20 +807,20 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
     xl: "h-12 rounded-md px-10 text-base",
     icon: "h-10 w-10"
   }
-}, Ae = "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", Oe = (...s) => s.filter(Boolean).join(" "), D = B.forwardRef(
+}, Ae = "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", Oe = (...s) => s.filter(Boolean).join(" "), B = D.forwardRef(
   ({
     className: s,
     variant: a = "default",
     size: n = "default",
     fullWidth: o = !1,
-    loading: c = !1,
-    leftIcon: l,
-    rightIcon: u,
-    children: f,
+    loading: l = !1,
+    leftIcon: t,
+    rightIcon: i,
+    children: v,
     disabled: j,
     ...V
-  }, x) => {
-    const g = j || c, v = Oe(
+  }, h) => {
+    const g = j || l, x = Oe(
       Ae,
       X.variant[a],
       X.size[n],
@@ -830,12 +830,12 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
-        className: v,
-        ref: x,
+        className: x,
+        ref: h,
         disabled: g,
         ...V,
         children: [
-          c && /* @__PURE__ */ e.jsxs(
+          l && /* @__PURE__ */ e.jsxs(
             "svg",
             {
               className: "mr-2 h-4 w-4 animate-spin",
@@ -865,15 +865,15 @@ const Z = (s) => s.replace("--color-", "bg-"), ke = ({ name: s, cssVar: a, value
               ]
             }
           ),
-          !c && l && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: l }),
-          f,
-          !c && u && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: u })
+          !l && t && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: t }),
+          v,
+          !l && i && /* @__PURE__ */ e.jsx("span", { className: "ml-2", children: i })
         ]
       }
     );
   }
 );
-D.displayName = "Button";
+B.displayName = "Button";
 const Q = {
   provider: {
     linkedin: "bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"
@@ -883,21 +883,21 @@ const Q = {
     right: "flex-row-reverse",
     only: "justify-center"
   }
-}, Pe = (...s) => s.filter(Boolean).join(" "), Le = B.forwardRef(
+}, Pe = (...s) => s.filter(Boolean).join(" "), $e = D.forwardRef(
   ({
     className: s,
     provider: a,
     iconPosition: n = "left",
     icon: o,
-    showText: c = !0,
-    children: l,
-    size: u = "default",
-    fullWidth: f = !0,
+    showText: l = !0,
+    children: t,
+    size: i = "default",
+    fullWidth: v = !0,
     ...j
   }, V) => {
     const g = o || {
       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], w = l || (c ? {
+    }[a], w = t || (l ? {
       linkedin: "Continue with LinkedIn"
     }[a] : ""), R = Pe(
       "relative overflow-hidden transition-all duration-200",
@@ -906,13 +906,13 @@ const Q = {
       s
     );
     return /* @__PURE__ */ e.jsxs(
-      D,
+      B,
       {
         ref: V,
         variant: "none",
         className: R,
-        size: u,
-        fullWidth: f,
+        size: i,
+        fullWidth: v,
         leftIcon: n === "left" ? g : void 0,
         rightIcon: n === "right" ? g : void 0,
         ...j,
@@ -924,24 +924,71 @@ const Q = {
     );
   }
 );
-Le.displayName = "SocialButton";
-function ze({ tabs: s, activeTab: a, disabled: n = !1, onChange: o }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: s.map((c) => {
-    const l = a === c.id;
+$e.displayName = "SocialButton";
+function ze({
+  children: s,
+  variant: a = "default",
+  isActive: n = !1,
+  onClick: o,
+  className: l = ""
+}) {
+  const t = "rounded-lg transition-all", i = {
+    default: "border border-border p-4",
+    surface: "bg-surface-variant p-4",
+    elevated: "bg-surface shadow-md p-6",
+    interactive: `border-2 p-4 cursor-pointer ${n ? "border-success-500 bg-success-50" : "border-border bg-surface hover:border-border-subtle"}`
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `${t} ${i[a]} ${l}`,
+      onClick: o,
+      role: o ? "button" : void 0,
+      tabIndex: o ? 0 : void 0,
+      onKeyDown: o ? (v) => {
+        (v.key === "Enter" || v.key === " ") && o();
+      } : void 0,
+      children: s
+    }
+  );
+}
+function Ie({
+  title: s,
+  children: a,
+  subtitle: n,
+  spacing: o = "normal",
+  className: l = ""
+}) {
+  const t = {
+    compact: "space-y-3",
+    normal: "space-y-6",
+    spacious: "space-y-8"
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: `${t[o]} ${l}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-text-primary", children: s }),
+      n && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-text-secondary mt-1", children: n })
+    ] }),
+    a
+  ] });
+}
+function Ye({ tabs: s, activeTab: a, disabled: n = !1, onChange: o }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "flex border-b border-border mb-6", children: s.map((l) => {
+    const t = a === l.id;
     return /* @__PURE__ */ e.jsx(
-      D,
+      B,
       {
         variant: "ghost",
-        onClick: () => !n && o(c.id),
-        disabled: n && !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" : n ? "border-transparent text-text-disabled cursor-not-allowed" : "border-transparent text-text-secondary hover:text-text-primary"}`,
-        children: c.label
+        onClick: () => !n && o(l.id),
+        disabled: n && !t,
+        className: `px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${t ? "border-reseda-green-700 text-reseda-green-700" : n ? "border-transparent text-text-disabled cursor-not-allowed" : "border-transparent text-text-secondary hover:text-text-primary"}`,
+        children: l.label
       },
-      c.id
+      l.id
     );
   }) });
 }
-function Ie({ currentStep: s, steps: a }) {
+function Fe({ 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((n, o) => /* @__PURE__ */ e.jsxs("li", { className: `flex items-center ${o < a.length - 1 ? "flex-1" : ""}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
       /* @__PURE__ */ e.jsx(
@@ -963,13 +1010,15 @@ function Ie({ currentStep: s, steps: a }) {
   ] }, n.number)) }) });
 }
 export {
-  D as Button,
+  B as Button,
+  ze as Card,
   Te as ColorPalette,
   Me as Demo,
+  Ie as Section,
   Se as Sidebar,
-  Le as SocialButton,
-  Ie as Stepper,
-  ze as TabBar,
+  $e as SocialButton,
+  Fe as Stepper,
+  Ye as TabBar,
   Ee as ThemeProvider,
   Ce as ThemeToggle,
   Re as useTheme

package/dist/acemyjob-ui.umd.js

@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var M;function te(){if(M)return T;M=1;var s=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function n(o,c,l){var u=null;if(l!==void 0&&(u=""+l),c.key!==void 0&&(u=""+c.key),"key"in c){l={};for(var b in c)b!=="key"&&(l[b]=c[b])}else l=c;return c=l.ref,{$$typeof:s,type:o,key:u,ref:c!==void 0?c:null,props:l}}return T.Fragment=a,T.jsx=n,T.jsxs=n,T}var E={};/**
+ */var M;function te(){if(M)return T;M=1;var s=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function n(o,l,t){var i=null;if(t!==void 0&&(i=""+t),l.key!==void 0&&(i=""+l.key),"key"in l){t={};for(var h in l)h!=="key"&&(t[h]=l[h])}else t=l;return l=t.ref,{$$typeof:s,type:o,key:i,ref:l!==void 0?l:null,props:t}}return T.Fragment=a,T.jsx=n,T.jsxs=n,T}var E={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var z;function le(){return z||(z=1,process.env.NODE_ENV!=="production"&&function(){function s(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===Ce?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case P:return"Fragment";case je:return"Profiler";case pe:return"StrictMode";case Ne:return"Suspense";case ke:return"SuspenseList";case Ee:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case O:return"Portal";case we:return(r.displayName||"Context")+".Provider";case Ve:return(r._context.displayName||"Context")+".Consumer";case ye:var t=r.render;return r=r.displayName,r||(r=t.displayName||t.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case Te:return t=r.displayName||null,t!==null?t:s(r.type)||"Memo";case K:t=r._payload,r=r._init;try{return s(r(t))}catch{}}return null}function a(r){return""+r}function n(r){try{a(r);var t=!1}catch{t=!0}if(t){t=console;var i=t.error,v=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return i.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",v),a(r)}}function o(r){if(r===P)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===K)return"<...>";try{var t=s(r);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function c(){var r=S.A;return r===null?null:r.getOwner()}function l(){return Error("react-stack-top-frame")}function u(r){if(ee.call(r,"key")){var t=Object.getOwnPropertyDescriptor(r,"key").get;if(t&&t.isReactWarning)return!1}return r.key!==void 0}function b(r,t){function i(){re||(re=!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)",t))}i.isReactWarning=!0,Object.defineProperty(r,"key",{get:i,configurable:!0})}function w(){var r=s(this.type);return se[r]||(se[r]=!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}function y(r,t,i,v,V,j,L,$){return i=j.ref,r={$$typeof:N,type:r,key:t,props:j,_owner:V},(i!==void 0?i:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:w}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:L}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function f(r,t,i,v,V,j,L,$){var x=t.children;if(x!==void 0)if(v)if(_e(x)){for(v=0;v<x.length;v++)p(x[v]);Object.freeze&&Object.freeze(x)}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 p(x);if(ee.call(t,"key")){x=s(r);var k=Object.keys(t).filter(function(Re){return Re!=="key"});v=0<k.length?"{key: someKey, "+k.join(": ..., ")+": ...}":"{key: someKey}",ne[x+v]||(k=0<k.length?"{"+k.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var I;function le(){return I||(I=1,process.env.NODE_ENV!=="production"&&function(){function s(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===Re?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case P:return"Fragment";case we:return"Profiler";case Ve:return"StrictMode";case Te:return"Suspense";case Ee:return"SuspenseList";case _e:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case O:return"Portal";case Ne:return(r.displayName||"Context")+".Provider";case ye:return(r._context.displayName||"Context")+".Consumer";case ke: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 K:c=r._payload,r=r._init;try{return s(r(c))}catch{}}return null}function a(r){return""+r}function n(r){try{a(r);var c=!1}catch{c=!0}if(c){c=console;var u=c.error,v=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return u.call(c,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",v),a(r)}}function o(r){if(r===P)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===K)return"<...>";try{var c=s(r);return c?"<"+c+">":"<...>"}catch{return"<...>"}}function l(){var r=S.A;return r===null?null:r.getOwner()}function t(){return Error("react-stack-top-frame")}function i(r){if(ee.call(r,"key")){var c=Object.getOwnPropertyDescriptor(r,"key").get;if(c&&c.isReactWarning)return!1}return r.key!==void 0}function h(r,c){function u(){re||(re=!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))}u.isReactWarning=!0,Object.defineProperty(r,"key",{get:u,configurable:!0})}function w(){var r=s(this.type);return se[r]||(se[r]=!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}function y(r,c,u,v,V,j,B,L){return u=j.ref,r={$$typeof:N,type:r,key:c,props:j,_owner:V},(u!==void 0?u:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:w}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:L}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function g(r,c,u,v,V,j,B,L){var x=c.children;if(x!==void 0)if(v)if(Ae(x)){for(v=0;v<x.length;v++)p(x[v]);Object.freeze&&Object.freeze(x)}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 p(x);if(ee.call(c,"key")){x=s(r);var k=Object.keys(c).filter(function(Oe){return Oe!=="key"});v=0<k.length?"{key: someKey, "+k.join(": ..., ")+": ...}":"{key: someKey}",ne[x+v]||(k=0<k.length?"{"+k.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} />`,v,x,k,x),ne[x+v]=!0)}if(x=null,i!==void 0&&(n(i),x=""+i),u(t)&&(n(t.key),x=""+t.key),"key"in t){i={};for(var D in t)D!=="key"&&(i[D]=t[D])}else i=t;return x&&b(i,typeof r=="function"?r.displayName||r.name||"Unknown":r),y(r,x,j,V,c(),i,L,$)}function p(r){typeof r=="object"&&r!==null&&r.$$typeof===N&&r._store&&(r._store.validated=1)}var h=m,N=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),pe=Symbol.for("react.strict_mode"),je=Symbol.for("react.profiler"),Ve=Symbol.for("react.consumer"),we=Symbol.for("react.context"),ye=Symbol.for("react.forward_ref"),Ne=Symbol.for("react.suspense"),ke=Symbol.for("react.suspense_list"),Te=Symbol.for("react.memo"),K=Symbol.for("react.lazy"),Ee=Symbol.for("react.activity"),Ce=Symbol.for("react.client.reference"),S=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ee=Object.prototype.hasOwnProperty,_e=Array.isArray,B=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(r){return r()}};var re,se={},ae=h["react-stack-bottom-frame"].bind(h,l)(),oe=B(o(l)),ne={};E.Fragment=P,E.jsx=function(r,t,i,v,V){var j=1e4>S.recentlyCreatedOwnerStacks++;return f(r,t,i,!1,v,V,j?Error("react-stack-top-frame"):ae,j?B(o(r)):oe)},E.jsxs=function(r,t,i,v,V){var j=1e4>S.recentlyCreatedOwnerStacks++;return f(r,t,i,!0,v,V,j?Error("react-stack-top-frame"):ae,j?B(o(r)):oe)}}()),E}var I;function ce(){return I||(I=1,process.env.NODE_ENV==="production"?_.exports=te():_.exports=le()),_.exports}var e=ce();const ie={bg:"bg-indigo-600",activeBg:"bg-indigo-700",text:"text-indigo-200",activeText:"text-white",hoverBg:"hover:bg-indigo-700",hoverText:"hover:text-white"};function g(...s){return s.filter(Boolean).join(" ")}function Y({item:s,colorScheme:a}){const[n,o]=m.useState(s.current||s.children?.some(l=>l.current)),c=s.children&&s.children.length>0;return e.jsxs("li",{children:[e.jsx("div",{children:e.jsxs("a",{href:c?void 0:s.href,onClick:l=>{c&&(l.preventDefault(),o(!n))},className:g(s.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",c?"cursor-pointer":""),children:[e.jsxs("div",{className:"flex items-center gap-x-3",children:[e.jsx(s.icon,{"aria-hidden":"true",className:g(s.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-6 shrink-0")}),s.name]}),c&&e.jsx(A.ChevronDownIcon,{className:g("size-5 shrink-0 transition-transform",n?"rotate-180":"",s.current?a.activeText:a.text)})]})}),c&&n&&e.jsx("ul",{className:"mt-1 ml-9 space-y-1",children:s.children.map(l=>e.jsx("li",{children:e.jsxs("a",{href:l.href,className:g(l.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[e.jsx(l.icon,{"aria-hidden":"true",className:g(l.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-5 shrink-0")}),l.name]})},l.name))})]})}function ue({company:s,profile:a,navigation:n,colorScheme:o=ie}){const[c,l]=m.useState(!1);return e.jsx(e.Fragment,{children:e.jsxs("div",{children:[e.jsxs(C.Dialog,{open:c,onClose:l,className:"relative z-50 lg:hidden",children:[e.jsx(C.DialogBackdrop,{transition:!0,className:"fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"}),e.jsx("div",{className:"fixed inset-0 flex",children:e.jsxs(C.DialogPanel,{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:[e.jsx(C.TransitionChild,{children: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:e.jsxs("button",{type:"button",onClick:()=>l(!1),className:"-m-2.5 p-2.5",children:[e.jsx("span",{className:"sr-only",children:"Close sidebar"}),e.jsx(A.XMarkIcon,{"aria-hidden":"true",className:"size-6 text-white"})]})})}),e.jsxs("div",{className:g("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2",o.bg),children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsx("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:n.map(u=>e.jsx(Y,{item:u,colorScheme:o},u.name))})})})})]})]})})]}),e.jsx("div",{className:"hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col",children:e.jsxs("div",{className:g("flex grow flex-col gap-y-5 overflow-y-auto px-6",o.bg),children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsxs("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:[e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:n.map(u=>e.jsx(Y,{item:u,colorScheme:o},u.name))})}),e.jsx("li",{className:"-mx-6 mt-auto",children:e.jsxs("a",{href:"#",className:g("flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",o.activeText,o.hoverBg),children:[e.jsx("img",{alt:a.name,src:a.image,className:g("size-8 rounded-full",o.activeBg)}),e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("span",{"aria-hidden":"true",children:a.name})]})})]})})]})}),e.jsxs("div",{className:g("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:[e.jsxs("button",{type:"button",onClick:()=>l(!0),className:g("-m-2.5 p-2.5 lg:hidden",o.text),children:[e.jsx("span",{className:"sr-only",children:"Open sidebar"}),e.jsx(A.Bars3Icon,{"aria-hidden":"true",className:"size-6"})]}),e.jsx("div",{className:g("flex-1 text-sm/6 font-semibold",o.activeText),children:"Dashboard"}),e.jsxs("a",{href:"#",children:[e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("img",{alt:a.name,src:a.image,className:g("size-8 rounded-full",o.activeBg)})]})]})]})})}const F=s=>s.replace("--color-","bg-"),de=({name:s,cssVar:a,value:n})=>{const o=`rgb(${n})`;return 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:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${F(a)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:s}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:a}),e.jsx("div",{className:"text-xs text-text-secondary",children:o})]})]})},U=({title:s,colors:a})=>e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:s}),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(n=>e.jsx(de,{...n},n.name))})]}),W=()=>{const s=[{title:"Success Colors (Green)",colors:[{name:"50",cssVar:"--color-success-50",value:"240 253 244"},{name:"100",cssVar:"--color-success-100",value:"220 252 231"},{name:"200",cssVar:"--color-success-200",value:"187 247 208"},{name:"300",cssVar:"--color-success-300",value:"134 239 172"},{name:"400",cssVar:"--color-success-400",value:"74 222 128"},{name:"500",cssVar:"--color-success-500",value:"34 197 94"},{name:"600",cssVar:"--color-success-600",value:"22 163 74"},{name:"700",cssVar:"--color-success-700",value:"21 128 61"},{name:"800",cssVar:"--color-success-800",value:"22 101 52"},{name:"900",cssVar:"--color-success-900",value:"20 83 45"},{name:"950",cssVar:"--color-success-950",value:"5 46 22"}]},{title:"Warning Colors (Yellow)",colors:[{name:"50",cssVar:"--color-warning-50",value:"254 252 232"},{name:"100",cssVar:"--color-warning-100",value:"254 249 195"},{name:"200",cssVar:"--color-warning-200",value:"254 240 138"},{name:"300",cssVar:"--color-warning-300",value:"253 224 71"},{name:"400",cssVar:"--color-warning-400",value:"250 204 21"},{name:"500",cssVar:"--color-warning-500",value:"234 179 8"},{name:"600",cssVar:"--color-warning-600",value:"202 138 4"},{name:"700",cssVar:"--color-warning-700",value:"161 98 7"},{name:"800",cssVar:"--color-warning-800",value:"133 77 14"},{name:"900",cssVar:"--color-warning-900",value:"113 63 18"},{name:"950",cssVar:"--color-warning-950",value:"66 32 6"}]},{title:"Error Colors (Red)",colors:[{name:"50",cssVar:"--color-error-50",value:"254 242 242"},{name:"100",cssVar:"--color-error-100",value:"254 226 226"},{name:"200",cssVar:"--color-error-200",value:"254 202 202"},{name:"300",cssVar:"--color-error-300",value:"252 165 165"},{name:"400",cssVar:"--color-error-400",value:"248 113 113"},{name:"500",cssVar:"--color-error-500",value:"239 68 68"},{name:"600",cssVar:"--color-error-600",value:"220 38 38"},{name:"700",cssVar:"--color-error-700",value:"185 28 28"},{name:"800",cssVar:"--color-error-800",value:"153 27 27"},{name:"900",cssVar:"--color-error-900",value:"127 29 29"},{name:"950",cssVar:"--color-error-950",value:"69 10 10"}]}],a=[{title:"Reseda Green",colors:[{name:"DEFAULT",cssVar:"--color-reseda-green",value:"121 125 98"},{name:"100",cssVar:"--color-reseda-green-100",value:"24 25 20"},{name:"200",cssVar:"--color-reseda-green-200",value:"49 50 39"},{name:"300",cssVar:"--color-reseda-green-300",value:"73 75 59"},{name:"400",cssVar:"--color-reseda-green-400",value:"97 101 79"},{name:"500",cssVar:"--color-reseda-green-500",value:"121 125 98"},{name:"600",cssVar:"--color-reseda-green-600",value:"150 154 127"},{name:"700",cssVar:"--color-reseda-green-700",value:"177 180 159"},{name:"800",cssVar:"--color-reseda-green-800",value:"203 205 191"},{name:"900",cssVar:"--color-reseda-green-900",value:"229 230 223"}]},{title:"Moss Green",colors:[{name:"DEFAULT",cssVar:"--color-moss-green",value:"155 155 122"},{name:"100",cssVar:"--color-moss-green-100",value:"31 31 24"},{name:"200",cssVar:"--color-moss-green-200",value:"63 63 47"},{name:"300",cssVar:"--color-moss-green-300",value:"94 94 71"},{name:"400",cssVar:"--color-moss-green-400",value:"126 126 95"},{name:"500",cssVar:"--color-moss-green-500",value:"155 155 122"},{name:"600",cssVar:"--color-moss-green-600",value:"174 174 148"},{name:"700",cssVar:"--color-moss-green-700",value:"194 194 175"},{name:"800",cssVar:"--color-moss-green-800",value:"215 215 202"},{name:"900",cssVar:"--color-moss-green-900",value:"235 235 228"}]},{title:"Khaki",colors:[{name:"DEFAULT",cssVar:"--color-khaki",value:"186 165 135"},{name:"100",cssVar:"--color-khaki-100",value:"41 34 23"},{name:"200",cssVar:"--color-khaki-200",value:"82 67 47"},{name:"300",cssVar:"--color-khaki-300",value:"122 101 70"},{name:"400",cssVar:"--color-khaki-400",value:"163 134 94"},{name:"500",cssVar:"--color-khaki-500",value:"186 165 135"},{name:"600",cssVar:"--color-khaki-600",value:"200 183 159"},{name:"700",cssVar:"--color-khaki-700",value:"214 201 183"},{name:"800",cssVar:"--color-khaki-800",value:"227 219 207"},{name:"900",cssVar:"--color-khaki-900",value:"241 237 231"}]},{title:"Desert Sand",colors:[{name:"DEFAULT",cssVar:"--color-desert-sand",value:"217 174 148"},{name:"100",cssVar:"--color-desert-sand-100",value:"54 33 19"},{name:"200",cssVar:"--color-desert-sand-200",value:"109 65 38"},{name:"300",cssVar:"--color-desert-sand-300",value:"163 98 57"},{name:"400",cssVar:"--color-desert-sand-400",value:"199 135 95"},{name:"500",cssVar:"--color-desert-sand-500",value:"217 174 148"},{name:"600",cssVar:"--color-desert-sand-600",value:"225 191 170"},{name:"700",cssVar:"--color-desert-sand-700",value:"233 207 192"},{name:"800",cssVar:"--color-desert-sand-800",value:"240 223 213"},{name:"900",cssVar:"--color-desert-sand-900",value:"248 239 234"}]},{title:"Peach Yellow",colors:[{name:"DEFAULT",cssVar:"--color-peach-yellow",value:"241 220 167"},{name:"100",cssVar:"--color-peach-yellow-100",value:"71 54 11"},{name:"200",cssVar:"--color-peach-yellow-200",value:"141 107 22"},{name:"300",cssVar:"--color-peach-yellow-300",value:"212 161 33"},{name:"400",cssVar:"--color-peach-yellow-400",value:"230 192 96"},{name:"500",cssVar:"--color-peach-yellow-500",value:"241 220 167"},{name:"600",cssVar:"--color-peach-yellow-600",value:"244 227 184"},{name:"700",cssVar:"--color-peach-yellow-700",value:"247 234 202"},{name:"800",cssVar:"--color-peach-yellow-800",value:"249 241 220"},{name:"900",cssVar:"--color-peach-yellow-900",value:"252 248 237"}]},{title:"Sunglow",colors:[{name:"DEFAULT",cssVar:"--color-sunglow",value:"255 203 105"},{name:"100",cssVar:"--color-sunglow-100",value:"72 47 0"},{name:"200",cssVar:"--color-sunglow-200",value:"145 94 0"},{name:"300",cssVar:"--color-sunglow-300",value:"217 141 0"},{name:"400",cssVar:"--color-sunglow-400",value:"255 178 35"},{name:"500",cssVar:"--color-sunglow-500",value:"255 203 105"},{name:"600",cssVar:"--color-sunglow-600",value:"255 214 137"},{name:"700",cssVar:"--color-sunglow-700",value:"255 224 166"},{name:"800",cssVar:"--color-sunglow-800",value:"255 234 196"},{name:"900",cssVar:"--color-sunglow-900",value:"255 245 225"}]},{title:"Earth Yellow",colors:[{name:"DEFAULT",cssVar:"--color-earth-yellow",value:"232 172 101"},{name:"100",cssVar:"--color-earth-yellow-100",value:"58 36 9"},{name:"200",cssVar:"--color-earth-yellow-200",value:"115 71 17"},{name:"300",cssVar:"--color-earth-yellow-300",value:"173 107 26"},{name:"400",cssVar:"--color-earth-yellow-400",value:"223 142 42"},{name:"500",cssVar:"--color-earth-yellow-500",value:"232 172 101"},{name:"600",cssVar:"--color-earth-yellow-600",value:"236 189 131"},{name:"700",cssVar:"--color-earth-yellow-700",value:"241 205 162"},{name:"800",cssVar:"--color-earth-yellow-800",value:"246 222 193"},{name:"900",cssVar:"--color-earth-yellow-900",value:"250 238 224"}]},{title:"Persian Orange",colors:[{name:"DEFAULT",cssVar:"--color-persian-orange",value:"208 140 96"},{name:"100",cssVar:"--color-persian-orange-100",value:"47 27 14"},{name:"200",cssVar:"--color-persian-orange-200",value:"94 55 28"},{name:"300",cssVar:"--color-persian-orange-300",value:"141 82 42"},{name:"400",cssVar:"--color-persian-orange-400",value:"188 109 56"},{name:"500",cssVar:"--color-persian-orange-500",value:"208 140 96"},{name:"600",cssVar:"--color-persian-orange-600",value:"217 165 129"},{name:"700",cssVar:"--color-persian-orange-700",value:"227 187 161"},{name:"800",cssVar:"--color-persian-orange-800",value:"236 210 192"},{name:"900",cssVar:"--color-persian-orange-900",value:"246 232 224"}]},{title:"Chamoisee",colors:[{name:"DEFAULT",cssVar:"--color-chamoisee",value:"181 132 99"},{name:"100",cssVar:"--color-chamoisee-100",value:"38 26 18"},{name:"200",cssVar:"--color-chamoisee-200",value:"76 52 36"},{name:"300",cssVar:"--color-chamoisee-300",value:"114 78 54"},{name:"400",cssVar:"--color-chamoisee-400",value:"153 104 72"},{name:"500",cssVar:"--color-chamoisee-500",value:"181 132 99"},{name:"600",cssVar:"--color-chamoisee-600",value:"196 157 130"},{name:"700",cssVar:"--color-chamoisee-700",value:"211 181 161"},{name:"800",cssVar:"--color-chamoisee-800",value:"226 206 193"},{name:"900",cssVar:"--color-chamoisee-900",value:"240 230 224"}]},{title:"Beaver",colors:[{name:"DEFAULT",cssVar:"--color-beaver",value:"153 123 102"},{name:"100",cssVar:"--color-beaver-100",value:"31 25 20"},{name:"200",cssVar:"--color-beaver-200",value:"61 49 41"},{name:"300",cssVar:"--color-beaver-300",value:"92 74 61"},{name:"400",cssVar:"--color-beaver-400",value:"122 99 82"},{name:"500",cssVar:"--color-beaver-500",value:"153 123 102"},{name:"600",cssVar:"--color-beaver-600",value:"173 150 133"},{name:"700",cssVar:"--color-beaver-700",value:"194 176 163"},{name:"800",cssVar:"--color-beaver-800",value:"214 202 194"},{name:"900",cssVar:"--color-beaver-900",value:"235 229 224"}]}],n=[{name:"Background",cssVar:"--color-background"},{name:"Surface",cssVar:"--color-surface"},{name:"Surface Variant",cssVar:"--color-surface-variant"},{name:"Text Primary",cssVar:"--color-text-primary"},{name:"Text Secondary",cssVar:"--color-text-secondary"},{name:"Text Muted",cssVar:"--color-text-muted"},{name:"Border",cssVar:"--color-border"},{name:"Border Subtle",cssVar:"--color-border-subtle"}];return e.jsxs("div",{className:"p-8 space-y-8 bg-background min-h-screen",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-3xl font-bold text-text-primary",children:"AceMyJob Color Palette"}),e.jsx("p",{className:"text-text-secondary",children:"Your complete design system color reference"})]}),a.map(o=>e.jsx(U,{...o},o.title)),s.map(o=>e.jsx(U,{...o},o.title)),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:"Semantic Colors (Theme-aware)"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4",children:n.map(o=>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:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${F(o.cssVar)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:o.name}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:o.cssVar})]})]},o.name))})]}),e.jsx("div",{className:"text-center pt-8 border-t border-border-subtle",children:e.jsx("p",{className:"text-text-muted text-sm",children:"Toggle between light and dark themes to see how semantic colors adapt"})})]})},q=m.createContext(void 0),H=({children:s,defaultTheme:a="system",storageKey:n="acemyjob-ui-theme"})=>{const[o,c]=m.useState(a),[l,u]=m.useState("light"),[b,w]=m.useState(!1);m.useEffect(()=>{const f=localStorage.getItem(n);f&&c(f),w(!0)},[n]),m.useEffect(()=>{if(!b)return;const f=window.document.documentElement,p=()=>{let h;o==="system"?h=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":h=o,u(h),f.classList.remove("light","dark"),f.classList.add(h)};if(p(),o==="system"){const h=window.matchMedia("(prefers-color-scheme: dark)"),N=()=>p();return h.addEventListener("change",N),()=>h.removeEventListener("change",N)}},[o,b]);const y={theme:o,setTheme:f=>{localStorage.setItem(n,f),c(f)},resolvedTheme:l};return e.jsx(q.Provider,{value:y,children:s})},J=()=>{const s=m.useContext(q);if(s===void 0)throw new Error("useTheme must be used within a ThemeProvider");return s},G=()=>{const{theme:s,setTheme:a}=J(),[n,o]=m.useState(!1);if(m.useEffect(()=>{o(!0)},[]),!n)return e.jsxs("button",{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":"Loading theme toggle",children:[e.jsx("div",{className:"w-4 h-4 animate-pulse bg-text-muted rounded"}),e.jsx("span",{className:"hidden sm:inline",children:"Loading..."})]});const c=()=>{a(s==="light"?"dark":s==="dark"?"system":"light")},l=()=>{switch(s){case"light":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children: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":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"})});case"system":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children: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"})})}},u=()=>{switch(s){case"light":return"Light";case"dark":return"Dark";case"system":return"System"}};return e.jsxs("button",{onClick:c,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: ${u()}. Click to cycle themes.`,children:[l(),e.jsx("span",{className:"hidden sm:inline",children:u()})]})},me=()=>e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"fixed top-4 right-4 z-10",children:e.jsx(G,{})}),e.jsx(W,{})]}),ve=()=>e.jsx(H,{defaultTheme:"system",storageKey:"acemyjob-demo-theme",children:e.jsx(me,{})}),X={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",outline:"border border-border bg-background hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",secondary:"bg-khaki-500 text-white hover:bg-khaki-600 focus-visible:ring-khaki-500",ghost:"hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",link:"text-reseda-green-500 underline-offset-4 hover:underline focus-visible:ring-reseda-green-500",none:""},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-12 rounded-md px-10 text-base",icon:"h-10 w-10"}},xe="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",he=(...s)=>s.filter(Boolean).join(" "),R=m.forwardRef(({className:s,variant:a="default",size:n="default",fullWidth:o=!1,loading:c=!1,leftIcon:l,rightIcon:u,children:b,disabled:w,...y},f)=>{const p=w||c,h=he(xe,X.variant[a],X.size[n],o?"w-full":"",s);return e.jsxs("button",{className:h,ref:f,disabled:p,...y,children:[c&&e.jsxs("svg",{className:"mr-2 h-4 w-4 animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),!c&&l&&e.jsx("span",{className:"mr-2",children:l}),b,!c&&u&&e.jsx("span",{className:"ml-2",children:u})]})});R.displayName="Button";const Q={provider:{linkedin:"bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"},iconPosition:{left:"flex-row",right:"flex-row-reverse",only:"justify-center"}},fe=(...s)=>s.filter(Boolean).join(" "),Z=m.forwardRef(({className:s,provider:a,iconPosition:n="left",icon:o,showText:c=!0,children:l,size:u="default",fullWidth:b=!0,...w},y)=>{const p=o||{linkedin:e.jsx("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",fill:"currentColor",children: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],N=l||(c?{linkedin:"Continue with LinkedIn"}[a]:""),O=fe("relative overflow-hidden transition-all duration-200",Q.provider[a],Q.iconPosition[n],s);return e.jsxs(R,{ref:y,variant:"none",className:O,size:u,fullWidth:b,leftIcon:n==="left"?p:void 0,rightIcon:n==="right"?p:void 0,...w,children:[n==="only"&&p,n!=="only"&&N]})});Z.displayName="SocialButton";function ge({tabs:s,activeTab:a,disabled:n=!1,onChange:o}){return e.jsx("div",{className:"flex border-b border-border mb-6",children:s.map(c=>{const l=a===c.id;return e.jsx(R,{variant:"ghost",onClick:()=>!n&&o(c.id),disabled:n&&!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":n?"border-transparent text-text-disabled cursor-not-allowed":"border-transparent text-text-secondary hover:text-text-primary"}`,children:c.label},c.id)})})}function be({currentStep:s,steps:a}){return e.jsx("nav",{className:"mb-10",children:e.jsx("ol",{className:"flex items-center w-full",children:a.map((n,o)=>e.jsxs("li",{className:`flex items-center ${o<a.length-1?"flex-1":""}`,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:`flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${s===n.number?"bg-reseda-green-700 text-white":s>n.number?"bg-success-500 text-white":"border-2 border-border text-text-muted"}`,children:n.number}),e.jsx("span",{className:`ml-3 text-sm font-medium whitespace-nowrap ${s>=n.number?"text-reseda-green-800":"text-text-muted"}`,children:n.label})]}),o<a.length-1&&e.jsx("div",{className:"flex-1 h-0.5 mx-4 bg-border"})]},n.number))})})}d.Button=R,d.ColorPalette=W,d.Demo=ve,d.Sidebar=ue,d.SocialButton=Z,d.Stepper=be,d.TabBar=ge,d.ThemeProvider=H,d.ThemeToggle=G,d.useTheme=J,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,v,x,k,x),ne[x+v]=!0)}if(x=null,u!==void 0&&(n(u),x=""+u),i(c)&&(n(c.key),x=""+c.key),"key"in c){u={};for(var D in c)D!=="key"&&(u[D]=c[D])}else u=c;return x&&h(u,typeof r=="function"?r.displayName||r.name||"Unknown":r),y(r,x,j,V,l(),u,B,L)}function p(r){typeof r=="object"&&r!==null&&r.$$typeof===N&&r._store&&(r._store.validated=1)}var f=m,N=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),Ve=Symbol.for("react.strict_mode"),we=Symbol.for("react.profiler"),ye=Symbol.for("react.consumer"),Ne=Symbol.for("react.context"),ke=Symbol.for("react.forward_ref"),Te=Symbol.for("react.suspense"),Ee=Symbol.for("react.suspense_list"),Ce=Symbol.for("react.memo"),K=Symbol.for("react.lazy"),_e=Symbol.for("react.activity"),Re=Symbol.for("react.client.reference"),S=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ee=Object.prototype.hasOwnProperty,Ae=Array.isArray,$=console.createTask?console.createTask:function(){return null};f={"react-stack-bottom-frame":function(r){return r()}};var re,se={},ae=f["react-stack-bottom-frame"].bind(f,t)(),oe=$(o(t)),ne={};E.Fragment=P,E.jsx=function(r,c,u,v,V){var j=1e4>S.recentlyCreatedOwnerStacks++;return g(r,c,u,!1,v,V,j?Error("react-stack-top-frame"):ae,j?$(o(r)):oe)},E.jsxs=function(r,c,u,v,V){var j=1e4>S.recentlyCreatedOwnerStacks++;return g(r,c,u,!0,v,V,j?Error("react-stack-top-frame"):ae,j?$(o(r)):oe)}}()),E}var z;function ce(){return z||(z=1,process.env.NODE_ENV==="production"?_.exports=te():_.exports=le()),_.exports}var e=ce();const ie={bg:"bg-indigo-600",activeBg:"bg-indigo-700",text:"text-indigo-200",activeText:"text-white",hoverBg:"hover:bg-indigo-700",hoverText:"hover:text-white"};function b(...s){return s.filter(Boolean).join(" ")}function Y({item:s,colorScheme:a}){const[n,o]=m.useState(s.current||s.children?.some(t=>t.current)),l=s.children&&s.children.length>0;return e.jsxs("li",{children:[e.jsx("div",{children:e.jsxs("a",{href:l?void 0:s.href,onClick:t=>{l&&(t.preventDefault(),o(!n))},className:b(s.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex items-center justify-between gap-x-3 rounded-md p-2 text-sm/6 font-semibold",l?"cursor-pointer":""),children:[e.jsxs("div",{className:"flex items-center gap-x-3",children:[e.jsx(s.icon,{"aria-hidden":"true",className:b(s.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-6 shrink-0")}),s.name]}),l&&e.jsx(A.ChevronDownIcon,{className:b("size-5 shrink-0 transition-transform",n?"rotate-180":"",s.current?a.activeText:a.text)})]})}),l&&n&&e.jsx("ul",{className:"mt-1 ml-9 space-y-1",children:s.children.map(t=>e.jsx("li",{children:e.jsxs("a",{href:t.href,className:b(t.current?`${a.activeBg} ${a.activeText}`:`${a.text} ${a.hoverBg} ${a.hoverText}`,"group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold"),children:[e.jsx(t.icon,{"aria-hidden":"true",className:b(t.current?a.activeText:`${a.text} group-${a.hoverText}`,"size-5 shrink-0")}),t.name]})},t.name))})]})}function ue({company:s,profile:a,navigation:n,colorScheme:o=ie}){const[l,t]=m.useState(!1);return e.jsx(e.Fragment,{children:e.jsxs("div",{children:[e.jsxs(C.Dialog,{open:l,onClose:t,className:"relative z-50 lg:hidden",children:[e.jsx(C.DialogBackdrop,{transition:!0,className:"fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-closed:opacity-0"}),e.jsx("div",{className:"fixed inset-0 flex",children:e.jsxs(C.DialogPanel,{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:[e.jsx(C.TransitionChild,{children: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:e.jsxs("button",{type:"button",onClick:()=>t(!1),className:"-m-2.5 p-2.5",children:[e.jsx("span",{className:"sr-only",children:"Close sidebar"}),e.jsx(A.XMarkIcon,{"aria-hidden":"true",className:"size-6 text-white"})]})})}),e.jsxs("div",{className:b("flex grow flex-col gap-y-5 overflow-y-auto px-6 pb-2",o.bg),children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsx("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:n.map(i=>e.jsx(Y,{item:i,colorScheme:o},i.name))})})})})]})]})})]}),e.jsx("div",{className:"hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col",children:e.jsxs("div",{className:b("flex grow flex-col gap-y-5 overflow-y-auto px-6",o.bg),children:[e.jsx("div",{className:"flex h-16 shrink-0 items-center",children:e.jsx("img",{alt:s.name,src:s.logo,className:"h-8 w-auto"})}),e.jsx("nav",{className:"flex flex-1 flex-col",children:e.jsxs("ul",{role:"list",className:"flex flex-1 flex-col gap-y-7",children:[e.jsx("li",{children:e.jsx("ul",{role:"list",className:"-mx-2 space-y-1",children:n.map(i=>e.jsx(Y,{item:i,colorScheme:o},i.name))})}),e.jsx("li",{className:"-mx-6 mt-auto",children:e.jsxs("a",{href:"#",className:b("flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold",o.activeText,o.hoverBg),children:[e.jsx("img",{alt:a.name,src:a.image,className:b("size-8 rounded-full",o.activeBg)}),e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("span",{"aria-hidden":"true",children:a.name})]})})]})})]})}),e.jsxs("div",{className:b("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:[e.jsxs("button",{type:"button",onClick:()=>t(!0),className:b("-m-2.5 p-2.5 lg:hidden",o.text),children:[e.jsx("span",{className:"sr-only",children:"Open sidebar"}),e.jsx(A.Bars3Icon,{"aria-hidden":"true",className:"size-6"})]}),e.jsx("div",{className:b("flex-1 text-sm/6 font-semibold",o.activeText),children:"Dashboard"}),e.jsxs("a",{href:"#",children:[e.jsx("span",{className:"sr-only",children:"Your profile"}),e.jsx("img",{alt:a.name,src:a.image,className:b("size-8 rounded-full",o.activeBg)})]})]})]})})}const F=s=>s.replace("--color-","bg-"),de=({name:s,cssVar:a,value:n})=>{const o=`rgb(${n})`;return 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:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${F(a)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:s}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:a}),e.jsx("div",{className:"text-xs text-text-secondary",children:o})]})]})},U=({title:s,colors:a})=>e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:s}),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(n=>e.jsx(de,{...n},n.name))})]}),W=()=>{const s=[{title:"Success Colors (Green)",colors:[{name:"50",cssVar:"--color-success-50",value:"240 253 244"},{name:"100",cssVar:"--color-success-100",value:"220 252 231"},{name:"200",cssVar:"--color-success-200",value:"187 247 208"},{name:"300",cssVar:"--color-success-300",value:"134 239 172"},{name:"400",cssVar:"--color-success-400",value:"74 222 128"},{name:"500",cssVar:"--color-success-500",value:"34 197 94"},{name:"600",cssVar:"--color-success-600",value:"22 163 74"},{name:"700",cssVar:"--color-success-700",value:"21 128 61"},{name:"800",cssVar:"--color-success-800",value:"22 101 52"},{name:"900",cssVar:"--color-success-900",value:"20 83 45"},{name:"950",cssVar:"--color-success-950",value:"5 46 22"}]},{title:"Warning Colors (Yellow)",colors:[{name:"50",cssVar:"--color-warning-50",value:"254 252 232"},{name:"100",cssVar:"--color-warning-100",value:"254 249 195"},{name:"200",cssVar:"--color-warning-200",value:"254 240 138"},{name:"300",cssVar:"--color-warning-300",value:"253 224 71"},{name:"400",cssVar:"--color-warning-400",value:"250 204 21"},{name:"500",cssVar:"--color-warning-500",value:"234 179 8"},{name:"600",cssVar:"--color-warning-600",value:"202 138 4"},{name:"700",cssVar:"--color-warning-700",value:"161 98 7"},{name:"800",cssVar:"--color-warning-800",value:"133 77 14"},{name:"900",cssVar:"--color-warning-900",value:"113 63 18"},{name:"950",cssVar:"--color-warning-950",value:"66 32 6"}]},{title:"Error Colors (Red)",colors:[{name:"50",cssVar:"--color-error-50",value:"254 242 242"},{name:"100",cssVar:"--color-error-100",value:"254 226 226"},{name:"200",cssVar:"--color-error-200",value:"254 202 202"},{name:"300",cssVar:"--color-error-300",value:"252 165 165"},{name:"400",cssVar:"--color-error-400",value:"248 113 113"},{name:"500",cssVar:"--color-error-500",value:"239 68 68"},{name:"600",cssVar:"--color-error-600",value:"220 38 38"},{name:"700",cssVar:"--color-error-700",value:"185 28 28"},{name:"800",cssVar:"--color-error-800",value:"153 27 27"},{name:"900",cssVar:"--color-error-900",value:"127 29 29"},{name:"950",cssVar:"--color-error-950",value:"69 10 10"}]}],a=[{title:"Reseda Green",colors:[{name:"DEFAULT",cssVar:"--color-reseda-green",value:"121 125 98"},{name:"100",cssVar:"--color-reseda-green-100",value:"24 25 20"},{name:"200",cssVar:"--color-reseda-green-200",value:"49 50 39"},{name:"300",cssVar:"--color-reseda-green-300",value:"73 75 59"},{name:"400",cssVar:"--color-reseda-green-400",value:"97 101 79"},{name:"500",cssVar:"--color-reseda-green-500",value:"121 125 98"},{name:"600",cssVar:"--color-reseda-green-600",value:"150 154 127"},{name:"700",cssVar:"--color-reseda-green-700",value:"177 180 159"},{name:"800",cssVar:"--color-reseda-green-800",value:"203 205 191"},{name:"900",cssVar:"--color-reseda-green-900",value:"229 230 223"}]},{title:"Moss Green",colors:[{name:"DEFAULT",cssVar:"--color-moss-green",value:"155 155 122"},{name:"100",cssVar:"--color-moss-green-100",value:"31 31 24"},{name:"200",cssVar:"--color-moss-green-200",value:"63 63 47"},{name:"300",cssVar:"--color-moss-green-300",value:"94 94 71"},{name:"400",cssVar:"--color-moss-green-400",value:"126 126 95"},{name:"500",cssVar:"--color-moss-green-500",value:"155 155 122"},{name:"600",cssVar:"--color-moss-green-600",value:"174 174 148"},{name:"700",cssVar:"--color-moss-green-700",value:"194 194 175"},{name:"800",cssVar:"--color-moss-green-800",value:"215 215 202"},{name:"900",cssVar:"--color-moss-green-900",value:"235 235 228"}]},{title:"Khaki",colors:[{name:"DEFAULT",cssVar:"--color-khaki",value:"186 165 135"},{name:"100",cssVar:"--color-khaki-100",value:"41 34 23"},{name:"200",cssVar:"--color-khaki-200",value:"82 67 47"},{name:"300",cssVar:"--color-khaki-300",value:"122 101 70"},{name:"400",cssVar:"--color-khaki-400",value:"163 134 94"},{name:"500",cssVar:"--color-khaki-500",value:"186 165 135"},{name:"600",cssVar:"--color-khaki-600",value:"200 183 159"},{name:"700",cssVar:"--color-khaki-700",value:"214 201 183"},{name:"800",cssVar:"--color-khaki-800",value:"227 219 207"},{name:"900",cssVar:"--color-khaki-900",value:"241 237 231"}]},{title:"Desert Sand",colors:[{name:"DEFAULT",cssVar:"--color-desert-sand",value:"217 174 148"},{name:"100",cssVar:"--color-desert-sand-100",value:"54 33 19"},{name:"200",cssVar:"--color-desert-sand-200",value:"109 65 38"},{name:"300",cssVar:"--color-desert-sand-300",value:"163 98 57"},{name:"400",cssVar:"--color-desert-sand-400",value:"199 135 95"},{name:"500",cssVar:"--color-desert-sand-500",value:"217 174 148"},{name:"600",cssVar:"--color-desert-sand-600",value:"225 191 170"},{name:"700",cssVar:"--color-desert-sand-700",value:"233 207 192"},{name:"800",cssVar:"--color-desert-sand-800",value:"240 223 213"},{name:"900",cssVar:"--color-desert-sand-900",value:"248 239 234"}]},{title:"Peach Yellow",colors:[{name:"DEFAULT",cssVar:"--color-peach-yellow",value:"241 220 167"},{name:"100",cssVar:"--color-peach-yellow-100",value:"71 54 11"},{name:"200",cssVar:"--color-peach-yellow-200",value:"141 107 22"},{name:"300",cssVar:"--color-peach-yellow-300",value:"212 161 33"},{name:"400",cssVar:"--color-peach-yellow-400",value:"230 192 96"},{name:"500",cssVar:"--color-peach-yellow-500",value:"241 220 167"},{name:"600",cssVar:"--color-peach-yellow-600",value:"244 227 184"},{name:"700",cssVar:"--color-peach-yellow-700",value:"247 234 202"},{name:"800",cssVar:"--color-peach-yellow-800",value:"249 241 220"},{name:"900",cssVar:"--color-peach-yellow-900",value:"252 248 237"}]},{title:"Sunglow",colors:[{name:"DEFAULT",cssVar:"--color-sunglow",value:"255 203 105"},{name:"100",cssVar:"--color-sunglow-100",value:"72 47 0"},{name:"200",cssVar:"--color-sunglow-200",value:"145 94 0"},{name:"300",cssVar:"--color-sunglow-300",value:"217 141 0"},{name:"400",cssVar:"--color-sunglow-400",value:"255 178 35"},{name:"500",cssVar:"--color-sunglow-500",value:"255 203 105"},{name:"600",cssVar:"--color-sunglow-600",value:"255 214 137"},{name:"700",cssVar:"--color-sunglow-700",value:"255 224 166"},{name:"800",cssVar:"--color-sunglow-800",value:"255 234 196"},{name:"900",cssVar:"--color-sunglow-900",value:"255 245 225"}]},{title:"Earth Yellow",colors:[{name:"DEFAULT",cssVar:"--color-earth-yellow",value:"232 172 101"},{name:"100",cssVar:"--color-earth-yellow-100",value:"58 36 9"},{name:"200",cssVar:"--color-earth-yellow-200",value:"115 71 17"},{name:"300",cssVar:"--color-earth-yellow-300",value:"173 107 26"},{name:"400",cssVar:"--color-earth-yellow-400",value:"223 142 42"},{name:"500",cssVar:"--color-earth-yellow-500",value:"232 172 101"},{name:"600",cssVar:"--color-earth-yellow-600",value:"236 189 131"},{name:"700",cssVar:"--color-earth-yellow-700",value:"241 205 162"},{name:"800",cssVar:"--color-earth-yellow-800",value:"246 222 193"},{name:"900",cssVar:"--color-earth-yellow-900",value:"250 238 224"}]},{title:"Persian Orange",colors:[{name:"DEFAULT",cssVar:"--color-persian-orange",value:"208 140 96"},{name:"100",cssVar:"--color-persian-orange-100",value:"47 27 14"},{name:"200",cssVar:"--color-persian-orange-200",value:"94 55 28"},{name:"300",cssVar:"--color-persian-orange-300",value:"141 82 42"},{name:"400",cssVar:"--color-persian-orange-400",value:"188 109 56"},{name:"500",cssVar:"--color-persian-orange-500",value:"208 140 96"},{name:"600",cssVar:"--color-persian-orange-600",value:"217 165 129"},{name:"700",cssVar:"--color-persian-orange-700",value:"227 187 161"},{name:"800",cssVar:"--color-persian-orange-800",value:"236 210 192"},{name:"900",cssVar:"--color-persian-orange-900",value:"246 232 224"}]},{title:"Chamoisee",colors:[{name:"DEFAULT",cssVar:"--color-chamoisee",value:"181 132 99"},{name:"100",cssVar:"--color-chamoisee-100",value:"38 26 18"},{name:"200",cssVar:"--color-chamoisee-200",value:"76 52 36"},{name:"300",cssVar:"--color-chamoisee-300",value:"114 78 54"},{name:"400",cssVar:"--color-chamoisee-400",value:"153 104 72"},{name:"500",cssVar:"--color-chamoisee-500",value:"181 132 99"},{name:"600",cssVar:"--color-chamoisee-600",value:"196 157 130"},{name:"700",cssVar:"--color-chamoisee-700",value:"211 181 161"},{name:"800",cssVar:"--color-chamoisee-800",value:"226 206 193"},{name:"900",cssVar:"--color-chamoisee-900",value:"240 230 224"}]},{title:"Beaver",colors:[{name:"DEFAULT",cssVar:"--color-beaver",value:"153 123 102"},{name:"100",cssVar:"--color-beaver-100",value:"31 25 20"},{name:"200",cssVar:"--color-beaver-200",value:"61 49 41"},{name:"300",cssVar:"--color-beaver-300",value:"92 74 61"},{name:"400",cssVar:"--color-beaver-400",value:"122 99 82"},{name:"500",cssVar:"--color-beaver-500",value:"153 123 102"},{name:"600",cssVar:"--color-beaver-600",value:"173 150 133"},{name:"700",cssVar:"--color-beaver-700",value:"194 176 163"},{name:"800",cssVar:"--color-beaver-800",value:"214 202 194"},{name:"900",cssVar:"--color-beaver-900",value:"235 229 224"}]}],n=[{name:"Background",cssVar:"--color-background"},{name:"Surface",cssVar:"--color-surface"},{name:"Surface Variant",cssVar:"--color-surface-variant"},{name:"Text Primary",cssVar:"--color-text-primary"},{name:"Text Secondary",cssVar:"--color-text-secondary"},{name:"Text Muted",cssVar:"--color-text-muted"},{name:"Border",cssVar:"--color-border"},{name:"Border Subtle",cssVar:"--color-border-subtle"}];return e.jsxs("div",{className:"p-8 space-y-8 bg-background min-h-screen",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-3xl font-bold text-text-primary",children:"AceMyJob Color Palette"}),e.jsx("p",{className:"text-text-secondary",children:"Your complete design system color reference"})]}),a.map(o=>e.jsx(U,{...o},o.title)),s.map(o=>e.jsx(U,{...o},o.title)),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary border-b border-border-subtle pb-2",children:"Semantic Colors (Theme-aware)"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4",children:n.map(o=>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:[e.jsx("div",{className:`w-16 h-16 rounded-lg border border-border shadow-sm ${F(o.cssVar)}`}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-sm font-medium text-text-primary",children:o.name}),e.jsx("div",{className:"text-xs text-text-muted font-mono",children:o.cssVar})]})]},o.name))})]}),e.jsx("div",{className:"text-center pt-8 border-t border-border-subtle",children:e.jsx("p",{className:"text-text-muted text-sm",children:"Toggle between light and dark themes to see how semantic colors adapt"})})]})},q=m.createContext(void 0),H=({children:s,defaultTheme:a="system",storageKey:n="acemyjob-ui-theme"})=>{const[o,l]=m.useState(a),[t,i]=m.useState("light"),[h,w]=m.useState(!1);m.useEffect(()=>{const g=localStorage.getItem(n);g&&l(g),w(!0)},[n]),m.useEffect(()=>{if(!h)return;const g=window.document.documentElement,p=()=>{let f;o==="system"?f=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":f=o,i(f),g.classList.remove("light","dark"),g.classList.add(f)};if(p(),o==="system"){const f=window.matchMedia("(prefers-color-scheme: dark)"),N=()=>p();return f.addEventListener("change",N),()=>f.removeEventListener("change",N)}},[o,h]);const y={theme:o,setTheme:g=>{localStorage.setItem(n,g),l(g)},resolvedTheme:t};return e.jsx(q.Provider,{value:y,children:s})},J=()=>{const s=m.useContext(q);if(s===void 0)throw new Error("useTheme must be used within a ThemeProvider");return s},G=()=>{const{theme:s,setTheme:a}=J(),[n,o]=m.useState(!1);if(m.useEffect(()=>{o(!0)},[]),!n)return e.jsxs("button",{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":"Loading theme toggle",children:[e.jsx("div",{className:"w-4 h-4 animate-pulse bg-text-muted rounded"}),e.jsx("span",{className:"hidden sm:inline",children:"Loading..."})]});const l=()=>{a(s==="light"?"dark":s==="dark"?"system":"light")},t=()=>{switch(s){case"light":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children: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":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"})});case"system":return e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children: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){case"light":return"Light";case"dark":return"Dark";case"system":return"System"}};return e.jsxs("button",{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:[t(),e.jsx("span",{className:"hidden sm:inline",children:i()})]})},me=()=>e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"fixed top-4 right-4 z-10",children:e.jsx(G,{})}),e.jsx(W,{})]}),ve=()=>e.jsx(H,{defaultTheme:"system",storageKey:"acemyjob-demo-theme",children:e.jsx(me,{})}),X={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",outline:"border border-border bg-background hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",secondary:"bg-khaki-500 text-white hover:bg-khaki-600 focus-visible:ring-khaki-500",ghost:"hover:bg-surface-variant hover:text-text-primary focus-visible:ring-reseda-green-500",link:"text-reseda-green-500 underline-offset-4 hover:underline focus-visible:ring-reseda-green-500",none:""},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-12 rounded-md px-10 text-base",icon:"h-10 w-10"}},xe="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",he=(...s)=>s.filter(Boolean).join(" "),R=m.forwardRef(({className:s,variant:a="default",size:n="default",fullWidth:o=!1,loading:l=!1,leftIcon:t,rightIcon:i,children:h,disabled:w,...y},g)=>{const p=w||l,f=he(xe,X.variant[a],X.size[n],o?"w-full":"",s);return e.jsxs("button",{className:f,ref:g,disabled:p,...y,children:[l&&e.jsxs("svg",{className:"mr-2 h-4 w-4 animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),!l&&t&&e.jsx("span",{className:"mr-2",children:t}),h,!l&&i&&e.jsx("span",{className:"ml-2",children:i})]})});R.displayName="Button";const Q={provider:{linkedin:"bg-[#0077B5] hover:bg-[#005885] text-white focus-visible:ring-[#0077B5]"},iconPosition:{left:"flex-row",right:"flex-row-reverse",only:"justify-center"}},fe=(...s)=>s.filter(Boolean).join(" "),Z=m.forwardRef(({className:s,provider:a,iconPosition:n="left",icon:o,showText:l=!0,children:t,size:i="default",fullWidth:h=!0,...w},y)=>{const p=o||{linkedin:e.jsx("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",fill:"currentColor",children: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],N=t||(l?{linkedin:"Continue with LinkedIn"}[a]:""),O=fe("relative overflow-hidden transition-all duration-200",Q.provider[a],Q.iconPosition[n],s);return e.jsxs(R,{ref:y,variant:"none",className:O,size:i,fullWidth:h,leftIcon:n==="left"?p:void 0,rightIcon:n==="right"?p:void 0,...w,children:[n==="only"&&p,n!=="only"&&N]})});Z.displayName="SocialButton";function ge({children:s,variant:a="default",isActive:n=!1,onClick:o,className:l=""}){const t="rounded-lg transition-all",i={default:"border border-border p-4",surface:"bg-surface-variant p-4",elevated:"bg-surface shadow-md p-6",interactive:`border-2 p-4 cursor-pointer ${n?"border-success-500 bg-success-50":"border-border bg-surface hover:border-border-subtle"}`};return e.jsx("div",{className:`${t} ${i[a]} ${l}`,onClick:o,role:o?"button":void 0,tabIndex:o?0:void 0,onKeyDown:o?h=>{(h.key==="Enter"||h.key===" ")&&o()}:void 0,children:s})}function be({title:s,children:a,subtitle:n,spacing:o="normal",className:l=""}){const t={compact:"space-y-3",normal:"space-y-6",spacious:"space-y-8"};return e.jsxs("div",{className:`${t[o]} ${l}`,children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold text-text-primary",children:s}),n&&e.jsx("p",{className:"text-sm text-text-secondary mt-1",children:n})]}),a]})}function pe({tabs:s,activeTab:a,disabled:n=!1,onChange:o}){return e.jsx("div",{className:"flex border-b border-border mb-6",children:s.map(l=>{const t=a===l.id;return e.jsx(R,{variant:"ghost",onClick:()=>!n&&o(l.id),disabled:n&&!t,className:`px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-colors border-b-2 -mb-px ${t?"border-reseda-green-700 text-reseda-green-700":n?"border-transparent text-text-disabled cursor-not-allowed":"border-transparent text-text-secondary hover:text-text-primary"}`,children:l.label},l.id)})})}function je({currentStep:s,steps:a}){return e.jsx("nav",{className:"mb-10",children:e.jsx("ol",{className:"flex items-center w-full",children:a.map((n,o)=>e.jsxs("li",{className:`flex items-center ${o<a.length-1?"flex-1":""}`,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:`flex items-center justify-center w-9 h-9 rounded-full text-sm font-semibold shrink-0 ${s===n.number?"bg-reseda-green-700 text-white":s>n.number?"bg-success-500 text-white":"border-2 border-border text-text-muted"}`,children:n.number}),e.jsx("span",{className:`ml-3 text-sm font-medium whitespace-nowrap ${s>=n.number?"text-reseda-green-800":"text-text-muted"}`,children:n.label})]}),o<a.length-1&&e.jsx("div",{className:"flex-1 h-0.5 mx-4 bg-border"})]},n.number))})})}d.Button=R,d.Card=ge,d.ColorPalette=W,d.Demo=ve,d.Section=be,d.Sidebar=ue,d.SocialButton=Z,d.Stepper=je,d.TabBar=pe,d.ThemeProvider=H,d.ThemeToggle=G,d.useTheme=J,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/dist/component/Card/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type CardVariant = 'default' | 'surface' | 'elevated' | 'interactive';
+export interface CardProps {
+    children: React.ReactNode;
+    variant?: CardVariant;
+    isActive?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+export declare function Card({ children, variant, isActive, onClick, className, }: CardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/component/Section/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type Spacing = 'compact' | 'normal' | 'spacious';
+export interface SectionProps {
+    title: string;
+    children: React.ReactNode;
+    subtitle?: string;
+    spacing?: Spacing;
+    className?: string;
+}
+export declare function Section({ title, children, subtitle, spacing, className, }: SectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/index.d.ts

@@ -7,6 +7,10 @@ export { ThemeProvider, useTheme, ThemeToggle } from './theme';
 export type { Theme, ThemeContextType, ThemeProviderProps } from './theme';
 export { Button, SocialButton } from './component/Button';
 export type { ButtonProps, SocialButtonProps } from './component/Button';
+export { Card } from './component/Card';
+export type { CardProps } from './component/Card';
+export { Section } from './component/Section';
+export type { SectionProps } from './component/Section';
 export { TabBar } from './component/Tab';
 export type { Tab, TabId } from './component/Tab';
 export { Stepper } from './component/Stepper';

package/dist/style.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-indigo-200:oklch(87% .065 274.039);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-success-50:oklch(97.1% .013 142.423);--color-success-100:oklch(96.2% .037 141.267);--color-success-200:oklch(91.5% .084 145.477);--color-success-300:oklch(83.9% .155 144.468);--color-success-400:oklch(73.5% .184 142.686);--color-success-500:oklch(63.4% .179 142.495);--color-success-600:oklch(54.8% .166 143.748);--color-success-700:oklch(44.9% .132 144.206);--color-success-800:oklch(38.5% .108 144.206);--color-success-900:oklch(33.3% .089 144.936);--color-success-950:oklch(19.6% .057 145.477);--color-warning-50:oklch(98.5% .017 99.574);--color-warning-100:oklch(96.8% .043 102.212);--color-warning-200:oklch(92% .108 102.212);--color-warning-300:oklch(84.3% .167 99.574);--color-warning-400:oklch(76.5% .181 95.883);--color-warning-500:oklch(69.3% .157 92.317);--color-warning-600:oklch(59.6% .128 89.567);--color-warning-700:oklch(47.2% .105 85.594);--color-warning-800:oklch(41.7% .093 85.594);--color-warning-900:oklch(37.5% .08 85.594);--color-warning-950:oklch(23.7% .059 85.594);--color-error-50:oklch(97.1% .013 27.33);--color-error-100:oklch(93.6% .032 27.33);--color-error-200:oklch(88.5% .058 27.33);--color-error-300:oklch(81% .109 27.33);--color-error-400:oklch(70.4% .191 25.331);--color-error-500:oklch(62.8% .258 29.233);--color-error-600:oklch(56.9% .235 27.33);--color-error-700:oklch(47.2% .198 27.33);--color-error-800:oklch(41.2% .162 27.33);--color-error-900:oklch(37% .139 27.33);--color-error-950:oklch(22.3% .092 27.33);--color-reseda-green:oklch(53.1% .024 115.856);--color-reseda-green-100:oklch(11.4% .006 115.856);--color-reseda-green-200:oklch(22.8% .012 115.856);--color-reseda-green-300:oklch(34.2% .018 115.856);--color-reseda-green-400:oklch(45.6% .024 115.856);--color-reseda-green-500:oklch(53.1% .024 115.856);--color-reseda-green-600:oklch(63.2% .02 115.856);--color-reseda-green-700:oklch(73.3% .016 115.856);--color-reseda-green-800:oklch(83.4% .012 115.856);--color-reseda-green-900:oklch(93.5% .008 115.856);--color-moss-green:oklch(65% .031 89.784);--color-moss-green-100:oklch(13% .006 89.784);--color-moss-green-200:oklch(26% .012 89.784);--color-moss-green-300:oklch(39% .019 89.784);--color-moss-green-400:oklch(52% .025 89.784);--color-moss-green-500:oklch(65% .031 89.784);--color-moss-green-600:oklch(71.5% .026 89.784);--color-moss-green-700:oklch(78% .021 89.784);--color-moss-green-800:oklch(84.5% .016 89.784);--color-moss-green-900:oklch(91% .01 89.784);--color-khaki:oklch(71.7% .043 85.594);--color-khaki-100:oklch(16.3% .01 85.594);--color-khaki-200:oklch(28.6% .018 85.594);--color-khaki-300:oklch(43% .026 85.594);--color-khaki-400:oklch(57.3% .035 85.594);--color-khaki-500:oklch(71.7% .043 85.594);--color-khaki-600:oklch(76% .036 85.594);--color-khaki-700:oklch(80.3% .029 85.594);--color-khaki-800:oklch(88.6% .022 85.594);--color-khaki-900:oklch(92.9% .014 85.594);--color-desert-sand:oklch(75.7% .057 70.67);--color-desert-sand-100:oklch(18.6% .024 70.67);--color-desert-sand-200:oklch(31.5% .035 70.67);--color-desert-sand-300:oklch(44.4% .046 70.67);--color-desert-sand-400:oklch(57.3% .057 70.67);--color-desert-sand-500:oklch(75.7% .057 70.67);--color-desert-sand-600:oklch(78.7% .048 70.67);--color-desert-sand-700:oklch(81.7% .038 70.67);--color-desert-sand-800:oklch(87.7% .029 70.67);--color-desert-sand-900:oklch(94.7% .019 70.67);--color-peach-yellow:oklch(88.3% .077 92.317);--color-peach-yellow-100:oklch(25.4% .031 92.317);--color-peach-yellow-200:oklch(46% .046 92.317);--color-peach-yellow-300:oklch(70.7% .062 92.317);--color-peach-yellow-400:oklch(80% .069 92.317);--color-peach-yellow-500:oklch(88.3% .077 92.317);--color-peach-yellow-600:oklch(90% .065 92.317);--color-peach-yellow-700:oklch(91.7% .054 92.317);--color-peach-yellow-800:oklch(95.1% .042 92.317);--color-peach-yellow-900:oklch(97.5% .031 92.317);--color-sunglow:oklch(84.7% .146 85.594);--color-sunglow-100:oklch(25.4% .058 85.594);--color-sunglow-200:oklch(42.4% .087 85.594);--color-sunglow-300:oklch(59.4% .117 85.594);--color-sunglow-400:oklch(76.3% .146 85.594);--color-sunglow-500:oklch(84.7% .146 85.594);--color-sunglow-600:oklch(87% .123 85.594);--color-sunglow-700:oklch(89.3% .102 85.594);--color-sunglow-800:oklch(93.9% .081 85.594);--color-sunglow-900:oklch(96.9% .058 85.594);--color-earth-yellow:oklch(74.5% .105 75.46);--color-earth-yellow-100:oklch(18.6% .042 75.46);--color-earth-yellow-200:oklch(31.5% .063 75.46);--color-earth-yellow-300:oklch(44.4% .084 75.46);--color-earth-yellow-400:oklch(63% .105 75.46);--color-earth-yellow-500:oklch(74.5% .105 75.46);--color-earth-yellow-600:oklch(78.7% .088 75.46);--color-earth-yellow-700:oklch(82.8% .07 75.46);--color-earth-yellow-800:oklch(91% .053 75.46);--color-earth-yellow-900:oklch(95.1% .035 75.46);--color-persian-orange:oklch(63.5% .091 54.011);--color-persian-orange-100:oklch(15.2% .036 54.011);--color-persian-orange-200:oklch(25.5% .055 54.011);--color-persian-orange-300:oklch(39.9% .073 54.011);--color-persian-orange-400:oklch(50.2% .091 54.011);--color-persian-orange-500:oklch(63.5% .091 54.011);--color-persian-orange-600:oklch(70.3% .076 54.011);--color-persian-orange-700:oklch(77.1% .061 54.011);--color-persian-orange-800:oklch(87% .046 54.011);--color-persian-orange-900:oklch(93.9% .03 54.011);--color-chamoisee:oklch(59% .067 70.67);--color-chamoisee-100:oklch(11.8% .027 70.67);--color-chamoisee-200:oklch(23.6% .04 70.67);--color-chamoisee-300:oklch(35.4% .054 70.67);--color-chamoisee-400:oklch(47.2% .067 70.67);--color-chamoisee-500:oklch(59% .067 70.67);--color-chamoisee-600:oklch(66.7% .056 70.67);--color-chamoisee-700:oklch(74.4% .045 70.67);--color-chamoisee-800:oklch(85.4% .034 70.67);--color-chamoisee-900:oklch(93.1% .022 70.67);--color-beaver:oklch(54.9% .044 70.67);--color-beaver-100:oklch(11% .018 70.67);--color-beaver-200:oklch(22% .026 70.67);--color-beaver-300:oklch(32.9% .035 70.67);--color-beaver-400:oklch(43.9% .044 70.67);--color-beaver-500:oklch(54.9% .044 70.67);--color-beaver-600:oklch(64.2% .037 70.67);--color-beaver-700:oklch(73.5% .029 70.67);--color-beaver-800:oklch(86.1% .022 70.67);--color-beaver-900:oklch(93.8% .015 70.67);--color-background:oklch(100% 0 0);--color-surface:oklch(98% .002 247.83);--color-surface-variant:oklch(96% .004 247.83);--color-text-primary:oklch(15% .007 265.75);--color-text-secondary:oklch(35% .012 265.75);--color-text-muted:oklch(55% .015 265.75);--color-border:oklch(85% .005 247.83);--color-border-subtle:oklch(92% .003 247.83)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.left-full{left:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-m-2\.5{margin:calc(var(--spacing)*-2.5)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.-mx-6{margin-inline:calc(var(--spacing)*-6)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-16{margin-right:calc(var(--spacing)*16)}.-mb-px{margin-bottom:-1px}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-9{margin-left:calc(var(--spacing)*9)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-auto{width:auto}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-7{row-gap:calc(var(--spacing)*7)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-border{border-color:var(--color-border)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-reseda-green-700{border-color:var(--color-reseda-green-700)}.border-transparent{border-color:#0000}.bg-\[\#0077B5\]{background-color:#0077b5}.bg-background{background-color:var(--color-background)}.bg-beaver{background-color:var(--color-beaver)}.bg-beaver-100{background-color:var(--color-beaver-100)}.bg-beaver-200{background-color:var(--color-beaver-200)}.bg-beaver-300{background-color:var(--color-beaver-300)}.bg-beaver-400{background-color:var(--color-beaver-400)}.bg-beaver-500{background-color:var(--color-beaver-500)}.bg-beaver-600{background-color:var(--color-beaver-600)}.bg-beaver-700{background-color:var(--color-beaver-700)}.bg-beaver-800{background-color:var(--color-beaver-800)}.bg-beaver-900{background-color:var(--color-beaver-900)}.bg-border{background-color:var(--color-border)}.bg-border-subtle{background-color:var(--color-border-subtle)}.bg-chamoisee{background-color:var(--color-chamoisee)}.bg-chamoisee-100{background-color:var(--color-chamoisee-100)}.bg-chamoisee-200{background-color:var(--color-chamoisee-200)}.bg-chamoisee-300{background-color:var(--color-chamoisee-300)}.bg-chamoisee-400{background-color:var(--color-chamoisee-400)}.bg-chamoisee-500{background-color:var(--color-chamoisee-500)}.bg-chamoisee-600{background-color:var(--color-chamoisee-600)}.bg-chamoisee-700{background-color:var(--color-chamoisee-700)}.bg-chamoisee-800{background-color:var(--color-chamoisee-800)}.bg-chamoisee-900{background-color:var(--color-chamoisee-900)}.bg-desert-sand{background-color:var(--color-desert-sand)}.bg-desert-sand-100{background-color:var(--color-desert-sand-100)}.bg-desert-sand-200{background-color:var(--color-desert-sand-200)}.bg-desert-sand-300{background-color:var(--color-desert-sand-300)}.bg-desert-sand-400{background-color:var(--color-desert-sand-400)}.bg-desert-sand-500{background-color:var(--color-desert-sand-500)}.bg-desert-sand-600{background-color:var(--color-desert-sand-600)}.bg-desert-sand-700{background-color:var(--color-desert-sand-700)}.bg-desert-sand-800{background-color:var(--color-desert-sand-800)}.bg-desert-sand-900{background-color:var(--color-desert-sand-900)}.bg-earth-yellow{background-color:var(--color-earth-yellow)}.bg-earth-yellow-100{background-color:var(--color-earth-yellow-100)}.bg-earth-yellow-200{background-color:var(--color-earth-yellow-200)}.bg-earth-yellow-300{background-color:var(--color-earth-yellow-300)}.bg-earth-yellow-400{background-color:var(--color-earth-yellow-400)}.bg-earth-yellow-500{background-color:var(--color-earth-yellow-500)}.bg-earth-yellow-600{background-color:var(--color-earth-yellow-600)}.bg-earth-yellow-700{background-color:var(--color-earth-yellow-700)}.bg-earth-yellow-800{background-color:var(--color-earth-yellow-800)}.bg-earth-yellow-900{background-color:var(--color-earth-yellow-900)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-200{background-color:var(--color-error-200)}.bg-error-300{background-color:var(--color-error-300)}.bg-error-400{background-color:var(--color-error-400)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-error-700{background-color:var(--color-error-700)}.bg-error-800{background-color:var(--color-error-800)}.bg-error-900{background-color:var(--color-error-900)}.bg-error-950{background-color:var(--color-error-950)}.bg-gray-900\/80{background-color:#101828cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/80{background-color:color-mix(in oklab,var(--color-gray-900)80%,transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-khaki{background-color:var(--color-khaki)}.bg-khaki-100{background-color:var(--color-khaki-100)}.bg-khaki-200{background-color:var(--color-khaki-200)}.bg-khaki-300{background-color:var(--color-khaki-300)}.bg-khaki-400{background-color:var(--color-khaki-400)}.bg-khaki-500{background-color:var(--color-khaki-500)}.bg-khaki-600{background-color:var(--color-khaki-600)}.bg-khaki-700{background-color:var(--color-khaki-700)}.bg-khaki-800{background-color:var(--color-khaki-800)}.bg-khaki-900{background-color:var(--color-khaki-900)}.bg-moss-green{background-color:var(--color-moss-green)}.bg-moss-green-100{background-color:var(--color-moss-green-100)}.bg-moss-green-200{background-color:var(--color-moss-green-200)}.bg-moss-green-300{background-color:var(--color-moss-green-300)}.bg-moss-green-400{background-color:var(--color-moss-green-400)}.bg-moss-green-500{background-color:var(--color-moss-green-500)}.bg-moss-green-600{background-color:var(--color-moss-green-600)}.bg-moss-green-700{background-color:var(--color-moss-green-700)}.bg-moss-green-800{background-color:var(--color-moss-green-800)}.bg-moss-green-900{background-color:var(--color-moss-green-900)}.bg-peach-yellow{background-color:var(--color-peach-yellow)}.bg-peach-yellow-100{background-color:var(--color-peach-yellow-100)}.bg-peach-yellow-200{background-color:var(--color-peach-yellow-200)}.bg-peach-yellow-300{background-color:var(--color-peach-yellow-300)}.bg-peach-yellow-400{background-color:var(--color-peach-yellow-400)}.bg-peach-yellow-500{background-color:var(--color-peach-yellow-500)}.bg-peach-yellow-600{background-color:var(--color-peach-yellow-600)}.bg-peach-yellow-700{background-color:var(--color-peach-yellow-700)}.bg-peach-yellow-800{background-color:var(--color-peach-yellow-800)}.bg-peach-yellow-900{background-color:var(--color-peach-yellow-900)}.bg-persian-orange{background-color:var(--color-persian-orange)}.bg-persian-orange-100{background-color:var(--color-persian-orange-100)}.bg-persian-orange-200{background-color:var(--color-persian-orange-200)}.bg-persian-orange-300{background-color:var(--color-persian-orange-300)}.bg-persian-orange-400{background-color:var(--color-persian-orange-400)}.bg-persian-orange-500{background-color:var(--color-persian-orange-500)}.bg-persian-orange-600{background-color:var(--color-persian-orange-600)}.bg-persian-orange-700{background-color:var(--color-persian-orange-700)}.bg-persian-orange-800{background-color:var(--color-persian-orange-800)}.bg-persian-orange-900{background-color:var(--color-persian-orange-900)}.bg-reseda-green{background-color:var(--color-reseda-green)}.bg-reseda-green-100{background-color:var(--color-reseda-green-100)}.bg-reseda-green-200{background-color:var(--color-reseda-green-200)}.bg-reseda-green-300{background-color:var(--color-reseda-green-300)}.bg-reseda-green-400{background-color:var(--color-reseda-green-400)}.bg-reseda-green-500{background-color:var(--color-reseda-green-500)}.bg-reseda-green-600{background-color:var(--color-reseda-green-600)}.bg-reseda-green-700{background-color:var(--color-reseda-green-700)}.bg-reseda-green-800{background-color:var(--color-reseda-green-800)}.bg-reseda-green-900{background-color:var(--color-reseda-green-900)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-200{background-color:var(--color-success-200)}.bg-success-300{background-color:var(--color-success-300)}.bg-success-400{background-color:var(--color-success-400)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-600{background-color:var(--color-success-600)}.bg-success-700{background-color:var(--color-success-700)}.bg-success-800{background-color:var(--color-success-800)}.bg-success-900{background-color:var(--color-success-900)}.bg-success-950{background-color:var(--color-success-950)}.bg-sunglow{background-color:var(--color-sunglow)}.bg-sunglow-100{background-color:var(--color-sunglow-100)}.bg-sunglow-200{background-color:var(--color-sunglow-200)}.bg-sunglow-300{background-color:var(--color-sunglow-300)}.bg-sunglow-400{background-color:var(--color-sunglow-400)}.bg-sunglow-500{background-color:var(--color-sunglow-500)}.bg-sunglow-600{background-color:var(--color-sunglow-600)}.bg-sunglow-700{background-color:var(--color-sunglow-700)}.bg-sunglow-800{background-color:var(--color-sunglow-800)}.bg-sunglow-900{background-color:var(--color-sunglow-900)}.bg-surface{background-color:var(--color-surface)}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-text-muted{background-color:var(--color-text-muted)}.bg-text-primary{background-color:var(--color-text-primary)}.bg-text-secondary{background-color:var(--color-text-secondary)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-300{background-color:var(--color-warning-300)}.bg-warning-400{background-color:var(--color-warning-400)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-warning-800{background-color:var(--color-warning-800)}.bg-warning-900{background-color:var(--color-warning-900)}.bg-warning-950{background-color:var(--color-warning-950)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-8{padding:calc(var(--spacing)*8)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing)*6)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-indigo-200{color:var(--color-indigo-200)}.text-reseda-green-500{color:var(--color-reseda-green-500)}.text-reseda-green-700{color:var(--color-reseda-green-700)}.text-reseda-green-800{color:var(--color-reseda-green-800)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}@media (hover:hover){.hover\:bg-\[\#005885\]:hover{background-color:#005885}.hover\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-khaki-600:hover{background-color:var(--color-khaki-600)}.hover\:bg-moss-green-500:hover{background-color:var(--color-moss-green-500)}.hover\:bg-reseda-green-600:hover{background-color:var(--color-reseda-green-600)}.hover\:bg-surface-variant:hover{background-color:var(--color-surface-variant)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[\#0077B5\]:focus-visible{--tw-ring-color:#0077b5}.focus-visible\:ring-error-500:focus-visible{--tw-ring-color:var(--color-error-500)}.focus-visible\:ring-khaki-500:focus-visible{--tw-ring-color:var(--color-khaki-500)}.focus-visible\:ring-reseda-green-500:focus-visible{--tw-ring-color:var(--color-reseda-green-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-closed\:-translate-x-full[data-closed]{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-closed\:opacity-0[data-closed]{opacity:0}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:fixed{position:fixed}.lg\:inset-y-0{inset-block:calc(var(--spacing)*0)}.lg\:z-50{z-index:50}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}}@media (min-width:80rem){.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}}}.dark{--color-background:oklch(10% .007 265.75);--color-surface:oklch(13% .008 265.75);--color-surface-variant:oklch(16% .009 265.75);--color-text-primary:oklch(95% .002 247.83);--color-text-secondary:oklch(75% .005 247.83);--color-text-muted:oklch(55% .008 247.83);--color-border:oklch(25% .01 265.75);--color-border-subtle:oklch(18% .008 265.75)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-indigo-200:oklch(87% .065 274.039);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-success-50:oklch(97.1% .013 142.423);--color-success-100:oklch(96.2% .037 141.267);--color-success-200:oklch(91.5% .084 145.477);--color-success-300:oklch(83.9% .155 144.468);--color-success-400:oklch(73.5% .184 142.686);--color-success-500:oklch(63.4% .179 142.495);--color-success-600:oklch(54.8% .166 143.748);--color-success-700:oklch(44.9% .132 144.206);--color-success-800:oklch(38.5% .108 144.206);--color-success-900:oklch(33.3% .089 144.936);--color-success-950:oklch(19.6% .057 145.477);--color-warning-50:oklch(98.5% .017 99.574);--color-warning-100:oklch(96.8% .043 102.212);--color-warning-200:oklch(92% .108 102.212);--color-warning-300:oklch(84.3% .167 99.574);--color-warning-400:oklch(76.5% .181 95.883);--color-warning-500:oklch(69.3% .157 92.317);--color-warning-600:oklch(59.6% .128 89.567);--color-warning-700:oklch(47.2% .105 85.594);--color-warning-800:oklch(41.7% .093 85.594);--color-warning-900:oklch(37.5% .08 85.594);--color-warning-950:oklch(23.7% .059 85.594);--color-error-50:oklch(97.1% .013 27.33);--color-error-100:oklch(93.6% .032 27.33);--color-error-200:oklch(88.5% .058 27.33);--color-error-300:oklch(81% .109 27.33);--color-error-400:oklch(70.4% .191 25.331);--color-error-500:oklch(62.8% .258 29.233);--color-error-600:oklch(56.9% .235 27.33);--color-error-700:oklch(47.2% .198 27.33);--color-error-800:oklch(41.2% .162 27.33);--color-error-900:oklch(37% .139 27.33);--color-error-950:oklch(22.3% .092 27.33);--color-reseda-green:oklch(53.1% .024 115.856);--color-reseda-green-100:oklch(11.4% .006 115.856);--color-reseda-green-200:oklch(22.8% .012 115.856);--color-reseda-green-300:oklch(34.2% .018 115.856);--color-reseda-green-400:oklch(45.6% .024 115.856);--color-reseda-green-500:oklch(53.1% .024 115.856);--color-reseda-green-600:oklch(63.2% .02 115.856);--color-reseda-green-700:oklch(73.3% .016 115.856);--color-reseda-green-800:oklch(83.4% .012 115.856);--color-reseda-green-900:oklch(93.5% .008 115.856);--color-moss-green:oklch(65% .031 89.784);--color-moss-green-100:oklch(13% .006 89.784);--color-moss-green-200:oklch(26% .012 89.784);--color-moss-green-300:oklch(39% .019 89.784);--color-moss-green-400:oklch(52% .025 89.784);--color-moss-green-500:oklch(65% .031 89.784);--color-moss-green-600:oklch(71.5% .026 89.784);--color-moss-green-700:oklch(78% .021 89.784);--color-moss-green-800:oklch(84.5% .016 89.784);--color-moss-green-900:oklch(91% .01 89.784);--color-khaki:oklch(71.7% .043 85.594);--color-khaki-100:oklch(16.3% .01 85.594);--color-khaki-200:oklch(28.6% .018 85.594);--color-khaki-300:oklch(43% .026 85.594);--color-khaki-400:oklch(57.3% .035 85.594);--color-khaki-500:oklch(71.7% .043 85.594);--color-khaki-600:oklch(76% .036 85.594);--color-khaki-700:oklch(80.3% .029 85.594);--color-khaki-800:oklch(88.6% .022 85.594);--color-khaki-900:oklch(92.9% .014 85.594);--color-desert-sand:oklch(75.7% .057 70.67);--color-desert-sand-100:oklch(18.6% .024 70.67);--color-desert-sand-200:oklch(31.5% .035 70.67);--color-desert-sand-300:oklch(44.4% .046 70.67);--color-desert-sand-400:oklch(57.3% .057 70.67);--color-desert-sand-500:oklch(75.7% .057 70.67);--color-desert-sand-600:oklch(78.7% .048 70.67);--color-desert-sand-700:oklch(81.7% .038 70.67);--color-desert-sand-800:oklch(87.7% .029 70.67);--color-desert-sand-900:oklch(94.7% .019 70.67);--color-peach-yellow:oklch(88.3% .077 92.317);--color-peach-yellow-100:oklch(25.4% .031 92.317);--color-peach-yellow-200:oklch(46% .046 92.317);--color-peach-yellow-300:oklch(70.7% .062 92.317);--color-peach-yellow-400:oklch(80% .069 92.317);--color-peach-yellow-500:oklch(88.3% .077 92.317);--color-peach-yellow-600:oklch(90% .065 92.317);--color-peach-yellow-700:oklch(91.7% .054 92.317);--color-peach-yellow-800:oklch(95.1% .042 92.317);--color-peach-yellow-900:oklch(97.5% .031 92.317);--color-sunglow:oklch(84.7% .146 85.594);--color-sunglow-100:oklch(25.4% .058 85.594);--color-sunglow-200:oklch(42.4% .087 85.594);--color-sunglow-300:oklch(59.4% .117 85.594);--color-sunglow-400:oklch(76.3% .146 85.594);--color-sunglow-500:oklch(84.7% .146 85.594);--color-sunglow-600:oklch(87% .123 85.594);--color-sunglow-700:oklch(89.3% .102 85.594);--color-sunglow-800:oklch(93.9% .081 85.594);--color-sunglow-900:oklch(96.9% .058 85.594);--color-earth-yellow:oklch(74.5% .105 75.46);--color-earth-yellow-100:oklch(18.6% .042 75.46);--color-earth-yellow-200:oklch(31.5% .063 75.46);--color-earth-yellow-300:oklch(44.4% .084 75.46);--color-earth-yellow-400:oklch(63% .105 75.46);--color-earth-yellow-500:oklch(74.5% .105 75.46);--color-earth-yellow-600:oklch(78.7% .088 75.46);--color-earth-yellow-700:oklch(82.8% .07 75.46);--color-earth-yellow-800:oklch(91% .053 75.46);--color-earth-yellow-900:oklch(95.1% .035 75.46);--color-persian-orange:oklch(63.5% .091 54.011);--color-persian-orange-100:oklch(15.2% .036 54.011);--color-persian-orange-200:oklch(25.5% .055 54.011);--color-persian-orange-300:oklch(39.9% .073 54.011);--color-persian-orange-400:oklch(50.2% .091 54.011);--color-persian-orange-500:oklch(63.5% .091 54.011);--color-persian-orange-600:oklch(70.3% .076 54.011);--color-persian-orange-700:oklch(77.1% .061 54.011);--color-persian-orange-800:oklch(87% .046 54.011);--color-persian-orange-900:oklch(93.9% .03 54.011);--color-chamoisee:oklch(59% .067 70.67);--color-chamoisee-100:oklch(11.8% .027 70.67);--color-chamoisee-200:oklch(23.6% .04 70.67);--color-chamoisee-300:oklch(35.4% .054 70.67);--color-chamoisee-400:oklch(47.2% .067 70.67);--color-chamoisee-500:oklch(59% .067 70.67);--color-chamoisee-600:oklch(66.7% .056 70.67);--color-chamoisee-700:oklch(74.4% .045 70.67);--color-chamoisee-800:oklch(85.4% .034 70.67);--color-chamoisee-900:oklch(93.1% .022 70.67);--color-beaver:oklch(54.9% .044 70.67);--color-beaver-100:oklch(11% .018 70.67);--color-beaver-200:oklch(22% .026 70.67);--color-beaver-300:oklch(32.9% .035 70.67);--color-beaver-400:oklch(43.9% .044 70.67);--color-beaver-500:oklch(54.9% .044 70.67);--color-beaver-600:oklch(64.2% .037 70.67);--color-beaver-700:oklch(73.5% .029 70.67);--color-beaver-800:oklch(86.1% .022 70.67);--color-beaver-900:oklch(93.8% .015 70.67);--color-background:oklch(100% 0 0);--color-surface:oklch(98% .002 247.83);--color-surface-variant:oklch(96% .004 247.83);--color-text-primary:oklch(15% .007 265.75);--color-text-secondary:oklch(35% .012 265.75);--color-text-muted:oklch(55% .015 265.75);--color-border:oklch(85% .005 247.83);--color-border-subtle:oklch(92% .003 247.83)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.left-full{left:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-m-2\.5{margin:calc(var(--spacing)*-2.5)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.-mx-6{margin-inline:calc(var(--spacing)*-6)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-16{margin-right:calc(var(--spacing)*16)}.-mb-px{margin-bottom:-1px}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-9{margin-left:calc(var(--spacing)*9)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-auto{width:auto}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-7{row-gap:calc(var(--spacing)*7)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-border{border-color:var(--color-border)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-reseda-green-700{border-color:var(--color-reseda-green-700)}.border-success-500{border-color:var(--color-success-500)}.border-transparent{border-color:#0000}.bg-\[\#0077B5\]{background-color:#0077b5}.bg-background{background-color:var(--color-background)}.bg-beaver{background-color:var(--color-beaver)}.bg-beaver-100{background-color:var(--color-beaver-100)}.bg-beaver-200{background-color:var(--color-beaver-200)}.bg-beaver-300{background-color:var(--color-beaver-300)}.bg-beaver-400{background-color:var(--color-beaver-400)}.bg-beaver-500{background-color:var(--color-beaver-500)}.bg-beaver-600{background-color:var(--color-beaver-600)}.bg-beaver-700{background-color:var(--color-beaver-700)}.bg-beaver-800{background-color:var(--color-beaver-800)}.bg-beaver-900{background-color:var(--color-beaver-900)}.bg-border{background-color:var(--color-border)}.bg-border-subtle{background-color:var(--color-border-subtle)}.bg-chamoisee{background-color:var(--color-chamoisee)}.bg-chamoisee-100{background-color:var(--color-chamoisee-100)}.bg-chamoisee-200{background-color:var(--color-chamoisee-200)}.bg-chamoisee-300{background-color:var(--color-chamoisee-300)}.bg-chamoisee-400{background-color:var(--color-chamoisee-400)}.bg-chamoisee-500{background-color:var(--color-chamoisee-500)}.bg-chamoisee-600{background-color:var(--color-chamoisee-600)}.bg-chamoisee-700{background-color:var(--color-chamoisee-700)}.bg-chamoisee-800{background-color:var(--color-chamoisee-800)}.bg-chamoisee-900{background-color:var(--color-chamoisee-900)}.bg-desert-sand{background-color:var(--color-desert-sand)}.bg-desert-sand-100{background-color:var(--color-desert-sand-100)}.bg-desert-sand-200{background-color:var(--color-desert-sand-200)}.bg-desert-sand-300{background-color:var(--color-desert-sand-300)}.bg-desert-sand-400{background-color:var(--color-desert-sand-400)}.bg-desert-sand-500{background-color:var(--color-desert-sand-500)}.bg-desert-sand-600{background-color:var(--color-desert-sand-600)}.bg-desert-sand-700{background-color:var(--color-desert-sand-700)}.bg-desert-sand-800{background-color:var(--color-desert-sand-800)}.bg-desert-sand-900{background-color:var(--color-desert-sand-900)}.bg-earth-yellow{background-color:var(--color-earth-yellow)}.bg-earth-yellow-100{background-color:var(--color-earth-yellow-100)}.bg-earth-yellow-200{background-color:var(--color-earth-yellow-200)}.bg-earth-yellow-300{background-color:var(--color-earth-yellow-300)}.bg-earth-yellow-400{background-color:var(--color-earth-yellow-400)}.bg-earth-yellow-500{background-color:var(--color-earth-yellow-500)}.bg-earth-yellow-600{background-color:var(--color-earth-yellow-600)}.bg-earth-yellow-700{background-color:var(--color-earth-yellow-700)}.bg-earth-yellow-800{background-color:var(--color-earth-yellow-800)}.bg-earth-yellow-900{background-color:var(--color-earth-yellow-900)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-200{background-color:var(--color-error-200)}.bg-error-300{background-color:var(--color-error-300)}.bg-error-400{background-color:var(--color-error-400)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-error-700{background-color:var(--color-error-700)}.bg-error-800{background-color:var(--color-error-800)}.bg-error-900{background-color:var(--color-error-900)}.bg-error-950{background-color:var(--color-error-950)}.bg-gray-900\/80{background-color:#101828cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/80{background-color:color-mix(in oklab,var(--color-gray-900)80%,transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-khaki{background-color:var(--color-khaki)}.bg-khaki-100{background-color:var(--color-khaki-100)}.bg-khaki-200{background-color:var(--color-khaki-200)}.bg-khaki-300{background-color:var(--color-khaki-300)}.bg-khaki-400{background-color:var(--color-khaki-400)}.bg-khaki-500{background-color:var(--color-khaki-500)}.bg-khaki-600{background-color:var(--color-khaki-600)}.bg-khaki-700{background-color:var(--color-khaki-700)}.bg-khaki-800{background-color:var(--color-khaki-800)}.bg-khaki-900{background-color:var(--color-khaki-900)}.bg-moss-green{background-color:var(--color-moss-green)}.bg-moss-green-100{background-color:var(--color-moss-green-100)}.bg-moss-green-200{background-color:var(--color-moss-green-200)}.bg-moss-green-300{background-color:var(--color-moss-green-300)}.bg-moss-green-400{background-color:var(--color-moss-green-400)}.bg-moss-green-500{background-color:var(--color-moss-green-500)}.bg-moss-green-600{background-color:var(--color-moss-green-600)}.bg-moss-green-700{background-color:var(--color-moss-green-700)}.bg-moss-green-800{background-color:var(--color-moss-green-800)}.bg-moss-green-900{background-color:var(--color-moss-green-900)}.bg-peach-yellow{background-color:var(--color-peach-yellow)}.bg-peach-yellow-100{background-color:var(--color-peach-yellow-100)}.bg-peach-yellow-200{background-color:var(--color-peach-yellow-200)}.bg-peach-yellow-300{background-color:var(--color-peach-yellow-300)}.bg-peach-yellow-400{background-color:var(--color-peach-yellow-400)}.bg-peach-yellow-500{background-color:var(--color-peach-yellow-500)}.bg-peach-yellow-600{background-color:var(--color-peach-yellow-600)}.bg-peach-yellow-700{background-color:var(--color-peach-yellow-700)}.bg-peach-yellow-800{background-color:var(--color-peach-yellow-800)}.bg-peach-yellow-900{background-color:var(--color-peach-yellow-900)}.bg-persian-orange{background-color:var(--color-persian-orange)}.bg-persian-orange-100{background-color:var(--color-persian-orange-100)}.bg-persian-orange-200{background-color:var(--color-persian-orange-200)}.bg-persian-orange-300{background-color:var(--color-persian-orange-300)}.bg-persian-orange-400{background-color:var(--color-persian-orange-400)}.bg-persian-orange-500{background-color:var(--color-persian-orange-500)}.bg-persian-orange-600{background-color:var(--color-persian-orange-600)}.bg-persian-orange-700{background-color:var(--color-persian-orange-700)}.bg-persian-orange-800{background-color:var(--color-persian-orange-800)}.bg-persian-orange-900{background-color:var(--color-persian-orange-900)}.bg-reseda-green{background-color:var(--color-reseda-green)}.bg-reseda-green-100{background-color:var(--color-reseda-green-100)}.bg-reseda-green-200{background-color:var(--color-reseda-green-200)}.bg-reseda-green-300{background-color:var(--color-reseda-green-300)}.bg-reseda-green-400{background-color:var(--color-reseda-green-400)}.bg-reseda-green-500{background-color:var(--color-reseda-green-500)}.bg-reseda-green-600{background-color:var(--color-reseda-green-600)}.bg-reseda-green-700{background-color:var(--color-reseda-green-700)}.bg-reseda-green-800{background-color:var(--color-reseda-green-800)}.bg-reseda-green-900{background-color:var(--color-reseda-green-900)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-200{background-color:var(--color-success-200)}.bg-success-300{background-color:var(--color-success-300)}.bg-success-400{background-color:var(--color-success-400)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-600{background-color:var(--color-success-600)}.bg-success-700{background-color:var(--color-success-700)}.bg-success-800{background-color:var(--color-success-800)}.bg-success-900{background-color:var(--color-success-900)}.bg-success-950{background-color:var(--color-success-950)}.bg-sunglow{background-color:var(--color-sunglow)}.bg-sunglow-100{background-color:var(--color-sunglow-100)}.bg-sunglow-200{background-color:var(--color-sunglow-200)}.bg-sunglow-300{background-color:var(--color-sunglow-300)}.bg-sunglow-400{background-color:var(--color-sunglow-400)}.bg-sunglow-500{background-color:var(--color-sunglow-500)}.bg-sunglow-600{background-color:var(--color-sunglow-600)}.bg-sunglow-700{background-color:var(--color-sunglow-700)}.bg-sunglow-800{background-color:var(--color-sunglow-800)}.bg-sunglow-900{background-color:var(--color-sunglow-900)}.bg-surface{background-color:var(--color-surface)}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-text-muted{background-color:var(--color-text-muted)}.bg-text-primary{background-color:var(--color-text-primary)}.bg-text-secondary{background-color:var(--color-text-secondary)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-300{background-color:var(--color-warning-300)}.bg-warning-400{background-color:var(--color-warning-400)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-warning-800{background-color:var(--color-warning-800)}.bg-warning-900{background-color:var(--color-warning-900)}.bg-warning-950{background-color:var(--color-warning-950)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing)*6)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-indigo-200{color:var(--color-indigo-200)}.text-reseda-green-500{color:var(--color-reseda-green-500)}.text-reseda-green-700{color:var(--color-reseda-green-700)}.text-reseda-green-800{color:var(--color-reseda-green-800)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}@media (hover:hover){.hover\:border-border-subtle:hover{border-color:var(--color-border-subtle)}.hover\:bg-\[\#005885\]:hover{background-color:#005885}.hover\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-khaki-600:hover{background-color:var(--color-khaki-600)}.hover\:bg-moss-green-500:hover{background-color:var(--color-moss-green-500)}.hover\:bg-reseda-green-600:hover{background-color:var(--color-reseda-green-600)}.hover\:bg-surface-variant:hover{background-color:var(--color-surface-variant)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[\#0077B5\]:focus-visible{--tw-ring-color:#0077b5}.focus-visible\:ring-error-500:focus-visible{--tw-ring-color:var(--color-error-500)}.focus-visible\:ring-khaki-500:focus-visible{--tw-ring-color:var(--color-khaki-500)}.focus-visible\:ring-reseda-green-500:focus-visible{--tw-ring-color:var(--color-reseda-green-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-closed\:-translate-x-full[data-closed]{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-closed\:opacity-0[data-closed]{opacity:0}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:fixed{position:fixed}.lg\:inset-y-0{inset-block:calc(var(--spacing)*0)}.lg\:z-50{z-index:50}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}}@media (min-width:80rem){.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}}}.dark{--color-background:oklch(10% .007 265.75);--color-surface:oklch(13% .008 265.75);--color-surface-variant:oklch(16% .009 265.75);--color-text-primary:oklch(95% .002 247.83);--color-text-secondary:oklch(75% .005 247.83);--color-text-muted:oklch(55% .008 247.83);--color-border:oklch(25% .01 265.75);--color-border-subtle:oklch(18% .008 265.75)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "acemyjob-ui",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "A React component library for job search and career management applications",
   "keywords": [
     "react",