sestek-component 0.0.1 → 0.0.2

package/dist/index.es.js

@@ -0,0 +1,3551 @@
+import { jsx as i, Fragment as yt, jsxs as S } from "react/jsx-runtime";
+import * as l from "react";
+import W, { memo as Nt } from "react";
+import "react-dom";
+function G(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), n === !1 || !o.defaultPrevented)
+      return t == null ? void 0 : t(o);
+  };
+}
+function ce(e, t = []) {
+  let n = [];
+  function r(s, a) {
+    const c = l.createContext(a), d = n.length;
+    n = [...n, a];
+    const u = (g) => {
+      var N;
+      const { scope: v, children: C, ...b } = g, x = ((N = v == null ? void 0 : v[e]) == null ? void 0 : N[d]) || c, F = l.useMemo(() => b, Object.values(b));
+      return /* @__PURE__ */ i(x.Provider, { value: F, children: C });
+    };
+    u.displayName = s + "Provider";
+    function p(g, v) {
+      var x;
+      const C = ((x = v == null ? void 0 : v[e]) == null ? void 0 : x[d]) || c, b = l.useContext(C);
+      if (b) return b;
+      if (a !== void 0) return a;
+      throw new Error(`\`${g}\` must be used within \`${s}\``);
+    }
+    return [u, p];
+  }
+  const o = () => {
+    const s = n.map((a) => l.createContext(a));
+    return function(c) {
+      const d = (c == null ? void 0 : c[e]) || s;
+      return l.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: d } }),
+        [c, d]
+      );
+    };
+  };
+  return o.scopeName = e, [r, St(o, ...t)];
+}
+function St(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(s) {
+      const a = r.reduce((c, { useScope: d, scopeName: u }) => {
+        const g = d(s)[`__scope${u}`];
+        return { ...c, ...g };
+      }, {});
+      return l.useMemo(() => ({ [`__scope${t.scopeName}`]: a }), [a]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function ke(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function Oe(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((o) => {
+      const s = ke(o, t);
+      return !n && typeof s == "function" && (n = !0), s;
+    });
+    if (n)
+      return () => {
+        for (let o = 0; o < r.length; o++) {
+          const s = r[o];
+          typeof s == "function" ? s() : ke(e[o], null);
+        }
+      };
+  };
+}
+function le(...e) {
+  return l.useCallback(Oe(...e), e);
+}
+var Q = l.forwardRef((e, t) => {
+  const { children: n, ...r } = e, o = l.Children.toArray(n), s = o.find(At);
+  if (s) {
+    const a = s.props.children, c = o.map((d) => d === s ? l.Children.count(a) > 1 ? l.Children.only(null) : l.isValidElement(a) ? a.props.children : null : d);
+    return /* @__PURE__ */ i(he, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, c) : null });
+  }
+  return /* @__PURE__ */ i(he, { ...r, ref: t, children: n });
+});
+Q.displayName = "Slot";
+var he = l.forwardRef((e, t) => {
+  const { children: n, ...r } = e;
+  if (l.isValidElement(n)) {
+    const o = It(n), s = Rt(r, n.props);
+    return n.type !== l.Fragment && (s.ref = t ? Oe(t, o) : o), l.cloneElement(n, s);
+  }
+  return l.Children.count(n) > 1 ? l.Children.only(null) : null;
+});
+he.displayName = "SlotClone";
+var Ft = ({ children: e }) => /* @__PURE__ */ i(yt, { children: e });
+function At(e) {
+  return l.isValidElement(e) && e.type === Ft;
+}
+function Rt(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], s = t[r];
+    /^on[A-Z]/.test(r) ? o && s ? n[r] = (...c) => {
+      s(...c), o(...c);
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...s } : r === "className" && (n[r] = [o, s].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function It(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+function Mt(e) {
+  const t = e + "CollectionProvider", [n, r] = ce(t), [o, s] = n(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), a = (C) => {
+    const { scope: b, children: x } = C, F = W.useRef(null), N = W.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ i(o, { scope: b, itemMap: N, collectionRef: F, children: x });
+  };
+  a.displayName = t;
+  const c = e + "CollectionSlot", d = W.forwardRef(
+    (C, b) => {
+      const { scope: x, children: F } = C, N = s(c, x), A = le(b, N.collectionRef);
+      return /* @__PURE__ */ i(Q, { ref: A, children: F });
+    }
+  );
+  d.displayName = c;
+  const u = e + "CollectionItemSlot", p = "data-radix-collection-item", g = W.forwardRef(
+    (C, b) => {
+      const { scope: x, children: F, ...N } = C, A = W.useRef(null), L = le(b, A), E = s(u, x);
+      return W.useEffect(() => (E.itemMap.set(A, { ref: A, ...N }), () => void E.itemMap.delete(A))), /* @__PURE__ */ i(Q, { [p]: "", ref: L, children: F });
+    }
+  );
+  g.displayName = u;
+  function v(C) {
+    const b = s(e + "CollectionConsumer", C);
+    return W.useCallback(() => {
+      const F = b.collectionRef.current;
+      if (!F) return [];
+      const N = Array.from(F.querySelectorAll(`[${p}]`));
+      return Array.from(b.itemMap.values()).sort(
+        (E, P) => N.indexOf(E.ref.current) - N.indexOf(P.ref.current)
+      );
+    }, [b.collectionRef, b.itemMap]);
+  }
+  return [
+    { Provider: a, Slot: d, ItemSlot: g },
+    v,
+    r
+  ];
+}
+var ee = globalThis != null && globalThis.document ? l.useLayoutEffect : () => {
+}, kt = l.useId || (() => {
+}), Et = 0;
+function Ge(e) {
+  const [t, n] = l.useState(kt());
+  return ee(() => {
+    n((r) => r ?? String(Et++));
+  }, [e]), e || (t ? `radix-${t}` : "");
+}
+var Tt = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], B = Tt.reduce((e, t) => {
+  const n = l.forwardRef((r, o) => {
+    const { asChild: s, ...a } = r, c = s ? Q : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ i(c, { ...a, ref: o });
+  });
+  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+}, {});
+function de(e) {
+  const t = l.useRef(e);
+  return l.useEffect(() => {
+    t.current = e;
+  }), l.useMemo(() => (...n) => {
+    var r;
+    return (r = t.current) == null ? void 0 : r.call(t, ...n);
+  }, []);
+}
+function Be({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  }
+}) {
+  const [r, o] = Lt({ defaultProp: t, onChange: n }), s = e !== void 0, a = s ? e : r, c = de(n), d = l.useCallback(
+    (u) => {
+      if (s) {
+        const g = typeof u == "function" ? u(e) : u;
+        g !== e && c(g);
+      } else
+        o(u);
+    },
+    [s, e, o, c]
+  );
+  return [a, d];
+}
+function Lt({
+  defaultProp: e,
+  onChange: t
+}) {
+  const n = l.useState(e), [r] = n, o = l.useRef(r), s = de(t);
+  return l.useEffect(() => {
+    o.current !== r && (s(r), o.current = r);
+  }, [r, o, s]), n;
+}
+var Pt = l.createContext(void 0);
+function je(e) {
+  const t = l.useContext(Pt);
+  return e || t || "ltr";
+}
+var pe = "rovingFocusGroup.onEntryFocus", _t = { bubbles: !1, cancelable: !0 }, ue = "RovingFocusGroup", [ve, De, Vt] = Mt(ue), [zt, $e] = ce(
+  ue,
+  [Vt]
+), [Ot, Gt] = zt(ue), Ue = l.forwardRef(
+  (e, t) => /* @__PURE__ */ i(ve.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i(ve.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i(Bt, { ...e, ref: t }) }) })
+);
+Ue.displayName = ue;
+var Bt = l.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: n,
+    orientation: r,
+    loop: o = !1,
+    dir: s,
+    currentTabStopId: a,
+    defaultCurrentTabStopId: c,
+    onCurrentTabStopIdChange: d,
+    onEntryFocus: u,
+    preventScrollOnEntryFocus: p = !1,
+    ...g
+  } = e, v = l.useRef(null), C = le(t, v), b = je(s), [x = null, F] = Be({
+    prop: a,
+    defaultProp: c,
+    onChange: d
+  }), [N, A] = l.useState(!1), L = de(u), E = De(n), P = l.useRef(!1), [h, k] = l.useState(0);
+  return l.useEffect(() => {
+    const I = v.current;
+    if (I)
+      return I.addEventListener(pe, L), () => I.removeEventListener(pe, L);
+  }, [L]), /* @__PURE__ */ i(
+    Ot,
+    {
+      scope: n,
+      orientation: r,
+      dir: b,
+      loop: o,
+      currentTabStopId: x,
+      onItemFocus: l.useCallback(
+        (I) => F(I),
+        [F]
+      ),
+      onItemShiftTab: l.useCallback(() => A(!0), []),
+      onFocusableItemAdd: l.useCallback(
+        () => k((I) => I + 1),
+        []
+      ),
+      onFocusableItemRemove: l.useCallback(
+        () => k((I) => I - 1),
+        []
+      ),
+      children: /* @__PURE__ */ i(
+        B.div,
+        {
+          tabIndex: N || h === 0 ? -1 : 0,
+          "data-orientation": r,
+          ...g,
+          ref: C,
+          style: { outline: "none", ...e.style },
+          onMouseDown: G(e.onMouseDown, () => {
+            P.current = !0;
+          }),
+          onFocus: G(e.onFocus, (I) => {
+            const te = !P.current;
+            if (I.target === I.currentTarget && te && !N) {
+              const U = new CustomEvent(pe, _t);
+              if (I.currentTarget.dispatchEvent(U), !U.defaultPrevented) {
+                const Z = E().filter((y) => y.focusable), X = Z.find((y) => y.active), D = Z.find((y) => y.id === x), O = [X, D, ...Z].filter(
+                  Boolean
+                ).map((y) => y.ref.current);
+                qe(O, p);
+              }
+            }
+            P.current = !1;
+          }),
+          onBlur: G(e.onBlur, () => A(!1))
+        }
+      )
+    }
+  );
+}), We = "RovingFocusGroupItem", Ke = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: n,
+      focusable: r = !0,
+      active: o = !1,
+      tabStopId: s,
+      ...a
+    } = e, c = Ge(), d = s || c, u = Gt(We, n), p = u.currentTabStopId === d, g = De(n), { onFocusableItemAdd: v, onFocusableItemRemove: C } = u;
+    return l.useEffect(() => {
+      if (r)
+        return v(), () => C();
+    }, [r, v, C]), /* @__PURE__ */ i(
+      ve.ItemSlot,
+      {
+        scope: n,
+        id: d,
+        focusable: r,
+        active: o,
+        children: /* @__PURE__ */ i(
+          B.span,
+          {
+            tabIndex: p ? 0 : -1,
+            "data-orientation": u.orientation,
+            ...a,
+            ref: t,
+            onMouseDown: G(e.onMouseDown, (b) => {
+              r ? u.onItemFocus(d) : b.preventDefault();
+            }),
+            onFocus: G(e.onFocus, () => u.onItemFocus(d)),
+            onKeyDown: G(e.onKeyDown, (b) => {
+              if (b.key === "Tab" && b.shiftKey) {
+                u.onItemShiftTab();
+                return;
+              }
+              if (b.target !== b.currentTarget) return;
+              const x = $t(b, u.orientation, u.dir);
+              if (x !== void 0) {
+                if (b.metaKey || b.ctrlKey || b.altKey || b.shiftKey) return;
+                b.preventDefault();
+                let N = g().filter((A) => A.focusable).map((A) => A.ref.current);
+                if (x === "last") N.reverse();
+                else if (x === "prev" || x === "next") {
+                  x === "prev" && N.reverse();
+                  const A = N.indexOf(b.currentTarget);
+                  N = u.loop ? Ut(N, A + 1) : N.slice(A + 1);
+                }
+                setTimeout(() => qe(N));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+Ke.displayName = We;
+var jt = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function Dt(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function $t(e, t, n) {
+  const r = Dt(e.key, n);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
+    return jt[r];
+}
+function qe(e, t = !1) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
+}
+function Ut(e, t) {
+  return e.map((n, r) => e[(t + r) % e.length]);
+}
+var Wt = Ue, Kt = Ke;
+function qt(e, t) {
+  return l.useReducer((n, r) => t[n][r] ?? n, e);
+}
+var Ze = (e) => {
+  const { present: t, children: n } = e, r = Zt(t), o = typeof n == "function" ? n({ present: r.isPresent }) : l.Children.only(n), s = le(r.ref, Ht(o));
+  return typeof n == "function" || r.isPresent ? l.cloneElement(o, { ref: s }) : null;
+};
+Ze.displayName = "Presence";
+function Zt(e) {
+  const [t, n] = l.useState(), r = l.useRef({}), o = l.useRef(e), s = l.useRef("none"), a = e ? "mounted" : "unmounted", [c, d] = qt(a, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return l.useEffect(() => {
+    const u = ae(r.current);
+    s.current = c === "mounted" ? u : "none";
+  }, [c]), ee(() => {
+    const u = r.current, p = o.current;
+    if (p !== e) {
+      const v = s.current, C = ae(u);
+      e ? d("MOUNT") : C === "none" || (u == null ? void 0 : u.display) === "none" ? d("UNMOUNT") : d(p && v !== C ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+    }
+  }, [e, d]), ee(() => {
+    if (t) {
+      let u;
+      const p = t.ownerDocument.defaultView ?? window, g = (C) => {
+        const x = ae(r.current).includes(C.animationName);
+        if (C.target === t && x && (d("ANIMATION_END"), !o.current)) {
+          const F = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", u = p.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = F);
+          });
+        }
+      }, v = (C) => {
+        C.target === t && (s.current = ae(r.current));
+      };
+      return t.addEventListener("animationstart", v), t.addEventListener("animationcancel", g), t.addEventListener("animationend", g), () => {
+        p.clearTimeout(u), t.removeEventListener("animationstart", v), t.removeEventListener("animationcancel", g), t.removeEventListener("animationend", g);
+      };
+    } else
+      d("ANIMATION_END");
+  }, [t, d]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
+    ref: l.useCallback((u) => {
+      u && (r.current = getComputedStyle(u)), n(u);
+    }, [])
+  };
+}
+function ae(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function Ht(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var ye = "Tabs", [Yt, gn] = ce(ye, [
+  $e
+]), He = $e(), [Jt, Ne] = Yt(ye), Ye = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeTabs: n,
+      value: r,
+      onValueChange: o,
+      defaultValue: s,
+      orientation: a = "horizontal",
+      dir: c,
+      activationMode: d = "automatic",
+      ...u
+    } = e, p = je(c), [g, v] = Be({
+      prop: r,
+      onChange: o,
+      defaultProp: s
+    });
+    return /* @__PURE__ */ i(
+      Jt,
+      {
+        scope: n,
+        baseId: Ge(),
+        value: g,
+        onValueChange: v,
+        orientation: a,
+        dir: p,
+        activationMode: d,
+        children: /* @__PURE__ */ i(
+          B.div,
+          {
+            dir: p,
+            "data-orientation": a,
+            ...u,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+Ye.displayName = ye;
+var Je = "TabsList", Xe = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: n, loop: r = !0, ...o } = e, s = Ne(Je, n), a = He(n);
+    return /* @__PURE__ */ i(
+      Wt,
+      {
+        asChild: !0,
+        ...a,
+        orientation: s.orientation,
+        dir: s.dir,
+        loop: r,
+        children: /* @__PURE__ */ i(
+          B.div,
+          {
+            role: "tablist",
+            "aria-orientation": s.orientation,
+            ...o,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+Xe.displayName = Je;
+var Qe = "TabsTrigger", et = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: n, value: r, disabled: o = !1, ...s } = e, a = Ne(Qe, n), c = He(n), d = nt(a.baseId, r), u = ot(a.baseId, r), p = r === a.value;
+    return /* @__PURE__ */ i(
+      Kt,
+      {
+        asChild: !0,
+        ...c,
+        focusable: !o,
+        active: p,
+        children: /* @__PURE__ */ i(
+          B.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": p,
+            "aria-controls": u,
+            "data-state": p ? "active" : "inactive",
+            "data-disabled": o ? "" : void 0,
+            disabled: o,
+            id: d,
+            ...s,
+            ref: t,
+            onMouseDown: G(e.onMouseDown, (g) => {
+              !o && g.button === 0 && g.ctrlKey === !1 ? a.onValueChange(r) : g.preventDefault();
+            }),
+            onKeyDown: G(e.onKeyDown, (g) => {
+              [" ", "Enter"].includes(g.key) && a.onValueChange(r);
+            }),
+            onFocus: G(e.onFocus, () => {
+              const g = a.activationMode !== "manual";
+              !p && !o && g && a.onValueChange(r);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+et.displayName = Qe;
+var tt = "TabsContent", rt = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: n, value: r, forceMount: o, children: s, ...a } = e, c = Ne(tt, n), d = nt(c.baseId, r), u = ot(c.baseId, r), p = r === c.value, g = l.useRef(p);
+    return l.useEffect(() => {
+      const v = requestAnimationFrame(() => g.current = !1);
+      return () => cancelAnimationFrame(v);
+    }, []), /* @__PURE__ */ i(Ze, { present: o || p, children: ({ present: v }) => /* @__PURE__ */ i(
+      B.div,
+      {
+        "data-state": p ? "active" : "inactive",
+        "data-orientation": c.orientation,
+        role: "tabpanel",
+        "aria-labelledby": d,
+        hidden: !v,
+        id: u,
+        tabIndex: 0,
+        ...a,
+        ref: t,
+        style: {
+          ...e.style,
+          animationDuration: g.current ? "0s" : void 0
+        },
+        children: v && s
+      }
+    ) });
+  }
+);
+rt.displayName = tt;
+function nt(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function ot(e, t) {
+  return `${e}-content-${t}`;
+}
+var Xt = Ye, Qt = Xe, er = et, tr = rt;
+function st(e) {
+  var t, n, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (n = st(e[t])) && (r && (r += " "), r += n);
+  } else for (n in e) e[n] && (r && (r += " "), r += n);
+  return r;
+}
+function at() {
+  for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = st(e)) && (r && (r += " "), r += t);
+  return r;
+}
+const Se = "-", rr = (e) => {
+  const t = or(e), {
+    conflictingClassGroups: n,
+    conflictingClassGroupModifiers: r
+  } = e;
+  return {
+    getClassGroupId: (a) => {
+      const c = a.split(Se);
+      return c[0] === "" && c.length !== 1 && c.shift(), it(c, t) || nr(a);
+    },
+    getConflictingClassGroupIds: (a, c) => {
+      const d = n[a] || [];
+      return c && r[a] ? [...d, ...r[a]] : d;
+    }
+  };
+}, it = (e, t) => {
+  var a;
+  if (e.length === 0)
+    return t.classGroupId;
+  const n = e[0], r = t.nextPart.get(n), o = r ? it(e.slice(1), r) : void 0;
+  if (o)
+    return o;
+  if (t.validators.length === 0)
+    return;
+  const s = e.join(Se);
+  return (a = t.validators.find(({
+    validator: c
+  }) => c(s))) == null ? void 0 : a.classGroupId;
+}, Ee = /^\[(.+)\]$/, nr = (e) => {
+  if (Ee.test(e)) {
+    const t = Ee.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+    if (n)
+      return "arbitrary.." + n;
+  }
+}, or = (e) => {
+  const {
+    theme: t,
+    classGroups: n
+  } = e, r = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  for (const o in n)
+    xe(n[o], r, o, t);
+  return r;
+}, xe = (e, t, n, r) => {
+  e.forEach((o) => {
+    if (typeof o == "string") {
+      const s = o === "" ? t : Te(t, o);
+      s.classGroupId = n;
+      return;
+    }
+    if (typeof o == "function") {
+      if (sr(o)) {
+        xe(o(r), t, n, r);
+        return;
+      }
+      t.validators.push({
+        validator: o,
+        classGroupId: n
+      });
+      return;
+    }
+    Object.entries(o).forEach(([s, a]) => {
+      xe(a, Te(t, s), n, r);
+    });
+  });
+}, Te = (e, t) => {
+  let n = e;
+  return t.split(Se).forEach((r) => {
+    n.nextPart.has(r) || n.nextPart.set(r, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), n = n.nextPart.get(r);
+  }), n;
+}, sr = (e) => e.isThemeGetter, ar = (e) => {
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let t = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+  const o = (s, a) => {
+    n.set(s, a), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
+  };
+  return {
+    get(s) {
+      let a = n.get(s);
+      if (a !== void 0)
+        return a;
+      if ((a = r.get(s)) !== void 0)
+        return o(s, a), a;
+    },
+    set(s, a) {
+      n.has(s) ? n.set(s, a) : o(s, a);
+    }
+  };
+}, we = "!", Ce = ":", ir = Ce.length, lr = (e) => {
+  const {
+    prefix: t,
+    experimentalParseClassName: n
+  } = e;
+  let r = (o) => {
+    const s = [];
+    let a = 0, c = 0, d = 0, u;
+    for (let b = 0; b < o.length; b++) {
+      let x = o[b];
+      if (a === 0 && c === 0) {
+        if (x === Ce) {
+          s.push(o.slice(d, b)), d = b + ir;
+          continue;
+        }
+        if (x === "/") {
+          u = b;
+          continue;
+        }
+      }
+      x === "[" ? a++ : x === "]" ? a-- : x === "(" ? c++ : x === ")" && c--;
+    }
+    const p = s.length === 0 ? o : o.substring(d), g = cr(p), v = g !== p, C = u && u > d ? u - d : void 0;
+    return {
+      modifiers: s,
+      hasImportantModifier: v,
+      baseClassName: g,
+      maybePostfixModifierPosition: C
+    };
+  };
+  if (t) {
+    const o = t + Ce, s = r;
+    r = (a) => a.startsWith(o) ? s(a.substring(o.length)) : {
+      isExternal: !0,
+      modifiers: [],
+      hasImportantModifier: !1,
+      baseClassName: a,
+      maybePostfixModifierPosition: void 0
+    };
+  }
+  if (n) {
+    const o = r;
+    r = (s) => n({
+      className: s,
+      parseClassName: o
+    });
+  }
+  return r;
+}, cr = (e) => e.endsWith(we) ? e.substring(0, e.length - 1) : e.startsWith(we) ? e.substring(1) : e, dr = (e) => {
+  const t = Object.fromEntries(e.orderSensitiveModifiers.map((r) => [r, !0]));
+  return (r) => {
+    if (r.length <= 1)
+      return r;
+    const o = [];
+    let s = [];
+    return r.forEach((a) => {
+      a[0] === "[" || t[a] ? (o.push(...s.sort(), a), s = []) : s.push(a);
+    }), o.push(...s.sort()), o;
+  };
+}, ur = (e) => ({
+  cache: ar(e.cacheSize),
+  parseClassName: lr(e),
+  sortModifiers: dr(e),
+  ...rr(e)
+}), fr = /\s+/, mr = (e, t) => {
+  const {
+    parseClassName: n,
+    getClassGroupId: r,
+    getConflictingClassGroupIds: o,
+    sortModifiers: s
+  } = t, a = [], c = e.trim().split(fr);
+  let d = "";
+  for (let u = c.length - 1; u >= 0; u -= 1) {
+    const p = c[u], {
+      isExternal: g,
+      modifiers: v,
+      hasImportantModifier: C,
+      baseClassName: b,
+      maybePostfixModifierPosition: x
+    } = n(p);
+    if (g) {
+      d = p + (d.length > 0 ? " " + d : d);
+      continue;
+    }
+    let F = !!x, N = r(F ? b.substring(0, x) : b);
+    if (!N) {
+      if (!F) {
+        d = p + (d.length > 0 ? " " + d : d);
+        continue;
+      }
+      if (N = r(b), !N) {
+        d = p + (d.length > 0 ? " " + d : d);
+        continue;
+      }
+      F = !1;
+    }
+    const A = s(v).join(":"), L = C ? A + we : A, E = L + N;
+    if (a.includes(E))
+      continue;
+    a.push(E);
+    const P = o(N, F);
+    for (let h = 0; h < P.length; ++h) {
+      const k = P[h];
+      a.push(L + k);
+    }
+    d = p + (d.length > 0 ? " " + d : d);
+  }
+  return d;
+};
+function pr() {
+  let e = 0, t, n, r = "";
+  for (; e < arguments.length; )
+    (t = arguments[e++]) && (n = lt(t)) && (r && (r += " "), r += n);
+  return r;
+}
+const lt = (e) => {
+  if (typeof e == "string")
+    return e;
+  let t, n = "";
+  for (let r = 0; r < e.length; r++)
+    e[r] && (t = lt(e[r])) && (n && (n += " "), n += t);
+  return n;
+};
+function gr(e, ...t) {
+  let n, r, o, s = a;
+  function a(d) {
+    const u = t.reduce((p, g) => g(p), e());
+    return n = ur(u), r = n.cache.get, o = n.cache.set, s = c, c(d);
+  }
+  function c(d) {
+    const u = r(d);
+    if (u)
+      return u;
+    const p = mr(d, n);
+    return o(d, p), p;
+  }
+  return function() {
+    return s(pr.apply(null, arguments));
+  };
+}
+const R = (e) => {
+  const t = (n) => n[e] || [];
+  return t.isThemeGetter = !0, t;
+}, ct = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, dt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, br = /^\d+\/\d+$/, hr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, vr = /\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$/, xr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, wr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Cr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, H = (e) => br.test(e), w = (e) => !!e && !Number.isNaN(Number(e)), K = (e) => !!e && Number.isInteger(Number(e)), Le = (e) => e.endsWith("%") && w(e.slice(0, -1)), $ = (e) => hr.test(e), yr = () => !0, Nr = (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.
+  vr.test(e) && !xr.test(e)
+), Fe = () => !1, Sr = (e) => wr.test(e), Fr = (e) => Cr.test(e), Ar = (e) => !f(e) && !m(e), Rr = (e) => Y(e, mt, Fe), f = (e) => ct.test(e), q = (e) => Y(e, pt, Nr), ge = (e) => Y(e, Or, w), Ir = (e) => Y(e, ut, Fe), Mr = (e) => Y(e, ft, Fr), kr = (e) => Y(e, Fe, Sr), m = (e) => dt.test(e), ie = (e) => J(e, pt), Er = (e) => J(e, Gr), Tr = (e) => J(e, ut), Lr = (e) => J(e, mt), Pr = (e) => J(e, ft), _r = (e) => J(e, Br, !0), Y = (e, t, n) => {
+  const r = ct.exec(e);
+  return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
+}, J = (e, t, n = !1) => {
+  const r = dt.exec(e);
+  return r ? r[1] ? t(r[1]) : n : !1;
+}, ut = (e) => e === "position", Vr = /* @__PURE__ */ new Set(["image", "url"]), ft = (e) => Vr.has(e), zr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), mt = (e) => zr.has(e), pt = (e) => e === "length", Or = (e) => e === "number", Gr = (e) => e === "family-name", Br = (e) => e === "shadow", jr = () => {
+  const e = R("color"), t = R("font"), n = R("text"), r = R("font-weight"), o = R("tracking"), s = R("leading"), a = R("breakpoint"), c = R("container"), d = R("spacing"), u = R("radius"), p = R("shadow"), g = R("inset-shadow"), v = R("drop-shadow"), C = R("blur"), b = R("perspective"), x = R("aspect"), F = R("ease"), N = R("animate"), A = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], E = () => ["auto", "hidden", "clip", "visible", "scroll"], P = () => ["auto", "contain", "none"], h = () => [m, f, d], k = () => [H, "full", "auto", ...h()], I = () => [K, "none", "subgrid", m, f], te = () => ["auto", {
+    span: ["full", K, m, f]
+  }, m, f], U = () => [K, "auto", m, f], Z = () => ["auto", "min", "max", "fr", m, f], X = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline"], D = () => ["start", "end", "center", "stretch"], _ = () => ["auto", ...h()], O = () => [H, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...h()], y = () => [e, m, f], fe = () => [Le, q], M = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    "full",
+    u,
+    m,
+    f
+  ], T = () => ["", w, ie, q], re = () => ["solid", "dashed", "dotted", "double"], Re = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Ie = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    C,
+    m,
+    f
+  ], Me = () => ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", m, f], ne = () => ["none", w, m, f], oe = () => ["none", w, m, f], me = () => [w, m, f], se = () => [H, "full", ...h()];
+  return {
+    cacheSize: 500,
+    theme: {
+      animate: ["spin", "ping", "pulse", "bounce"],
+      aspect: ["video"],
+      blur: [$],
+      breakpoint: [$],
+      color: [yr],
+      container: [$],
+      "drop-shadow": [$],
+      ease: ["in", "out", "in-out"],
+      font: [Ar],
+      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
+      "inset-shadow": [$],
+      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
+      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
+      radius: [$],
+      shadow: [$],
+      spacing: ["px", w],
+      text: [$],
+      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
+    },
+    classGroups: {
+      // --------------
+      // --- Layout ---
+      // --------------
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", H, f, m, x]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       * @deprecated since Tailwind CSS v4.0.0
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [w, f, m, c]
+      }],
+      /**
+       * 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: [...L(), f, m]
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: E()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": E()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": E()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: P()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": P()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": P()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: k()
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": k()
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": k()
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: k()
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: k()
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: k()
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: k()
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: k()
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: k()
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: [K, "auto", m, f]
+      }],
+      // ------------------------
+      // --- Flexbox and Grid ---
+      // ------------------------
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: [H, "full", "auto", c, ...h()]
+      }],
+      /**
+       * 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, H, "auto", "initial", "none", f]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: ["", w, m, f]
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: ["", w, m, f]
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: [K, "first", "last", "none", m, f]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": I()
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: te()
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": U()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": U()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": I()
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: te()
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": U()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": U()
+      }],
+      /**
+       * 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": Z()
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": Z()
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: h()
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": h()
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": h()
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: [...X(), "normal"]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": [...D(), "normal"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", ...D()]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...X()]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: [...D(), "baseline"]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", ...D(), "baseline"]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": X()
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": [...D(), "baseline"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", ...D()]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: h()
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: h()
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: h()
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: h()
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: h()
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: h()
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: h()
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: h()
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: h()
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: _()
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: _()
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: _()
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: _()
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: _()
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: _()
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: _()
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: _()
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: _()
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x": [{
+        "space-x": h()
+      }],
+      /**
+       * 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": h()
+      }],
+      /**
+       * 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: O()
+      }],
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: [c, "screen", ...O()]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [
+          c,
+          "screen",
+          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "none",
+          ...O()
+        ]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [
+          c,
+          "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: [a]
+          },
+          ...O()
+        ]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: ["screen", ...O()]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": ["screen", "none", ...O()]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": ["screen", ...O()]
+      }],
+      // ------------------
+      // --- Typography ---
+      // ------------------
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", n, ie, q]
+      }],
+      /**
+       * 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: [r, m, ge]
+      }],
+      /**
+       * 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", Le, f]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [Er, f, t]
+      }],
+      /**
+       * 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: [o, m, f]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": [w, "none", m, ge]
+      }],
+      /**
+       * 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 */
+          s,
+          ...h()
+        ]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", m, f]
+      }],
+      /**
+       * 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", m, f]
+      }],
+      /**
+       * 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: y()
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: y()
+      }],
+      /**
+       * 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: [...re(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: [w, "from-font", "auto", m, q]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: y()
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": [w, "auto", m, f]
+      }],
+      /**
+       * 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: h()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", m, f]
+      }],
+      /**
+       * 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"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", m, f]
+      }],
+      // -------------------
+      // --- 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: [...L(), Tr, Ir]
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: ["no-repeat", {
+          repeat: ["", "x", "y", "space", "round"]
+        }]
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: ["auto", "cover", "contain", Lr, Rr]
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          linear: [{
+            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+          }, K, m, f],
+          radial: ["", m, f],
+          conic: [K, m, f]
+        }, Pr, Mr]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: y()
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: fe()
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: fe()
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: fe()
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: y()
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: y()
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: y()
+      }],
+      // ---------------
+      // --- Borders ---
+      // ---------------
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: M()
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": M()
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": M()
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": M()
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": M()
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": M()
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": M()
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": M()
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": M()
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": M()
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": M()
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": M()
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": M()
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": M()
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": M()
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: T()
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": T()
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": T()
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": T()
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": T()
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": T()
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": T()
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": T()
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": T()
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x": [{
+        "divide-x": T()
+      }],
+      /**
+       * 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": T()
+      }],
+      /**
+       * 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: [...re(), "hidden", "none"]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
+       */
+      "divide-style": [{
+        divide: [...re(), "hidden", "none"]
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: y()
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": y()
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": y()
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": y()
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": y()
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": y()
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": y()
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": y()
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": y()
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: y()
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: [...re(), "none", "hidden"]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [w, m, f]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: ["", w, ie, q]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: [e]
+      }],
+      // ---------------
+      // --- Effects ---
+      // ---------------
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          p,
+          _r,
+          kr
+        ]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
+       */
+      "shadow-color": [{
+        shadow: y()
+      }],
+      /**
+       * Inset Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
+       */
+      "inset-shadow": [{
+        "inset-shadow": ["none", m, f, g]
+      }],
+      /**
+       * Inset Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
+       */
+      "inset-shadow-color": [{
+        "inset-shadow": y()
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
+       */
+      "ring-w": [{
+        ring: T()
+      }],
+      /**
+       * 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: y()
+      }],
+      /**
+       * 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, q]
+      }],
+      /**
+       * 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": y()
+      }],
+      /**
+       * Inset Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
+       */
+      "inset-ring-w": [{
+        "inset-ring": T()
+      }],
+      /**
+       * Inset Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
+       */
+      "inset-ring-color": [{
+        "inset-ring": y()
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [w, m, f]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...Re(), "plus-darker", "plus-lighter"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": Re()
+      }],
+      // ---------------
+      // --- Filters ---
+      // ---------------
+      /**
+       * Filter
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          m,
+          f
+        ]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: Ie()
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [w, m, f]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [w, m, f]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          v,
+          m,
+          f
+        ]
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: ["", w, m, f]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [w, m, f]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: ["", w, m, f]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [w, m, f]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: ["", w, m, f]
+      }],
+      /**
+       * Backdrop Filter
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          m,
+          f
+        ]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": Ie()
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [w, m, f]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [w, m, f]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": ["", w, m, f]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [w, m, f]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": ["", w, m, f]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [w, m, f]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [w, m, f]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": ["", w, m, f]
+      }],
+      // --------------
+      // --- 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": h()
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": h()
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": h()
+      }],
+      /**
+       * 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", m, f]
+      }],
+      /**
+       * 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", m, f]
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "initial", F, m, f]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: [w, m, f]
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", N, m, f]
+      }],
+      // ------------------
+      // --- Transforms ---
+      // ------------------
+      /**
+       * Backface Visibility
+       * @see https://tailwindcss.com/docs/backface-visibility
+       */
+      backface: [{
+        backface: ["hidden", "visible"]
+      }],
+      /**
+       * Perspective
+       * @see https://tailwindcss.com/docs/perspective
+       */
+      perspective: [{
+        perspective: [b, m, f]
+      }],
+      /**
+       * Perspective Origin
+       * @see https://tailwindcss.com/docs/perspective-origin
+       */
+      "perspective-origin": [{
+        "perspective-origin": Me()
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: ne()
+      }],
+      /**
+       * Rotate X
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-x": [{
+        "rotate-x": ne()
+      }],
+      /**
+       * Rotate Y
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-y": [{
+        "rotate-y": ne()
+      }],
+      /**
+       * Rotate Z
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-z": [{
+        "rotate-z": ne()
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: oe()
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": oe()
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": oe()
+      }],
+      /**
+       * Scale Z
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-z": [{
+        "scale-z": oe()
+      }],
+      /**
+       * Scale 3D
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-3d": ["scale-3d"],
+      /**
+       * Skew
+       * @see https://tailwindcss.com/docs/skew
+       */
+      skew: [{
+        skew: me()
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": me()
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": me()
+      }],
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: [m, f, "", "none", "gpu", "cpu"]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: Me()
+      }],
+      /**
+       * Transform Style
+       * @see https://tailwindcss.com/docs/transform-style
+       */
+      "transform-style": [{
+        transform: ["3d", "flat"]
+      }],
+      /**
+       * Translate
+       * @see https://tailwindcss.com/docs/translate
+       */
+      translate: [{
+        translate: se()
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": se()
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": se()
+      }],
+      /**
+       * Translate Z
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-z": [{
+        "translate-z": se()
+      }],
+      /**
+       * Translate None
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-none": ["translate-none"],
+      // ---------------------
+      // --- Interactivity ---
+      // ---------------------
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: y()
+      }],
+      /**
+       * 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: y()
+      }],
+      /**
+       * 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", m, f]
+      }],
+      /**
+       * 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"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": h()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": h()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": h()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": h()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": h()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": h()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": h()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": h()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": h()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": h()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": h()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": h()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": h()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": h()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": h()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": h()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": h()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": h()
+      }],
+      /**
+       * 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", m, f]
+      }],
+      // -----------
+      // --- SVG ---
+      // -----------
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: ["none", ...y()]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [w, ie, q, ge]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: ["none", ...y()]
+      }],
+      // ---------------------
+      // --- Accessibility ---
+      // ---------------------
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "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", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "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-s", "border-w-e", "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-s", "border-color-e", "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-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-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"]
+    },
+    orderSensitiveModifiers: ["before", "after", "placeholder", "file", "marker", "selection", "first-line", "first-letter", "backdrop", "*", "**"]
+  };
+}, Dr = /* @__PURE__ */ gr(jr);
+function j(...e) {
+  return Dr(at(e));
+}
+function $r({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    Xt,
+    {
+      "data-slot": "tabs",
+      className: j("flex flex-col gap-2", e),
+      ...t
+    }
+  );
+}
+function Ur({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    Qt,
+    {
+      "data-slot": "tabs-list",
+      className: j(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function Pe({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    er,
+    {
+      "data-slot": "tabs-trigger",
+      className: j(
+        "data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function _e({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    tr,
+    {
+      "data-slot": "tabs-content",
+      className: j("flex-1 outline-none", e),
+      ...t
+    }
+  );
+}
+const bn = () => /* @__PURE__ */ S($r, { defaultValue: "transcript", className: "w-[400px]", children: [
+  /* @__PURE__ */ S(Ur, { children: [
+    /* @__PURE__ */ i(Pe, { value: "transcript", children: "Transcript" }),
+    /* @__PURE__ */ i(Pe, { value: "timeline", children: "Timeline" })
+  ] }),
+  /* @__PURE__ */ i(_e, { value: "transcript", children: "Transcript component." }),
+  /* @__PURE__ */ i(_e, { value: "timeline", children: "Timeline component." })
+] }), Ve = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ze = at, Wr = (e, t) => (n) => {
+  var r;
+  if ((t == null ? void 0 : t.variants) == null) return ze(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  const { variants: o, defaultVariants: s } = t, a = Object.keys(o).map((u) => {
+    const p = n == null ? void 0 : n[u], g = s == null ? void 0 : s[u];
+    if (p === null) return null;
+    const v = Ve(p) || Ve(g);
+    return o[u][v];
+  }), c = n && Object.entries(n).reduce((u, p) => {
+    let [g, v] = p;
+    return v === void 0 || (u[g] = v), u;
+  }, {}), d = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((u, p) => {
+    let { class: g, className: v, ...C } = p;
+    return Object.entries(C).every((b) => {
+      let [x, F] = b;
+      return Array.isArray(F) ? F.includes({
+        ...s,
+        ...c
+      }[x]) : {
+        ...s,
+        ...c
+      }[x] === F;
+    }) ? [
+      ...u,
+      g,
+      v
+    ] : u;
+  }, []);
+  return ze(e, a, d, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+}, Kr = Wr(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover",
+        outline: "border border-input text-secondary-foreground hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), gt = l.forwardRef(
+  ({ className: e, variant: t, size: n, asChild: r = !1, ...o }, s) => /* @__PURE__ */ i(
+    r ? Q : "button",
+    {
+      className: j(Kr({ variant: t, size: n, className: e })),
+      ref: s,
+      ...o
+    }
+  )
+);
+gt.displayName = "Button";
+const z = (e) => /* @__PURE__ */ i(gt, { ...e, children: e.children });
+var Ae = "Avatar", [qr, hn] = ce(Ae), [Zr, bt] = qr(Ae), ht = l.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: n, ...r } = e, [o, s] = l.useState("idle");
+    return /* @__PURE__ */ i(
+      Zr,
+      {
+        scope: n,
+        imageLoadingStatus: o,
+        onImageLoadingStatusChange: s,
+        children: /* @__PURE__ */ i(B.span, { ...r, ref: t })
+      }
+    );
+  }
+);
+ht.displayName = Ae;
+var vt = "AvatarImage", xt = l.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: n, src: r, onLoadingStatusChange: o = () => {
+    }, ...s } = e, a = bt(vt, n), c = Hr(r, s.referrerPolicy), d = de((u) => {
+      o(u), a.onImageLoadingStatusChange(u);
+    });
+    return ee(() => {
+      c !== "idle" && d(c);
+    }, [c, d]), c === "loaded" ? /* @__PURE__ */ i(B.img, { ...s, ref: t, src: r }) : null;
+  }
+);
+xt.displayName = vt;
+var wt = "AvatarFallback", Ct = l.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: n, delayMs: r, ...o } = e, s = bt(wt, n), [a, c] = l.useState(r === void 0);
+    return l.useEffect(() => {
+      if (r !== void 0) {
+        const d = window.setTimeout(() => c(!0), r);
+        return () => window.clearTimeout(d);
+      }
+    }, [r]), a && s.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ i(B.span, { ...o, ref: t }) : null;
+  }
+);
+Ct.displayName = wt;
+function Hr(e, t) {
+  const [n, r] = l.useState("idle");
+  return ee(() => {
+    if (!e) {
+      r("error");
+      return;
+    }
+    let o = !0;
+    const s = new window.Image(), a = (c) => () => {
+      o && r(c);
+    };
+    return r("loading"), s.onload = a("loaded"), s.onerror = a("error"), s.src = e, t && (s.referrerPolicy = t), () => {
+      o = !1;
+    };
+  }, [e, t]), n;
+}
+var Yr = ht, Jr = xt, Xr = Ct;
+function Qr({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    Yr,
+    {
+      "data-slot": "avatar",
+      className: j(
+        "relative flex size-10 shrink-0 overflow-hidden rounded-full",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function en({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    Jr,
+    {
+      "data-slot": "avatar-image",
+      className: j("aspect-square size-full", e),
+      ...t
+    }
+  );
+}
+function tn({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    Xr,
+    {
+      "data-slot": "avatar-fallback",
+      className: j(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        e
+      ),
+      ...t
+    }
+  );
+}
+const be = ({ url: e, fullName: t, type: n = "primary" }) => {
+  const r = () => {
+    const [o, s] = t.split(" ");
+    return `${(o == null ? void 0 : o.charAt(0)) ?? ""}${(s == null ? void 0 : s.charAt(0)) ?? ""}`;
+  };
+  return /* @__PURE__ */ S(Qr, { children: [
+    /* @__PURE__ */ i(en, { role: "img", src: e }),
+    /* @__PURE__ */ i(
+      tn,
+      {
+        className: j(
+          "text-base font-normal",
+          n === "primary" ? "text-[#F5F5F5] bg-[#39385F]" : "bg-[#F5F5F5] text-[#37466D]"
+        ),
+        children: r()
+      }
+    )
+  ] });
+}, rn = (e) => /* @__PURE__ */ l.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 4.5C9.33486 4.5 9.62915 4.72198 9.72114 5.04396L10.5343 7.89015C10.8903 9.13593 11.8641 10.1097 13.1099 10.4657L15.956 11.2789C16.278 11.3709 16.5 11.6651 16.5 12C16.5 12.3349 16.278 12.6291 15.956 12.7211L13.1098 13.5343C11.8641 13.8903 10.8903 14.8641 10.5343 16.1099L9.72114 18.956C9.62915 19.278 9.33486 19.5 9 19.5C8.66514 19.5 8.37085 19.278 8.27886 18.956L7.46566 16.1099C7.10972 14.8641 6.13593 13.8903 4.89015 13.5343L2.04396 12.7211C1.72198 12.6291 1.5 12.3349 1.5 12C1.5 11.6651 1.72198 11.3709 2.04396 11.2789L4.89015 10.4657C6.13593 10.1097 7.10972 9.13593 7.46566 7.89015L8.27886 5.04396C8.37085 4.72198 8.66514 4.5 9 4.5Z", fill: "currentColor" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 1.5C18.3442 1.5 18.6441 1.73422 18.7276 2.0681L18.9865 3.10356C19.2216 4.04406 19.9559 4.7784 20.8964 5.01353L21.9319 5.27239C22.2658 5.35586 22.5 5.65585 22.5 6C22.5 6.34415 22.2658 6.64414 21.9319 6.72761L20.8964 6.98647C19.9559 7.2216 19.2216 7.95594 18.9865 8.89644L18.7276 9.9319C18.6441 10.2658 18.3442 10.5 18 10.5C17.6558 10.5 17.3559 10.2658 17.2724 9.9319L17.0135 8.89644C16.7784 7.95594 16.0441 7.2216 15.1036 6.98647L14.0681 6.72761C13.7342 6.64414 13.5 6.34415 13.5 6C13.5 5.65585 13.7342 5.35586 14.0681 5.27239L15.1036 5.01353C16.0441 4.7784 16.7784 4.04406 17.0135 3.10356L17.2724 2.0681C17.3559 1.73422 17.6558 1.5 18 1.5Z", fill: "currentColor" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.5 15C16.8228 15 17.1094 15.2066 17.2115 15.5128L17.6058 16.6956C17.7551 17.1435 18.1065 17.4949 18.5544 17.6442L19.7372 18.0385C20.0434 18.1406 20.25 18.4272 20.25 18.75C20.25 19.0728 20.0434 19.3594 19.7372 19.4615L18.5544 19.8558C18.1065 20.0051 17.7551 20.3565 17.6058 20.8044L17.2115 21.9872C17.1094 22.2934 16.8228 22.5 16.5 22.5C16.1772 22.5 15.8906 22.2934 15.7885 21.9872L15.3942 20.8044C15.2449 20.3565 14.8935 20.0051 14.4456 19.8558L13.2628 19.4615C12.9566 19.3594 12.75 19.0728 12.75 18.75C12.75 18.4272 12.9566 18.1406 13.2628 18.0385L14.4456 17.6442C14.8935 17.4949 15.2449 17.1435 15.3942 16.6956L15.7885 15.5128C15.8906 15.2066 16.1772 15 16.5 15Z", fill: "currentColor" })), nn = (e) => /* @__PURE__ */ l.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M4.91307 2.65823C6.9877 2.38888 9.10296 2.25 11.2503 2.25C13.3974 2.25 15.5124 2.38885 17.5869 2.65815C19.5091 2.90769 20.8783 4.51937 20.9923 6.38495C20.6665 6.27614 20.3212 6.20396 19.96 6.17399C18.5715 6.05874 17.1673 6 15.75 6C14.3326 6 12.9285 6.05874 11.54 6.17398C9.1817 6.36971 7.5 8.36467 7.5 10.6082V14.8937C7.5 16.5844 8.45468 18.1326 9.9328 18.8779L7.28033 21.5303C7.06583 21.7448 6.74324 21.809 6.46299 21.6929C6.18273 21.5768 6 21.3033 6 21V16.9705C5.63649 16.9316 5.27417 16.8887 4.91308 16.8418C2.90466 16.581 1.5 14.8333 1.5 12.8626V6.63738C1.5 4.66672 2.90466 2.91899 4.91307 2.65823Z", fill: "#C7C6FA" }), /* @__PURE__ */ l.createElement("path", { d: "M15.75 7.5C14.3741 7.5 13.0114 7.55702 11.6641 7.66884C10.1248 7.7966 9 9.10282 9 10.6082V14.8937C9 16.4014 10.128 17.7083 11.6692 17.8341C12.9131 17.9357 14.17 17.9912 15.4384 17.999L18.2197 20.7803C18.4342 20.9948 18.7568 21.059 19.037 20.9429C19.3173 20.8268 19.5 20.5533 19.5 20.25V17.8601C19.6103 17.8518 19.7206 17.8432 19.8307 17.8342C21.372 17.7085 22.5 16.4015 22.5 14.8938V10.6082C22.5 9.10283 21.3752 7.79661 19.836 7.66885C18.4886 7.55702 17.1259 7.5 15.75 7.5Z", fill: "#C7C6FA" })), on = (e) => /* @__PURE__ */ l.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M19.5 12C19.5 10.7681 19.4536 9.54699 19.3624 8.3384C19.2128 6.35425 17.6458 4.78724 15.6616 4.63757C14.453 4.54641 13.2319 4.5 12 4.5C10.7681 4.5 9.54699 4.54641 8.3384 4.63757C6.35425 4.78724 4.78724 6.35425 4.63757 8.3384C4.62097 8.55852 4.60585 8.77906 4.59222 9M19.5 12L22.5 9M19.5 12L16.5 9M4.5 12C4.5 13.2319 4.54641 14.453 4.63757 15.6616C4.78724 17.6458 6.35425 19.2128 8.3384 19.3624C9.54699 19.4536 10.7681 19.5 12 19.5C13.2319 19.5 14.453 19.4536 15.6616 19.3624C17.6458 19.2128 19.2128 17.6458 19.3624 15.6616C19.379 15.4415 19.3941 15.2209 19.4078 15M4.5 12L7.5 15M4.5 12L1.5 15", stroke: "#5150B0", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), sn = (e) => /* @__PURE__ */ l.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M16.5 8.25V6C16.5 4.75736 15.4926 3.75 14.25 3.75H6C4.75736 3.75 3.75 4.75736 3.75 6V14.25C3.75 15.4926 4.75736 16.5 6 16.5H8.25M16.5 8.25H18C19.2426 8.25 20.25 9.25736 20.25 10.5V18C20.25 19.2426 19.2426 20.25 18 20.25H10.5C9.25736 20.25 8.25 19.2426 8.25 18V16.5M16.5 8.25H10.5C9.25736 8.25 8.25 9.25736 8.25 10.5V16.5", stroke: "#5150B0", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), an = (e) => /* @__PURE__ */ l.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5 5C11.799 5 12.0693 5.17751 12.1882 5.45179L15.4382 12.9518C15.6029 13.3319 15.4283 13.7735 15.0482 13.9382C14.6682 14.1029 14.2266 13.9283 14.0619 13.5482L13.3908 11.9997H9.60923L8.9382 13.5482C8.7735 13.9283 8.33189 14.1029 7.95182 13.9382C7.57176 13.7735 7.39717 13.3319 7.56186 12.9518L10.8119 5.45179C10.9307 5.17751 11.2011 5 11.5 5ZM10.2592 10.4997H12.7408L11.5 7.63628L10.2592 10.4997Z", fill: "#5150B0" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.50003 1C5.91424 1 6.25003 1.33579 6.25003 1.75V3.01104C6.66299 3.02322 7.0735 3.04541 7.48131 3.0774C7.94038 3.11341 8.39601 3.16182 8.84786 3.22231C9.25842 3.27727 9.54668 3.65464 9.49172 4.06519C9.43676 4.47574 9.05938 4.76401 8.64883 4.70905C8.42894 4.67961 8.20808 4.65321 7.98628 4.6299C7.6301 5.85717 7.09808 7.00928 6.41941 8.05729C6.65555 8.36066 6.90658 8.65193 7.17142 8.92999C7.45709 9.22993 7.44553 9.70466 7.14559 9.99034C6.84565 10.276 6.37092 10.2644 6.08525 9.96451C5.88294 9.7521 5.68774 9.53284 5.50002 9.30711C4.68402 10.2884 3.72645 11.1474 2.65883 11.853C2.31326 12.0813 1.84799 11.9863 1.61962 11.6408C1.39124 11.2952 1.48624 10.8299 1.83181 10.6015C2.8813 9.90797 3.81021 9.04714 4.58066 8.05729C4.38359 7.75296 4.19887 7.43984 4.02724 7.11865C3.83202 6.75332 3.96992 6.29891 4.33524 6.10369C4.70057 5.90847 5.15498 6.04637 5.3502 6.4117C5.39895 6.50293 5.4489 6.59343 5.50002 6.68318C5.88798 6.00207 6.2083 5.27759 6.45187 4.51891C6.13619 4.50635 5.81887 4.5 5.50003 4.5C4.43193 4.5 3.38086 4.57121 2.35122 4.70905C1.94067 4.76401 1.5633 4.47574 1.50834 4.06519C1.45338 3.65464 1.74164 3.27727 2.15219 3.22231C3.00548 3.10808 3.87219 3.03692 4.75003 3.01104V1.75C4.75003 1.33579 5.08582 1 5.50003 1Z", fill: "#5150B0" })), ln = (e) => /* @__PURE__ */ l.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.8001 1.59999C8.8001 1.15816 8.44192 0.799988 8.0001 0.799988C7.55827 0.799988 7.2001 1.15816 7.2001 1.59999V6.39999V6.79999C7.2001 7.0209 7.02101 7.19999 6.8001 7.19999C6.57918 7.19999 6.4001 7.0209 6.4001 6.79999V6.39999V2.39999C6.4001 1.95816 6.04192 1.59999 5.6001 1.59999C5.15827 1.59999 4.8001 1.95816 4.8001 2.39999V6.39999V6.79999C4.8001 6.80028 4.8001 6.80058 4.8001 6.80087C4.79962 7.02138 4.62072 7.19999 4.4001 7.19999C4.17918 7.19999 4.0001 7.0209 4.0001 6.79999V6.39999V3.99999C4.0001 3.55816 3.64192 3.19999 3.2001 3.19999C2.75827 3.19999 2.4001 3.55816 2.4001 3.99999V8.79999V9.59999C2.4001 12.6928 4.9073 15.2 8.0001 15.2C11.0929 15.2 13.6001 12.6928 13.6001 9.59999L13.6001 8.79999L13.6001 6.39999C13.6001 5.95816 13.2419 5.59999 12.8001 5.59999C12.3583 5.59999 12.0001 5.95816 12.0001 6.39999V8.79999V9.19999C12.0001 9.4209 11.821 9.59999 11.6001 9.59999C11.3792 9.59999 11.2001 9.4209 11.2001 9.19999V8.79999V7.99999V6.39999V2.39999C11.2001 1.95816 10.8419 1.59999 10.4001 1.59999C9.95827 1.59999 9.6001 1.95816 9.6001 2.39999V6.39999V6.79999C9.6001 7.0209 9.42101 7.19999 9.2001 7.19999C8.97918 7.19999 8.8001 7.0209 8.8001 6.79999V6.39999V1.59999Z", fill: "white" })), cn = {
+  Sparkles: rn,
+  ChatBubble: nn,
+  ArrowPathRoundedSquare: on,
+  Square2Stack: sn,
+  Language: an,
+  HandRaised: ln
+};
+function dn({ name: e, ...t }) {
+  const n = cn[e];
+  return n ? /* @__PURE__ */ i(n, { ...t }) : (console.error(`Icon "${e}" not found.`), null);
+}
+const V = Nt(dn), vn = ({
+  title: e,
+  message: t,
+  timestamps: n,
+  icon: r,
+  tag: o,
+  showHelperButtons: s,
+  onClickAskGenAI: a,
+  onClickAskManager: c
+}) => /* @__PURE__ */ S("div", { className: "flex flex-col w-full h-fit rounded-xl md:rounded-3xl bg-[#F5F5F5] md:bg-[#FFFFFF] gap-2 p-4", children: [
+  /* @__PURE__ */ S("div", { className: "flex w-full flex-row items-center justify-between", children: [
+    /* @__PURE__ */ S("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ i(V, { name: r, width: 24, height: 24 }),
+      /* @__PURE__ */ i("div", { className: "ml-2 mr-1 text-base font-medium leading-6 text-[#000000]", children: e }),
+      typeof o < "u" && o
+    ] }),
+    /* @__PURE__ */ i("div", { className: "bg-[#0e0e1814] rounded-md p-1 flex items-center justify-center text-[11px] font-normal text-[#0000000]", children: n })
+  ] }),
+  /* @__PURE__ */ i("div", { className: "text-sm md:text-base w-full font-normal text-[#000000]", children: t }),
+  s && /* @__PURE__ */ S("div", { className: "flex flex-row gap-1 items-center", children: [
+    /* @__PURE__ */ i(
+      z,
+      {
+        onClick: a,
+        size: "sm",
+        className: "bg-[#5150B0] gap-2",
+        children: /* @__PURE__ */ i("div", { className: "text-sm font-medium text-[#F5F5F5]", children: "Ask GenAI" })
+      }
+    ),
+    /* @__PURE__ */ i(
+      z,
+      {
+        onClick: c,
+        size: "sm",
+        className: "bg-[#5150B0] gap-2",
+        children: /* @__PURE__ */ i("div", { className: "text-sm font-medium text-[#F5F5F5]", children: "Ask Manager" })
+      }
+    )
+  ] })
+] }), un = ({
+  sender: e,
+  message: t,
+  timestamps: n,
+  icon: r,
+  type: o,
+  onClickAskAI: s,
+  onClickAskManager: a,
+  managerReplyTitle: c,
+  showHelperButton: d,
+  managerReplyMessage: u
+}) => {
+  const p = () => /* @__PURE__ */ S("div", { className: "flex flex-row gap-2 items-start w-full justify-end", children: [
+    /* @__PURE__ */ S("div", { className: "px-4 py-3  min-w-[128px] relative flex flex-col gap-2 items-start  rounded-2xl rounded-tr-none bg-[#F5F5F5] max-w-full", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-medium text-[#000000]", children: t }),
+      /* @__PURE__ */ i("div", { className: "text-xs w-full font-normal text-[#737373] text-right", children: n }),
+      r && /* @__PURE__ */ i("div", { className: "border w-10 h-8 border-[#E5E5E5] flex items-center justify-center rounded-full bg-[#FFFFFF] absolute -bottom-[14px] ", children: r })
+    ] }),
+    /* @__PURE__ */ i(be, { type: "secondary", fullName: e })
+  ] }), g = () => /* @__PURE__ */ S("div", { className: "flex flex-row gap-2 items-start w-full", children: [
+    /* @__PURE__ */ i(be, { fullName: e }),
+    /* @__PURE__ */ S("div", { className: "px-4 py-3 relative w-fit min-w-[128px] flex flex-col gap-2 items-start  rounded-2xl rounded-tl-none bg-[#39385F]  max-w-full", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-medium text-[#F5F5F5]", children: t }),
+      d && /* @__PURE__ */ S("div", { className: "flex flex-row gap-2", children: [
+        /* @__PURE__ */ i(
+          z,
+          {
+            name: "ai-helper",
+            role: "button",
+            onClick: s,
+            className: "bg-[#0000001a] p-0 w-8 h-8 rounded-full",
+            children: /* @__PURE__ */ i(V, { name: "Sparkles", color: "#C7C6FA", width: 24, height: 24 })
+          }
+        ),
+        /* @__PURE__ */ i(
+          z,
+          {
+            name: "manager-helper",
+            role: "button",
+            onClick: a,
+            className: "bg-[#0000001a] p-0 w-8 h-8 rounded-full",
+            children: /* @__PURE__ */ i(V, { name: "ChatBubble", width: 24, height: 24 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "text-xs w-full font-normal text-[#737373] text-right", children: n }),
+      r && /* @__PURE__ */ i("div", { className: "border w-10 h-8 border-[#E5E5E5] flex items-center justify-center rounded-full bg-[#FFFFFF] absolute -bottom-[14px] ", children: r })
+    ] })
+  ] }), v = () => /* @__PURE__ */ S("div", { className: "flex flex-row gap-2 items-start w-full justify-end", children: [
+    /* @__PURE__ */ S("div", { className: "rounded-2xl w-fit rounded-tr-none min-w-[128px] max-w-full border border-[#E5E5E5]", children: [
+      /* @__PURE__ */ S("div", { className: "p-3 relative flex w-full flex-col gap-3 items-start bg-transparent", children: [
+        /* @__PURE__ */ S("div", { className: "flex flex-row items-center justify-between w-full gap-3", children: [
+          c,
+          /* @__PURE__ */ i("div", { className: "w-fit bg-[#DC2626] rounded-md p-1 text-[15px] text-[#F5F5F5] font-normal", children: n })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "text-sm font-medium text-[#000000]", children: u })
+      ] }),
+      /* @__PURE__ */ S("div", { className: "rounded-br-2xl w-full rounded-bl-2xl bg-[#F5F5F5] flex flex-col items-start justify-center p-3 gap-2", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-medium text-[#000000]", children: t }),
+        /* @__PURE__ */ i("div", { className: "text-xs w-full font-normal text-[#737373] text-right", children: n })
+      ] })
+    ] }),
+    /* @__PURE__ */ i(be, { type: "secondary", fullName: e })
+  ] }), C = () => /* @__PURE__ */ S("div", { className: "flex flex-row gap-2 items-start w-full", children: [
+    /* @__PURE__ */ i("div", { className: "w-10 h-10 flex rounded-full items-center justify-center bg-[#FCF5CF]", children: /* @__PURE__ */ i(V, { name: "Sparkles", width: 24, height: 24, color: "#37365E" }) }),
+    /* @__PURE__ */ S("div", { className: "px-4 py-3  min-w-[128px] relative w-full flex-1 flex flex-col gap-2 items-start  rounded-2xl rounded-tl-none bg-[#FCF5CF]  max-w-full", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-medium text-[#000000]", children: t }),
+      /* @__PURE__ */ S("div", { className: "flex flex-row items-center justify-between w-full", children: [
+        /* @__PURE__ */ S("div", { className: "flex flex-row items-start justify-center gap-1", children: [
+          /* @__PURE__ */ i(z, { className: "w-8 h-8 bg-transparent p-0", children: /* @__PURE__ */ i(V, { name: "ArrowPathRoundedSquare", width: 24, height: 24 }) }),
+          /* @__PURE__ */ i(z, { className: "w-8 h-8 bg-transparent p-0", children: /* @__PURE__ */ i(V, { name: "Square2Stack", width: 24, height: 24 }) })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "text-xs font-normal text-[#000000]", children: n })
+      ] })
+    ] })
+  ] });
+  return {
+    message: p(),
+    reply: g(),
+    "manager-reply": v(),
+    "ai-reply": C()
+  }[o];
+}, xn = ({
+  isStandalone: e,
+  messages: t,
+  transcriptInfo: n,
+  onClickTranslation: r
+}) => /* @__PURE__ */ S("div", { className: "max-w-[768px] w-full flex flex-col gap-3  md:gap-[26px] h-full items-center justify-center", children: [
+  e ? /* @__PURE__ */ S("div", { className: "w-full flex flex-row items-center justify-between ", children: [
+    /* @__PURE__ */ S("div", { className: "flex flex-row items-center justify-center gap-2", children: [
+      /* @__PURE__ */ i("div", { className: "text-lg font-medium text-[#000000]", children: "Transcript" }),
+      n && /* @__PURE__ */ i("div", { className: "px-2.5 py-1 bg-[#0e0e1814] rounded-full", children: n })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "md:flex", children: /* @__PURE__ */ S(
+      z,
+      {
+        variant: "outline",
+        size: "lg",
+        onClick: r,
+        className: "bg-[#FFFFFF] gap-2 px-6 py-4 h-12",
+        children: [
+          /* @__PURE__ */ i(V, { name: "Language", width: 16, height: 16, color: "#5150B0" }),
+          /* @__PURE__ */ i("div", { className: "text-base text-[#5150B0] font-medium", children: "Start Translation" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ i("div", { className: "md:hidden", children: /* @__PURE__ */ S(
+      z,
+      {
+        variant: "link",
+        size: "default",
+        onClick: r,
+        className: "bg-[#FFFFFF] gap-2 px-6",
+        children: [
+          /* @__PURE__ */ i(V, { name: "Language", width: 16, height: 16, color: "#5150B0" }),
+          /* @__PURE__ */ i("div", { className: "text-base text-[#5150B0] font-medium", children: "Start Translation" })
+        ]
+      }
+    ) })
+  ] }) : /* @__PURE__ */ S("div", { className: "w-full flex items-center justify-center", children: [
+    /* @__PURE__ */ i("div", { className: "md:flex", children: /* @__PURE__ */ S(
+      z,
+      {
+        variant: "outline",
+        size: "lg",
+        onClick: r,
+        className: "bg-[#FFFFFF] gap-2 px-6 py-4 h-12",
+        children: [
+          /* @__PURE__ */ i(V, { name: "Language", width: 16, height: 16, color: "#5150B0" }),
+          /* @__PURE__ */ i("div", { className: "text-base text-[#5150B0] font-medium", children: "Start Translation" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ i("div", { className: "md:hidden", children: /* @__PURE__ */ S(
+      z,
+      {
+        variant: "link",
+        size: "default",
+        onClick: r,
+        className: "bg-[#FFFFFF] gap-2 px-6",
+        children: [
+          /* @__PURE__ */ i(V, { name: "Language", width: 16, height: 16, color: "#5150B0" }),
+          /* @__PURE__ */ i("div", { className: "text-base text-[#5150B0] font-medium", children: "Start Translation" })
+        ]
+      }
+    ) })
+  ] }),
+  /* @__PURE__ */ i("div", { className: "flex flex-col gap-6 w-full", children: t.map((o) => /* @__PURE__ */ i(un, { ...o })) })
+] });
+export {
+  be as Avatar,
+  z as Button,
+  V as Icon,
+  un as MessageBubble,
+  vn as MomentItem,
+  bn as Tab,
+  xn as Transcript
+};