@contact_incruiter/fcc 1.0.0

package/dist/index.js

@@ -0,0 +1,4888 @@
+import { jsxs as i, jsx as r, Fragment as F } from "react/jsx-runtime";
+import { Shield as ar, GraduationCap as cr, Calendar as dr, Video as fr, Bot as pr, Phone as gr, Search as mr, Menu as je, ChevronsUpDown as Fe, UserCircle as Oe, CreditCard as Ee, Bell as Ge, Workflow as br, ArrowRight as De, FileText as $e, Play as Ue, Pencil as ur, UserPlus as hr, Briefcase as xr, CheckCircle2 as yr, AlertCircle as wr, ChevronUp as kr, ChevronDown as Ve, Settings as vr, Trash2 as Nr, UserCheck as Cr, GitMerge as Sr, Plus as zr, ArrowLeft as Ir, Send as Rr } from "lucide-react";
+import { useState as D, useEffect as Ar } from "react";
+function _e(e) {
+  var t, n, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var s = e.length;
+    for (t = 0; t < s; t++) e[t] && (n = _e(e[t])) && (o && (o += " "), o += n);
+  } else for (n in e) e[n] && (o && (o += " "), o += n);
+  return o;
+}
+function Tr() {
+  for (var e, t, n = 0, o = "", s = arguments.length; n < s; n++) (e = arguments[n]) && (t = _e(e)) && (o && (o += " "), o += t);
+  return o;
+}
+const Pr = (e, t) => {
+  const n = new Array(e.length + t.length);
+  for (let o = 0; o < e.length; o++)
+    n[o] = e[o];
+  for (let o = 0; o < t.length; o++)
+    n[e.length + o] = t[o];
+  return n;
+}, Mr = (e, t) => ({
+  classGroupId: e,
+  validator: t
+}), Ye = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+  nextPart: e,
+  validators: t,
+  classGroupId: n
+}), ie = "-", ze = [], Lr = "arbitrary..", Br = (e) => {
+  const t = jr(e), {
+    conflictingClassGroups: n,
+    conflictingClassGroupModifiers: o
+  } = e;
+  return {
+    getClassGroupId: (l) => {
+      if (l.startsWith("[") && l.endsWith("]"))
+        return Wr(l);
+      const p = l.split(ie), g = p[0] === "" && p.length > 1 ? 1 : 0;
+      return He(p, g, t);
+    },
+    getConflictingClassGroupIds: (l, p) => {
+      if (p) {
+        const g = o[l], c = n[l];
+        return g ? c ? Pr(c, g) : g : c || ze;
+      }
+      return n[l] || ze;
+    }
+  };
+}, He = (e, t, n) => {
+  if (e.length - t === 0)
+    return n.classGroupId;
+  const s = e[t], a = n.nextPart.get(s);
+  if (a) {
+    const c = He(e, t + 1, a);
+    if (c) return c;
+  }
+  const l = n.validators;
+  if (l === null)
+    return;
+  const p = t === 0 ? e.join(ie) : e.slice(t).join(ie), g = l.length;
+  for (let c = 0; c < g; c++) {
+    const k = l[c];
+    if (k.validator(p))
+      return k.classGroupId;
+  }
+}, Wr = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const t = e.slice(1, -1), n = t.indexOf(":"), o = t.slice(0, n);
+  return o ? Lr + o : void 0;
+})(), jr = (e) => {
+  const {
+    theme: t,
+    classGroups: n
+  } = e;
+  return Fr(n, t);
+}, Fr = (e, t) => {
+  const n = Ye();
+  for (const o in e) {
+    const s = e[o];
+    be(s, n, o, t);
+  }
+  return n;
+}, be = (e, t, n, o) => {
+  const s = e.length;
+  for (let a = 0; a < s; a++) {
+    const l = e[a];
+    Or(l, t, n, o);
+  }
+}, Or = (e, t, n, o) => {
+  if (typeof e == "string") {
+    Er(e, t, n);
+    return;
+  }
+  if (typeof e == "function") {
+    Gr(e, t, n, o);
+    return;
+  }
+  Dr(e, t, n, o);
+}, Er = (e, t, n) => {
+  const o = e === "" ? t : Je(t, e);
+  o.classGroupId = n;
+}, Gr = (e, t, n, o) => {
+  if ($r(e)) {
+    be(e(o), t, n, o);
+    return;
+  }
+  t.validators === null && (t.validators = []), t.validators.push(Mr(n, e));
+}, Dr = (e, t, n, o) => {
+  const s = Object.entries(e), a = s.length;
+  for (let l = 0; l < a; l++) {
+    const [p, g] = s[l];
+    be(g, Je(t, p), n, o);
+  }
+}, Je = (e, t) => {
+  let n = e;
+  const o = t.split(ie), s = o.length;
+  for (let a = 0; a < s; a++) {
+    const l = o[a];
+    let p = n.nextPart.get(l);
+    p || (p = Ye(), n.nextPart.set(l, p)), n = p;
+  }
+  return n;
+}, $r = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Ur = (e) => {
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let t = 0, n = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
+  const s = (a, l) => {
+    n[a] = l, t++, t > e && (t = 0, o = n, n = /* @__PURE__ */ Object.create(null));
+  };
+  return {
+    get(a) {
+      let l = n[a];
+      if (l !== void 0)
+        return l;
+      if ((l = o[a]) !== void 0)
+        return s(a, l), l;
+    },
+    set(a, l) {
+      a in n ? n[a] = l : s(a, l);
+    }
+  };
+}, me = "!", Ie = ":", Vr = [], Re = (e, t, n, o, s) => ({
+  modifiers: e,
+  hasImportantModifier: t,
+  baseClassName: n,
+  maybePostfixModifierPosition: o,
+  isExternal: s
+}), _r = (e) => {
+  const {
+    prefix: t,
+    experimentalParseClassName: n
+  } = e;
+  let o = (s) => {
+    const a = [];
+    let l = 0, p = 0, g = 0, c;
+    const k = s.length;
+    for (let v = 0; v < k; v++) {
+      const S = s[v];
+      if (l === 0 && p === 0) {
+        if (S === Ie) {
+          a.push(s.slice(g, v)), g = v + 1;
+          continue;
+        }
+        if (S === "/") {
+          c = v;
+          continue;
+        }
+      }
+      S === "[" ? l++ : S === "]" ? l-- : S === "(" ? p++ : S === ")" && p--;
+    }
+    const m = a.length === 0 ? s : s.slice(g);
+    let N = m, C = !1;
+    m.endsWith(me) ? (N = m.slice(0, -1), C = !0) : (
+      /**
+       * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
+       * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
+       */
+      m.startsWith(me) && (N = m.slice(1), C = !0)
+    );
+    const x = c && c > g ? c - g : void 0;
+    return Re(a, C, N, x);
+  };
+  if (t) {
+    const s = t + Ie, a = o;
+    o = (l) => l.startsWith(s) ? a(l.slice(s.length)) : Re(Vr, !1, l, void 0, !0);
+  }
+  if (n) {
+    const s = o;
+    o = (a) => n({
+      className: a,
+      parseClassName: s
+    });
+  }
+  return o;
+}, Yr = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.orderSensitiveModifiers.forEach((n, o) => {
+    t.set(n, 1e6 + o);
+  }), (n) => {
+    const o = [];
+    let s = [];
+    for (let a = 0; a < n.length; a++) {
+      const l = n[a], p = l[0] === "[", g = t.has(l);
+      p || g ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(l)) : s.push(l);
+    }
+    return s.length > 0 && (s.sort(), o.push(...s)), o;
+  };
+}, Hr = (e) => ({
+  cache: Ur(e.cacheSize),
+  parseClassName: _r(e),
+  sortModifiers: Yr(e),
+  postfixLookupClassGroupIds: Jr(e),
+  ...Br(e)
+}), Jr = (e) => {
+  const t = /* @__PURE__ */ Object.create(null), n = e.postfixLookupClassGroups;
+  if (n)
+    for (let o = 0; o < n.length; o++)
+      t[n[o]] = !0;
+  return t;
+}, qr = /\s+/, Qr = (e, t) => {
+  const {
+    parseClassName: n,
+    getClassGroupId: o,
+    getConflictingClassGroupIds: s,
+    sortModifiers: a,
+    postfixLookupClassGroupIds: l
+  } = t, p = [], g = e.trim().split(qr);
+  let c = "";
+  for (let k = g.length - 1; k >= 0; k -= 1) {
+    const m = g[k], {
+      isExternal: N,
+      modifiers: C,
+      hasImportantModifier: x,
+      baseClassName: v,
+      maybePostfixModifierPosition: S
+    } = n(m);
+    if (N) {
+      c = m + (c.length > 0 ? " " + c : c);
+      continue;
+    }
+    let y = !!S, z;
+    if (y) {
+      const M = v.substring(0, S);
+      z = o(M);
+      const u = z && l[z] ? o(v) : void 0;
+      u && u !== z && (z = u, y = !1);
+    } else
+      z = o(v);
+    if (!z) {
+      if (!y) {
+        c = m + (c.length > 0 ? " " + c : c);
+        continue;
+      }
+      if (z = o(v), !z) {
+        c = m + (c.length > 0 ? " " + c : c);
+        continue;
+      }
+      y = !1;
+    }
+    const A = C.length === 0 ? "" : C.length === 1 ? C[0] : a(C).join(":"), P = x ? A + me : A, T = P + z;
+    if (p.indexOf(T) > -1)
+      continue;
+    p.push(T);
+    const b = s(z, y);
+    for (let M = 0; M < b.length; ++M) {
+      const u = b[M];
+      p.push(P + u);
+    }
+    c = m + (c.length > 0 ? " " + c : c);
+  }
+  return c;
+}, Xr = (...e) => {
+  let t = 0, n, o, s = "";
+  for (; t < e.length; )
+    (n = e[t++]) && (o = qe(n)) && (s && (s += " "), s += o);
+  return s;
+}, qe = (e) => {
+  if (typeof e == "string")
+    return e;
+  let t, n = "";
+  for (let o = 0; o < e.length; o++)
+    e[o] && (t = qe(e[o])) && (n && (n += " "), n += t);
+  return n;
+}, Kr = (e, ...t) => {
+  let n, o, s, a;
+  const l = (g) => {
+    const c = t.reduce((k, m) => m(k), e());
+    return n = Hr(c), o = n.cache.get, s = n.cache.set, a = p, p(g);
+  }, p = (g) => {
+    const c = o(g);
+    if (c)
+      return c;
+    const k = Qr(g, n);
+    return s(g, k), k;
+  };
+  return a = l, (...g) => a(Xr(...g));
+}, Zr = [], I = (e) => {
+  const t = (n) => n[e] || Zr;
+  return t.isThemeGetter = !0, t;
+}, Qe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Xe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, et = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, rt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, tt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ot = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, nt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, st = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, $ = (e) => et.test(e), w = (e) => !!e && !Number.isNaN(Number(e)), E = (e) => !!e && Number.isInteger(Number(e)), pe = (e) => e.endsWith("%") && w(e.slice(0, -1)), G = (e) => rt.test(e), Ke = () => !0, it = (e) => (
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  tt.test(e) && !ot.test(e)
+), ue = () => !1, lt = (e) => nt.test(e), at = (e) => st.test(e), ct = (e) => !d(e) && !f(e), dt = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), ft = (e) => U(e, rr, ue), d = (e) => Qe.test(e), _ = (e) => U(e, tr, it), Ae = (e) => U(e, yt, w), pt = (e) => U(e, nr, Ke), gt = (e) => U(e, or, ue), Te = (e) => U(e, Ze, ue), mt = (e) => U(e, er, at), re = (e) => U(e, sr, lt), f = (e) => Xe.test(e), J = (e) => Y(e, tr), bt = (e) => Y(e, or), Pe = (e) => Y(e, Ze), ut = (e) => Y(e, rr), ht = (e) => Y(e, er), te = (e) => Y(e, sr, !0), xt = (e) => Y(e, nr, !0), U = (e, t, n) => {
+  const o = Qe.exec(e);
+  return o ? o[1] ? t(o[1]) : n(o[2]) : !1;
+}, Y = (e, t, n = !1) => {
+  const o = Xe.exec(e);
+  return o ? o[1] ? t(o[1]) : n : !1;
+}, Ze = (e) => e === "position" || e === "percentage", er = (e) => e === "image" || e === "url", rr = (e) => e === "length" || e === "size" || e === "bg-size", tr = (e) => e === "length", yt = (e) => e === "number", or = (e) => e === "family-name", nr = (e) => e === "number" || e === "weight", sr = (e) => e === "shadow", wt = () => {
+  const e = I("color"), t = I("font"), n = I("text"), o = I("font-weight"), s = I("tracking"), a = I("leading"), l = I("breakpoint"), p = I("container"), g = I("spacing"), c = I("radius"), k = I("shadow"), m = I("inset-shadow"), N = I("text-shadow"), C = I("drop-shadow"), x = I("blur"), v = I("perspective"), S = I("aspect"), y = I("ease"), z = I("animate"), A = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
+    "center",
+    "top",
+    "bottom",
+    "left",
+    "right",
+    "top-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-top",
+    "top-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-top",
+    "bottom-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-bottom",
+    "bottom-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-bottom"
+  ], T = () => [...P(), f, d], b = () => ["auto", "hidden", "clip", "visible", "scroll"], M = () => ["auto", "contain", "none"], u = () => [f, d, g], j = () => [$, "full", "auto", ...u()], xe = () => [E, "none", "subgrid", f, d], ye = () => ["auto", {
+    span: ["full", E, f, d]
+  }, E, f, d], Q = () => [E, "auto", f, d], we = () => ["auto", "min", "max", "fr", f, d], le = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], H = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], O = () => ["auto", ...u()], V = () => [$, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], ae = () => [$, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...u()], ce = () => [$, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...u()], h = () => [e, f, d], ke = () => [...P(), Pe, Te, {
+    position: [f, d]
+  }], ve = () => ["no-repeat", {
+    repeat: ["", "x", "y", "space", "round"]
+  }], Ne = () => ["auto", "cover", "contain", ut, ft, {
+    size: [f, d]
+  }], de = () => [pe, J, _], L = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    "full",
+    c,
+    f,
+    d
+  ], B = () => ["", w, J, _], X = () => ["solid", "dashed", "dotted", "double"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], R = () => [w, pe, Pe, Te], Se = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    x,
+    f,
+    d
+  ], K = () => ["none", w, f, d], Z = () => ["none", w, f, d], fe = () => [w, f, d], ee = () => [$, "full", ...u()];
+  return {
+    cacheSize: 500,
+    theme: {
+      animate: ["spin", "ping", "pulse", "bounce"],
+      aspect: ["video"],
+      blur: [G],
+      breakpoint: [G],
+      color: [Ke],
+      container: [G],
+      "drop-shadow": [G],
+      ease: ["in", "out", "in-out"],
+      font: [ct],
+      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
+      "inset-shadow": [G],
+      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
+      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
+      radius: [G],
+      shadow: [G],
+      spacing: ["px", w],
+      text: [G],
+      "text-shadow": [G],
+      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
+    },
+    classGroups: {
+      // --------------
+      // --- Layout ---
+      // --------------
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", $, d, f, S]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       * @deprecated since Tailwind CSS v4.0.0
+       */
+      container: ["container"],
+      /**
+       * Container Type
+       * @see https://tailwindcss.com/docs/responsive-design#container-queries
+       */
+      "container-type": [{
+        "@container": ["", "normal", "size", f, d]
+      }],
+      /**
+       * Container Name
+       * @see https://tailwindcss.com/docs/responsive-design#named-containers
+       */
+      "container-named": [dt],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [w, d, f, p]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": A()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": A()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Screen Reader Only
+       * @see https://tailwindcss.com/docs/display#screen-reader-only
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: T()
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: b()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": b()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": b()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: M()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": M()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": M()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Inset
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: j()
+      }],
+      /**
+       * Inset Inline
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": j()
+      }],
+      /**
+       * Inset Block
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": j()
+      }],
+      /**
+       * Inset Inline Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       * @todo class group will be renamed to `inset-s` in next major release
+       */
+      start: [{
+        "inset-s": j(),
+        /**
+         * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
+         * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
+         */
+        start: j()
+      }],
+      /**
+       * Inset Inline End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       * @todo class group will be renamed to `inset-e` in next major release
+       */
+      end: [{
+        "inset-e": j(),
+        /**
+         * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
+         * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
+         */
+        end: j()
+      }],
+      /**
+       * Inset Block Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-bs": [{
+        "inset-bs": j()
+      }],
+      /**
+       * Inset Block End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-be": [{
+        "inset-be": j()
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: j()
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: j()
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: j()
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: j()
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: [E, "auto", f, d]
+      }],
+      // ------------------------
+      // --- Flexbox and Grid ---
+      // ------------------------
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: [$, "full", "auto", p, ...u()]
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["nowrap", "wrap", "wrap-reverse"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: [w, $, "auto", "initial", "none", d]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: ["", w, f, d]
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: ["", w, f, d]
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: [E, "first", "last", "none", f, d]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": xe()
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: ye()
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": Q()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": Q()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": xe()
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: ye()
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": Q()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": Q()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": we()
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": we()
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: u()
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": u()
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": u()
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: [...le(), "normal"]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": [...H(), "normal"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", ...H()]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...le()]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: [...H(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", ...H(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": le()
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": [...H(), "baseline"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", ...H()]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: u()
+      }],
+      /**
+       * Padding Inline
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: u()
+      }],
+      /**
+       * Padding Block
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: u()
+      }],
+      /**
+       * Padding Inline Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: u()
+      }],
+      /**
+       * Padding Inline End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: u()
+      }],
+      /**
+       * Padding Block Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pbs: [{
+        pbs: u()
+      }],
+      /**
+       * Padding Block End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pbe: [{
+        pbe: u()
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: u()
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: u()
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: u()
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: u()
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: O()
+      }],
+      /**
+       * Margin Inline
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: O()
+      }],
+      /**
+       * Margin Block
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: O()
+      }],
+      /**
+       * Margin Inline Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: O()
+      }],
+      /**
+       * Margin Inline End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: O()
+      }],
+      /**
+       * Margin Block Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mbs: [{
+        mbs: O()
+      }],
+      /**
+       * Margin Block End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mbe: [{
+        mbe: O()
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: O()
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: O()
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: O()
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: O()
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x": [{
+        "space-x": u()
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y": [{
+        "space-y": u()
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // --------------
+      // --- Sizing ---
+      // --------------
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
+       */
+      size: [{
+        size: V()
+      }],
+      /**
+       * Inline Size
+       * @see https://tailwindcss.com/docs/width
+       */
+      "inline-size": [{
+        inline: ["auto", ...ae()]
+      }],
+      /**
+       * Min-Inline Size
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-inline-size": [{
+        "min-inline": ["auto", ...ae()]
+      }],
+      /**
+       * Max-Inline Size
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-inline-size": [{
+        "max-inline": ["none", ...ae()]
+      }],
+      /**
+       * Block Size
+       * @see https://tailwindcss.com/docs/height
+       */
+      "block-size": [{
+        block: ["auto", ...ce()]
+      }],
+      /**
+       * Min-Block Size
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-block-size": [{
+        "min-block": ["auto", ...ce()]
+      }],
+      /**
+       * Max-Block Size
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-block-size": [{
+        "max-block": ["none", ...ce()]
+      }],
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: [p, "screen", ...V()]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [
+          p,
+          "screen",
+          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "none",
+          ...V()
+        ]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [
+          p,
+          "screen",
+          "none",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "prose",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          {
+            screen: [l]
+          },
+          ...V()
+        ]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: ["screen", "lh", ...V()]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": ["screen", "lh", "none", ...V()]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": ["screen", "lh", ...V()]
+      }],
+      // ------------------
+      // --- Typography ---
+      // ------------------
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", n, J, _]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: [o, xt, pt]
+      }],
+      /**
+       * Font Stretch
+       * @see https://tailwindcss.com/docs/font-stretch
+       */
+      "font-stretch": [{
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", pe, d]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [bt, gt, t]
+      }],
+      /**
+       * Font Feature Settings
+       * @see https://tailwindcss.com/docs/font-feature-settings
+       */
+      "font-features": [{
+        "font-features": [d]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: [s, f, d]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": [w, "none", f, Ae]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: [
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          a,
+          ...u()
+        ]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", f, d]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["disc", "decimal", "none", f, d]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://v3.tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: h()
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: h()
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [...X(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: [w, "from-font", "auto", f, _]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: h()
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": [w, "auto", f, d]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: u()
+      }],
+      /**
+       * Tab Size
+       * @see https://tailwindcss.com/docs/tab-size
+       */
+      "tab-size": [{
+        tab: [E, f, d]
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", f, d]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Overflow Wrap
+       * @see https://tailwindcss.com/docs/overflow-wrap
+       */
+      wrap: [{
+        wrap: ["break-word", "anywhere", "normal"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", f, d]
+      }],
+      // -------------------
+      // --- Backgrounds ---
+      // -------------------
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: ke()
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: ve()
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: Ne()
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          linear: [{
+            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+          }, E, f, d],
+          radial: ["", f, d],
+          conic: [E, f, d]
+        }, ht, mt]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: h()
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: de()
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: de()
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: de()
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: h()
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: h()
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: h()
+      }],
+      // ---------------
+      // --- Borders ---
+      // ---------------
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: L()
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": L()
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": L()
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": L()
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": L()
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": L()
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": L()
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": L()
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": L()
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": L()
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": L()
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": L()
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": L()
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": L()
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": L()
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: B()
+      }],
+      /**
+       * Border Width Inline
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": B()
+      }],
+      /**
+       * Border Width Block
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": B()
+      }],
+      /**
+       * Border Width Inline Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": B()
+      }],
+      /**
+       * Border Width Inline End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": B()
+      }],
+      /**
+       * Border Width Block Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-bs": [{
+        "border-bs": B()
+      }],
+      /**
+       * Border Width Block End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-be": [{
+        "border-be": B()
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": B()
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": B()
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": B()
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": B()
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x": [{
+        "divide-x": B()
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y": [{
+        "divide-y": B()
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...X(), "hidden", "none"]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
+       */
+      "divide-style": [{
+        divide: [...X(), "hidden", "none"]
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: h()
+      }],
+      /**
+       * Border Color Inline
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": h()
+      }],
+      /**
+       * Border Color Block
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": h()
+      }],
+      /**
+       * Border Color Inline Start
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": h()
+      }],
+      /**
+       * Border Color Inline End
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": h()
+      }],
+      /**
+       * Border Color Block Start
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-bs": [{
+        "border-bs": h()
+      }],
+      /**
+       * Border Color Block End
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-be": [{
+        "border-be": h()
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": h()
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": h()
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": h()
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": h()
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: h()
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: [...X(), "none", "hidden"]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [w, f, d]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: ["", w, J, _]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: h()
+      }],
+      // ---------------
+      // --- Effects ---
+      // ---------------
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          k,
+          te,
+          re
+        ]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
+       */
+      "shadow-color": [{
+        shadow: h()
+      }],
+      /**
+       * Inset Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
+       */
+      "inset-shadow": [{
+        "inset-shadow": ["none", m, te, re]
+      }],
+      /**
+       * Inset Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
+       */
+      "inset-shadow-color": [{
+        "inset-shadow": h()
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
+       */
+      "ring-w": [{
+        ring: B()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
+       */
+      "ring-color": [{
+        ring: h()
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://v3.tailwindcss.com/docs/ring-offset-width
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-w": [{
+        "ring-offset": [w, _]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://v3.tailwindcss.com/docs/ring-offset-color
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-color": [{
+        "ring-offset": h()
+      }],
+      /**
+       * Inset Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
+       */
+      "inset-ring-w": [{
+        "inset-ring": B()
+      }],
+      /**
+       * Inset Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
+       */
+      "inset-ring-color": [{
+        "inset-ring": h()
+      }],
+      /**
+       * Text Shadow
+       * @see https://tailwindcss.com/docs/text-shadow
+       */
+      "text-shadow": [{
+        "text-shadow": ["none", N, te, re]
+      }],
+      /**
+       * Text Shadow Color
+       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
+       */
+      "text-shadow-color": [{
+        "text-shadow": h()
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [w, f, d]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...Ce(), "plus-darker", "plus-lighter"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": Ce()
+      }],
+      /**
+       * Mask Clip
+       * @see https://tailwindcss.com/docs/mask-clip
+       */
+      "mask-clip": [{
+        "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
+      }, "mask-no-clip"],
+      /**
+       * Mask Composite
+       * @see https://tailwindcss.com/docs/mask-composite
+       */
+      "mask-composite": [{
+        mask: ["add", "subtract", "intersect", "exclude"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image-linear-pos": [{
+        "mask-linear": [w]
+      }],
+      "mask-image-linear-from-pos": [{
+        "mask-linear-from": R()
+      }],
+      "mask-image-linear-to-pos": [{
+        "mask-linear-to": R()
+      }],
+      "mask-image-linear-from-color": [{
+        "mask-linear-from": h()
+      }],
+      "mask-image-linear-to-color": [{
+        "mask-linear-to": h()
+      }],
+      "mask-image-t-from-pos": [{
+        "mask-t-from": R()
+      }],
+      "mask-image-t-to-pos": [{
+        "mask-t-to": R()
+      }],
+      "mask-image-t-from-color": [{
+        "mask-t-from": h()
+      }],
+      "mask-image-t-to-color": [{
+        "mask-t-to": h()
+      }],
+      "mask-image-r-from-pos": [{
+        "mask-r-from": R()
+      }],
+      "mask-image-r-to-pos": [{
+        "mask-r-to": R()
+      }],
+      "mask-image-r-from-color": [{
+        "mask-r-from": h()
+      }],
+      "mask-image-r-to-color": [{
+        "mask-r-to": h()
+      }],
+      "mask-image-b-from-pos": [{
+        "mask-b-from": R()
+      }],
+      "mask-image-b-to-pos": [{
+        "mask-b-to": R()
+      }],
+      "mask-image-b-from-color": [{
+        "mask-b-from": h()
+      }],
+      "mask-image-b-to-color": [{
+        "mask-b-to": h()
+      }],
+      "mask-image-l-from-pos": [{
+        "mask-l-from": R()
+      }],
+      "mask-image-l-to-pos": [{
+        "mask-l-to": R()
+      }],
+      "mask-image-l-from-color": [{
+        "mask-l-from": h()
+      }],
+      "mask-image-l-to-color": [{
+        "mask-l-to": h()
+      }],
+      "mask-image-x-from-pos": [{
+        "mask-x-from": R()
+      }],
+      "mask-image-x-to-pos": [{
+        "mask-x-to": R()
+      }],
+      "mask-image-x-from-color": [{
+        "mask-x-from": h()
+      }],
+      "mask-image-x-to-color": [{
+        "mask-x-to": h()
+      }],
+      "mask-image-y-from-pos": [{
+        "mask-y-from": R()
+      }],
+      "mask-image-y-to-pos": [{
+        "mask-y-to": R()
+      }],
+      "mask-image-y-from-color": [{
+        "mask-y-from": h()
+      }],
+      "mask-image-y-to-color": [{
+        "mask-y-to": h()
+      }],
+      "mask-image-radial": [{
+        "mask-radial": [f, d]
+      }],
+      "mask-image-radial-from-pos": [{
+        "mask-radial-from": R()
+      }],
+      "mask-image-radial-to-pos": [{
+        "mask-radial-to": R()
+      }],
+      "mask-image-radial-from-color": [{
+        "mask-radial-from": h()
+      }],
+      "mask-image-radial-to-color": [{
+        "mask-radial-to": h()
+      }],
+      "mask-image-radial-shape": [{
+        "mask-radial": ["circle", "ellipse"]
+      }],
+      "mask-image-radial-size": [{
+        "mask-radial": [{
+          closest: ["side", "corner"],
+          farthest: ["side", "corner"]
+        }]
+      }],
+      "mask-image-radial-pos": [{
+        "mask-radial-at": P()
+      }],
+      "mask-image-conic-pos": [{
+        "mask-conic": [w]
+      }],
+      "mask-image-conic-from-pos": [{
+        "mask-conic-from": R()
+      }],
+      "mask-image-conic-to-pos": [{
+        "mask-conic-to": R()
+      }],
+      "mask-image-conic-from-color": [{
+        "mask-conic-from": h()
+      }],
+      "mask-image-conic-to-color": [{
+        "mask-conic-to": h()
+      }],
+      /**
+       * Mask Mode
+       * @see https://tailwindcss.com/docs/mask-mode
+       */
+      "mask-mode": [{
+        mask: ["alpha", "luminance", "match"]
+      }],
+      /**
+       * Mask Origin
+       * @see https://tailwindcss.com/docs/mask-origin
+       */
+      "mask-origin": [{
+        "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
+      }],
+      /**
+       * Mask Position
+       * @see https://tailwindcss.com/docs/mask-position
+       */
+      "mask-position": [{
+        mask: ke()
+      }],
+      /**
+       * Mask Repeat
+       * @see https://tailwindcss.com/docs/mask-repeat
+       */
+      "mask-repeat": [{
+        mask: ve()
+      }],
+      /**
+       * Mask Size
+       * @see https://tailwindcss.com/docs/mask-size
+       */
+      "mask-size": [{
+        mask: Ne()
+      }],
+      /**
+       * Mask Type
+       * @see https://tailwindcss.com/docs/mask-type
+       */
+      "mask-type": [{
+        "mask-type": ["alpha", "luminance"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image": [{
+        mask: ["none", f, d]
+      }],
+      // ---------------
+      // --- Filters ---
+      // ---------------
+      /**
+       * Filter
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          f,
+          d
+        ]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: Se()
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [w, f, d]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [w, f, d]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          C,
+          te,
+          re
+        ]
+      }],
+      /**
+       * Drop Shadow Color
+       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
+       */
+      "drop-shadow-color": [{
+        "drop-shadow": h()
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: ["", w, f, d]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [w, f, d]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: ["", w, f, d]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [w, f, d]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: ["", w, f, d]
+      }],
+      /**
+       * Backdrop Filter
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          f,
+          d
+        ]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": Se()
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [w, f, d]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [w, f, d]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": ["", w, f, d]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [w, f, d]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": ["", w, f, d]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [w, f, d]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [w, f, d]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": ["", w, f, d]
+      }],
+      // --------------
+      // --- Tables ---
+      // --------------
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": u()
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": u()
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": u()
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // ---------------------------------
+      // --- Transitions and Animation ---
+      // ---------------------------------
+      /**
+       * Transition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", f, d]
+      }],
+      /**
+       * Transition Behavior
+       * @see https://tailwindcss.com/docs/transition-behavior
+       */
+      "transition-behavior": [{
+        transition: ["normal", "discrete"]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: [w, "initial", f, d]
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "initial", y, f, d]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: [w, f, d]
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", z, f, d]
+      }],
+      // ------------------
+      // --- Transforms ---
+      // ------------------
+      /**
+       * Backface Visibility
+       * @see https://tailwindcss.com/docs/backface-visibility
+       */
+      backface: [{
+        backface: ["hidden", "visible"]
+      }],
+      /**
+       * Perspective
+       * @see https://tailwindcss.com/docs/perspective
+       */
+      perspective: [{
+        perspective: [v, f, d]
+      }],
+      /**
+       * Perspective Origin
+       * @see https://tailwindcss.com/docs/perspective-origin
+       */
+      "perspective-origin": [{
+        "perspective-origin": T()
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: K()
+      }],
+      /**
+       * Rotate X
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-x": [{
+        "rotate-x": K()
+      }],
+      /**
+       * Rotate Y
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-y": [{
+        "rotate-y": K()
+      }],
+      /**
+       * Rotate Z
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-z": [{
+        "rotate-z": K()
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: Z()
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": Z()
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": Z()
+      }],
+      /**
+       * Scale Z
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-z": [{
+        "scale-z": Z()
+      }],
+      /**
+       * Scale 3D
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-3d": ["scale-3d"],
+      /**
+       * Skew
+       * @see https://tailwindcss.com/docs/skew
+       */
+      skew: [{
+        skew: fe()
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": fe()
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": fe()
+      }],
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: [f, d, "", "none", "gpu", "cpu"]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: T()
+      }],
+      /**
+       * Transform Style
+       * @see https://tailwindcss.com/docs/transform-style
+       */
+      "transform-style": [{
+        transform: ["3d", "flat"]
+      }],
+      /**
+       * Translate
+       * @see https://tailwindcss.com/docs/translate
+       */
+      translate: [{
+        translate: ee()
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": ee()
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": ee()
+      }],
+      /**
+       * Translate Z
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-z": [{
+        "translate-z": ee()
+      }],
+      /**
+       * Translate None
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-none": ["translate-none"],
+      /**
+       * Zoom
+       * @see https://tailwindcss.com/docs/zoom
+       */
+      zoom: [{
+        zoom: [E, f, d]
+      }],
+      // ---------------------
+      // --- Interactivity ---
+      // ---------------------
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: h()
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: h()
+      }],
+      /**
+       * Color Scheme
+       * @see https://tailwindcss.com/docs/color-scheme
+       */
+      "color-scheme": [{
+        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
+      }],
+      /**
+       * Cursor
+       * @see https://tailwindcss.com/docs/cursor
+       */
+      cursor: [{
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", f, d]
+      }],
+      /**
+       * Field Sizing
+       * @see https://tailwindcss.com/docs/field-sizing
+       */
+      "field-sizing": [{
+        "field-sizing": ["fixed", "content"]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["auto", "none"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "", "y", "x"]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scrollbar Thumb Color
+       * @see https://tailwindcss.com/docs/scrollbar-color
+       */
+      "scrollbar-thumb-color": [{
+        "scrollbar-thumb": h()
+      }],
+      /**
+       * Scrollbar Track Color
+       * @see https://tailwindcss.com/docs/scrollbar-color
+       */
+      "scrollbar-track-color": [{
+        "scrollbar-track": h()
+      }],
+      /**
+       * Scrollbar Gutter
+       * @see https://tailwindcss.com/docs/scrollbar-gutter
+       */
+      "scrollbar-gutter": [{
+        "scrollbar-gutter": ["auto", "stable", "both"]
+      }],
+      /**
+       * Scrollbar Width
+       * @see https://tailwindcss.com/docs/scrollbar-width
+       */
+      "scrollbar-w": [{
+        scrollbar: ["auto", "thin", "none"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": u()
+      }],
+      /**
+       * Scroll Margin Inline
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": u()
+      }],
+      /**
+       * Scroll Margin Block
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": u()
+      }],
+      /**
+       * Scroll Margin Inline Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": u()
+      }],
+      /**
+       * Scroll Margin Inline End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": u()
+      }],
+      /**
+       * Scroll Margin Block Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mbs": [{
+        "scroll-mbs": u()
+      }],
+      /**
+       * Scroll Margin Block End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mbe": [{
+        "scroll-mbe": u()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": u()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": u()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": u()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": u()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": u()
+      }],
+      /**
+       * Scroll Padding Inline
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": u()
+      }],
+      /**
+       * Scroll Padding Block
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": u()
+      }],
+      /**
+       * Scroll Padding Inline Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": u()
+      }],
+      /**
+       * Scroll Padding Inline End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": u()
+      }],
+      /**
+       * Scroll Padding Block Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pbs": [{
+        "scroll-pbs": u()
+      }],
+      /**
+       * Scroll Padding Block End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pbe": [{
+        "scroll-pbe": u()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": u()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": u()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": u()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": u()
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      /**
+       * Touch Action X
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      /**
+       * Touch Action Y
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      /**
+       * Touch Action Pinch Zoom
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-pz": ["touch-pinch-zoom"],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", f, d]
+      }],
+      // -----------
+      // --- SVG ---
+      // -----------
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: ["none", ...h()]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [w, J, _, Ae]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: ["none", ...h()]
+      }],
+      // ---------------------
+      // --- Accessibility ---
+      // ---------------------
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      "container-named": ["container-type"],
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "inset-bs", "inset-be", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pbs", "pbe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mbs", "mbe", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-bs", "border-w-be", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-bs", "border-color-be", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      translate: ["translate-x", "translate-y", "translate-none"],
+      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mbs", "scroll-mbe", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pbs", "scroll-pbe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    },
+    postfixLookupClassGroups: ["container-type"],
+    orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
+  };
+}, kt = /* @__PURE__ */ Kr(wt);
+function W(...e) {
+  return kt(Tr(e));
+}
+const vt = {
+  Popular: "bg-green-100 text-green-700",
+  Fast: "bg-orange-100 text-orange-600",
+  Premium: "bg-purple-100 text-purple-700",
+  Complete: "bg-blue-100 text-blue-700",
+  AI: "bg-teal-100 text-teal-700",
+  Lean: "bg-slate-100 text-slate-600",
+  Active: "bg-green-100 text-green-700",
+  Draft: "bg-orange-100 text-orange-600",
+  Configured: "bg-green-100 text-green-700",
+  "Configuration Pending": "bg-red-100 text-red-600"
+};
+function _t({ status: e, className: t, dot: n = !1 }) {
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: W(
+        "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium",
+        vt[e] ?? "bg-gray-100 text-gray-600",
+        t
+      ),
+      children: [
+        n && /* @__PURE__ */ r(
+          "span",
+          {
+            className: W("h-1.5 w-1.5 rounded-full", {
+              "bg-green-500": e === "Active" || e === "Configured",
+              "bg-orange-500": e === "Draft",
+              "bg-red-500": e === "Configuration Pending"
+            })
+          }
+        ),
+        e
+      ]
+    }
+  );
+}
+const ir = {
+  incscreen: {
+    label: "IncScreen",
+    Icon: gr,
+    gradient: "linear-gradient(135deg, #0d9488 0%, #14b8a6 100%)"
+  },
+  incbot: {
+    label: "IncBot",
+    Icon: pr,
+    gradient: "linear-gradient(135deg, #2563eb 0%, #3b82f6 100%)"
+  },
+  incvid: {
+    label: "IncVid",
+    Icon: fr,
+    gradient: "linear-gradient(135deg, #4f46e5 0%, #6366f1 100%)"
+  },
+  incfeed: {
+    label: "IncFeed",
+    Icon: dr,
+    gradient: "linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%)"
+  },
+  incserve: {
+    label: "IncServe",
+    Icon: cr,
+    gradient: "linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%)"
+  },
+  incproctor: {
+    label: "IncProctor",
+    Icon: ar,
+    gradient: "linear-gradient(135deg, #475569 0%, #64748b 100%)"
+  }
+}, Nt = {
+  sm: { box: 28, icon: 13, radius: 7 },
+  md: { box: 36, icon: 17, radius: 9 },
+  lg: { box: 48, icon: 22, radius: 12 }
+};
+function he({ product: e, size: t = "md", className: n }) {
+  const o = ir[e], { box: s, icon: a, radius: l } = Nt[t], { Icon: p, gradient: g } = o;
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      className: W("flex flex-shrink-0 items-center justify-center", n),
+      style: {
+        width: s,
+        height: s,
+        borderRadius: l,
+        background: g
+      },
+      children: /* @__PURE__ */ r(p, { size: a, color: "#fff" })
+    }
+  );
+}
+function Ct(e) {
+  return ir[e]?.label ?? e;
+}
+function Yt({
+  placeholder: e = "Search...",
+  shortcut: t = "⌘K",
+  className: n,
+  onSearch: o
+}) {
+  return /* @__PURE__ */ i("div", { className: W("relative flex items-center", n), children: [
+    /* @__PURE__ */ r(mr, { size: 14, className: "absolute left-3 text-gray-400 pointer-events-none", strokeWidth: 2 }),
+    /* @__PURE__ */ r(
+      "input",
+      {
+        type: "text",
+        placeholder: e,
+        onChange: (s) => o?.(s.target.value),
+        className: W(
+          "h-8 w-56 rounded-lg border border-gray-200 bg-gray-50",
+          "pl-8 pr-14 text-[13px] text-gray-700 placeholder:text-gray-400",
+          "focus:outline-none focus:ring-2 focus:ring-blue-400/30 focus:border-blue-400/60",
+          "transition-colors"
+        )
+      }
+    ),
+    t && /* @__PURE__ */ r("div", { className: "absolute right-2.5 flex items-center gap-0.5 pointer-events-none", children: /* @__PURE__ */ r("kbd", { className: "flex items-center rounded bg-gray-100 px-1.5 py-0.5 text-[10px] font-medium text-gray-400 font-sans border border-gray-200", children: t }) })
+  ] });
+}
+function Ht({ title: e, description: t, breadcrumb: n, actions: o, className: s }) {
+  return /* @__PURE__ */ i("div", { className: W("flex items-start justify-between", s), children: [
+    /* @__PURE__ */ i("div", { children: [
+      n && /* @__PURE__ */ r("p", { className: "mb-1 text-xs text-gray-400 uppercase tracking-wider", children: n }),
+      /* @__PURE__ */ r("h1", { className: "text-2xl font-bold text-gray-900", children: e }),
+      t && /* @__PURE__ */ r("p", { className: "mt-1 text-sm text-gray-500", children: t })
+    ] }),
+    o && /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: o })
+  ] });
+}
+const oe = "#12b6bc", St = "#f5fbf8", lr = "rgba(0,0,0,0.03)", ne = "rgba(0,0,0,0.07)";
+function Me({
+  item: e,
+  active: t,
+  collapsed: n,
+  onNavigate: o
+}) {
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      onClick: () => o?.(e.href),
+      title: n ? e.label : void 0,
+      className: "flex w-full items-center overflow-hidden",
+      style: {
+        gap: n ? 0 : 20,
+        paddingLeft: n ? 0 : 15,
+        paddingRight: n ? 0 : 10,
+        paddingTop: 10,
+        paddingBottom: 10,
+        justifyContent: n ? "center" : void 0,
+        background: t ? St : "transparent",
+        borderLeft: t ? `2px solid ${oe}` : "2px solid transparent",
+        borderRadius: 0
+      },
+      onMouseEnter: (s) => {
+        t || (s.currentTarget.style.background = lr);
+      },
+      onMouseLeave: (s) => {
+        t || (s.currentTarget.style.background = "transparent");
+      },
+      children: [
+        /* @__PURE__ */ r(
+          e.Icon,
+          {
+            size: 22,
+            style: { flexShrink: 0, color: t ? oe : "#9ca3af", display: "block" }
+          }
+        ),
+        !n && /* @__PURE__ */ i(F, { children: [
+          /* @__PURE__ */ r(
+            "span",
+            {
+              className: "flex-1 text-left",
+              style: {
+                fontFamily: "'Inter', sans-serif",
+                fontSize: 13,
+                lineHeight: "24px",
+                fontWeight: t ? 700 : 500,
+                color: t ? oe : "#000",
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis"
+              },
+              children: e.label
+            }
+          ),
+          e.badge !== void 0 && /* @__PURE__ */ r(
+            "span",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                height: 19,
+                minWidth: 20,
+                paddingInline: 4,
+                borderRadius: 10,
+                background: "rgba(18,182,188,0.14)",
+                color: oe,
+                fontSize: 10,
+                fontWeight: 600,
+                flexShrink: 0
+              },
+              children: e.badge
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function zt({
+  user: e,
+  logoSrc: t,
+  logoAlt: n = "Logo",
+  navItems: o = [],
+  otherItems: s = [],
+  activeHref: a = "/",
+  onNavigate: l,
+  onMyProfile: p,
+  onAccountsBilling: g
+}) {
+  const [c, k] = D(!1), [m, N] = D(!1), C = e.name.split(" ").map((x) => x[0]).join("").slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ i(
+    "aside",
+    {
+      className: "flex h-screen flex-shrink-0 flex-col bg-white transition-all duration-200",
+      style: { width: m ? 52 : 250, borderRight: `1px solid ${ne}` },
+      children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: "flex flex-shrink-0 items-center",
+            style: {
+              height: 52,
+              padding: 10,
+              borderBottom: `1px solid ${ne}`,
+              justifyContent: m ? "center" : "space-between"
+            },
+            children: [
+              !m && t && /* @__PURE__ */ r("img", { src: t, alt: n, style: { height: 36, width: "auto", objectFit: "contain" } }),
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  onClick: () => {
+                    N((x) => !x), k(!1);
+                  },
+                  className: "flex items-center justify-center rounded-md text-gray-400 hover:bg-gray-100 transition-colors",
+                  style: { width: 28, height: 28, flexShrink: 0 },
+                  "aria-label": "Toggle menu",
+                  children: /* @__PURE__ */ r(je, { size: 16 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "flex-shrink-0", children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              onClick: () => !m && k((x) => !x),
+              className: "flex w-full items-center transition-colors",
+              style: {
+                gap: 12,
+                padding: 12,
+                background: "rgba(18,182,188,0.05)",
+                justifyContent: m ? "center" : void 0
+              },
+              children: [
+                e.avatarUrl ? /* @__PURE__ */ r(
+                  "img",
+                  {
+                    src: e.avatarUrl,
+                    alt: e.name,
+                    className: "rounded-full object-cover",
+                    style: { width: 32, height: 32, flexShrink: 0 }
+                  }
+                ) : /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: "flex items-center justify-center rounded-full text-white",
+                    style: {
+                      width: 32,
+                      height: 32,
+                      flexShrink: 0,
+                      fontSize: 11,
+                      fontWeight: 700,
+                      background: "linear-gradient(135deg, #3b82f6 0%, #12b6bc 100%)"
+                    },
+                    children: C
+                  }
+                ),
+                !m && /* @__PURE__ */ i(F, { children: [
+                  /* @__PURE__ */ i("div", { className: "flex-1 min-w-0 text-left", children: [
+                    /* @__PURE__ */ r(
+                      "p",
+                      {
+                        style: {
+                          fontFamily: "'Plus Jakarta Sans', sans-serif",
+                          fontSize: 14,
+                          fontWeight: 500,
+                          color: "#000",
+                          lineHeight: "1.45",
+                          whiteSpace: "nowrap",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis"
+                        },
+                        children: e.name
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      "p",
+                      {
+                        style: {
+                          fontFamily: "'Plus Jakarta Sans', sans-serif",
+                          fontSize: 12,
+                          fontWeight: 400,
+                          color: "#3f3f3f",
+                          lineHeight: "1.5",
+                          marginTop: 1,
+                          whiteSpace: "nowrap",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis"
+                        },
+                        children: e.role
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ r(Fe, { size: 16, style: { color: "#9ca3af", flexShrink: 0 } })
+                ] })
+              ]
+            }
+          ),
+          c && /* @__PURE__ */ r(F, { children: [
+            { label: "My Profile", Icon: Oe, action: p },
+            { label: "Accounts & Billing", Icon: Ee, action: g }
+          ].map(({ label: x, Icon: v, action: S }) => /* @__PURE__ */ i(
+            "button",
+            {
+              onClick: S,
+              className: "flex w-full items-center overflow-hidden",
+              style: {
+                gap: 20,
+                paddingLeft: 15,
+                paddingRight: 10,
+                paddingTop: 10,
+                paddingBottom: 10,
+                background: "transparent",
+                borderLeft: "2px solid transparent",
+                borderRadius: 0
+              },
+              onMouseEnter: (y) => {
+                y.currentTarget.style.background = lr;
+              },
+              onMouseLeave: (y) => {
+                y.currentTarget.style.background = "transparent";
+              },
+              children: [
+                /* @__PURE__ */ r(v, { size: 22, style: { color: "#878787", flexShrink: 0 } }),
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    style: {
+                      fontFamily: "'Inter', sans-serif",
+                      fontSize: 13,
+                      lineHeight: "24px",
+                      fontWeight: 500,
+                      color: "#000",
+                      whiteSpace: "nowrap",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis"
+                    },
+                    children: x
+                  }
+                )
+              ]
+            },
+            x
+          )) })
+        ] }),
+        /* @__PURE__ */ i("nav", { className: "flex-1 overflow-y-auto", children: [
+          o.length > 0 && !m && /* @__PURE__ */ r(
+            "div",
+            {
+              style: {
+                paddingLeft: 20,
+                paddingRight: 10,
+                paddingTop: 10,
+                paddingBottom: 6,
+                fontSize: 11,
+                fontWeight: 600,
+                letterSpacing: "0.06em",
+                color: "rgba(0,0,0,0.45)",
+                fontFamily: "'Inter', sans-serif"
+              },
+              children: "MAIN MENU"
+            }
+          ),
+          o.map((x) => /* @__PURE__ */ r(
+            Me,
+            {
+              item: x,
+              active: a === x.href,
+              collapsed: m,
+              onNavigate: l
+            },
+            x.href
+          ))
+        ] }),
+        s.length > 0 && /* @__PURE__ */ i("div", { className: "flex-shrink-0", children: [
+          !m && /* @__PURE__ */ r(
+            "div",
+            {
+              style: {
+                paddingLeft: 20,
+                paddingRight: 10,
+                paddingTop: 8,
+                paddingBottom: 6,
+                fontSize: 11,
+                fontWeight: 600,
+                letterSpacing: "0.06em",
+                color: "rgba(0,0,0,0.45)",
+                fontFamily: "'Inter', sans-serif",
+                borderTop: `1px solid ${ne}`
+              },
+              children: "OTHER"
+            }
+          ),
+          m && /* @__PURE__ */ r("div", { style: { height: 8, borderTop: `1px solid ${ne}` } }),
+          s.map((x) => /* @__PURE__ */ r(
+            Me,
+            {
+              item: x,
+              active: a === x.href,
+              collapsed: m,
+              onNavigate: l
+            },
+            x.href
+          )),
+          /* @__PURE__ */ r("div", { style: { height: 16 } })
+        ] })
+      ]
+    }
+  );
+}
+function It({
+  title: e,
+  breadcrumb: t,
+  actions: n,
+  notificationCount: o = 0,
+  onBellClick: s,
+  className: a
+}) {
+  return /* @__PURE__ */ i(
+    "header",
+    {
+      className: W("flex h-[52px] flex-shrink-0 items-center justify-between bg-white px-6", a),
+      style: { borderBottom: "1px solid rgba(0,0,0,0.07)" },
+      children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ r("h2", { className: "text-[15px] font-bold text-gray-900 leading-none", children: e }),
+          t && /* @__PURE__ */ i(F, { children: [
+            /* @__PURE__ */ r("span", { className: "text-gray-300 leading-none", children: "/" }),
+            /* @__PURE__ */ r("span", { className: "text-[13px] text-gray-500 truncate", children: t })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "flex flex-shrink-0 items-center gap-2.5", children: [
+          n,
+          /* @__PURE__ */ i(
+            "button",
+            {
+              onClick: s,
+              className: "relative flex h-8 w-8 items-center justify-center rounded-lg text-gray-400 hover:bg-gray-100 hover:text-gray-600 transition-colors",
+              "aria-label": "Notifications",
+              children: [
+                /* @__PURE__ */ r(Ge, { size: 16, strokeWidth: 1.75 }),
+                o > 0 && /* @__PURE__ */ r("span", { className: "absolute right-1.5 top-1.5 flex h-2 w-2 rounded-full bg-blue-500 ring-1 ring-white" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Jt({
+  user: e,
+  logoSrc: t,
+  logoAlt: n,
+  navItems: o,
+  otherItems: s,
+  activeHref: a,
+  topBarTitle: l = "",
+  topBarBreadcrumb: p,
+  topBarActions: g,
+  notificationCount: c,
+  onNavigate: k,
+  onMyProfile: m,
+  onAccountsBilling: N,
+  onBellClick: C,
+  children: x,
+  className: v
+}) {
+  return /* @__PURE__ */ i("div", { className: "flex h-screen overflow-hidden bg-gray-50", children: [
+    /* @__PURE__ */ r(
+      zt,
+      {
+        user: e,
+        logoSrc: t,
+        logoAlt: n,
+        navItems: o,
+        otherItems: s,
+        activeHref: a,
+        onNavigate: k,
+        onMyProfile: m,
+        onAccountsBilling: N
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: "flex flex-1 min-w-0 flex-col overflow-hidden", children: [
+      /* @__PURE__ */ r(
+        It,
+        {
+          title: l,
+          breadcrumb: p,
+          actions: g,
+          notificationCount: c,
+          onBellClick: C
+        }
+      ),
+      /* @__PURE__ */ r("main", { className: W("flex-1 overflow-y-auto", v), children: x })
+    ] })
+  ] });
+}
+function qt({
+  name: e,
+  subtitle: t = ""
+}) {
+  const n = e.split(" ")[0];
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i("h1", { className: "text-[26px] font-bold leading-tight text-gray-900", children: [
+      "Welcome back,",
+      " ",
+      /* @__PURE__ */ r("span", { style: { color: "#3b82f6" }, children: n }),
+      " ",
+      /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "👋" })
+    ] }),
+    /* @__PURE__ */ r("p", { className: "mt-1.5 text-[13.5px] text-gray-500", children: t })
+  ] });
+}
+function Qt({
+  icon: e,
+  iconBg: t = "#eff6ff",
+  title: n,
+  subtitle: o,
+  onClick: s,
+  className: a
+}) {
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      onClick: s,
+      className: W(
+        "flex items-center gap-4 rounded-xl bg-white px-5 py-4 text-left",
+        "transition-all",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40",
+        a
+      ),
+      style: {
+        border: "1px solid rgba(0,0,0,0.07)"
+      },
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: "flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-xl",
+            style: { background: t },
+            children: e
+          }
+        ),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ r("p", { className: "text-[13.5px] font-semibold text-gray-900 leading-snug", children: n }),
+          /* @__PURE__ */ r("p", { className: "mt-0.5 text-[12px] text-gray-500 leading-snug", children: o })
+        ] })
+      ]
+    }
+  );
+}
+function Xt({
+  name: e,
+  product: t,
+  status: n,
+  validTill: o,
+  usage: s,
+  onOpenDashboard: a
+}) {
+  const l = n === "Active";
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: "flex items-center gap-4 rounded-xl bg-white px-5 py-4",
+      style: { border: "1px solid rgba(0,0,0,0.07)" },
+      children: [
+        /* @__PURE__ */ r(he, { product: t, size: "md", className: "flex-shrink-0" }),
+        /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ r("p", { className: "truncate text-[13px] font-semibold", style: { color: "#111118" }, children: e }),
+          /* @__PURE__ */ i("div", { className: "mt-1 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ r(
+              "span",
+              {
+                className: "inline-block h-[6px] w-[6px] rounded-full",
+                style: { background: l ? "#16a34a" : "#f59e0b" }
+              }
+            ),
+            /* @__PURE__ */ r("span", { className: "text-[11.5px] font-medium", style: { color: l ? "#16a34a" : "#d97706" }, children: n }),
+            /* @__PURE__ */ r("span", { className: "text-[11.5px]", style: { color: "#d1d5db" }, children: "·" }),
+            /* @__PURE__ */ i("span", { className: "text-[11.5px]", style: { color: "#9ca3af" }, children: [
+              "Valid till ",
+              o
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "hidden w-32 flex-shrink-0 sm:block", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-1.5", children: [
+            /* @__PURE__ */ r("span", { className: "text-[10.5px]", style: { color: "#aab" }, children: "Usage" }),
+            /* @__PURE__ */ i("span", { className: "text-[10.5px] font-semibold", style: { color: "#374151" }, children: [
+              s,
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "h-[3px] w-full overflow-hidden rounded-full", style: { background: "rgba(0,0,0,0.06)" }, children: /* @__PURE__ */ r(
+            "div",
+            {
+              className: "h-full rounded-full transition-all",
+              style: {
+                width: `${s}%`,
+                background: "linear-gradient(90deg, #133f7d 0%, #12b6bc 100%)"
+              }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: a,
+            className: "ml-2 flex-shrink-0 rounded-lg text-[11px] font-medium transition-colors hover:bg-gray-200",
+            style: {
+              background: "#f1f2f4",
+              border: "1px solid rgba(0,0,0,0.10)",
+              color: "#111118",
+              height: 28,
+              padding: "0 11px"
+            },
+            children: "Open Dashboard"
+          }
+        )
+      ]
+    }
+  );
+}
+function Kt({ product: e, message: t, ctaLabel: n = "Explore →", onExplore: o }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: "flex items-center gap-3 px-4 py-3",
+      style: {
+        borderRadius: 12,
+        border: "1px dashed rgba(99, 102, 241, 0.25)",
+        background: "rgba(99, 102, 241, 0.04)"
+      },
+      children: [
+        /* @__PURE__ */ r("span", { className: "flex-shrink-0 text-base leading-none", "aria-hidden": !0, children: "💡" }),
+        /* @__PURE__ */ i("p", { className: "flex-1 text-[13px] text-gray-600 leading-snug", children: [
+          "Based on your usage,",
+          " ",
+          /* @__PURE__ */ r("span", { className: "font-semibold text-gray-900", children: e }),
+          " ",
+          t,
+          " ",
+          /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: o,
+              className: "font-semibold text-blue-600 hover:underline",
+              style: { background: "none", border: "none", cursor: "pointer", padding: 0 },
+              children: n
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const Le = {
+  Popular: "#2563eb",
+  Fast: "#d97706",
+  Premium: "#7c3aed",
+  Complete: "#c2410c",
+  AI: "#0d9488",
+  Lean: "#a16207"
+};
+function Zt({
+  title: e,
+  description: t,
+  badge: n,
+  steps: o,
+  onUseTemplate: s
+}) {
+  const a = Le[n] ?? Le.Popular;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: "flex flex-col rounded-2xl bg-white transition-colors hover:border-gray-300",
+      style: {
+        border: "1px solid rgba(0,0,0,0.08)",
+        padding: "20px"
+      },
+      children: [
+        /* @__PURE__ */ i("div", { className: "flex items-start justify-between mb-4", children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              style: {
+                width: 44,
+                height: 44,
+                borderRadius: 12,
+                background: "rgba(16,185,129,0.12)",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                flexShrink: 0
+              },
+              children: /* @__PURE__ */ r(br, { size: 22, color: "#10b981" })
+            }
+          ),
+          /* @__PURE__ */ r(
+            "span",
+            {
+              style: {
+                fontFamily: "'Inter', sans-serif",
+                fontSize: 13,
+                fontWeight: 600,
+                color: a
+              },
+              children: n
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r(
+          "h3",
+          {
+            style: {
+              fontFamily: "'Inter', sans-serif",
+              fontSize: 16,
+              fontWeight: 700,
+              color: "#111118",
+              marginBottom: 8
+            },
+            children: e
+          }
+        ),
+        /* @__PURE__ */ r(
+          "p",
+          {
+            style: {
+              fontFamily: "'Inter', sans-serif",
+              fontSize: 13,
+              lineHeight: "1.6",
+              color: "#6b7280",
+              marginBottom: 20,
+              flexGrow: 1
+            },
+            children: t
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+          o.map((l, p) => /* @__PURE__ */ i("span", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ r(
+              "span",
+              {
+                style: {
+                  background: "#f1f5f9",
+                  color: "#475569",
+                  border: "1px solid #e2e8f0",
+                  borderRadius: 6,
+                  padding: "3px 8px",
+                  fontSize: 11,
+                  fontFamily: "'Inter', sans-serif",
+                  fontWeight: 500
+                },
+                children: l
+              }
+            ),
+            p < o.length - 1 && /* @__PURE__ */ r(De, { size: 9, style: { color: "#cbd5e1", flexShrink: 0 } })
+          ] }, l)),
+          /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: s,
+              style: {
+                fontFamily: "'Inter', sans-serif",
+                fontSize: 12,
+                fontWeight: 500,
+                color: "#6b7280",
+                background: "none",
+                border: "none",
+                cursor: "pointer",
+                padding: 0,
+                marginLeft: 4,
+                whiteSpace: "nowrap"
+              },
+              className: "hover:text-gray-900 transition-colors",
+              children: "+ Use Template"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function eo({
+  title: e,
+  steps: t,
+  createdAt: n,
+  status: o,
+  candidates: s,
+  hired: a,
+  onEdit: l,
+  onAddCandidate: p
+}) {
+  const g = o === "Draft";
+  return /* @__PURE__ */ i("div", { className: "flex items-center gap-4 rounded-xl border border-gray-200 bg-white px-5 py-4 transition-colors hover:border-gray-300", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full",
+        style: { background: g ? "#fff7ed" : "#f0fdf4" },
+        children: g ? /* @__PURE__ */ r($e, { size: 15, style: { color: "#ea580c" } }) : /* @__PURE__ */ r(Ue, { size: 15, fill: "#16a34a", style: { color: "#16a34a" } })
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ r("p", { className: "truncate text-[13.5px] font-semibold text-gray-900", children: e }),
+      /* @__PURE__ */ i("div", { className: "mt-1 flex flex-wrap items-center gap-1.5", children: [
+        t.map((c, k) => /* @__PURE__ */ i("span", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ r("span", { className: "text-[12px] text-gray-500", children: c }),
+          k < t.length - 1 && /* @__PURE__ */ r(De, { size: 9, className: "text-gray-300" })
+        ] }, c)),
+        /* @__PURE__ */ r("span", { className: "text-gray-300 text-[12px] select-none", children: "·" }),
+        /* @__PURE__ */ i("span", { className: "text-[12px] text-gray-400", children: [
+          "Created ",
+          n
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "hidden flex-shrink-0 sm:flex items-center gap-5", children: [
+      /* @__PURE__ */ i("div", { className: "text-center", children: [
+        /* @__PURE__ */ r("p", { className: "text-[15px] font-bold text-gray-900", children: s }),
+        /* @__PURE__ */ r("p", { className: "text-[10.5px] text-gray-400", children: "Candidates" })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "text-center", children: [
+        /* @__PURE__ */ r("p", { className: "text-[15px] font-bold text-gray-900", children: a }),
+        /* @__PURE__ */ r("p", { className: "text-[10.5px] text-gray-400", children: "Hired" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(
+      "span",
+      {
+        className: "flex-shrink-0 rounded-full px-2.5 py-0.5 text-[11px] font-semibold",
+        style: g ? { background: "#fff7ed", color: "#c2410c", border: "1px solid #fed7aa" } : { background: "#f0fdf4", color: "#15803d", border: "1px solid #bbf7d0" },
+        children: o
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: "flex flex-shrink-0 items-center gap-2", children: [
+      /* @__PURE__ */ i(
+        "button",
+        {
+          onClick: l,
+          className: "flex items-center gap-1.5 rounded-lg border border-gray-200 px-3 h-8 text-[12px] font-medium text-gray-600 hover:bg-gray-50 transition-colors",
+          children: [
+            /* @__PURE__ */ r(ur, { size: 12 }),
+            "Edit"
+          ]
+        }
+      ),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          onClick: p,
+          disabled: g,
+          className: "flex items-center gap-1.5 rounded-lg h-8 px-3 text-[12px] font-medium text-white transition-opacity hover:opacity-90 disabled:opacity-40 disabled:cursor-not-allowed",
+          style: { background: "#0f1f3d" },
+          children: [
+            /* @__PURE__ */ r(hr, { size: 12 }),
+            "Add Candidate"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const Rt = {
+  incscreen: "IncScreen",
+  incbot: "IncBot",
+  incvid: "IncVid",
+  incfeed: "IncFeed",
+  incserve: "IncServe",
+  incproctor: "IncProctor"
+}, At = {
+  border: "2px solid rgba(19,63,125,0.30)",
+  background: "rgba(19,63,125,0.05)",
+  boxShadow: "none"
+}, Tt = {
+  border: "1px solid rgba(19,63,125,0.12)",
+  background: "#ffffff",
+  boxShadow: "0 1px 3px 0 rgba(15,23,41,0.05), 0 1px 2px -1px rgba(15,23,41,0.05)"
+};
+function Pt({
+  type: e = "product",
+  product: t,
+  productLabel: n,
+  status: o,
+  details: s,
+  stepLabel: a,
+  onMoveUp: l,
+  onMoveDown: p,
+  onSettings: g,
+  onDelete: c,
+  className: k
+}) {
+  const m = e === "position", N = e === "onboarding", x = o === "Configured" || m || N ? At : Tt, v = m ? "Position" : N ? "Onboarding" : t ? Rt[t] : "";
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: W("flex items-center gap-3.5 px-4 py-3.5 w-full max-w-lg", k),
+      style: {
+        borderRadius: 12,
+        border: x.border,
+        background: x.background,
+        boxShadow: x.boxShadow
+      },
+      children: [
+        m || N ? /* @__PURE__ */ r(
+          "div",
+          {
+            className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg",
+            style: { background: m ? "#e0e7ff" : "#dcfce7" },
+            children: /* @__PURE__ */ r(xr, { size: 17, style: { color: m ? "#6366f1" : "#16a34a" } })
+          }
+        ) : t ? /* @__PURE__ */ r(he, { product: t, size: "md", className: "flex-shrink-0" }) : null,
+        /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ r("span", { className: "text-[13.5px] font-bold text-gray-900", children: v }),
+            n && /* @__PURE__ */ r("span", { className: "text-[12px] text-gray-400", children: n }),
+            a && /* @__PURE__ */ r(
+              "span",
+              {
+                className: "rounded-full px-2 py-0.5 text-[10.5px] font-semibold",
+                style: { background: "#e0f2fe", color: "#0369a1" },
+                children: a
+              }
+            ),
+            o && /* @__PURE__ */ i(
+              "span",
+              {
+                className: "flex items-center gap-1 rounded-full px-2 py-0.5 text-[10.5px] font-semibold",
+                style: o === "Configured" ? { background: "#f0fdf4", color: "#15803d", border: "1px solid #bbf7d0" } : { background: "#fff7ed", color: "#c2410c", border: "1px solid #fed7aa" },
+                children: [
+                  o === "Configured" ? /* @__PURE__ */ r(yr, { size: 10 }) : /* @__PURE__ */ r(wr, { size: 10 }),
+                  o
+                ]
+              }
+            )
+          ] }),
+          s && /* @__PURE__ */ r("p", { className: "mt-0.5 truncate text-[12px] text-gray-500", children: s })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "flex flex-shrink-0 items-center gap-0.5", children: [
+          !m && /* @__PURE__ */ i(F, { children: [
+            /* @__PURE__ */ r(
+              "button",
+              {
+                onClick: l,
+                className: "rounded-md p-1.5 hover:bg-white/70 transition-colors",
+                style: { color: "#0F1729" },
+                "aria-label": "Move up",
+                children: /* @__PURE__ */ r(kr, { size: 14 })
+              }
+            ),
+            /* @__PURE__ */ r(
+              "button",
+              {
+                onClick: p,
+                className: "rounded-md p-1.5 hover:bg-white/70 transition-colors",
+                style: { color: "#0F1729" },
+                "aria-label": "Move down",
+                children: /* @__PURE__ */ r(Ve, { size: 14 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: g,
+              className: "rounded-md p-1.5 hover:bg-white/70 transition-colors",
+              style: { color: "#0F1729" },
+              "aria-label": "Settings",
+              children: /* @__PURE__ */ r(vr, { size: 14 })
+            }
+          ),
+          !m && /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: c,
+              className: "rounded-md p-1.5 text-gray-400 hover:text-red-500 transition-colors",
+              style: {},
+              onMouseEnter: (S) => S.currentTarget.style.background = "#fee2e2",
+              onMouseLeave: (S) => S.currentTarget.style.background = "transparent",
+              "aria-label": "Delete",
+              children: /* @__PURE__ */ r(Nr, { size: 14, color: "#DC2828" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const Mt = {
+  green: "border-green-300 bg-green-50 text-green-700",
+  yellow: "border-orange-300 bg-orange-50 text-orange-700",
+  red: "border-red-300 bg-red-50 text-red-600"
+};
+function Lt({ type: e, branches: t = [], className: n }) {
+  if (e === "simple") return null;
+  const o = e === "manual-review";
+  return /* @__PURE__ */ i("div", { className: W("flex flex-col items-center gap-2", n), children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: W(
+          "flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium",
+          o ? "border-amber-300 bg-amber-50 text-amber-700" : "border-teal-300 bg-teal-50 text-teal-700"
+        ),
+        children: o ? /* @__PURE__ */ i(F, { children: [
+          /* @__PURE__ */ r(Cr, { size: 11 }),
+          "Manual Review"
+        ] }) : /* @__PURE__ */ i(F, { children: [
+          /* @__PURE__ */ r(Sr, { size: 11 }),
+          "Conditional"
+        ] })
+      }
+    ),
+    !o && t.length > 0 && /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center justify-center gap-2", children: t.map((s) => /* @__PURE__ */ r(
+      "span",
+      {
+        className: W(
+          "rounded-full border px-3 py-1 text-[11px] font-medium",
+          Mt[s.color]
+        ),
+        children: s.label
+      },
+      s.label
+    )) })
+  ] });
+}
+function Be({ onClick: e, className: t }) {
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      onClick: e,
+      "aria-label": "Add step",
+      className: W(
+        "flex h-7 w-7 items-center justify-center rounded-full border-2 border-dashed border-gray-300 text-gray-400",
+        "transition-all hover:border-blue-400 hover:bg-blue-50 hover:text-blue-600 hover:scale-110",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500",
+        t
+      ),
+      style: { background: "#F8F9FB" },
+      children: /* @__PURE__ */ r(zr, { size: 14 })
+    }
+  );
+}
+const Bt = [
+  { product: "incscreen", description: "Conversational AI Recruiter" },
+  { product: "incbot", description: "AI Video Interview Software" },
+  { product: "incvid", description: "Video Interview Portal" },
+  { product: "incfeed", description: "Interview Scheduling Software" },
+  { product: "incserve", description: "Interview as a Service" }
+];
+function Wt() {
+  return /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-[3px] flex-shrink-0", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ r("div", { className: "h-[4px] w-[4px] rounded-full bg-gray-300" }, t)) });
+}
+function jt({ open: e, onClose: t, onSelectProduct: n }) {
+  return e ? /* @__PURE__ */ i("aside", { className: "flex w-[220px] flex-shrink-0 flex-col border-l border-gray-200 overflow-hidden", children: [
+    /* @__PURE__ */ i("div", { className: "px-4 py-3.5", style: { background: "#133F7D" }, children: [
+      /* @__PURE__ */ r("h3", { className: "text-[12.5px] font-bold text-white leading-snug", children: "Drag & Drop Products to create Workflow" }),
+      /* @__PURE__ */ r("p", { className: "mt-1 text-[11px] text-white/60 leading-snug", children: "Set the conditions to execute further flow" })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto bg-[#f5f6f8] p-2.5 flex flex-col gap-2", children: Bt.map(({ product: o, description: s }) => /* @__PURE__ */ i(
+      "button",
+      {
+        draggable: !0,
+        onDragEnd: () => {
+          n?.(o), t();
+        },
+        onClick: () => {
+          n?.(o), t();
+        },
+        className: "flex w-full items-center gap-2.5 rounded-xl border border-gray-200 bg-white px-2.5 py-2.5 text-left hover:border-blue-300 hover:shadow-sm transition-all cursor-grab active:cursor-grabbing",
+        children: [
+          /* @__PURE__ */ r(Wt, {}),
+          /* @__PURE__ */ r(he, { product: o, size: "sm" }),
+          /* @__PURE__ */ i("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ i("p", { className: "text-[12px] font-bold text-gray-900 leading-tight", children: [
+              Ct(o),
+              ":"
+            ] }),
+            /* @__PURE__ */ r("p", { className: "text-[10.5px] text-gray-500 leading-tight", children: s })
+          ] })
+        ]
+      },
+      o
+    )) })
+  ] }) : null;
+}
+const Ft = [
+  {
+    id: "position",
+    type: "position",
+    details: ""
+  }
+];
+function ro({
+  title: e = "Untitled Pipeline",
+  status: t = "draft",
+  initialSteps: n = Ft,
+  onBack: o,
+  onPublish: s,
+  onSaveDraft: a
+}) {
+  const [l, p] = D(e), [g, c] = D(n), [k, m] = D("designer"), [N, C] = D(!1);
+  function x(y) {
+    c((z) => z.filter((A) => A.id !== y));
+  }
+  function v(y, z) {
+    c((A) => {
+      const P = A.findIndex((M) => M.id === y);
+      if (P < 0) return A;
+      const T = [...A], b = z === "up" ? P - 1 : P + 1;
+      return b < 0 || b >= T.length ? A : ([T[P], T[b]] = [T[b], T[P]], T);
+    });
+  }
+  function S() {
+    C(!0);
+  }
+  return /* @__PURE__ */ i("div", { className: "flex h-full flex-col overflow-hidden bg-gray-50", children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center gap-3 border-b border-gray-200 bg-white px-5 py-3.5", children: [
+      /* @__PURE__ */ r(
+        "button",
+        {
+          onClick: o,
+          className: "rounded-lg p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-600 transition-colors",
+          "aria-label": "Go back",
+          children: /* @__PURE__ */ r(Ir, { size: 16 })
+        }
+      ),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          value: l,
+          onChange: (y) => p(y.target.value),
+          className: "rounded-md border-0 bg-transparent text-[14px] font-bold text-gray-900 focus:outline-none focus:ring-2 focus:ring-blue-400/40 px-2 py-1 max-w-xs"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "span",
+        {
+          className: "rounded-full px-2.5 py-0.5 text-[11px] font-semibold capitalize",
+          style: t === "active" ? { background: "#f0fdf4", color: "#15803d", border: "1px solid #bbf7d0" } : { background: "#f1f5f9", color: "#475569", border: "1px solid #e2e8f0" },
+          children: t
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: "ml-auto flex items-center gap-2", children: [
+        /* @__PURE__ */ i("div", { className: "flex rounded-lg border border-gray-200 bg-gray-50 p-0.5", children: [
+          /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: () => m("designer"),
+              className: `rounded-md px-3 py-1.5 text-[12px] font-medium transition-colors ${k === "designer" ? "text-white shadow-sm" : "text-gray-500 hover:text-gray-700"}`,
+              style: k === "designer" ? { background: "#0f1f3d" } : {},
+              children: "Designer"
+            }
+          ),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              onClick: () => m("run"),
+              className: `flex items-center gap-1.5 rounded-md px-3 py-1.5 text-[12px] font-medium transition-colors ${k === "run" ? "text-white shadow-sm" : "text-gray-500 hover:text-gray-700"}`,
+              style: k === "run" ? { background: "#0f1f3d" } : {},
+              children: [
+                /* @__PURE__ */ r(Ue, { size: 11 }),
+                "Run"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            onClick: a,
+            className: "flex items-center gap-1.5 rounded-lg border border-gray-200 px-3.5 h-8 text-[12px] font-medium text-gray-600 hover:bg-gray-50 transition-colors",
+            children: [
+              /* @__PURE__ */ r($e, { size: 13 }),
+              "Draft"
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            onClick: s,
+            className: "flex items-center gap-1.5 rounded-lg h-8 px-3.5 text-[12px] font-semibold text-white transition-opacity hover:opacity-90",
+            style: { background: "#0f1f3d" },
+            children: [
+              /* @__PURE__ */ r(Rr, { size: 13 }),
+              "Publish"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "flex flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: "flex flex-1 overflow-y-auto p-8",
+          style: {
+            backgroundImage: "radial-gradient(circle, rgba(0,0,0,0.06) 1px, transparent 1px)",
+            backgroundSize: "20px 20px"
+          },
+          onClick: () => C(!1),
+          children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-0 w-full max-w-lg mx-auto", children: [
+            g.map((y, z) => {
+              const A = z === g.length - 1, P = y.connector && y.connector.type !== "simple";
+              return /* @__PURE__ */ i("div", { className: "flex w-full flex-col items-center", children: [
+                /* @__PURE__ */ r(
+                  Pt,
+                  {
+                    type: y.type,
+                    product: y.product,
+                    productLabel: y.productLabel,
+                    status: y.status,
+                    details: y.details,
+                    stepLabel: y.stepLabel,
+                    onMoveUp: () => v(y.id, "up"),
+                    onMoveDown: () => v(y.id, "down"),
+                    onDelete: () => x(y.id),
+                    onSettings: () => C(!0)
+                  }
+                ),
+                !A && /* @__PURE__ */ i("div", { className: "flex flex-col items-center py-2", children: [
+                  /* @__PURE__ */ r("div", { className: "h-4 w-px", style: { background: "#cbd5e1" } }),
+                  P && y.connector ? /* @__PURE__ */ i(F, { children: [
+                    /* @__PURE__ */ r(
+                      Lt,
+                      {
+                        type: y.connector.type,
+                        branches: y.connector.branches
+                      }
+                    ),
+                    /* @__PURE__ */ r("div", { className: "h-4 w-px", style: { background: "#cbd5e1" } })
+                  ] }) : null,
+                  /* @__PURE__ */ r(Be, { onClick: S }),
+                  /* @__PURE__ */ r("div", { className: "h-4 w-px", style: { background: "#cbd5e1" } })
+                ] })
+              ] }, y.id);
+            }),
+            /* @__PURE__ */ i("div", { className: "flex flex-col items-center pt-2", children: [
+              /* @__PURE__ */ r("div", { className: "h-4 w-px", style: { background: "#cbd5e1" } }),
+              /* @__PURE__ */ r(Be, { onClick: S })
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ r(
+        jt,
+        {
+          open: N,
+          onClose: () => C(!1)
+        }
+      )
+    ] })
+  ] });
+}
+const q = "#12b6bc", Ot = "#f5fbf8", Et = "rgba(0,0,0,0.03)", se = "rgba(0,0,0,0.07)", Gt = [
+  { label: "My Profile", Icon: Oe },
+  { label: "Accounts & Billing", Icon: Ee }
+];
+function ge({ item: e, active: t, collapsed: n, expanded: o, onNavigate: s, onToggle: a }) {
+  const { label: l, href: p, link: g, Icon: c, badge: k, hasChevron: m, expandedContent: N, onClick: C } = e;
+  return /* @__PURE__ */ i(F, { children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        onClick: () => {
+          C ? C() : g ? window.open(g, "_blank", "noopener,noreferrer") : m && N && p ? a?.(p) : p && s?.(p);
+        },
+        title: n ? l : void 0,
+        style: {
+          display: "flex",
+          width: "100%",
+          alignItems: "center",
+          overflow: "hidden",
+          gap: n ? 0 : 20,
+          paddingLeft: n ? 0 : 15,
+          paddingRight: n ? 0 : 10,
+          paddingTop: 10,
+          paddingBottom: 10,
+          justifyContent: n ? "center" : void 0,
+          background: t || o ? Ot : "transparent",
+          borderLeft: t || o ? `2px solid ${q}` : "2px solid transparent",
+          borderTop: "none",
+          borderRight: "none",
+          borderBottom: "none",
+          borderRadius: 0,
+          cursor: "pointer",
+          outline: "none",
+          transition: "background 0.12s"
+        },
+        onMouseEnter: (v) => {
+          !t && !o && (v.currentTarget.style.background = Et);
+        },
+        onMouseLeave: (v) => {
+          !t && !o && (v.currentTarget.style.background = "transparent");
+        },
+        children: [
+          /* @__PURE__ */ r(
+            c,
+            {
+              size: 22,
+              style: { flexShrink: 0, color: t || o ? q : "#9ca3af", display: "block" }
+            }
+          ),
+          !n && /* @__PURE__ */ i(F, { children: [
+            /* @__PURE__ */ r(
+              "span",
+              {
+                style: {
+                  flex: 1,
+                  textAlign: "left",
+                  fontFamily: "'Inter', 'Manrope-Regular', sans-serif",
+                  fontSize: 13,
+                  lineHeight: "24px",
+                  fontWeight: t || o ? 700 : 500,
+                  color: t || o ? q : "#000",
+                  whiteSpace: "nowrap",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis"
+                },
+                children: l
+              }
+            ),
+            k !== void 0 && /* @__PURE__ */ r(
+              "span",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  height: 19,
+                  minWidth: 20,
+                  paddingInline: 4,
+                  borderRadius: 10,
+                  background: "rgba(18,182,188,0.14)",
+                  color: q,
+                  fontSize: 10,
+                  fontWeight: 600,
+                  flexShrink: 0
+                },
+                children: k
+              }
+            ),
+            m && N && /* @__PURE__ */ r(
+              Ve,
+              {
+                size: 16,
+                style: {
+                  flexShrink: 0,
+                  color: "#9ca3af",
+                  transform: o ? "rotate(180deg)" : "rotate(0deg)",
+                  transition: "transform 0.2s"
+                }
+              }
+            ),
+            m && !N && /* @__PURE__ */ r(
+              "svg",
+              {
+                width: 16,
+                height: 16,
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "#9ca3af",
+                strokeWidth: 2,
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                style: { flexShrink: 0, transform: "rotate(-90deg)" },
+                children: /* @__PURE__ */ r("polyline", { points: "6 9 12 15 18 9" })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    !n && o && N && /* @__PURE__ */ r(
+      "div",
+      {
+        style: {
+          background: "rgba(18,182,188,0.02)",
+          borderLeft: `2px solid ${q}`,
+          overflow: "hidden",
+          maxHeight: 320,
+          overflowY: "auto"
+        },
+        children: N
+      }
+    )
+  ] });
+}
+function to({
+  logoSrc: e,
+  user: t = {},
+  navItems: n = [],
+  otherItems: o = [],
+  profileItems: s,
+  activeHref: a = "/",
+  onNavigate: l,
+  collapsed: p,
+  onToggleCollapse: g,
+  children: c
+}) {
+  const k = s ?? Gt, m = k.some(
+    (b) => b.href && a && (a === b.href || a.startsWith(b.href + "/"))
+  ), [N, C] = D(!1), x = p !== void 0 ? p : N, v = g ? (b) => {
+    const M = typeof b == "function" ? b(x) : b;
+    g(M);
+  } : (b) => C(typeof b == "function" ? b(N) : b), [S, y] = D(m), [z, A] = D(null);
+  Ar(() => {
+    m && y(!0);
+  }, [m]);
+  const P = t.name ? t.name.split(" ").map((b) => b[0]).join("").slice(0, 2).toUpperCase() : "?", T = (b) => {
+    A((M) => M === b ? null : b);
+  };
+  return /* @__PURE__ */ i("div", { style: { display: "flex", height: "100%" }, children: [
+    /* @__PURE__ */ i(
+      "aside",
+      {
+        style: {
+          width: x ? 56 : 250,
+          flexShrink: 0,
+          display: "flex",
+          flexDirection: "column",
+          height: "100%",
+          background: "#fff",
+          borderRight: `1px solid ${se}`,
+          transition: "width 0.2s ease",
+          overflow: "hidden",
+          zIndex: 100
+        },
+        children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              style: {
+                height: 52,
+                flexShrink: 0,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: x ? "center" : "space-between",
+                padding: 10,
+                borderBottom: `1px solid ${se}`
+              },
+              children: [
+                !x && e && /* @__PURE__ */ r(
+                  "img",
+                  {
+                    src: e,
+                    alt: "Logo",
+                    style: { height: 36, width: "auto", objectFit: "contain" }
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "button",
+                  {
+                    onClick: () => {
+                      v((b) => !b), A(null);
+                    },
+                    style: {
+                      width: 28,
+                      height: 28,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      borderRadius: 6,
+                      border: "none",
+                      background: "transparent",
+                      color: "#9ca3af",
+                      cursor: "pointer",
+                      flexShrink: 0,
+                      outline: "none"
+                    },
+                    onMouseEnter: (b) => b.currentTarget.style.background = "#f3f4f6",
+                    onMouseLeave: (b) => b.currentTarget.style.background = "transparent",
+                    "aria-label": "Toggle sidebar",
+                    children: /* @__PURE__ */ r(je, { size: 16 })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ i("div", { style: { flexShrink: 0 }, children: [
+            /* @__PURE__ */ i(
+              "button",
+              {
+                onClick: () => {
+                  x ? (v(!1), y(!0)) : y((b) => !b);
+                },
+                style: {
+                  display: "flex",
+                  width: "100%",
+                  alignItems: "center",
+                  gap: 12,
+                  padding: 12,
+                  justifyContent: x ? "center" : void 0,
+                  background: m ? "#f5fbf8" : "rgba(18,182,188,0.05)",
+                  borderLeft: m ? "2px solid #12b6bc" : "2px solid transparent",
+                  borderTop: "none",
+                  borderRight: "none",
+                  borderBottom: "none",
+                  cursor: "pointer",
+                  outline: "none"
+                },
+                children: [
+                  t.avatarUrl ? /* @__PURE__ */ r(
+                    "img",
+                    {
+                      src: t.avatarUrl,
+                      alt: t.name ?? "User",
+                      style: {
+                        width: 32,
+                        height: 32,
+                        borderRadius: "50%",
+                        objectFit: "cover",
+                        flexShrink: 0,
+                        outline: m ? "2px solid #12b6bc" : "none",
+                        outlineOffset: 2
+                      }
+                    }
+                  ) : /* @__PURE__ */ r(
+                    "div",
+                    {
+                      style: {
+                        width: 32,
+                        height: 32,
+                        borderRadius: "50%",
+                        flexShrink: 0,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        fontSize: 11,
+                        fontWeight: 700,
+                        outline: m ? "2px solid #12b6bc" : "none",
+                        outlineOffset: 2,
+                        color: "#fff",
+                        background: "linear-gradient(135deg, #3b82f6 0%, #12b6bc 100%)"
+                      },
+                      children: P
+                    }
+                  ),
+                  !x && /* @__PURE__ */ i(F, { children: [
+                    /* @__PURE__ */ i("div", { style: { flex: 1, minWidth: 0, textAlign: "left" }, children: [
+                      /* @__PURE__ */ r(
+                        "p",
+                        {
+                          style: {
+                            margin: 0,
+                            fontFamily: "'Plus Jakarta Sans', 'Inter', sans-serif",
+                            fontSize: 14,
+                            fontWeight: 500,
+                            color: "#000",
+                            lineHeight: 1.45,
+                            whiteSpace: "nowrap",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis"
+                          },
+                          children: t.name ?? "User"
+                        }
+                      ),
+                      /* @__PURE__ */ r(
+                        "p",
+                        {
+                          style: {
+                            margin: 0,
+                            fontFamily: "'Plus Jakarta Sans', 'Inter', sans-serif",
+                            fontSize: 12,
+                            fontWeight: 400,
+                            color: "#3f3f3f",
+                            lineHeight: 1.5,
+                            marginTop: 1,
+                            whiteSpace: "nowrap",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis"
+                          },
+                          children: t.role ?? ""
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ r(Fe, { size: 16, style: { color: "#9ca3af", flexShrink: 0 } })
+                  ] })
+                ]
+              }
+            ),
+            (S || x && m) && /* @__PURE__ */ r(F, { children: k.map((b) => /* @__PURE__ */ r(
+              ge,
+              {
+                item: {
+                  ...b,
+                  onClick: b.onClick ? () => {
+                    x || y(!1), b.onClick?.();
+                  } : b.link ? () => {
+                    x || y(!1), window.open(b.link, "_blank", "noopener,noreferrer");
+                  } : void 0
+                },
+                active: !!(b.href && a && (a === b.href || a.startsWith(b.href + "/"))),
+                collapsed: x,
+                onNavigate: l,
+                onToggle: T
+              },
+              b.label
+            )) })
+          ] }),
+          /* @__PURE__ */ i("nav", { style: { flex: 1, overflowY: "auto" }, children: [
+            n.length > 0 && !x && /* @__PURE__ */ r(
+              "div",
+              {
+                style: {
+                  paddingLeft: 20,
+                  paddingRight: 10,
+                  paddingTop: 10,
+                  paddingBottom: 6,
+                  fontSize: 11,
+                  fontWeight: 600,
+                  letterSpacing: "0.06em",
+                  color: "rgba(0,0,0,0.45)",
+                  fontFamily: "'Inter', sans-serif"
+                },
+                children: "MAIN MENU"
+              }
+            ),
+            n.map((b) => /* @__PURE__ */ r(
+              ge,
+              {
+                item: b,
+                active: a === b.href,
+                expanded: z === b.href,
+                collapsed: x,
+                onNavigate: l,
+                onToggle: T
+              },
+              b.href ?? b.label
+            ))
+          ] }),
+          o.length > 0 && /* @__PURE__ */ i("div", { style: { flexShrink: 0 }, children: [
+            !x && /* @__PURE__ */ r(
+              "div",
+              {
+                style: {
+                  paddingLeft: 20,
+                  paddingRight: 10,
+                  paddingTop: 8,
+                  paddingBottom: 6,
+                  fontSize: 11,
+                  fontWeight: 600,
+                  letterSpacing: "0.06em",
+                  color: "rgba(0,0,0,0.45)",
+                  fontFamily: "'Inter', sans-serif",
+                  borderTop: `1px solid ${se}`
+                },
+                children: "OTHER"
+              }
+            ),
+            x && /* @__PURE__ */ r("div", { style: { height: 8, borderTop: `1px solid ${se}` } }),
+            o.map((b) => /* @__PURE__ */ r(
+              ge,
+              {
+                item: b,
+                active: a === b.href,
+                collapsed: x,
+                onNavigate: l,
+                onToggle: T
+              },
+              b.href ?? b.label
+            )),
+            /* @__PURE__ */ r("div", { style: { height: 16 } })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column" }, children: c })
+  ] });
+}
+const Dt = "rgba(0,0,0,0.07)", We = "#12b6bc";
+function oo({
+  title: e = "",
+  notificationCount: t = 0,
+  onBellClick: n,
+  bellRef: o,
+  notificationDropdown: s,
+  leftButton: a,
+  navLinks: l = [],
+  rightExtra: p
+}) {
+  const g = l.length > 0;
+  return /* @__PURE__ */ i(
+    "header",
+    {
+      style: {
+        height: 52,
+        flexShrink: 0,
+        display: "flex",
+        alignItems: "center",
+        background: "#fff",
+        borderBottom: `1px solid ${Dt}`,
+        padding: "0 12px",
+        zIndex: 99,
+        gap: 16
+      },
+      children: [
+        /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 12, flexShrink: 0 }, children: [
+          a,
+          !g && /* @__PURE__ */ r(
+            "h2",
+            {
+              style: {
+                margin: 0,
+                fontSize: 15,
+                fontWeight: 700,
+                color: "#111118",
+                fontFamily: "'Inter', 'Manrope-Regular', sans-serif",
+                whiteSpace: "nowrap"
+              },
+              children: e
+            }
+          )
+        ] }),
+        g && /* @__PURE__ */ i(
+          "nav",
+          {
+            style: {
+              display: "flex",
+              alignItems: "stretch",
+              gap: 0,
+              height: "100%",
+              flex: 1,
+              justifyContent: "flex-end",
+              marginRight: 8
+            },
+            children: [
+              p && /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", paddingRight: 8 }, children: p }),
+              l.map((c, k) => /* @__PURE__ */ r(
+                "button",
+                {
+                  onClick: c.onClick,
+                  style: {
+                    position: "relative",
+                    height: "100%",
+                    padding: "0 16px",
+                    background: "none",
+                    border: "none",
+                    borderBottom: c.active ? `2px solid ${We}` : "2px solid transparent",
+                    cursor: "pointer",
+                    fontFamily: "'Inter','Manrope-Regular',sans-serif",
+                    fontSize: 13,
+                    fontWeight: c.active ? 700 : 500,
+                    color: c.active ? We : "#6b7280",
+                    whiteSpace: "nowrap",
+                    outline: "none",
+                    transition: "color 0.15s, border-color 0.15s"
+                  },
+                  onMouseEnter: (m) => {
+                    c.active || (m.currentTarget.style.color = "#374151");
+                  },
+                  onMouseLeave: (m) => {
+                    c.active || (m.currentTarget.style.color = "#6b7280");
+                  },
+                  children: c.label
+                },
+                k
+              ))
+            ]
+          }
+        ),
+        !g && p && /* @__PURE__ */ r("div", { style: { flexShrink: 0, marginLeft: "auto" }, children: p }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            ref: o,
+            style: {
+              position: "relative",
+              flexShrink: 0,
+              marginLeft: g || p ? 0 : "auto"
+            },
+            children: [
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  onClick: n,
+                  style: {
+                    width: 32,
+                    height: 32,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    borderRadius: 8,
+                    border: "none",
+                    background: "transparent",
+                    color: "#9ca3af",
+                    cursor: "pointer",
+                    position: "relative",
+                    outline: "none"
+                  },
+                  onMouseEnter: (c) => {
+                    c.currentTarget.style.background = "#f3f4f6", c.currentTarget.style.color = "#6b7280";
+                  },
+                  onMouseLeave: (c) => {
+                    c.currentTarget.style.background = "transparent", c.currentTarget.style.color = "#9ca3af";
+                  },
+                  "aria-label": "Notifications",
+                  children: [
+                    /* @__PURE__ */ r(Ge, { size: 16, strokeWidth: 1.75 }),
+                    t > 0 && /* @__PURE__ */ r(
+                      "span",
+                      {
+                        style: {
+                          position: "absolute",
+                          top: 6,
+                          right: 6,
+                          width: 7,
+                          height: 7,
+                          borderRadius: "50%",
+                          background: "#3b82f6",
+                          border: "1.5px solid #fff"
+                        }
+                      }
+                    )
+                  ]
+                }
+              ),
+              s
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Kt as AIBanner,
+  Be as AddStepButton,
+  Jt as AppShell,
+  Lt as ConditionalBranch,
+  to as InCruiterSidebar,
+  oo as InCruiterTopBar,
+  Ht as PageHeader,
+  Pt as PipelineNode,
+  jt as ProductDragPanel,
+  he as ProductIcon,
+  Qt as QuickActionCard,
+  Yt as SearchBar,
+  zt as Sidebar,
+  _t as StatusBadge,
+  Xt as SubscriptionCard,
+  It as TopBar,
+  qt as WelcomeBanner,
+  ro as WorkflowDesigner,
+  eo as WorkflowListItem,
+  Zt as WorkflowTemplateCard,
+  Ct as getProductLabel
+};
+//# sourceMappingURL=index.js.map