@harnessio/ui 0.5.9 → 0.5.10

package/dist/{index-BHH9x1eJ.js → index-CHvN8Aah.js}

@@ -4,7 +4,7 @@ var de = (e, t, n) => H$(e, typeof t != "symbol" ? t + "" : t, n);
 import { c as Dt, T as O4, R as xv, D as Lv, a as Mv, u as wd, C as ig, b as D4, B as Je, I as me, P as kv, d as w4, O as og, e as Pv, S as Xi, f as Y$, L as ks, g as z$, h as V$, i as Ts, j as yt, k as Fn, l as Xu, m as Or, n as xd, o as Fv, p as $a, q as Dn, r as Ar, s as mt, t as Dr, v as sg, A as Uv, w as Bv, x as mi, y as x4, z as L4, E as q$, F as M4, G as k4, H as P4, J as F4, K as U4, M as B4, N as G4, Q as ci, U as st, V as vs, W as ji, X as Ld, _ as Ve, Y as Rn, Z as H4, $ as Ra, a0 as Fa, a1 as $$, a2 as lg, a3 as W$, a4 as kl, a5 as Y4, a6 as K$, a7 as Q$, a8 as X$, a9 as j$, aa as Z$, ab as J$, ac as eW, ad as tW, ae as nW, af as rW, ag as aW } from "./index-DhFGPGOA.js";
 import { jsx as g, jsxs as G, Fragment as ut } from "react/jsx-runtime";
 import * as h from "react";
-import se, { forwardRef as ge, useMemo as xe, useLayoutEffect as uc, useEffect as ve, createContext as Bt, useContext as dt, useRef as Le, useCallback as Pe, Children as dc, useState as Te, cloneElement as Oo, memo as Qa, useReducer as iW, isValidElement as aa, createElement as oW, Fragment as Vi, useImperativeHandle as Gv } from "react";
+import se, { forwardRef as ge, useMemo as xe, useLayoutEffect as uc, useEffect as be, createContext as Bt, useContext as dt, useRef as Le, useCallback as Pe, Children as dc, useState as ve, cloneElement as Oo, memo as Qa, useReducer as iW, isValidElement as aa, createElement as oW, Fragment as Vi, useImperativeHandle as Gv } from "react";
 import { c as $, g as Md, f as Pl, a as sW, d as el, I as lW, Z as B2, b as cW, e as G2 } from "./utils-DRBOvPmN.js";
 import { t as Mt, c as sn, g as Ps, a as Kl, m as uW, b as Hv, e as Yv, d as dW, f as pW, h as mW, u as Fs, i as _W, w as vT, j as gW, k as fW, l as wm, n as CT, o as EW, p as cg, q as ju, r as SW, s as hW, L as H2, v as nE, x as bW, y as TW } from "./textarea-utils-uuMesRro.js";
 import { d as zv, u as fr, n as Zu, a as z4, M as Oa, C as V4, b as q4 } from "./use-resize-observer-B-bXbUjU.js";
@@ -352,7 +352,7 @@ function t6() {
 function qv(e) {
   return typeof window < "u" && window.navigator != null ? e.test(window.navigator.platform) : void 0;
 }
-const sX = 24, lX = typeof window < "u" ? uc : ve;
+const sX = 24, lX = typeof window < "u" ? uc : be;
 function V2(...e) {
   return (...t) => {
     for (let n of e)
@@ -3932,9 +3932,9 @@ const J2 = {
     ...l
   }, c) => {
     const u = Le(null), { portalContainer: d } = wd(), { direction: p, modal: m, hasOpenChild: _ } = tC(), f = Fs([c, u]), E = Le(_), S = Le(p);
-    ve(() => {
+    be(() => {
       E.current = _, S.current = p;
-    }, [_, p]), ve(() => {
+    }, [_, p]), be(() => {
       if (!u.current) return;
       const R = u.current, y = () => {
         const x = E.current, w = S.current;
@@ -4270,15 +4270,19 @@ const eZ = `[data-vaul-drawer] {
   onOpenChange: r,
   ...a
 }) => {
-  const { portalContainer: i } = wd(), [o, s] = Te(!1), [l, c] = Te(!1), { isParentOpen: u, onChildOpenChange: d } = tC(), p = u;
-  ve(() => {
+  const { portalContainer: i } = wd(), [o, s] = ve(!1), [l, c] = ve(!1), { isParentOpen: u, onChildOpenChange: d } = tC(), p = u;
+  be(() => {
     if (!i || i.querySelector("#vaul-style")) return;
     const b = document.createElement("style");
     b.setAttribute("id", "vaul-style"), b.textContent = eZ, i == null || i.appendChild(b);
   }, [i]);
   const m = Pe((b) => {
     s(b);
-  }, []), _ = Pe(
+  }, []);
+  be(() => {
+    t !== void 0 && p && d && d(t);
+  }, [t, p, d]);
+  const _ = Pe(
     (b) => {
       c(b), p && d && d(b), r == null || r(b);
     },
@@ -4423,7 +4427,7 @@ const tZ = Ir.Close, Fr = {
     title: u,
     ...d
   }, p) => {
-    const [m, _] = Te(""), f = nZ({ as: c, variant: a, asChild: i }), E = !c && !!(a != null && a.startsWith("heading")), S = s ?? kT[a ?? "body-normal"].color, b = Pe(
+    const [m, _] = ve(""), f = nZ({ as: c, variant: a, asChild: i }), E = !c && !!(a != null && a.startsWith("heading")), S = s ?? kT[a ?? "body-normal"].color, b = Pe(
       (N) => {
         N && (n || r) && _(N.innerText || "");
       },
@@ -4443,7 +4447,7 @@ const tZ = Ir.Close, Fr = {
   }
 );
 L6.displayName = "Text";
-const be = L6, rZ = Dt("mt-[var(--cn-spacing-4)]", {
+const Te = L6, rZ = Dt("mt-[var(--cn-spacing-4)]", {
   variants: {
     size: {
       1: "mt-[var(--cn-spacing-1)]",
@@ -4470,7 +4474,7 @@ const be = L6, rZ = Dt("mt-[var(--cn-spacing-4)]", {
 }), nC = ({ className: e, size: t, ...n }) => /* @__PURE__ */ g("div", { "aria-hidden": !0, className: $(rZ({ size: t, className: e })), ...n });
 nC.displayName = "Spacer";
 function M6({ children: e, className: t }) {
-  return /* @__PURE__ */ g(be, { as: "span", className: $("mt-cn-3xs", t), children: e });
+  return /* @__PURE__ */ g(Te, { as: "span", className: $("mt-cn-3xs", t), children: e });
 }
 const PT = ({
   children: e,
@@ -4563,8 +4567,8 @@ const wr = ge(
 wr.displayName = U6.displayName;
 function oZ({ title: e, description: t, className: n, children: r }) {
   return /* @__PURE__ */ G("section", { className: $("grid gap-y-cn-xs", n), children: [
-    /* @__PURE__ */ g(be, { as: "h6", color: "foreground-1", children: e }),
-    t && /* @__PURE__ */ g(be, { children: t }),
+    /* @__PURE__ */ g(Te, { as: "h6", color: "foreground-1", children: e }),
+    t && /* @__PURE__ */ g(Te, { children: t }),
     r
   ] });
 }
@@ -4577,7 +4581,7 @@ const sZ = {
 };
 function Ju({ children: e, theme: t, className: n }) {
   const r = sZ[t], a = t === fa.ERROR ? "alert" : "status", i = t === fa.ERROR ? "assertive" : "polite";
-  return /* @__PURE__ */ g("div", { className: $(r, n), role: a, "aria-live": i, children: /* @__PURE__ */ g(be, { color: "inherit", children: e }) });
+  return /* @__PURE__ */ g("div", { className: $(r, n), role: a, "aria-live": i, children: /* @__PURE__ */ g(Te, { color: "inherit", children: e }) });
 }
 function lZ({ dashed: e, dotted: t, className: n }) {
   return /* @__PURE__ */ g(
@@ -4646,7 +4650,7 @@ const cZ = Dt("cn-textarea", {
     autoResize: T = !1,
     ...v
   }, N) => {
-    const R = Le(null), [y, I] = Te(0), x = m === "horizontal", w = n ? "danger" : r ? "warning" : v.theme, A = xe(() => e || `textarea-${Md(10)}`, [e]), M = Pe(
+    const R = Le(null), [y, I] = ve(0), x = m === "horizontal", w = n ? "danger" : r ? "warning" : v.theme, A = xe(() => e || `textarea-${Md(10)}`, [e]), M = Pe(
       (k) => {
         c !== void 0 && I(k.length);
       },
@@ -4659,7 +4663,7 @@ const cZ = Dt("cn-textarea", {
       },
       N
     ]);
-    return ve(() => {
+    return be(() => {
       if (b && R.current) {
         const k = setTimeout(() => {
           var V;
@@ -4723,7 +4727,7 @@ const Jt = ge(
       return null;
     const o = e === "danger" || e === "warning", s = e === "danger" ? "xmark-circle" : "warning-triangle";
     return /* @__PURE__ */ G(
-      be,
+      Te,
       {
         variant: r,
         color: ((c) => ({
@@ -4825,8 +4829,8 @@ function pZ({
   labelSuffix: V,
   ...U
 }, H) {
-  const [q, L] = Te(!1), [ce, W] = Te(n), [O, F] = Te(""), [P, z] = Te([]), [X, ee] = Te(!1), [ne, Q] = Te(b || ""), le = Le(0), { t: ae } = Fn(), _e = D === "horizontal", ie = t !== void 0, Ce = ie ? t : ce, Re = s || ae("component:select.placeholder", "Select an option"), Ne = p ? "danger" : m ? "warning" : U.theme, $e = xe(() => c || `select-${Md(10)}`, [c]);
-  ve(() => {
+  const [q, L] = ve(!1), [ce, W] = ve(n), [O, F] = ve(""), [P, z] = ve([]), [X, ee] = ve(!1), [ne, Q] = ve(b || ""), le = Le(0), { t: ae } = Fn(), _e = D === "horizontal", ie = t !== void 0, Ce = ie ? t : ce, Re = s || ae("component:select.placeholder", "Select an option"), Ne = p ? "danger" : m ? "warning" : U.theme, $e = xe(() => c || `select-${Md(10)}`, [c]);
+  be(() => {
     typeof e == "function" ? (ee(!0), e().then((Fe) => {
       z(Fe), ee(!1);
     }).catch(() => {
@@ -4902,7 +4906,7 @@ function pZ({
       (Ke = rt.value ?? rt.label) == null ? void 0 : Ke.toString()
     ) : null;
   }));
-  return ve(() => {
+  return be(() => {
     const Fe = zv(() => {
       F(ne);
     }, 300);
@@ -4957,7 +4961,7 @@ function pZ({
                 children: [
                   /* @__PURE__ */ g(tD, { comp: I, className: "cn-select-prefix" }),
                   /* @__PURE__ */ G("div", { className: "cn-select-trigger", children: [
-                    /* @__PURE__ */ g(be, { color: i ? "disabled" : ot ? "foreground-1" : "foreground-2", truncate: !0, as: "div", children: ot ? ot.label : Re }),
+                    /* @__PURE__ */ g(Te, { color: i ? "disabled" : ot ? "foreground-1" : "foreground-2", truncate: !0, as: "div", children: ot ? ot.label : Re }),
                     /* @__PURE__ */ g(me, { name: "nav-arrow-down", size: "xs", className: "cn-select-indicator-icon" })
                   ] }),
                   /* @__PURE__ */ g(tD, { comp: x, className: "cn-select-suffix" })
@@ -5323,7 +5327,7 @@ function iC({
     return /* @__PURE__ */ G(ut, { children: [
       /* @__PURE__ */ G(tt.Horizontal, { align: "center", gap: "xs", children: [
         /* @__PURE__ */ g(ed, { options: v, value: t, onChange: b, size: "sm" }),
-        /* @__PURE__ */ g(be, { className: "select-none", children: f("component:pagination.itemsPerPage", "items per page") })
+        /* @__PURE__ */ g(Te, { className: "select-none", children: f("component:pagination.itemsPerPage", "items per page") })
       ] }),
       a && /* @__PURE__ */ g(ra, { orientation: "vertical", className: "h-8" })
     ] });
@@ -5331,8 +5335,8 @@ function iC({
   return /* @__PURE__ */ G(tt.Horizontal, { className: $("mt-cn-xl w-full", _), align: "center", justify: "between", children: [
     /* @__PURE__ */ G(tt.Horizontal, { align: "center", gap: "md", children: [
       T(),
-      S && a && /* @__PURE__ */ g(be, { className: "select-none", children: f("component:pagination.pageOf", `Page ${a} of ${S}`, { currentPage: a, totalPages: S }) }),
-      !S && a && /* @__PURE__ */ g(be, { className: "select-none", children: f("component:pagination.page", `Page ${a}`, { currentPage: a }) })
+      S && a && /* @__PURE__ */ g(Te, { className: "select-none", children: f("component:pagination.pageOf", `Page ${a} of ${S}`, { currentPage: a, totalPages: S }) }),
+      !S && a && /* @__PURE__ */ g(Te, { className: "select-none", children: f("component:pagination.page", `Page ${a}`, { currentPage: a }) })
     ] }),
     /* @__PURE__ */ g(tt.Horizontal, { className: "ml-auto", gap: "xs", children: !m && S && a ? /* @__PURE__ */ G(ut, { children: [
       /* @__PURE__ */ g(
@@ -6819,13 +6823,13 @@ const SC = ({
 }) => /* @__PURE__ */ G("div", { className: $("cn-dropdown-menu-base-item min-w-0", t), children: [
   e,
   (!!n || !!r) && /* @__PURE__ */ G(tt.Grid, { gapX: "2xs", className: "min-w-0 max-w-full overflow-hidden", children: [
-    typeof n == "string" ? /* @__PURE__ */ g(be, { color: "foreground-1", truncate: !0, children: n }) : n,
-    typeof r == "string" ? /* @__PURE__ */ g(be, { truncate: !0, children: r }) : r
+    typeof n == "string" ? /* @__PURE__ */ g(Te, { color: "foreground-1", truncate: !0, children: n }) : n,
+    typeof r == "string" ? /* @__PURE__ */ g(Te, { truncate: !0, children: r }) : r
   ] }),
   i && /* @__PURE__ */ g(qn, { ...i }),
   /* @__PURE__ */ G("div", { className: "ml-auto", children: [
-    a && /* @__PURE__ */ g(be, { variant: "caption-light", children: a }),
-    o && /* @__PURE__ */ g(be, { variant: "caption-light", children: o }),
+    a && /* @__PURE__ */ g(Te, { variant: "caption-light", children: a }),
+    o && /* @__PURE__ */ g(Te, { variant: "caption-light", children: o }),
     s && /* @__PURE__ */ g(me, { name: "check" }),
     l && /* @__PURE__ */ g(me, { name: "nav-arrow-right", size: "xs" })
   ] })
@@ -6985,7 +6989,7 @@ const mF = ge(
 mF.displayName = Yt.spinner;
 const _F = ({ className: e, children: t, ...n }) => {
   const { t: r } = Fn();
-  return /* @__PURE__ */ g(be, { className: $("cn-dropdown-menu-no-options", e), color: "foreground-3", ...n, children: t ?? r("component:dropdownMenu.noOptions", "No options available") });
+  return /* @__PURE__ */ g(Te, { className: $("cn-dropdown-menu-no-options", e), color: "foreground-3", ...n, children: t ?? r("component:dropdownMenu.noOptions", "No options available") });
 };
 _F.displayName = Yt.noOptions;
 const gF = ge((e, t) => /* @__PURE__ */ g("div", { ref: t, ...e, children: e.children }));
@@ -7096,7 +7100,7 @@ function fF(e) {
 function gc(e) {
   return e ? _c(e) ? e.document : hC(e) ? bC(e) ? e : Gd(e) || fF(e) ? e.ownerDocument : document : document : document;
 }
-const pi = bg ? uc : ve;
+const pi = bg ? uc : be;
 function TC(e) {
   const t = Le(e);
   return pi(() => {
@@ -7145,7 +7149,7 @@ function n_(e) {
 }
 function GT(e) {
   const t = Le();
-  return ve(() => {
+  return be(() => {
     t.current = e;
   }, [e]), t.current;
 }
@@ -7306,7 +7310,7 @@ function cee(e) {
   }, n);
 }
 function uee() {
-  const [e, t] = Te("");
+  const [e, t] = ve("");
   return {
     announce: Pe((r) => {
       r != null && t(r);
@@ -7317,14 +7321,14 @@ function uee() {
 const SF = /* @__PURE__ */ Bt(null);
 function dee(e) {
   const t = dt(SF);
-  ve(() => {
+  be(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
   }, [e, t]);
 }
 function pee() {
-  const [e] = Te(() => /* @__PURE__ */ new Set()), t = Pe((r) => (e.add(r), () => e.delete(r)), [e]);
+  const [e] = ve(() => /* @__PURE__ */ new Set()), t = Pe((r) => (e.add(r), () => e.delete(r)), [e]);
   return [Pe((r) => {
     let {
       type: a,
@@ -7380,8 +7384,8 @@ function gee(e) {
   const {
     announce: i,
     announcement: o
-  } = uee(), s = Yd("DndLiveRegion"), [l, c] = Te(!1);
-  if (ve(() => {
+  } = uee(), s = Yd("DndLiveRegion"), [l, c] = ve(!1);
+  if (be(() => {
     c(!0);
   }, []), dee(xe(() => ({
     onDragStart(d) {
@@ -8353,7 +8357,7 @@ function Wee(e) {
     const y = E.current.x * S.current.x, I = E.current.y * S.current.y;
     R.scrollBy(y, I);
   }, []), N = xe(() => s === i_.TreeOrder ? [...c].reverse() : c, [s, c]);
-  ve(
+  be(
     () => {
       if (!i || !c.length || !b) {
         f();
@@ -8473,7 +8477,7 @@ function Zee(e, t) {
     dependencies: r,
     config: a
   } = t;
-  const [i, o] = Te(null), {
+  const [i, o] = ve(null), {
     frequency: s,
     measure: l,
     strategy: c
@@ -8498,21 +8502,21 @@ function Zee(e, t) {
     }
     return S;
   }, [e, i, n, d, l]);
-  return ve(() => {
+  return be(() => {
     u.current = e;
-  }, [e]), ve(
+  }, [e]), be(
     () => {
       d || m();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, d]
-  ), ve(
+  ), be(
     () => {
       i && i.length > 0 && o(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(i)]
-  ), ve(
+  ), be(
     () => {
       d || typeof s != "number" || _.current !== null || (_.current = setTimeout(() => {
         m(), _.current = null;
@@ -8555,7 +8559,7 @@ function ete(e) {
     } = window;
     return new i(r);
   }, [r, n]);
-  return ve(() => () => a == null ? void 0 : a.disconnect(), [a]), a;
+  return be(() => () => a == null ? void 0 : a.disconnect(), [a]), a;
 }
 function Tg(e) {
   let {
@@ -8574,14 +8578,14 @@ function Tg(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return ve(() => () => a == null ? void 0 : a.disconnect(), [a]), a;
+  return be(() => () => a == null ? void 0 : a.disconnect(), [a]), a;
 }
 function tte(e) {
   return new NC(fc(e), e);
 }
 function pD(e, t, n) {
   t === void 0 && (t = tte);
-  const [r, a] = Te(null);
+  const [r, a] = ve(null);
   function i() {
     a((l) => {
       if (!e)
@@ -8625,16 +8629,16 @@ function nte(e) {
 const mD = [];
 function rte(e) {
   const t = Le(e), n = Hd((r) => e ? r && r !== mD && e && t.current && e.parentNode === t.current.parentNode ? r : RC(e) : mD, [e]);
-  return ve(() => {
+  return be(() => {
     t.current = e;
   }, [e]), n;
 }
 function ate(e) {
-  const [t, n] = Te(null), r = Le(e), a = Pe((i) => {
+  const [t, n] = ve(null), r = Le(e), a = Pe((i) => {
     const o = pE(i.target);
     o && n((s) => s ? (s.set(o, YT(o)), new Map(s)) : null);
   }, []);
-  return ve(() => {
+  return be(() => {
     const i = r.current;
     if (e !== i) {
       o(i);
@@ -8660,19 +8664,19 @@ function ate(e) {
 function _D(e, t) {
   t === void 0 && (t = []);
   const n = Le(null);
-  return ve(
+  return be(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), ve(() => {
+  ), be(() => {
     const r = e !== Wa;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
   }, [e]), n.current ? r_(e, n.current) : Wa;
 }
 function ite(e) {
-  ve(
+  be(
     () => {
       if (!bg)
         return;
@@ -8714,7 +8718,7 @@ function OF(e) {
 const gD = [];
 function ste(e, t) {
   t === void 0 && (t = fc);
-  const [n] = e, r = OF(n ? Vr(n) : null), [a, i] = Te(gD);
+  const [n] = e, r = OF(n ? Vr(n) : null), [a, i] = ve(gD);
   function o() {
     i(() => e.length ? e.map((l) => CF(l) ? r : new NC(t(l), l)) : gD);
   }
@@ -8737,7 +8741,7 @@ function cte(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = Te(null), a = Pe((c) => {
+  const [n, r] = ve(null), a = Pe((c) => {
     for (const {
       target: u
     } of c)
@@ -8964,7 +8968,7 @@ function fte(e) {
     activatorEvent: r,
     draggableNodes: a
   } = dt(vg), i = GT(r), o = GT(n == null ? void 0 : n.id);
-  return ve(() => {
+  return be(() => {
     if (!t && !r && i && o != null) {
       if (!vC(i) || document.activeElement === i.target)
         return;
@@ -9077,7 +9081,7 @@ const IC = /* @__PURE__ */ Qa(function(t) {
     modifiers: m,
     ..._
   } = t;
-  const f = iW(gte, void 0, _te), [E, S] = f, [b, T] = pee(), [v, N] = Te(mo.Uninitialized), R = v === mo.Initialized, {
+  const f = iW(gte, void 0, _te), [E, S] = f, [b, T] = pee(), [v, N] = ve(mo.Uninitialized), R = v === mo.Initialized, {
     draggable: {
       active: y,
       nodes: I,
@@ -9097,7 +9101,7 @@ const IC = /* @__PURE__ */ Qa(function(t) {
       data: (Ze = A == null ? void 0 : A.data) != null ? Ze : dte,
       rect: M
     } : null;
-  }, [y, A]), B = Le(null), [k, V] = Te(null), [U, H] = Te(null), q = rd(_, Object.values(_)), L = Yd("DndDescribedBy", o), ce = xe(() => w.getEnabled(), [w]), W = Ste(p), {
+  }, [y, A]), B = Le(null), [k, V] = ve(null), [U, H] = ve(null), q = rd(_, Object.values(_)), L = Yd("DndDescribedBy", o), ce = xe(() => w.getEnabled(), [w]), W = Ste(p), {
     droppableRects: O,
     measureDroppableContainers: F,
     measuringScheduled: P
@@ -9151,7 +9155,7 @@ const IC = /* @__PURE__ */ Qa(function(t) {
     droppableRects: O,
     droppableContainers: ce,
     pointerCoordinates: at
-  }) : null, Ae = Tee(De, "id"), [it, Fe] = Te(null), ze = Ne ? lt : Ul(lt, oe), gt = Ree(ze, (i = it == null ? void 0 : it.rect) != null ? i : null, Q), rt = Le(null), bt = Pe(
+  }) : null, Ae = Tee(De, "id"), [it, Fe] = ve(null), ze = Ne ? lt : Ul(lt, oe), gt = Ree(ze, (i = it == null ? void 0 : it.rect) != null ? i : null, Q), rt = Le(null), bt = Pe(
     (Ze, nt) => {
       let {
         sensor: J,
@@ -9294,7 +9298,7 @@ const IC = /* @__PURE__ */ Qa(function(t) {
   }, [I, bt]), kt = jee(u, At);
   ite(u), pi(() => {
     Q && v === mo.Initializing && N(mo.Initialized);
-  }, [Q, v]), ve(
+  }, [Q, v]), be(
     () => {
       const {
         onDragMove: Ze
@@ -9325,7 +9329,7 @@ const IC = /* @__PURE__ */ Qa(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [re.x, re.y]
-  ), ve(
+  ), be(
     () => {
       const {
         active: Ze,
@@ -9545,9 +9549,9 @@ function yte(e) {
   }), v = Pe((I, x) => {
     T && (x && (T.unobserve(x), d.current = !1), I && T.observe(I));
   }, [T]), [N, R] = n_(v), y = rd(t);
-  return ve(() => {
+  return be(() => {
     !T || !N.current || (T.disconnect(), d.current = !1, T.observe(N.current));
-  }, [N, T]), ve(
+  }, [N, T]), be(
     () => (s({
       type: Vn.RegisterDroppable,
       element: {
@@ -9565,7 +9569,7 @@ function yte(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), ve(() => {
+  ), be(() => {
     n !== u.current.disabled && (s({
       type: Vn.SetDroppableDisabled,
       id: r,
@@ -9697,7 +9701,7 @@ function OC(e) {
   } = Cte(), d = Yd(MF, n), p = s.rect !== null, m = xe(() => r.map((R) => typeof R == "object" && "id" in R ? R.id : R), [r]), _ = o != null, f = o ? m.indexOf(o.id) : -1, E = c ? m.indexOf(c.id) : -1, S = Le(m), b = !Ite(m, S.current), T = E !== -1 && f === -1 || b, v = Ote(i);
   pi(() => {
     b && _ && u(m);
-  }, [b, m, _, u]), ve(() => {
+  }, [b, m, _, u]), be(() => {
     S.current = m;
   }, [m]);
   const N = xe(
@@ -9757,7 +9761,7 @@ function Fte(e) {
     node: r,
     rect: a
   } = e;
-  const [i, o] = Te(null), s = Le(n);
+  const [i, o] = ve(null), s = Le(n);
   return pi(() => {
     if (!t && n !== s.current && r.current) {
       const l = a.current;
@@ -9774,7 +9778,7 @@ function Fte(e) {
       }
     }
     n !== s.current && (s.current = n);
-  }, [t, n, r, a]), ve(() => {
+  }, [t, n, r, a]), be(() => {
     i && o(null);
   }, [i]), i;
 }
@@ -9874,9 +9878,9 @@ function DC(e) {
     node: I,
     rect: y
   });
-  return ve(() => {
+  return be(() => {
     W && Q.current.newIndex !== ee && (Q.current.newIndex = ee), d !== Q.current.containerId && (Q.current.containerId = d), u !== Q.current.items && (Q.current.items = u);
-  }, [W, ee, d, u]), ve(() => {
+  }, [W, ee, d, u]), be(() => {
     if (ne === Q.current.activeId)
       return;
     if (ne && !Q.current.activeId) {
@@ -9961,12 +9965,12 @@ const Bte = ({ id: e, children: t, tag: n = "div", className: r }) => {
   isSubmitting: i,
   submitted: o
 }) => {
-  const [s, l] = Te(e), [c, u] = Te(
+  const [s, l] = ve(e), [c, u] = ve(
     Vp(e, t)
-  ), [d, p] = Te(!1);
-  ve(() => {
+  ), [d, p] = ve(!1);
+  be(() => {
     l(e);
-  }, [e]), ve(() => {
+  }, [e]), be(() => {
     u(Vp(e, t));
   }, [t, e]);
   const { handleDragEnd: m, getItemId: _ } = Vv({
@@ -10001,7 +10005,7 @@ const Bte = ({ id: e, children: t, tag: n = "div", className: r }) => {
     /* @__PURE__ */ g(st.Header, { children: /* @__PURE__ */ g(st.Title, { children: "Manage navigation" }) }),
     /* @__PURE__ */ G(st.Body, { children: [
       /* @__PURE__ */ G(tt.Grid, { gapY: "xs", children: [
-        /* @__PURE__ */ g(be, { variant: "body-single-line-normal", color: "foreground-3", children: "Pinned" }),
+        /* @__PURE__ */ g(Te, { variant: "body-single-line-normal", color: "foreground-3", children: "Pinned" }),
         s.length ? /* @__PURE__ */ g(
           IC,
           {
@@ -10024,7 +10028,7 @@ const Bte = ({ id: e, children: t, tag: n = "div", className: r }) => {
                   className: "w-full grow cursor-not-allowed rounded p-cn-3xs px-0 opacity-55",
                   children: [
                     /* @__PURE__ */ g(me, { className: "w-3.5", name: "lock", size: "xs" }),
-                    /* @__PURE__ */ g(be, { children: y.title })
+                    /* @__PURE__ */ g(Te, { children: y.title })
                   ]
                 },
                 y.id
@@ -10039,7 +10043,7 @@ const Bte = ({ id: e, children: t, tag: n = "div", className: r }) => {
                   children: [
                     /* @__PURE__ */ G(Je, { ...x, ...w, variant: "transparent", className: "justify-start", children: [
                       /* @__PURE__ */ g(me, { name: "grip-dots", size: "xs" }),
-                      /* @__PURE__ */ g(be, { color: "inherit", children: y.title })
+                      /* @__PURE__ */ g(Te, { color: "inherit", children: y.title })
                     ] }),
                     /* @__PURE__ */ g(
                       Je,
@@ -10061,11 +10065,11 @@ const Bte = ({ id: e, children: t, tag: n = "div", className: r }) => {
               ) }, y.title))
             ] }) })
           }
-        ) : /* @__PURE__ */ g(be, { align: "center", className: "mt-cn-md", color: "foreground-3", children: "No pinned items" })
+        ) : /* @__PURE__ */ g(Te, { align: "center", className: "mt-cn-md", color: "foreground-3", children: "No pinned items" })
       ] }),
       c.length > 0 && /* @__PURE__ */ G(tt.Grid, { gapY: "xs", children: [
         /* @__PURE__ */ G(tt.Flex, { align: "center", justify: "between", children: [
-          /* @__PURE__ */ g(be, { variant: "body-single-line-normal", color: "foreground-3", as: "span", children: "Recent" }),
+          /* @__PURE__ */ g(Te, { variant: "body-single-line-normal", color: "foreground-3", as: "span", children: "Recent" }),
           /* @__PURE__ */ g(Je, { variant: "link", size: "sm", onClick: E, children: "Clear all" })
         ] }),
         /* @__PURE__ */ g(tt.Flex, { direction: "column", gapY: "4xs", as: "ul", children: c.map((y, I) => /* @__PURE__ */ G(
@@ -10078,7 +10082,7 @@ const Bte = ({ id: e, children: t, tag: n = "div", className: r }) => {
             children: [
               /* @__PURE__ */ G(tt.Flex, { align: "center", gap: "xs", className: "w-full grow", children: [
                 /* @__PURE__ */ g(me, { name: "clock", size: "xs" }),
-                /* @__PURE__ */ g(be, { color: "foreground-1", children: y.title })
+                /* @__PURE__ */ g(Te, { color: "foreground-1", children: y.title })
               ] }),
               /* @__PURE__ */ g(
                 Je,
@@ -10434,8 +10438,8 @@ const ene = Qte, tne = jte, nne = Xte, ZF = ge(
         ...p,
         children: [
           (n || r) && /* @__PURE__ */ G("div", { className: "gap-cn-3xs grid", children: [
-            n && /* @__PURE__ */ g(be, { variant: "body-strong", color: "foreground-1", as: "h4", children: n }),
-            r && /* @__PURE__ */ g(be, { children: r })
+            n && /* @__PURE__ */ g(Te, { variant: "body-strong", color: "foreground-1", as: "h4", children: n }),
+            r && /* @__PURE__ */ g(Te, { children: r })
           ] }),
           t,
           (a == null ? void 0 : a.text) && /* @__PURE__ */ g(ji, { ...a, children: a.text }),
@@ -10460,8 +10464,8 @@ const rne = ({
   custom: u,
   ...d
 }) => {
-  const [p, m] = Te(r || !1), _ = Le(null), f = Le(null), E = Le(null);
-  ve(() => () => {
+  const [p, m] = ve(r || !1), _ = Le(null), f = Le(null), E = Le(null);
+  be(() => () => {
     _.current && clearTimeout(_.current), f.current && clearTimeout(f.current);
   }, []);
   const S = n !== void 0 ? n : p, b = (R) => {
@@ -11071,8 +11075,8 @@ const UC = ({
 UC.displayName = "AppSidebarItem";
 const wne = "sidebar:state", xne = 60 * 60 * 24 * 7, bE = 768;
 function Lne() {
-  const [e, t] = Te(void 0);
-  return ve(() => {
+  const [e, t] = ve(void 0);
+  return be(() => {
     const n = window.matchMedia(`(max-width: ${bE - 1}px)`), r = () => {
       t(window.innerWidth < bE);
     };
@@ -11087,7 +11091,7 @@ function _i() {
   return e;
 }
 const f8 = ge(({ defaultOpen: e = !0, open: t, onOpenChange: n, className: r, children: a, ...i }, o) => {
-  const s = Lne(), [l, c] = Te(!1), [u, d] = Te(e), p = t ?? u, m = Pe(
+  const s = Lne(), [l, c] = ve(!1), [u, d] = ve(e), p = t ?? u, m = Pe(
     (S) => {
       const b = typeof S == "function" ? S(p) : S;
       n ? n(b) : d(b), document.cookie = `${wne}=${b}; path=/; max-age=${xne}`;
@@ -11168,7 +11172,7 @@ const E8 = "SidebarMenuSubItem", Mne = (e) => !!e.icon, kne = (e) => !!e.logo, P
             }
           ),
           /* @__PURE__ */ g(
-            be,
+            Te,
             {
               variant: "body-single-line-normal",
               color: w ? "foreground-1" : "foreground-2",
@@ -11178,7 +11182,7 @@ const E8 = "SidebarMenuSubItem", Mne = (e) => !!e.icon, kne = (e) => !!e.logo, P
             }
           ),
           w && /* @__PURE__ */ g(
-            be,
+            Te,
             {
               variant: "caption-single-line-light",
               color: "foreground-3",
@@ -11320,13 +11324,13 @@ const E8 = "SidebarMenuSubItem", Mne = (e) => !!e.icon, kne = (e) => !!e.logo, P
 S8.displayName = "SidebarItemTrigger";
 const h8 = ge(
   ({ subMenuOpen: e, defaultSubmenuOpen: t, onSubmenuChange: n, ...r }, a) => {
-    const { state: i } = _i(), o = e !== void 0, [s, l] = Te(t ?? !1), c = o ? e : s, u = Pe(
+    const { state: i } = _i(), o = e !== void 0, [s, l] = ve(t ?? !1), c = o ? e : s, u = Pe(
       (_) => {
         o ? n == null || n(_) : l(_);
       },
       [o, n]
     ), d = Pe(() => u(!c), [u, c]);
-    ve(() => {
+    be(() => {
       i === "collapsed" && c && u(!1);
     }, [i, c, u]);
     const p = () => {
@@ -11362,7 +11366,7 @@ const b8 = ge(
     return /* @__PURE__ */ G(tt.Flex, { children: [
       n && /* @__PURE__ */ g("div", { className: "relative left-cn-4xs top-[10px] h-3 w-0.5 cn-sidebar-submenu-item-active-indicator" }),
       /* @__PURE__ */ g(i, { className: $("w-full cn-sidebar-submenu-item", t), role: "menuitem", ...r, ref: a, children: /* @__PURE__ */ g(
-        be,
+        Te,
         {
           className: "cn-sidebar-submenu-item-content",
           variant: "body-single-line-normal",
@@ -11484,7 +11488,7 @@ var GC = Bt({
 function Vne() {
   return dt(yg).visualElement;
 }
-var Wd = Bt(null), Ec = typeof document < "u", o_ = Ec ? uc : ve, WT = { current: null }, R8 = !1;
+var Wd = Bt(null), Ec = typeof document < "u", o_ = Ec ? uc : be, WT = { current: null }, R8 = !1;
 function qne() {
   if (R8 = !0, !!Ec)
     if (window.matchMedia) {
@@ -11497,7 +11501,7 @@ function qne() {
 }
 function $ne() {
   !R8 && qne();
-  var e = Rn(Te(WT.current), 1), t = e[0];
+  var e = Rn(ve(WT.current), 1), t = e[0];
   return t;
 }
 function Wne() {
@@ -11517,7 +11521,7 @@ function Kne(e, t, n, r) {
   var c = l.current;
   return o_(function() {
     c == null || c.syncRender();
-  }), ve(function() {
+  }), be(function() {
     var u;
     (u = c == null ? void 0 : c.animationState) === null || u === void 0 || u.animateChanges();
   }), o_(function() {
@@ -12282,7 +12286,7 @@ function Og(e, t, n, r) {
   };
 }
 function ZT(e, t, n, r) {
-  ve(function() {
+  be(function() {
     var a = e.current;
     if (n && a)
       return Og(a, t, n, r);
@@ -12409,7 +12413,7 @@ var r7 = function(e, t) {
   return t ? e === t ? !0 : r7(e, t.parentElement) : !1;
 };
 function XC(e) {
-  return ve(function() {
+  return be(function() {
     return function() {
       return e();
     };
@@ -12932,7 +12936,7 @@ var cie = {
 };
 function uie(e, t, n, r) {
   var a = r.root, i = r.margin, o = r.amount, s = o === void 0 ? "some" : o, l = r.once;
-  ve(function() {
+  be(function() {
     if (e) {
       var c = {
         root: a == null ? void 0 : a.current,
@@ -12952,7 +12956,7 @@ function uie(e, t, n, r) {
 }
 function die(e, t, n, r) {
   var a = r.fallback, i = a === void 0 ? !0 : a;
-  ve(function() {
+  be(function() {
     !e || !i || (BC !== "production" && R7(!1, "IntersectionObserver not available on this device. whileInView animations will trigger on mount."), requestAnimationFrame(function() {
       var o;
       t.hasEnteredView = !0;
@@ -12980,7 +12984,7 @@ function y7() {
   if (e === null)
     return [!0, null];
   var t = e.isPresent, n = e.onExitComplete, r = e.register, a = N7();
-  ve(function() {
+  be(function() {
     return r(a);
   }, []);
   var i = function() {
@@ -13504,13 +13508,13 @@ function $ie() {
 var Wie = {
   animation: vo(function(e) {
     var t = e.visualElement, n = e.animate;
-    t.animationState || (t.animationState = Vie(t)), KC(n) && ve(function() {
+    t.animationState || (t.animationState = Vie(t)), KC(n) && be(function() {
       return n.subscribe(t);
     }, [n]);
   }),
   exit: vo(function(e) {
     var t = e.custom, n = e.visualElement, r = Rn(y7(), 2), a = r[0], i = r[1], o = dt(Wd);
-    ve(function() {
+    be(function() {
       var s, l;
       n.isPresent = a;
       var c = (s = n.animationState) === null || s === void 0 ? void 0 : s.setActive(on.Exit, !a, { custom: (l = o == null ? void 0 : o.custom) !== null && l !== void 0 ? l : t });
@@ -13948,9 +13952,9 @@ function poe(e) {
   var t = e.dragControls, n = e.visualElement, r = Kd(function() {
     return new uoe(n);
   });
-  ve(function() {
+  be(function() {
     return t && t.subscribe(r);
-  }, [r, t]), ve(function() {
+  }, [r, t]), be(function() {
     return r.addListeners();
   }, [r]);
 }
@@ -13963,7 +13967,7 @@ function moe(e) {
       s.current = null, r && r(d, p);
     }
   };
-  ve(function() {
+  be(function() {
     s.current !== null && s.current.updateHandlers(c);
   });
   function u(d) {
@@ -15286,7 +15290,7 @@ function K7() {
   }, []), e;
 }
 function mse() {
-  var e = K7(), t = Rn(Te(0), 2), n = t[0], r = t[1], a = Pe(function() {
+  var e = K7(), t = Rn(ve(0), 2), n = t[0], r = t[1], a = Pe(function() {
     e.current && r(n + 1);
   }, [n]), i = Pe(function() {
     return Ba.postRender(a);
@@ -15404,7 +15408,7 @@ var Ese = function(e) {
   }));
 };
 const wE = 3, Sse = 61, hse = ({ className: e }) => {
-  const { t } = Fn(), { state: n, toggleSidebar: r } = _i(), a = sW("--cn-sidebar-container-full-width", 256), i = n === "expanded", [o, s] = Te(!1), l = Pe(() => {
+  const { t } = Fn(), { state: n, toggleSidebar: r } = _i(), a = sW("--cn-sidebar-container-full-width", 256), i = n === "expanded", [o, s] = ve(!1), l = Pe(() => {
     r();
   }, [r]), c = i ? t("component:sidebar.collapse", "Collapse") : t("component:sidebar.expand", "Expand"), u = i ? a : Sse - wE, d = o ? i ? -1 * wE : wE : 0, p = u + d;
   return /* @__PURE__ */ g(
@@ -15433,7 +15437,7 @@ const wE = 3, Sse = 61, hse = ({ className: e }) => {
               className: "text-cn-sidebar-toggle",
               onClick: l
             }
-          ) : /* @__PURE__ */ g(be, { className: "text-cn-sidebar-toggle", children: "|" }) })
+          ) : /* @__PURE__ */ g(Te, { className: "text-cn-sidebar-toggle", children: "|" }) })
         }
       ) })
     }
@@ -15485,7 +15489,7 @@ const X7 = ge(
 );
 X7.displayName = "SidebarTrigger";
 const j7 = ge(({ className: e, onClick: t, open: n, animate: r = !1, ...a }, i) => {
-  const { toggleSidebar: o } = _i(), { t: s } = Fn(), [l, c] = Te(!1), u = Pe(
+  const { toggleSidebar: o } = _i(), { t: s } = Fn(), [l, c] = ve(!1), u = Pe(
     (p) => {
       t == null || t(p), o();
     },
@@ -15504,7 +15508,7 @@ const j7 = ge(({ className: e, onClick: t, open: n, animate: r = !1, ...a }, i)
       onMouseEnter: () => c(!0),
       onMouseLeave: () => c(!1),
       ...a,
-      children: /* @__PURE__ */ g("div", { className: $("absolute top-[calc(50%-var(--cn-header-height))] right-0", { "translate-x-1/2": l }), children: l ? /* @__PURE__ */ g(me, { name: n ? "nav-arrow-left" : "nav-arrow-right", size: "lg" }) : /* @__PURE__ */ g(be, { className: "cn-pl-1 pl-cn-4xs", children: "|" }) })
+      children: /* @__PURE__ */ g("div", { className: $("absolute top-[calc(50%-var(--cn-header-height))] right-0", { "translate-x-1/2": l }), children: l ? /* @__PURE__ */ g(me, { name: n ? "nav-arrow-left" : "nav-arrow-right", size: "lg" }) : /* @__PURE__ */ g(Te, { className: "cn-pl-1 pl-cn-4xs", children: "|" }) })
     }
   );
 });
@@ -15544,7 +15548,7 @@ const bse = (e) => {
 }, n9 = ge(
   ({ className: e, children: t, label: n, actionIcon: r = "list", onActionClick: a, ...i }, o) => /* @__PURE__ */ G("div", { ref: o, role: "group", className: $("cn-sidebar-group", e), ...i, children: [
     n && /* @__PURE__ */ G(tt.Horizontal, { className: "cn-sidebar-group-header", align: "center", justify: "between", children: [
-      /* @__PURE__ */ g(be, { variant: "caption-single-line-normal", as: "h6", className: "cn-sidebar-group-label", color: "foreground-3", children: n }),
+      /* @__PURE__ */ g(Te, { variant: "caption-single-line-normal", as: "h6", className: "cn-sidebar-group-label", color: "foreground-3", children: n }),
       a && /* @__PURE__ */ g(
         Je,
         {
@@ -15663,8 +15667,8 @@ const a9 = 264, i9 = 528, Tse = ({
         /* @__PURE__ */ G(he.Header, { className: "flex items-center gap-x-cn-xs", children: [
           /* @__PURE__ */ g(Zi, { name: o, src: e == null ? void 0 : e.url, size: "lg" }),
           /* @__PURE__ */ G(tt.Grid, { className: "gap-cn-3xs", children: [
-            /* @__PURE__ */ g(be, { variant: "body-single-line-strong", color: "foreground-1", truncate: !0, children: o }),
-            /* @__PURE__ */ g(be, { variant: "caption-single-line-light", color: "foreground-3", truncate: !0, children: e == null ? void 0 : e.email })
+            /* @__PURE__ */ g(Te, { variant: "body-single-line-strong", color: "foreground-1", truncate: !0, children: o }),
+            /* @__PURE__ */ g(Te, { variant: "caption-single-line-light", color: "foreground-3", truncate: !0, children: e == null ? void 0 : e.email })
           ] })
         ] }),
         /* @__PURE__ */ G(he.Group, { children: [
@@ -15723,10 +15727,10 @@ const a9 = 264, i9 = 528, Tse = ({
 }, ur = (e) => /* @__PURE__ */ g(me, { name: e, size: "xs", className: "text-cn-3" });
 function Cse() {
   var _;
-  const { t: e } = Fn(), { isOpen: t, setIsOpen: n } = uR(), [r, a] = Te(""), [i, o] = Te([]), s = i[i.length - 1], l = {
+  const { t: e } = Fn(), { isOpen: t, setIsOpen: n } = uR(), [r, a] = ve(""), [i, o] = ve([]), s = i[i.length - 1], l = {
     placeholder: "What do you need?"
-  }, [c, u] = Te(l.placeholder);
-  ve(() => {
+  }, [c, u] = ve(l.placeholder);
+  be(() => {
     u(s ? `Search ${s}...` : l.placeholder);
   }, [s]);
   function d(f) {
@@ -15851,10 +15855,10 @@ function Cse() {
               className: "gap-x-cn-xs",
               children: [
                 /* @__PURE__ */ g("div", { children: v && v() }),
-                /* @__PURE__ */ g(be, { color: "foreground-1", children: S }),
+                /* @__PURE__ */ g(Te, { color: "foreground-1", children: S }),
                 N && /* @__PURE__ */ G(Da.Shortcut, { children: [
-                  /* @__PURE__ */ g(be, { variant: "caption-light", children: N[0] }),
-                  /* @__PURE__ */ g(be, { variant: "caption-light", children: N[1] })
+                  /* @__PURE__ */ g(Te, { variant: "caption-light", children: N[0] }),
+                  /* @__PURE__ */ g(Te, { variant: "caption-light", children: N[1] })
                 ] })
               ]
             },
@@ -15867,10 +15871,10 @@ function Cse() {
 }
 const s9 = Bt(null);
 function Rse({ children: e }) {
-  const [t, n] = Te(!1), [r, a] = Te(""), [i, o] = Te(0), s = () => {
+  const [t, n] = ve(!1), [r, a] = ve(""), [i, o] = ve(0), s = () => {
     n((l) => !l);
   };
-  return ve(() => {
+  return be(() => {
     const l = (c) => {
       (c.metaKey || c.ctrlKey) && c.key.toLowerCase() === "k" && (c.preventDefault(), s());
     };
@@ -15899,7 +15903,7 @@ function uR() {
     throw new Error("useSearch must be used within a SearchProvider");
   return e;
 }
-const dR = ge(({ children: e, className: t, ...n }, r) => /* @__PURE__ */ g(be, { ref: r, variant: "caption-light", className: $("cn-shortcut", t), ...n, children: e }));
+const dR = ge(({ children: e, className: t, ...n }, r) => /* @__PURE__ */ g(Te, { ref: r, variant: "caption-light", className: $("cn-shortcut", t), ...n, children: e }));
 dR.displayName = "Shortcut";
 function Nse() {
   const { t: e } = Fn(), t = uR();
@@ -15949,8 +15953,8 @@ const yse = ({
         !!e && /* @__PURE__ */ g(Ld, { name: e, size: t, themeDependent: !0 }),
         /* @__PURE__ */ G(tt.Vertical, { gap: "xl", align: "center", justify: "center", children: [
           /* @__PURE__ */ G(tt.Vertical, { gap: "xs", align: "center", justify: "center", className: s, children: [
-            /* @__PURE__ */ g(be, { variant: "heading-section", align: "center", children: n }),
-            !!r && r.map((_, f) => /* @__PURE__ */ g(be, { align: "center", children: _ }, f))
+            /* @__PURE__ */ g(Te, { variant: "heading-section", align: "center", children: n }),
+            !!r && r.map((_, f) => /* @__PURE__ */ g(Te, { align: "center", children: _ }, f))
           ] }),
           (!!a || !!i || !!c || !!u) && /* @__PURE__ */ G(tt.Horizontal, { gap: "sm", children: [
             a && (a.to ? /* @__PURE__ */ g(Je, { asChild: !0, ...ci(a, ["to", "label", "icon"]), children: /* @__PURE__ */ G(d, { to: a.to, children: [
@@ -16168,10 +16172,10 @@ const ww = Dt("cn-tabs-list", {
   defaultValue: n,
   onValueChange: r
 }) => {
-  const [a, i] = Te(t ?? n), o = (s) => {
+  const [a, i] = ve(t ?? n), o = (s) => {
     r == null || r(s), i(s);
   };
-  return ve(() => {
+  return be(() => {
     t !== void 0 && i(t);
   }, [t]), { activeTabValue: a, handleValueChange: o };
 }, wse = ({ children: e, onValueChange: t, value: n, defaultValue: r, className: a }) => {
@@ -16195,7 +16199,7 @@ const ww = Dt("cn-tabs-list", {
   variant: "underlined"
 }), v9 = ge(
   ({ className: e, children: t, variant: n, activeClassName: r, ...a }, i) => {
-    const o = Le(null), s = Le(null), { type: l, activeTabValue: c } = dt(ep), [u, d] = Te(!1), [p, m] = Te(!1), [_, f] = Te(!1), E = Fs([
+    const o = Le(null), s = Le(null), { type: l, activeTabValue: c } = dt(ep), [u, d] = ve(!1), [p, m] = ve(!1), [_, f] = ve(!1), E = Fs([
       (y) => {
         y && (o.current = y);
       },
@@ -16221,9 +16225,9 @@ const ww = Dt("cn-tabs-list", {
         y.scrollTo({ left: D, behavior: "smooth" });
       }
     });
-    ve(() => {
+    be(() => {
       T.current();
-    }, [c]), ve(() => {
+    }, [c]), be(() => {
       const y = s.current, I = o.current;
       if (!y || !I) return;
       S.current(), b.current(), T.current();
@@ -16841,7 +16845,7 @@ var Pse = kse();
 const Fse = /* @__PURE__ */ ko(Pse), Use = "w-full text-cn-1", Bse = 50, Gse = (e) => {
   let t = 0;
   const n = e.highlight((r, a) => /* @__PURE__ */ g("mark", { children: r }, "m-" + a)).filter((r) => typeof r != "string" || r.length > 0).map((r) => typeof r == "string" ? /* @__PURE__ */ g("span", { children: r }, "s-" + t++) : r);
-  return /* @__PURE__ */ g(be, { className: $(Use, "break-words"), children: n });
+  return /* @__PURE__ */ g(Te, { className: $(Use, "break-words"), children: n });
 }, Hse = (e) => typeof e == "string" ? { label: e, value: e } : e, Yse = ({
   navigateToFile: e,
   filesList: t,
@@ -16850,7 +16854,7 @@ const Fse = /* @__PURE__ */ ko(Pse), Use = "w-full text-cn-1", Bse = 50, Gse = (
   onSearch: a,
   contentClassName: i
 }) => {
-  const [o, s] = Te(!1), [l, c] = Te([]), [u, d] = Te(""), { t: p } = Fn(), { searchInputRef: m, handleSearchKeyDown: _, getItemProps: f } = Bd({
+  const [o, s] = ve(!1), [l, c] = ve([]), [u, d] = ve(""), { t: p } = Fn(), { searchInputRef: m, handleSearchKeyDown: _, getItemProps: f } = Bd({
     onFirstItemKeyDown: () => s(!0),
     onLastItemKeyDown: () => s(!0),
     itemsLength: l.length
@@ -16865,7 +16869,7 @@ const Fse = /* @__PURE__ */ ko(Pse), Use = "w-full text-cn-1", Bse = 50, Gse = (
     },
     [_, m, d]
   );
-  ve(() => {
+  be(() => {
     if (!t || !u) {
       c([]);
       return;
@@ -16955,7 +16959,7 @@ const Fse = /* @__PURE__ */ ko(Pse), Use = "w-full text-cn-1", Bse = 50, Gse = (
       size: a,
       buttonsProps: [
         {
-          children: /* @__PURE__ */ g(be, { className: "font-body-code", color: "inherit", children: e.substring(0, 6) }),
+          children: /* @__PURE__ */ g(Te, { className: "font-body-code", color: "inherit", children: e.substring(0, 6) }),
           onClick: l,
           className: "font-body-code"
         },
@@ -17534,7 +17538,7 @@ function ole() {
 }
 var sle = ole();
 const oU = /* @__PURE__ */ ko(sle), Fg = ({ onClick: e, copyData: t, color: n, iconSize: r }) => {
-  const [a, i] = Te(!1), o = (u) => {
+  const [a, i] = ve(!1), o = (u) => {
     u.stopPropagation(), u.preventDefault(), (async () => {
       try {
         const p = typeof t == "function" ? t() : t;
@@ -17547,7 +17551,7 @@ const oU = /* @__PURE__ */ ko(sle), Fg = ({ onClick: e, copyData: t, color: n, i
       }
     })(), e == null || e(u);
   };
-  return ve(() => {
+  return be(() => {
     let u;
     return a && (u = window.setTimeout(() => i(!1), 1e3)), () => {
       clearTimeout(u);
@@ -69510,7 +69514,7 @@ const k1 = (e) => {
   });
 }, ux = (e) => {
   const t = Le(e);
-  return ve(() => {
+  return be(() => {
     t.current = e;
   }, [e]), t.current;
 }, w_e = (e, t, n, r, a = !0, i = !1, o = !0, s, l = void 0) => {
@@ -69530,7 +69534,7 @@ const k1 = (e) => {
         D !== y && (k.run(), A());
       }, [k, D, y]), xe(() => {
         B !== I && (k.run(), A());
-      }, [k, B, I]), process.env.NODE_ENV === "development" && (k._devSelector = y, k._devCompare = I, k._devActions = l, k._devWithDeep = v, k._devWithStable = N, k._devType = T, k._devState = n, k._devResult = x.current), ve(() => (k.setActive(!0), () => {
+      }, [k, B, I]), process.env.NODE_ENV === "development" && (k._devSelector = y, k._devCompare = I, k._devActions = l, k._devWithDeep = v, k._devWithStable = N, k._devType = T, k._devState = n, k._devResult = x.current), be(() => (k.setActive(!0), () => {
         process.env.NODE_ENV === "development" ? k.setActive(!1) : k.stop();
       }), [k]), x.current;
     }
@@ -69640,15 +69644,15 @@ var ia;
   e[e.SplitGitHub = 1] = "SplitGitHub", e[e.SplitGitLab = 2] = "SplitGitLab", e[e.Split = 3] = "Split", e[e.Unified = 4] = "Unified";
 })(ia || (ia = {}));
 const V_e = () => {
-  const [e, t] = Te(!1);
-  return ve(() => {
+  const [e, t] = ve(!1);
+  return be(() => {
     t(!0);
   }, []), e;
 }, q_e = (e, t) => {
   const n = Le(e);
-  n.current = e, ve(() => n.current, t);
-}, $_e = typeof window < "u", W_e = $_e ? uc : ve, FR = ({ text: e, font: t }) => {
-  const [n, r] = Te(() => {
+  n.current = e, be(() => n.current, t);
+}, $_e = typeof window < "u", W_e = $_e ? uc : be, FR = ({ text: e, font: t }) => {
+  const [n, r] = ve(() => {
     const a = parseInt(t.fontSize);
     let i = 6;
     return i += a > 10 ? (a - 10) * 0.6 : 0, i * e.length;
@@ -69885,8 +69889,8 @@ const to = () => dt(Yg), j_e = ({ index: e, diffFile: t, lineNumber: n, side: r,
   const s = (r === ye.old ? t.getSplitLeftLine : t.getSplitRightLine)(e);
   return s != null && s.isHidden ? null : h.createElement(j_e, { index: e, diffFile: t, lineNumber: n, side: r, enableAddWidget: a, enableHighlight: i });
 }, zg = ({ selector: e, enable: t }) => {
-  const [n, r] = Te(0), { useDiffContext: a } = wn(), { id: i, mounted: o } = a.useShallowStableSelector((s) => ({ id: s.id, mounted: s.mounted }));
-  return ve(() => {
+  const [n, r] = ve(0), { useDiffContext: a } = wn(), { id: i, mounted: o } = a.useShallowStableSelector((s) => ({ id: s.id, mounted: s.mounted }));
+  return be(() => {
     if (t) {
       const s = document.querySelector(`#diff-root${i}`), l = s == null ? void 0 : s.querySelector(e);
       if (!l)
@@ -69910,7 +69914,7 @@ const to = () => dt(Yg), j_e = ({ index: e, diffFile: t, lineNumber: n, side: r,
   }, [e, t, i, o]), n;
 }, Vg = ({ selector: e, wrapper: t, side: n, enable: r }) => {
   const { useDiffContext: a } = wn(), { id: i, mounted: o } = a.useShallowStableSelector((s) => ({ id: s.id, mounted: s.mounted }));
-  ve(() => {
+  be(() => {
     if (r) {
       const s = document.querySelector(`#diff-root${i}`), l = Array.from((s == null ? void 0 : s.querySelectorAll(e)) || []), c = t ? Array.from((s == null ? void 0 : s.querySelectorAll(t)) || []) : l;
       if (l.length === 2 && c.length === 2) {
@@ -70177,7 +70181,7 @@ const to = () => dt(Yg), j_e = ({ index: e, diffFile: t, lineNumber: n, side: r,
     enableAddWidget: f.enableAddWidget,
     enableHighlight: f.enableHighlight
   }));
-  Vd.useSyncExternalStore(e.subscribe, e.getUpdateCount, e.getUpdateCount), ve(() => {
+  Vd.useSyncExternalStore(e.subscribe, e.getUpdateCount, e.getUpdateCount), be(() => {
     const f = t.current, E = n.current;
     if (!(!f || !E))
       return Y_e(f, E);
@@ -70661,10 +70665,10 @@ const gge = (e, t) => vB(() => {
     enableWrap: s.enableWrap,
     onCreateUseWidgetHook: s.onCreateUseWidgetHook
   })), i = xe(() => UB(n), []), o = xe(() => ({ useWidget: i }), [i]);
-  return ve(() => {
+  return be(() => {
     const { setWidget: s } = i.getReadonlyState();
     s({});
-  }, [e, i]), ve(() => {
+  }, [e, i]), be(() => {
     a == null || a(i);
   }, [i, a]), h.createElement(Yg.Provider, { value: o }, r ? h.createElement(FB, { diffFile: e }) : h.createElement(PB, { diffFile: e }));
 });
@@ -70892,10 +70896,10 @@ const Sge = ({ index: e, diffFile: t, lineNumber: n, enableWrap: r, enableHighli
     enableAddWidget: b.enableAddWidget,
     onCreateUseWidgetHook: b.onCreateUseWidgetHook
   }));
-  Vd.useSyncExternalStore(e.subscribe, e.getUpdateCount, e.getUpdateCount), ve(() => {
+  Vd.useSyncExternalStore(e.subscribe, e.getUpdateCount, e.getUpdateCount), be(() => {
     const { setWidget: b } = i.getReadonlyState();
     b({});
-  }, [e, i]), ve(() => {
+  }, [e, i]), be(() => {
     d == null || d(i);
   }, [i, d]);
   const p = Math.max(e.unifiedLineLength, e.fileLineLength), m = FR({
@@ -70990,7 +70994,7 @@ const Rge = (e) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  ve(() => {
+  be(() => {
     const { id: T, setId: v, mode: N, setMode: R, mounted: y, setMounted: I, enableAddWidget: x, setEnableAddWidget: w, enableHighlight: A, setEnableHighlight: M, enableWrap: D, setEnableWrap: B, setExtendData: k, fontSize: V, setFontSize: U, onAddWidgetClick: H, setOnAddWidgetClick: q, renderExtendLine: L, setRenderExtendLine: ce, renderWidgetLine: W, setRenderWidgetLine: O, onCreateUseWidgetHook: F, setOnCreateUseWidgetHook: P } = S.getReadonlyState();
     E && E !== T && v(E), i && i !== N && R(i), y !== f && I(f), p !== x && w(p), l !== A && M(l), o !== D && B(o), d && k(d), s && s !== V && U(s), m !== H.current && q({ current: m }), _ !== F && P(_), u !== L && ce(u), c !== W && O(c);
   }, [
@@ -71038,16 +71042,16 @@ const Rge = (e) => {
   }, [i, s]), u = Le(c), d = Le();
   u.current && u.current !== c && ((r = (n = u.current).clear) === null || r === void 0 || r.call(n), u.current = c);
   const p = V_e();
-  return ve(() => {
+  return be(() => {
     if (s && c)
       return s._addClonedInstance(c), () => {
         s._delClonedInstance(c);
       };
-  }, [c, s]), ve(() => {
+  }, [c, s]), be(() => {
     c && (c.initTheme(o), c.initRaw(), c.buildSplitDiffLines(), c.buildUnifiedDiffLines());
-  }, [c, o]), ve(() => {
+  }, [c, o]), be(() => {
     c && e.diffViewHighlight && (c.initSyntax({ registerHighlighter: a }), c.notifyAll());
-  }, [c, e.diffViewHighlight, a]), ve(() => {
+  }, [c, e.diffViewHighlight, a]), be(() => {
     if (!c)
       return;
     const m = () => {
@@ -78680,8 +78684,8 @@ const Q1 = Ei, O0e = new Promise((e) => {
     zi = t;
   }).then(() => e(Q1));
 }), LG = () => O0e, D0e = ({ setLoading: e }) => {
-  const [t, n] = Te();
-  return ve(() => {
+  const [t, n] = ve();
+  return be(() => {
     (async () => {
       try {
         const a = await LG();
@@ -78716,8 +78720,8 @@ const Q1 = Ei, O0e = new Promise((e) => {
   parentPath: i,
   setParentPath: o
 }) => {
-  const s = Le(null), [l, c] = Te(null);
-  return ve(() => {
+  const s = Le(null), [l, c] = ve(null);
+  return be(() => {
     l === null || s.current === null || (s.current.setSelectionRange(l, l), c(null));
   }, [l]), /* @__PURE__ */ G(tt.Flex, { align: "center", gap: "2xs", children: [
     /* @__PURE__ */ g(
@@ -78753,7 +78757,7 @@ const Q1 = Ei, O0e = new Promise((e) => {
         autoFocus: !!r
       }
     ),
-    /* @__PURE__ */ g(be, { variant: "body-single-line-normal", color: "foreground-3", children: "in" }),
+    /* @__PURE__ */ g(Te, { variant: "body-single-line-normal", color: "foreground-3", children: "in" }),
     /* @__PURE__ */ g(qn, { variant: "secondary", theme: "gray", value: n, icon: "git-branch" })
   ] });
 }, MG = ({ items: e, isEdit: t, isNew: n, ...r }) => {
@@ -79790,7 +79794,7 @@ function xSe(e) {
   }) });
 }
 function LSe(e, t) {
-  var n = Te(e), r = n[0], a = n[1], i = t === void 0 ? r : t;
+  var n = ve(e), r = n[0], a = n[1], i = t === void 0 ? r : t;
   return [i, a];
 }
 function MSe(e) {
@@ -80192,7 +80196,7 @@ function bH(e, t) {
 }
 var TH = Bt(void 0);
 function She(e) {
-  var t = up(), n = hH(), r = Te(), a = r[0], i = r[1], o = Te(), s = o[0], l = o[1], c = fhe(t.displayMonths, n), u = a ?? (s && t.isDateDisplayed(s)) ? s : c, d = function() {
+  var t = up(), n = hH(), r = ve(), a = r[0], i = r[1], o = ve(), s = o[0], l = o[1], c = fhe(t.displayMonths, n), u = a ?? (s && t.isDateDisplayed(s)) ? s : c, d = function() {
     l(a), i(void 0);
   }, p = function(E) {
     i(E);
@@ -80395,7 +80399,7 @@ function yhe(e, t) {
 }
 function Ahe(e, t, n) {
   var r, a, i, o = ln(), s = nN(), l = hhe(e, t), c = vhe(e, l), u = Che(), d = !!(o.onDayClick || o.mode !== "default");
-  ve(function() {
+  be(function() {
     var R;
     l.outside || s.focusedDay && d && Yr(s.focusedDay, e) && ((R = n.current) === null || R === void 0 || R.focus());
   }, [
@@ -80479,15 +80483,15 @@ function xhe(e) {
 function Lhe() {
   return !!(typeof window < "u" && window.document && window.document.createElement);
 }
-var Mhe = Lhe() ? uc : ve, i0 = !1, khe = 0;
+var Mhe = Lhe() ? uc : be, i0 = !1, khe = 0;
 function Gx() {
   return "react-day-picker-".concat(++khe);
 }
 function Phe(e) {
-  var t, n = e ?? (i0 ? Gx() : null), r = Te(n), a = r[0], i = r[1];
+  var t, n = e ?? (i0 ? Gx() : null), r = ve(n), a = r[0], i = r[1];
   return Mhe(function() {
     a === null && i(Gx());
-  }, []), ve(function() {
+  }, []), be(function() {
     i0 === !1 && (i0 = !0);
   }, []), (t = e ?? a) !== null && t !== void 0 ? t : void 0;
 }
@@ -80502,8 +80506,8 @@ function Uhe(e) {
   return g("div", { className: n.months, style: r.months, children: e.children });
 }
 function Bhe(e) {
-  var t, n, r = e.initialProps, a = ln(), i = nN(), o = up(), s = Te(!1), l = s[0], c = s[1];
-  ve(function() {
+  var t, n, r = e.initialProps, a = ln(), i = nN(), o = up(), s = ve(!1), l = s[0], c = s[1];
+  be(function() {
     a.initialFocus && i.focusTarget && (l || (i.focus(i.focusTarget), c(!0)));
   }, [
     a.initialFocus,
@@ -80641,7 +80645,7 @@ const iN = Dt("cn-toggle", {
     defaultValue: _,
     selected: f
   }, E) => {
-    const S = f !== void 0, [b, T] = Te(_), v = S ? f : b, N = t === "transparent" ? "transparent" : n, R = Pe(
+    const S = f !== void 0, [b, T] = ve(_), v = S ? f : b, N = t === "transparent" ? "transparent" : n, R = Pe(
       (w) => {
         S || T(w), p == null || p(w);
       },
@@ -80809,10 +80813,10 @@ const xH = Bt({
     className: c,
     ...u
   }, d) => {
-    const [p, m] = Te(
+    const [p, m] = ve(
       () => o ?? (i === "multiple" ? [] : "")
     );
-    ve(() => {
+    be(() => {
       m(o ?? (i === "multiple" ? [] : ""));
     }, [o, i]);
     const _ = Pe(
@@ -80917,10 +80921,10 @@ const Whe = {
   }, [l, d]), _ = xe(() => /* @__PURE__ */ G(tt.Horizontal, { gap: "xl", align: "center", children: [
     i && /* @__PURE__ */ g(qn, { value: "Stored with Git LFS", icon: "info-circle" }),
     /* @__PURE__ */ G(tt.Horizontal, { gap: "2xs", align: "center", children: [
-      /* @__PURE__ */ g(be, { color: "foreground-3", children: `${(r == null ? void 0 : r.split(`
+      /* @__PURE__ */ g(Te, { color: "foreground-3", children: `${(r == null ? void 0 : r.split(`
 `).length) || 0} lines` }),
       /* @__PURE__ */ g(ra, { orientation: "vertical", className: "h-3" }),
-      /* @__PURE__ */ g(be, { color: "foreground-3", children: n })
+      /* @__PURE__ */ g(Te, { color: "foreground-3", children: n })
     ] }),
     /* @__PURE__ */ g(
       kH,
@@ -80937,7 +80941,7 @@ const Whe = {
             dropdownProps: {
               content: /* @__PURE__ */ G(ut, { children: [
                 /* @__PURE__ */ g(he.Item, { onSelect: p, title: "View Raw" }),
-                /* @__PURE__ */ g(he.Item, { onSelect: m, title: /* @__PURE__ */ g(be, { color: "danger", children: "Delete" }) })
+                /* @__PURE__ */ g(he.Item, { onSelect: m, title: /* @__PURE__ */ g(Te, { color: "danger", children: "Delete" }) })
               ] }),
               contentProps: {
                 align: "end"
@@ -81126,9 +81130,9 @@ const UH = (e) => {
   }), { register: f, handleSubmit: E, setValue: S, watch: b, reset: T } = _, v = u || d, N = (w) => {
     v || r(w);
   }, R = b("commitToGitRef"), y = b("fileName"), I = b("newBranchName");
-  ve(() => {
+  be(() => {
     i(R, y), R === Ur.DIRECTLY && S("newBranchName", "");
-  }, [R]), ve(() => {
+  }, [R]), be(() => {
     c({ violation: !1, bypassable: !1, bypassed: !1 });
   }, [I]);
   const x = (w) => {
@@ -81255,7 +81259,7 @@ const ebe = La.object({
       title: n
     }
   }), { register: s, handleSubmit: l, reset: c } = o;
-  return ve(() => {
+  return be(() => {
     c({
       message: "",
       title: n
@@ -82521,14 +82525,14 @@ function V_(e, t, n) {
 }
 V_.globalOptions = void 0;
 function pN(e = {}, t = []) {
-  const n = Le(e), r = Le(t), [a, i] = Te(), [o, s] = Te(), l = Pe(() => {
+  const n = Le(e), r = Le(t), [a, i] = ve(), [o, s] = ve(), l = Pe(() => {
     a && a.reInit(n.current, r.current);
   }, [a]);
-  return ve(() => {
+  return be(() => {
     lN(n.current, e) || (n.current = e, l());
-  }, [e, l]), ve(() => {
+  }, [e, l]), be(() => {
     abe(r.current, t) || (r.current = t, l());
-  }, [t, l]), ve(() => {
+  }, [t, l]), be(() => {
     if (rbe() && o) {
       V_.globalOptions = pN.globalOptions;
       const c = V_(o, n.current, r.current);
@@ -82553,7 +82557,7 @@ const zH = ge(
         axis: e === "horizontal" ? "x" : "y"
       },
       r
-    ), [d, p] = Te(!1), [m, _] = Te(!1), f = Pe((v) => {
+    ), [d, p] = ve(!1), [m, _] = ve(!1), f = Pe((v) => {
       v && (p(v.canScrollPrev()), _(v.canScrollNext()));
     }, []), E = Pe(() => {
       u == null || u.scrollPrev();
@@ -82565,9 +82569,9 @@ const zH = ge(
       },
       [E, S]
     );
-    ve(() => {
+    be(() => {
       !u || !n || n(u);
-    }, [u, n]), ve(() => {
+    }, [u, n]), be(() => {
       if (u)
         return f(u), u.on("reInit", f), u.on("select", f), () => {
           u == null || u.off("select", f);
@@ -82576,7 +82580,7 @@ const zH = ge(
     const T = Pe(() => {
       u && o && u.scrollTo(o);
     }, [u, o]);
-    return ve(() => {
+    return be(() => {
       if (u)
         return T(), u.on("reInit", T), u.on("init", T), () => {
           u == null || u.off("init", T);
@@ -119926,7 +119930,7 @@ function sDe(e) {
       }, 2e3);
     }));
   };
-  ve(() => {
+  be(() => {
     var n, r;
     return (n = e.current) == null || n.removeEventListener("click", t, !1), (r = e.current) == null || r.addEventListener("click", t, !1), () => {
       var a;
@@ -169036,7 +169040,7 @@ const k3e = (e) => e === "markdown", P3e = (e) => /^h(1|2|3|4|5|6)/.test(e), F3e
   const { navigate: f } = fr(), E = xe(() => {
     var U;
     return (U = document.getElementById("repository-ref-root")) == null ? void 0 : U.getAttribute("href");
-  }, []), S = Le(null), [b, T] = Te(""), [v, N] = Te(0), R = Le(0);
+  }, []), S = Le(null), [b, T] = ve(""), [v, N] = ve(0), R = Le(0);
   R.current = 0;
   const y = xe(() => e.split(`
 `).filter((U) => U !== "" && U !== "```"), [e]), I = n ? { maxHeight: n } : {}, x = Pe(
@@ -169104,13 +169108,13 @@ const k3e = (e) => e === "markdown", P3e = (e) => /^h(1|2|3|4|5|6)/.test(e), F3e
     },
     [y]
   );
-  ve(() => {
+  be(() => {
     const U = S.current;
     if (U)
       return U.addEventListener("click", A), () => {
         U.removeEventListener("click", A);
       };
-  }, [A]), ve(() => {
+  }, [A]), be(() => {
     if (t && v < e.length) {
       const U = setTimeout(() => {
         T((H) => H + e[v]), N((H) => H + 1);
@@ -169189,7 +169193,7 @@ const k3e = (e) => e === "markdown", P3e = (e) => /^h(1|2|3|4|5|6)/.test(e), F3e
             typeof q == "string" && (L = q);
             const { isSuggestion: ce, codeLines: W } = D(L), O = W.length > 0 && W[W.length - 1] === "" ? W.slice(0, -1) : W, F = s && O.length > 1;
             return ce ? /* @__PURE__ */ G("div", { className: "rounded-cn-2 overflow-hidden border", children: [
-              /* @__PURE__ */ g("div", { className: "bg-cn-2 px-cn-md py-cn-sm border-b", children: /* @__PURE__ */ g(be, { variant: "body-strong", color: "foreground-1", className: "!m-0", children: c }) }),
+              /* @__PURE__ */ g("div", { className: "bg-cn-2 px-cn-md py-cn-sm border-b", children: /* @__PURE__ */ g(Te, { variant: "body-strong", color: "foreground-1", className: "!m-0", children: c }) }),
               /* @__PURE__ */ g("pre", { children: U }),
               /* @__PURE__ */ g("div", { className: "p-cn-md", children: u })
             ] }) : /* @__PURE__ */ G(
@@ -169211,7 +169215,7 @@ const k3e = (e) => e === "markdown", P3e = (e) => /^h(1|2|3|4|5|6)/.test(e), F3e
                     }
                   ),
                   /* @__PURE__ */ g("pre", { children: F ? /* @__PURE__ */ G("div", { className: "relative flex w-full bg-transparent", children: [
-                    /* @__PURE__ */ g("div", { className: "bg-cn-2 flex-none select-none text-right", children: O.map((P, z) => /* @__PURE__ */ g(be, { as: "span", className: "pr-cn-sm block pt-[0.5px]", children: z + 1 }, z)) }),
+                    /* @__PURE__ */ g("div", { className: "bg-cn-2 flex-none select-none text-right", children: O.map((P, z) => /* @__PURE__ */ g(Te, { as: "span", className: "pr-cn-sm block pt-[0.5px]", children: z + 1 }, z)) }),
                     /* @__PURE__ */ g("div", { className: "relative flex-1 overflow-hidden bg-transparent", children: U })
                   ] }) : U })
                 ]
@@ -169234,7 +169238,7 @@ const k3e = (e) => e === "markdown", P3e = (e) => /^h(1|2|3|4|5|6)/.test(e), F3e
 };
 pV.displayName = "MarkdownViewer";
 const mV = Qa(pV), G3e = ({ isOpen: e, setIsOpen: t, imgEvent: n, title: r, initialSlide: a }) => {
-  const [i, o] = Te(lW);
+  const [i, o] = ve(lW);
   return /* @__PURE__ */ g(
     st.Root,
     {
@@ -169385,9 +169389,9 @@ const _V = {
     ] });
     return /* @__PURE__ */ G("div", { className: $(Y3e({ size: r, state: n }), u), ...p, children: [
       (i || !l || !a) && /* @__PURE__ */ G("label", { className: "cn-progress-header", htmlFor: f, children: [
-        /* @__PURE__ */ g("div", { className: "cn-progress-header-left", children: i && /* @__PURE__ */ g(be, { variant: "body-strong", color: "foreground-1", truncate: !0, children: i }) }),
+        /* @__PURE__ */ g("div", { className: "cn-progress-header-left", children: i && /* @__PURE__ */ g(Te, { variant: "body-strong", color: "foreground-1", truncate: !0, children: i }) }),
         /* @__PURE__ */ G("div", { className: "cn-progress-header-right", children: [
-          !l && t === "default" && /* @__PURE__ */ G(be, { variant: "body-strong", color: "foreground-1", children: [
+          !l && t === "default" && /* @__PURE__ */ G(Te, { variant: "body-strong", color: "foreground-1", children: [
             _,
             "%"
           ] }),
@@ -169396,8 +169400,8 @@ const _V = {
       ] }),
       /* @__PURE__ */ g("div", { className: "cn-progress-container", children: S() }),
       (o || s) && /* @__PURE__ */ G("div", { className: "cn-progress-footer", children: [
-        /* @__PURE__ */ g("div", { className: "cn-progress-description-wrap", children: o && /* @__PURE__ */ g(be, { className: "cn-progress-description", variant: "body-strong", color: "foreground-3", truncate: !0, children: o }) }),
-        s && /* @__PURE__ */ g(be, { className: "cn-progress-subtitle", align: "right", variant: "body-normal", color: "foreground-3", truncate: !0, children: s })
+        /* @__PURE__ */ g("div", { className: "cn-progress-description-wrap", children: o && /* @__PURE__ */ g(Te, { className: "cn-progress-description", variant: "body-strong", color: "foreground-3", truncate: !0, children: o }) }),
+        s && /* @__PURE__ */ g(Te, { className: "cn-progress-subtitle", align: "right", variant: "body-normal", color: "foreground-3", truncate: !0, children: s })
       ] })
     ] });
   }
@@ -169420,7 +169424,7 @@ const V3e = ({
   violation: m = !1,
   bypassable: _ = !1
 }) => {
-  const { t: f } = Fn(), [E, S] = Te(""), [b, T] = Te(!1), v = (I) => {
+  const { t: f } = Fn(), [E, S] = ve(""), [b, T] = ve(!1), v = (I) => {
     S(I.target.value), b && T(!1);
   }, N = () => {
     s && E !== p && T(!0), !(i || s && E !== p) && (T(!1), r(n));
@@ -169439,7 +169443,7 @@ const V3e = ({
       ).split(I);
       return /* @__PURE__ */ G(ut, { children: [
         w[0],
-        (u ?? n) && /* @__PURE__ */ g(be, { as: "span", variant: "body-strong", children: u ?? n }),
+        (u ?? n) && /* @__PURE__ */ g(Te, { as: "span", variant: "body-strong", children: u ?? n }),
         w[1]
       ] });
     }
@@ -169457,7 +169461,7 @@ const V3e = ({
       onConfirm: N,
       loading: i,
       children: /* @__PURE__ */ G(su.Content, { title: c ?? f("component:deleteDialog.title", "Are you sure?"), children: [
-        /* @__PURE__ */ g(be, { className: "break-words", wrap: "wrap", children: y }),
+        /* @__PURE__ */ g(Te, { className: "break-words", wrap: "wrap", children: y }),
         s && /* @__PURE__ */ g(
           Dp,
           {
@@ -170023,7 +170027,7 @@ const dMe = (e) => e.length === 1 ? String(e[0]) : e.length === 2 ? `${e[0]} –
     onValueChange: u,
     ...d
   }, p) => {
-    const m = xe(() => `slider-${Math.random().toString(36).slice(2, 11)}`, []), [_, f] = Te(l ?? [0]), E = c ?? _, S = Le(/* @__PURE__ */ new Set()), b = Le(/* @__PURE__ */ new Set()), [, T] = Te(!1), v = Pe(
+    const m = xe(() => `slider-${Math.random().toString(36).slice(2, 11)}`, []), [_, f] = ve(l ?? [0]), E = c ?? _, S = Le(/* @__PURE__ */ new Set()), b = Le(/* @__PURE__ */ new Set()), [, T] = ve(!1), v = Pe(
       (R) => S.current.has(R) || b.current.has(R),
       []
     ), N = Pe(
@@ -170206,7 +170210,7 @@ const YV = ({
   contentClassName: c
 }) => {
   const { t: u } = Fn();
-  return ve(() => {
+  return be(() => {
     t && (l == null || l(!0));
   }, []), /* @__PURE__ */ G(
     he.Root,
@@ -170226,11 +170230,11 @@ const YV = ({
             } : void 0,
             children: [
               /* @__PURE__ */ G(tt.Grid, { align: "center", columns: o ? "auto 1fr" : void 0, gapX: "2xs", children: [
-                /* @__PURE__ */ G(be, { as: "span", color: "foreground-1", truncate: !0, children: [
+                /* @__PURE__ */ G(Te, { as: "span", color: "foreground-1", truncate: !0, children: [
                   r,
                   !!o && ": "
                 ] }),
-                !!o && /* @__PURE__ */ g(be, { as: "span", truncate: !0, children: o })
+                !!o && /* @__PURE__ */ g(Te, { as: "span", truncate: !0, children: o })
               ] }),
               /* @__PURE__ */ g(me, { className: "chevron-down", name: "nav-arrow-down" })
             ]
@@ -170238,7 +170242,7 @@ const YV = ({
         ) }),
         /* @__PURE__ */ G(he.Content, { className: $("w-[276px]", c), align: "start", children: [
           /* @__PURE__ */ g(he.Header, { children: /* @__PURE__ */ G(tt.Flex, { align: "center", justify: "between", children: [
-            /* @__PURE__ */ g(be, { as: "span", children: r }),
+            /* @__PURE__ */ g(Te, { as: "span", children: r }),
             /* @__PURE__ */ g(
               Je,
               {
@@ -170268,7 +170272,7 @@ const YV = ({
   inputPlaceholder: i,
   buttonLabel: o
 }) => {
-  const [s, l] = Te(""), c = a.filter(
+  const [s, l] = ve(""), c = a.filter(
     (u) => !s || u.label.toLowerCase().includes(s.toLowerCase())
   );
   return /* @__PURE__ */ G(he.Root, { children: [
@@ -170322,7 +170326,7 @@ const _Me = ({
   const t = Qj(e, "dd/MM/yyyy", /* @__PURE__ */ new Date());
   return { date: m6(t) ? t : null, formattedValue: e };
 }, fMe = ({ filter: e, onUpdateFilter: t }) => {
-  const n = e.value ? new Date(e.value) : /* @__PURE__ */ new Date(), [r, a] = Te({
+  const n = e.value ? new Date(e.value) : /* @__PURE__ */ new Date(), [r, a] = ve({
     input: {
       value: e.value ? r4(new Date(e.value)) : "",
       isError: !1
@@ -170411,7 +170415,7 @@ const _Me = ({
   noResultsMessage: o,
   allowSearch: s = !0
 }) => {
-  const [l, c] = Te(t), u = e, { searchInputRef: d, handleSearchKeyDown: p, getItemProps: m } = Bd({
+  const [l, c] = ve(t), u = e, { searchInputRef: d, handleSearchKeyDown: p, getItemProps: m } = Bd({
     itemsLength: l.length
   }), _ = Pe(
     (S) => {
@@ -170421,7 +170425,7 @@ const _Me = ({
   ), f = (S) => {
     r ? r(S) : _(S);
   };
-  ve(() => {
+  be(() => {
     var S;
     _(((S = d == null ? void 0 : d.current) == null ? void 0 : S.value) || "");
   }, [_, t, d]);
@@ -170659,10 +170663,10 @@ const dT = (e, t) => {
     }) })
   ] })
 ] }), TMe = ({ filter: e, presets: t, showCustomRange: n = !0, onUpdateFilter: r }) => {
-  const [a, i] = Te(
+  const [a, i] = ve(
     e.value ? { from: new Date(e.value.from), to: new Date(e.value.to) } : void 0
-  ), [o, s] = Te(e.value ? new Date(e.value.from) : /* @__PURE__ */ new Date());
-  ve(() => {
+  ), [o, s] = ve(e.value ? new Date(e.value.from) : /* @__PURE__ */ new Date());
+  be(() => {
     e.value ? (i({ from: new Date(e.value.from), to: new Date(e.value.to) }), s(new Date(e.value.from))) : (i(void 0), s(/* @__PURE__ */ new Date()));
   }, [e.value]);
   const l = t ?? hMe(), c = l.filter((f) => f.group === "recommended"), u = l.filter((f) => f.group === "relative"), d = l.filter((f) => f.group === "calendar"), p = (f) => {
@@ -170739,7 +170743,7 @@ const dT = (e, t) => {
     tooltipContent: R,
     labelSuffix: y
   }, I) => {
-    const x = Le(null), [w, A] = Te(!1), [M, D] = Te(!1), B = Le(null), [k, V] = Te(e || r || []), [U, H] = Te(null), [q, L] = Te(""), { search: ce } = vW({
+    const x = Le(null), [w, A] = ve(!1), [M, D] = ve(!1), B = Le(null), [k, V] = ve(e || r || []), [U, H] = ve(null), [q, L] = ve(""), { search: ce } = vW({
       handleChangeSearchValue: o,
       searchValue: i || ""
     }), W = !!e, O = v === "horizontal", F = f ? "danger" : E ? "warning" : m, P = xe(() => (p == null ? void 0 : p.id) || `multi-select-${Md(10)}`, [p == null ? void 0 : p.id]), z = Pe(() => W ? e : k, [W, e, k]);
@@ -170793,9 +170797,9 @@ const dT = (e, t) => {
       },
       [c, z, ee, U, W, o, t]
     );
-    return ve(() => (w ? (document.addEventListener("mousedown", X), document.addEventListener("touchend", X)) : (document.removeEventListener("mousedown", X), document.removeEventListener("touchend", X)), () => {
+    return be(() => (w ? (document.addEventListener("mousedown", X), document.addEventListener("touchend", X)) : (document.removeEventListener("mousedown", X), document.removeEventListener("touchend", X)), () => {
       document.removeEventListener("mousedown", X), document.removeEventListener("touchend", X);
-    }), [w, X]), ve(() => {
+    }), [w, X]), be(() => {
       if (!a)
         H(null);
       else if (a.length === 0) {
@@ -171121,7 +171125,7 @@ const NMe = (e, t) => {
   const s = {
     type: e.value,
     value: o
-  }, [l, c] = Te(n), u = (p) => {
+  }, [l, c] = ve(n), u = (p) => {
     i(p);
   };
   if (e.type === zn.Checkbox)
@@ -171174,10 +171178,10 @@ const NMe = (e, t) => {
     buttonSize: s = "md",
     disabled: l = !1
   }, c) => {
-    const { Link: u } = fr(), [d, p] = Te(!1), m = Le(), _ = Pe((f) => {
+    const { Link: u } = fr(), [d, p] = ve(!1), m = Le(), _ = Pe((f) => {
       f || (clearTimeout(m.current), p(!0), m.current = setTimeout(() => p(!1), AMe));
     }, []);
-    return ve(() => () => clearTimeout(m.current), []), t.length ? /* @__PURE__ */ G(he.Root, { onOpenChange: _, children: [
+    return be(() => () => clearTimeout(m.current), []), t.length ? /* @__PURE__ */ G(he.Root, { onOpenChange: _, children: [
       /* @__PURE__ */ g(he.Trigger, { ref: c, disabled: l, asChild: !0, children: /* @__PURE__ */ g(
         Je,
         {
@@ -171215,13 +171219,13 @@ const NMe = (e, t) => {
                   {
                     icon: f.iconName,
                     iconClassName: $({ "text-cn-danger": f.isDanger }),
-                    title: /* @__PURE__ */ g(be, { color: f.isDanger ? "danger" : "foreground-2", truncate: !0, children: f.title }),
+                    title: /* @__PURE__ */ g(Te, { color: f.isDanger ? "danger" : "foreground-2", truncate: !0, children: f.title }),
                     disabled: f.disabled
                   }
                 ) : /* @__PURE__ */ g(
                   he.Item,
                   {
-                    title: /* @__PURE__ */ g(be, { color: f.isDanger ? "danger" : "foreground-2", truncate: !0, children: f.title }),
+                    title: /* @__PURE__ */ g(Te, { color: f.isDanger ? "danger" : "foreground-2", truncate: !0, children: f.title }),
                     disabled: f.disabled
                   }
                 )
@@ -171231,7 +171235,7 @@ const NMe = (e, t) => {
               he.IconItem,
               {
                 icon: f.iconName,
-                title: /* @__PURE__ */ g(be, { color: f.isDanger ? "danger" : "foreground-2", truncate: !0, children: f.title }),
+                title: /* @__PURE__ */ g(Te, { color: f.isDanger ? "danger" : "foreground-2", truncate: !0, children: f.title }),
                 iconClassName: $({ "text-cn-danger": f.isDanger }),
                 onClick: (b) => {
                   var T;
@@ -171243,7 +171247,7 @@ const NMe = (e, t) => {
             ) : /* @__PURE__ */ g(
               he.Item,
               {
-                title: /* @__PURE__ */ g(be, { color: f.isDanger ? "danger" : "foreground-2", truncate: !0, children: f.title }),
+                title: /* @__PURE__ */ g(Te, { color: f.isDanger ? "danger" : "foreground-2", truncate: !0, children: f.title }),
                 onClick: (b) => {
                   var T;
                   b.stopPropagation(), (T = f == null ? void 0 : f.onClick) == null || T.call(f);
@@ -171278,7 +171282,7 @@ const qV = ge(
     dropdownContentClassName: m,
     size: _ = "md"
   }, f) => {
-    const [E, S] = Te(!1), b = Pe(
+    const [E, S] = ve(!1), b = Pe(
       (T) => {
         const v = r.find((N) => N.value === T);
         !t && v && !v.disabled && (a(T), S(!1));
@@ -171417,7 +171421,7 @@ function DMe() {
   ] });
 }
 const wMe = ({ children: e }) => /* @__PURE__ */ g("div", { className: "bg-cn-1 flex size-full max-w-[460px] flex-col", children: e }), xMe = ({ onClose: e }) => /* @__PURE__ */ G("div", { className: "bg-cn-1 px-cn-xl py-cn-md sticky top-0 flex items-center justify-between", children: [
-  /* @__PURE__ */ g(be, { variant: "heading-hero", children: "Harness AI" }),
+  /* @__PURE__ */ g(Te, { variant: "heading-hero", children: "Harness AI" }),
   /* @__PURE__ */ G(Je, { size: "sm", iconOnly: !0, variant: "ghost", onClick: e, ignoreIconOnlyTooltip: !0, children: [
     /* @__PURE__ */ g(me, { name: "xmark" }),
     /* @__PURE__ */ g("span", { className: "sr-only", children: "Close" })
@@ -171468,7 +171472,7 @@ const wMe = ({ children: e }) => /* @__PURE__ */ g("div", { className: "bg-cn-1
 ), FMe = ({ avatar: e }) => /* @__PURE__ */ G("div", { className: "mt-cn-sm gap-x-cn-sm flex items-center", children: [
   e || /* @__PURE__ */ g(Ld, { size: 16, name: "chat-avatar", themeDependent: !0 }),
   /* @__PURE__ */ g("span", { className: "bg-cn-3 size-2.5 rounded-cn-full", "aria-hidden": !0 })
-] }), UMe = ({ title: e }) => /* @__PURE__ */ g(be, { align: "center", className: "opacity-50", children: e }), BMe = [
+] }), UMe = ({ title: e }) => /* @__PURE__ */ g(Te, { align: "center", className: "opacity-50", children: e }), BMe = [
   {
     text: "Pipeline design"
   },
@@ -171483,14 +171487,14 @@ const wMe = ({ children: e }) => /* @__PURE__ */ g("div", { className: "bg-cn-1
   }
 ], GMe = () => /* @__PURE__ */ G("div", { className: "gap-cn-lg mt-auto flex flex-col", children: [
   /* @__PURE__ */ G("div", { children: [
-    /* @__PURE__ */ g(be, { variant: "heading-subsection", color: "foreground-2", children: "Hello Steven," }),
-    /* @__PURE__ */ G(be, { variant: "heading-subsection", className: "mt-cn-3xs", children: [
+    /* @__PURE__ */ g(Te, { variant: "heading-subsection", color: "foreground-2", children: "Hello Steven," }),
+    /* @__PURE__ */ G(Te, { variant: "heading-subsection", className: "mt-cn-3xs", children: [
       " ",
       "how can I help?"
     ] })
   ] }),
   /* @__PURE__ */ G("div", { children: [
-    /* @__PURE__ */ g(be, { as: "span", children: "Here are some suggestions to enhance your CI/CD pipeline:" }),
+    /* @__PURE__ */ g(Te, { as: "span", children: "Here are some suggestions to enhance your CI/CD pipeline:" }),
     /* @__PURE__ */ g("ul", { className: "mt-cn-sm gap-y-cn-2xs flex flex-col", children: BMe.map(({ text: e }, t) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g(Je, { className: "w-full justify-start", variant: "secondary", children: e }) }, t)) })
   ] })
 ] }), HMe = ({
@@ -171544,8 +171548,8 @@ const wMe = ({ children: e }) => /* @__PURE__ */ g("div", { className: "bg-cn-1
   EmptyState: GMe,
   Input: HMe
 }, WV = ({ data: e, mode: t = 4, lang: n = "go", fileName: r }) => {
-  const [, a] = Te(!1), [i, o] = Te(), [s, l] = Te();
-  ve(() => {
+  const [, a] = ve(!1), [i, o] = ve(), [s, l] = ve();
+  be(() => {
     (async () => {
       a(!0);
       try {
@@ -171574,7 +171578,7 @@ const wMe = ({ children: e }) => /* @__PURE__ */ g("div", { className: "bg-cn-1
     }, 100),
     []
   );
-  return ve(() => {
+  return be(() => {
     e && c(n, e);
   }, [e, n, c]), /* @__PURE__ */ G("div", { className: "rounded-cn-3 border-cn-2 bg-cn-1 mt-cn-sm mr-[28px] flex flex-col border", children: [
     r && /* @__PURE__ */ g("span", { className: "border-cn-2 bg-cn-2 p-cn-md text-cn-size-2 text-cn-1 rounded-inherit border-b font-medium", children: r }),
@@ -171662,15 +171666,15 @@ const XV = ge(
 );
 XV.displayName = "MessageBubbleContent";
 const jV = ({ children: e, ...t }) => {
-  const n = t.speed && typeof e == "string", [r, a] = Te(""), [i, o] = Te(0);
-  return ve(() => {
+  const n = t.speed && typeof e == "string", [r, a] = ve(""), [i, o] = ve(0);
+  return be(() => {
     if (n && i < e.length) {
       const s = setTimeout(() => {
         a((l) => l + e[i]), o((l) => l + 1);
       }, t.speed);
       return () => clearTimeout(s);
     }
-  }, [n, i, e, t.speed]), /* @__PURE__ */ g(be, { variant: "body-normal", ...t, children: n ? r : e });
+  }, [n, i, e, t.speed]), /* @__PURE__ */ g(Te, { variant: "body-normal", ...t, children: n ? r : e });
 };
 jV.displayName = "MessageBubbleText";
 const ZV = ({ children: e, className: t, ...n }) => /* @__PURE__ */ g(mV, { variant: "sm", markdownClassName: $("bg-transparent", t), source: e, ...n });
@@ -171791,14 +171795,14 @@ const qMe = {
     children: o,
     ...s
   }, l) => {
-    const [c, u] = Te(n ?? r), [d, p] = Te(i), [m, _] = Te(!1), f = Le(null);
-    ve(() => {
+    const [c, u] = ve(n ?? r), [d, p] = ve(i), [m, _] = ve(!1), f = Le(null);
+    be(() => {
       n !== void 0 && u(n);
-    }, [n]), ve(() => {
+    }, [n]), be(() => {
       i !== void 0 && p(i);
-    }, [i]), ve(() => {
+    }, [i]), be(() => {
       t ? f.current === null && (f.current = Date.now()) : f.current !== null && (p(Math.ceil((Date.now() - f.current) / QMe)), f.current = null);
-    }, [t]), ve(() => {
+    }, [t]), be(() => {
       if (r && !t && c && !m) {
         const S = setTimeout(() => {
           u(!1), _(!0), a == null || a(!1);
@@ -171826,7 +171830,7 @@ const qMe = {
   }
 );
 cq.displayName = "ReasoningRoot";
-const XMe = (e, t) => e || t === 0 ? /* @__PURE__ */ g(sq, { variant: "caption-light", color: "foreground-3", duration: 1, children: "Thinking..." }) : t === void 0 ? /* @__PURE__ */ g(be, { variant: "caption-light", color: "foreground-3", children: "Thought for a few seconds" }) : /* @__PURE__ */ G(be, { variant: "caption-light", color: "foreground-3", children: [
+const XMe = (e, t) => e || t === 0 ? /* @__PURE__ */ g(sq, { variant: "caption-light", color: "foreground-3", duration: 1, children: "Thinking..." }) : t === void 0 ? /* @__PURE__ */ g(Te, { variant: "caption-light", color: "foreground-3", children: "Thought for a few seconds" }) : /* @__PURE__ */ G(Te, { variant: "caption-light", color: "foreground-3", children: [
   "Thought for ",
   t,
   " seconds"
@@ -171850,7 +171854,7 @@ uq.displayName = "ReasoningTrigger";
 const dq = ge(
   ({ className: e, children: t, ...n }, r) => {
     const a = Le(null), { isStreaming: i } = C2();
-    return ve(() => {
+    return be(() => {
       i && a.current && (a.current.scrollTop = a.current.scrollHeight);
     }, [t, i]), /* @__PURE__ */ g(V9, { ref: r, className: $("cn-reasoning-content", e), ...n, children: /* @__PURE__ */ g("div", { ref: a, className: "max-h-[200px] overflow-y-auto scrollbar-hidden", children: t }) });
   }
@@ -171882,7 +171886,7 @@ const jMe = {
   return e;
 }, _q = ge(
   ({ className: e, elements: t, initialSelectedId: n, initialExpendedItems: r, children: a, indicator: i = !0, dir: o, ...s }, l) => {
-    const [c, u] = Te(n), [d, p] = Te(r), m = Pe((S) => {
+    const [c, u] = ve(n), [d, p] = ve(r), m = Pe((S) => {
       u(S);
     }, []), _ = Pe((S) => {
       p((b) => b != null && b.includes(S) ? b.filter((T) => T !== S) : [...b ?? [], S]);
@@ -171902,7 +171906,7 @@ const jMe = {
         T(v);
       });
     }, []);
-    ve(() => {
+    be(() => {
       n && (f(t, n), u(n));
     }, [n, t]);
     const E = o === "rtl" ? "rtl" : "ltr";
@@ -172076,7 +172080,7 @@ const Eq = ge(
     }, []), l = Pe(() => {
       o == null || o([]);
     }, []);
-    return ve(() => {
+    return be(() => {
       t && s(e);
     }, [t]), /* @__PURE__ */ G(
       "button",
@@ -173621,8 +173625,8 @@ const Ike = ({ className: e, ...t }) => /* @__PURE__ */ g(
     second: "2-digit"
   })
 }), Rv = "", Hq = (e, t = !1) => {
-  const n = e ? new Date(e) : /* @__PURE__ */ new Date(0), r = !isNaN(n.getTime()) && isFinite(n.getTime()), [, a] = Te(0);
-  ve(() => {
+  const n = e ? new Date(e) : /* @__PURE__ */ new Date(0), r = !isNaN(n.getTime()) && isFinite(n.getTime()), [, a] = ve(0);
+  be(() => {
     if (!t || !r || n.getTime() === 0)
       return;
     const l = setInterval(() => {
@@ -173647,21 +173651,21 @@ const Ike = ({ className: e, ...t }) => /* @__PURE__ */ g(
     formattedFull: s,
     time: n
   };
-}, Yq = ({ formattedFullArray: e }) => e.length === 0 ? /* @__PURE__ */ g("div", { className: "cn-time-ago-card-content", children: /* @__PURE__ */ g(be, { variant: "body-single-line-normal", children: "Unknown time" }) }) : /* @__PURE__ */ g("div", { className: "cn-time-ago-card-content", children: e.map(({ date: t, time: n, label: r }) => /* @__PURE__ */ G(Vi, { children: [
+}, Yq = ({ formattedFullArray: e }) => e.length === 0 ? /* @__PURE__ */ g("div", { className: "cn-time-ago-card-content", children: /* @__PURE__ */ g(Te, { variant: "body-single-line-normal", children: "Unknown time" }) }) : /* @__PURE__ */ g("div", { className: "cn-time-ago-card-content", children: e.map(({ date: t, time: n, label: r }) => /* @__PURE__ */ G(Vi, { children: [
   /* @__PURE__ */ g(gs, { variant: "secondary", size: "sm", children: r }),
-  /* @__PURE__ */ g(be, { color: "inherit", variant: "body-single-line-normal", as: "time", dateTime: t, children: t }),
-  /* @__PURE__ */ g(be, { variant: "body-single-line-normal", as: "time", dateTime: n, color: "inherit", className: "ml-auto", children: n })
+  /* @__PURE__ */ g(Te, { color: "inherit", variant: "body-single-line-normal", as: "time", dateTime: t, children: t }),
+  /* @__PURE__ */ g(Te, { variant: "body-single-line-normal", as: "time", dateTime: n, color: "inherit", className: "ml-auto", children: n })
 ] }, r)) }), zq = Qa(
   ge(
     ({ timestamp: e, prefix: t, live: n = !1, textProps: r, tooltipProps: a, triggerProps: i, triggerClassName: o }, s) => {
       const { formattedShort: l, formattedFull: c } = Hq(e, n);
-      return e == null || l === Rv ? /* @__PURE__ */ g(be, { as: "span", ...r, ref: s, children: Rv }) : /* @__PURE__ */ g($a, { content: /* @__PURE__ */ g(Yq, { formattedFullArray: c }), ...a, children: /* @__PURE__ */ g(
+      return e == null || l === Rv ? /* @__PURE__ */ g(Te, { as: "span", ...r, ref: s, children: Rv }) : /* @__PURE__ */ g($a, { content: /* @__PURE__ */ g(Yq, { formattedFullArray: c }), ...a, children: /* @__PURE__ */ g(
         "button",
         {
           ref: s,
           className: $("cn-time-ago-card-trigger", o),
           ...i,
-          children: /* @__PURE__ */ g(be, { as: "time", ...r, dateTime: e.toString(), children: t ? `${t} ${l}` : l })
+          children: /* @__PURE__ */ g(Te, { as: "time", ...r, dateTime: e.toString(), children: t ? `${t} ${l}` : l })
         }
       ) });
     }
@@ -173670,8 +173674,8 @@ const Ike = ({ className: e, ...t }) => /* @__PURE__ */ g(
 zq.displayName = "TimeAgoCard";
 const Vq = ({ className: e, disabled: t, iconProps: n, ...r }) => /* @__PURE__ */ g($a, { ...r, children: /* @__PURE__ */ g("button", { className: $({ "pointer-events-none": t }, e), disabled: t, children: /* @__PURE__ */ g(me, { name: "info-circle", size: "md", ...n }) }) });
 function O2({ ...e }) {
-  const { value: t } = e, [n, r] = Te(!1);
-  ve(() => {
+  const { value: t } = e, [n, r] = ve(!1);
+  be(() => {
     let i;
     return n && (i = window.setTimeout(() => r(!1), 1e3)), () => {
       clearTimeout(i);
@@ -173755,7 +173759,7 @@ const D2 = ({
   inputPlaceholder: o,
   buttonLabel: s
 }) => {
-  const [l, c] = Te(""), u = i.filter(
+  const [l, c] = ve(""), u = i.filter(
     (d) => !l || d.label.toLowerCase().includes(l.toLowerCase())
   );
   return /* @__PURE__ */ G(he.Root, { children: [
@@ -173789,7 +173793,7 @@ const Wq = [
   sortSelections: r,
   updateSortSelections: a
 }) => {
-  const [i, o] = Te(!1);
+  const [i, o] = ve(!1);
   return /* @__PURE__ */ g(
     Kq.Provider,
     {
@@ -173967,11 +173971,11 @@ function Fke() {
 }
 function Xq(e) {
   var s;
-  const { sortOptions: t, defaultSort: n, onSortChange: r } = e, [a, i] = Te(n), o = (s = t.find((l) => l.value === a)) == null ? void 0 : s.label;
+  const { sortOptions: t, defaultSort: n, onSortChange: r } = e, [a, i] = ve(n), o = (s = t.find((l) => l.value === a)) == null ? void 0 : s.label;
   return /* @__PURE__ */ G(he.Root, { children: [
     /* @__PURE__ */ g(he.Trigger, { asChild: !0, children: /* @__PURE__ */ G(Je, { size: "md", variant: "outline", children: [
       /* @__PURE__ */ g(me, { name: "arrows-updown", size: "sm" }),
-      /* @__PURE__ */ g(be, { truncate: !0, children: o || "Sort" }),
+      /* @__PURE__ */ g(Te, { truncate: !0, children: o || "Sort" }),
       /* @__PURE__ */ g(me, { name: "nav-arrow-down", size: "sm" })
     ] }) }),
     /* @__PURE__ */ g(he.Content, { align: "end", className: "min-w-56", children: t.map((l) => /* @__PURE__ */ g(
@@ -173994,7 +173998,7 @@ function Uke({
   onSortChange: n,
   children: r
 }) {
-  const [a, i] = Te([]);
+  const [a, i] = ve([]);
   return /* @__PURE__ */ g(
     kke,
     {
@@ -174039,7 +174043,7 @@ const Bke = ({ displayLabel: e, buttonLabel: t }) => {
     return /* @__PURE__ */ g("h2", { className: $("text-cn-size-3 leading-none text-cn-1 font-medium", n), children: t });
   },
   Description: function({ children: t }) {
-    return /* @__PURE__ */ g(be, { as: "div", color: "foreground-3", children: t });
+    return /* @__PURE__ */ g(Te, { as: "div", color: "foreground-3", children: t });
   },
   Form: function({ className: t, ...n }) {
     return /* @__PURE__ */ g("div", { className: $("flex flex-col max-w-xl space-y-cn-xl", t), ...n });
@@ -174090,7 +174094,7 @@ function qke({
   rows: u,
   cols: d
 }) {
-  const [p, m] = Te(
+  const [p, m] = ve(
     o ?? (t === "multiple" ? [] : void 0)
   ), _ = i ?? p, f = i !== void 0, E = (S) => {
     if (l) return;
@@ -174303,7 +174307,7 @@ const w2 = ge(
     ...l
   }, c) => {
     const u = () => /* @__PURE__ */ g(
-      be,
+      Te,
       {
         variant: "caption-normal",
         color: "foreground-3",
@@ -174359,7 +174363,7 @@ const s$ = ge(
 s$.displayName = "TableCell";
 const l$ = ge(
   ({ className: e, ...t }, n) => /* @__PURE__ */ g(
-    be,
+    Te,
     {
       as: "caption",
       ref: n,
@@ -176214,7 +176218,7 @@ const S4 = (e) => {
       x
     ]
   ), M = PPe(A);
-  ve(() => {
+  be(() => {
     var k;
     if (!M || !I)
       return;
@@ -176311,7 +176315,7 @@ const S4 = (e) => {
 }) => /* @__PURE__ */ G(he.Root, { children: [
   /* @__PURE__ */ g(he.Trigger, { asChild: !0, children: /* @__PURE__ */ G(Je, { variant: "outline", children: [
     "Columns",
-    /* @__PURE__ */ G(be, { color: "foreground-4", children: [
+    /* @__PURE__ */ G(Te, { color: "foreground-4", children: [
       (t == null ? void 0 : t.length) || 0,
       "/",
       (e == null ? void 0 : e.length) || 0
@@ -176440,19 +176444,19 @@ const b$ = ({
   isLoading: n = !1,
   itemLayout: r = "horizontal"
 }) => {
-  const a = t ? typeof t == "string" ? /* @__PURE__ */ g(be, { color: "inherit", className: "break-words", children: t }, "label") : t : /* @__PURE__ */ g(be, { as: "span", color: "disabled", children: "empty" });
+  const a = t ? typeof t == "string" ? /* @__PURE__ */ g(Te, { color: "inherit", className: "break-words", children: t }, "label") : t : /* @__PURE__ */ g(Te, { as: "span", color: "disabled", children: "empty" });
   return r === "vertical" ? /* @__PURE__ */ g(tt.Vertical, { gapY: "4xs", children: n ? /* @__PURE__ */ G(ut, { children: [
     /* @__PURE__ */ g(er.Typography, { className: "w-1/3" }),
     /* @__PURE__ */ g(er.Typography, { className: "w-2/3" })
   ] }) : /* @__PURE__ */ G(ut, { children: [
-    /* @__PURE__ */ g(be, { color: "foreground-1", variant: "body-normal", children: e }),
-    /* @__PURE__ */ g(be, { color: "foreground-3", variant: "body-normal", className: "break-all", children: a })
+    /* @__PURE__ */ g(Te, { color: "foreground-1", variant: "body-normal", children: e }),
+    /* @__PURE__ */ g(Te, { color: "foreground-3", variant: "body-normal", className: "break-all", children: a })
   ] }) }, e) : /* @__PURE__ */ g(tt.Grid, { flow: "row", gapX: "2xl", columns: "minmax(0, 200px) minmax(0, 1fr)", align: "start", children: n ? /* @__PURE__ */ G(ut, { children: [
     /* @__PURE__ */ g(er.Typography, { className: "w-full" }),
     /* @__PURE__ */ g(er.Typography, { className: "w-2/3" })
   ] }) : /* @__PURE__ */ G(ut, { children: [
-    /* @__PURE__ */ g(be, { color: "foreground-3", as: "dt", children: e }),
-    /* @__PURE__ */ g(be, { color: "foreground-1", as: "dd", children: a })
+    /* @__PURE__ */ g(Te, { color: "foreground-3", as: "dt", children: e }),
+    /* @__PURE__ */ g(Te, { color: "foreground-1", as: "dd", children: a })
   ] }) }, e);
 }, b4 = (e) => e >= 800, HPe = ({
   className: e,
@@ -176463,7 +176467,7 @@ const b$ = ({
   isLoading: i = !1,
   forceColumns: o = !1
 }) => {
-  const [s, l] = Te(o || r === "columns"), c = Le(null);
+  const [s, l] = ve(o || r === "columns"), c = Le(null);
   uc(() => {
     if (o) return;
     const _ = c.current;
@@ -176495,7 +176499,7 @@ const b$ = ({
   if (!n || n.length === 0) return null;
   const d = s && n.length > 2, p = s ? h4(n)[0] : n, m = s ? h4(n)[1] : null;
   return /* @__PURE__ */ G(tt.Grid, { ref: c, gap: "md", className: $("group", e), children: [
-    /* @__PURE__ */ g(be, { variant: "heading-base", as: "h4", children: t }),
+    /* @__PURE__ */ g(Te, { variant: "heading-base", as: "h4", children: t }),
     /* @__PURE__ */ G(
       tt.Grid,
       {
@@ -176514,8 +176518,8 @@ const b$ = ({
     /* @__PURE__ */ g(ra, { className: "group-last:hidden mb-cn-md" })
   ] });
 }, YPe = ({ data: e, isLoading: t = !1, gap: n = "3xs" }) => e.length ? /* @__PURE__ */ g(tt.Flex, { wrap: "wrap", gap: "3xl", children: e.map((r, a) => /* @__PURE__ */ G(tt.Vertical, { gap: n, children: [
-  /* @__PURE__ */ g(be, { color: "foreground-3", children: r.label }),
-  t ? /* @__PURE__ */ g(er.Typography, { className: "w-16" }) : /* @__PURE__ */ g(be, { as: "div", color: "foreground-1", children: r != null && r.value ? r.value : "-" })
+  /* @__PURE__ */ g(Te, { color: "foreground-3", children: r.label }),
+  t ? /* @__PURE__ */ g(er.Typography, { className: "w-16" }) : /* @__PURE__ */ g(Te, { as: "div", color: "foreground-1", children: r != null && r.value ? r.value : "-" })
 ] }, a)) }) : null, T$ = Bt({
   isTwoColumn: !1
 }), zPe = ({ children: e, isTwoColumn: t = !1 }) => {
@@ -176529,7 +176533,7 @@ const b$ = ({
       className: $("overflow-hidden", { "break-inside-avoid pb-[var(--cn-spacing-10)] last:pb-0": i }),
       children: [
         t ? /* @__PURE__ */ G(tt.Flex, { justify: "between", gap: "md", align: "start", children: [
-          /* @__PURE__ */ g(be, { as: "h2", variant: "heading-subsection", children: t }),
+          /* @__PURE__ */ g(Te, { as: "h2", variant: "heading-subsection", children: t }),
           !!n && /* @__PURE__ */ g(ji, { className: "shrink-0", ...n, suffixIcon: "nav-arrow-right", children: o("component:widgets.viewMore", "View more") })
         ] }) : null,
         /* @__PURE__ */ g(
@@ -176675,8 +176679,8 @@ const WPe = Dt("cn-stacked-list-field", {
   disableTruncate: i = !1,
   ...o
 }) => /* @__PURE__ */ G("div", { className: $(WPe({ right: a }), e), ...o, children: [
-  t && /* @__PURE__ */ g(be, { className: "cn-stacked-list-field-title", as: "div", color: r, truncate: !i, children: t }),
-  n && /* @__PURE__ */ g(be, { as: "div", className: "select-none", truncate: !i, children: n })
+  t && /* @__PURE__ */ g(Te, { className: "cn-stacked-list-field-title", as: "div", color: r, truncate: !i, children: t }),
+  n && /* @__PURE__ */ g(Te, { as: "div", className: "select-none", truncate: !i, children: n })
 ] });
 A$.displayName = "StackedListField";
 const ha = {
@@ -176732,7 +176736,7 @@ function QPe({
 function XPe({ icon: e, title: t, actions: n }) {
   return /* @__PURE__ */ G("div", { className: "cn-studio-card-header", children: [
     e ?? /* @__PURE__ */ g(me, { size: "lg", name: "harness-plugins" }),
-    /* @__PURE__ */ g(be, { color: "foreground-1", className: "cn-studio-card-header-title truncate", variant: "body-strong", children: t }),
+    /* @__PURE__ */ g(Te, { color: "foreground-1", className: "cn-studio-card-header-title truncate", variant: "body-strong", children: t }),
     n
   ] });
 }
@@ -176740,7 +176744,7 @@ function jPe({ children: e, className: t }) {
   return /* @__PURE__ */ g(Jd.div, { className: $("cn-studio-card-content", t), children: /* @__PURE__ */ g(Ese, { children: e }) });
 }
 function ZPe({ message: e }) {
-  return e ? /* @__PURE__ */ g(be, { className: "cn-studio-card-message", lineClamp: 2, color: "foreground-2", variant: "caption-normal", children: e }) : null;
+  return e ? /* @__PURE__ */ g(Te, { className: "cn-studio-card-message", lineClamp: 2, color: "foreground-2", variant: "caption-normal", children: e }) : null;
 }
 const JPe = {
   hidden: {
@@ -176800,10 +176804,10 @@ function e4e({
             children: [
               /* @__PURE__ */ G("div", { className: "cn-studio-card-expand-button-top", children: [
                 a ?? /* @__PURE__ */ g(me, { name: "harness-plugins", size: "lg" }),
-                /* @__PURE__ */ g(be, { color: "foreground-1", variant: "body-strong", className: "truncate", children: r })
+                /* @__PURE__ */ g(Te, { color: "foreground-1", variant: "body-strong", className: "truncate", children: r })
               ] }),
               /* @__PURE__ */ G("div", { className: "cn-studio-card-expand-button-bottom", children: [
-                /* @__PURE__ */ G(be, { color: "foreground-1", variant: "body-single-line-code", children: [
+                /* @__PURE__ */ G(Te, { color: "foreground-1", variant: "body-single-line-code", children: [
                   "+",
                   e,
                   " more"
@@ -176831,11 +176835,11 @@ function n4e({ tagText: e, icon: t }) {
   const n = e.length > 12 ? `${e.slice(0, 12)}...` : e;
   return /* @__PURE__ */ G("div", { className: "cn-studio-card-tag", children: [
     t && /* @__PURE__ */ g(me, { name: t, size: "xs" }),
-    /* @__PURE__ */ g(be, { title: e, className: "text-cn-gray-outline", variant: "caption-single-line-normal", children: n })
+    /* @__PURE__ */ g(Te, { title: e, className: "text-cn-gray-outline", variant: "caption-single-line-normal", children: n })
   ] });
 }
 function r4e({ children: e }) {
-  return /* @__PURE__ */ g("div", { className: "cn-studio-card-footer", children: typeof e == "string" ? /* @__PURE__ */ g(be, { color: "foreground-3", variant: "caption-normal", children: e }) : e });
+  return /* @__PURE__ */ g("div", { className: "cn-studio-card-footer", children: typeof e == "string" ? /* @__PURE__ */ g(Te, { color: "foreground-3", variant: "caption-normal", children: e }) : e });
 }
 function a4e({ children: e }) {
   return /* @__PURE__ */ g(ut, { children: e });
@@ -176855,14 +176859,14 @@ function i4e({
       type: "button",
       className: $("cn-studio-card-button", "bg-cn-3 shadow-cn-none self-start", t),
       children: [
-        /* @__PURE__ */ g(be, { color: "foreground-1", variant: "body-single-line-code", children: e }),
+        /* @__PURE__ */ g(Te, { color: "foreground-1", variant: "body-single-line-code", children: e }),
         r && /* @__PURE__ */ g(me, { className: "text-cn-2", name: r, size: "sm" })
       ]
     }
   );
 }
 function o4e({ children: e }) {
-  return /* @__PURE__ */ g("div", { className: "cn-studio-card-code-preview", children: /* @__PURE__ */ g(be, { variant: "body-code", children: e }) });
+  return /* @__PURE__ */ g("div", { className: "cn-studio-card-code-preview", children: /* @__PURE__ */ g(Te, { variant: "body-code", children: e }) });
 }
 const s4e = {
   Root: QPe,
@@ -176877,8 +176881,8 @@ const s4e = {
   CustomActions: a4e,
   CodePreview: o4e
 }, l4e = ({ text: e, typingSpeed: t = 50, delay: n = 0, onComplete: r, ...a }) => {
-  const [i, o] = Te(""), [s, l] = Te(0), [c, u] = Te(!1), d = Le(!1);
-  return ve(() => {
+  const [i, o] = ve(""), [s, l] = ve(0), [c, u] = ve(!1), d = Le(!1);
+  return be(() => {
     if (d.current) {
       o(e);
       return;
@@ -176888,7 +176892,7 @@ const s4e = {
       u(!0);
     }, n);
     return () => clearTimeout(p);
-  }, [e, n]), ve(() => {
+  }, [e, n]), be(() => {
     if (c)
       if (s < e.length) {
         const p = setTimeout(() => {
@@ -176896,7 +176900,7 @@ const s4e = {
         }, t);
         return () => clearTimeout(p);
       } else s === e.length && (d.current = !0, r == null || r());
-  }, [s, c, e, t, r]), /* @__PURE__ */ g(be, { lineClamp: 1, ...a, children: i });
+  }, [s, c, e, t, r]), /* @__PURE__ */ g(Te, { lineClamp: 1, ...a, children: i });
 }, c4e = Qa(l4e), u4e = {
   muted: "bg-cn-gray-primary",
   info: "bg-cn-brand-primary",
@@ -176960,7 +176964,7 @@ const s4e = {
       }
     ), _ = o ? /* @__PURE__ */ g($a, { delay: 200, hideArrow: !0, content: o, ...s, children: m }) : m;
     return /* @__PURE__ */ G("div", { className: "grid gap-cn-2xs", children: [
-      i ? /* @__PURE__ */ g(be, { as: "label", variant: "body-strong", color: "foreground-1", children: i }) : null,
+      i ? /* @__PURE__ */ g(Te, { as: "label", variant: "body-strong", color: "foreground-1", children: i }) : null,
       _
     ] });
   }
@@ -177079,13 +177083,13 @@ const b4e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
         ...l,
         children: [
           d && /* @__PURE__ */ g(me, { name: n, size: "md" }),
-          /* @__PURE__ */ g(be, { className: "flex-1", align: "left", color: "inherit", truncate: !0, children: t }),
+          /* @__PURE__ */ g(Te, { className: "flex-1", align: "left", color: "inherit", truncate: !0, children: t }),
           p
         ]
       }
     ) : /* @__PURE__ */ G(tt.Flex, { ref: c, className: m, as: "button", ...l, children: [
       d && /* @__PURE__ */ g(me, { name: n, size: "md" }),
-      /* @__PURE__ */ g(be, { className: "flex-1", align: "left", color: "inherit", truncate: !0, children: t }),
+      /* @__PURE__ */ g(Te, { className: "flex-1", align: "left", color: "inherit", truncate: !0, children: t }),
       p
     ] });
   }
@@ -177209,8 +177213,8 @@ const A4e = Object.entries(V4).map(([e, t]) => ({
   showGrayColor: s,
   showAccessibilityThemeOptions: l = !1
 }) => {
-  const [c, u] = Te(Ml.Blue), [d, p] = Te(rg.First), m = window.matchMedia("(prefers-color-scheme: dark)"), [_, f] = Te(m.matches ? Oa.Dark : Oa.Light);
-  ve(() => {
+  const [c, u] = ve(Ml.Blue), [d, p] = ve(rg.First), m = window.matchMedia("(prefers-color-scheme: dark)"), [_, f] = ve(m.matches ? Oa.Dark : Oa.Light);
+  be(() => {
     const v = () => {
       f(m.matches ? Oa.Dark : Oa.Light);
     };
@@ -177225,8 +177229,8 @@ const A4e = Object.entries(V4).map(([e, t]) => ({
       /* @__PURE__ */ g(st.Header, { children: /* @__PURE__ */ g(st.Title, { children: "Appearance settings" }) }),
       /* @__PURE__ */ G(st.Body, { children: [
         /* @__PURE__ */ G("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ g(be, { variant: "heading-base", children: "Mode" }),
-          /* @__PURE__ */ g(be, { className: "mt-cn-2xs", color: "foreground-3", children: "Choose Dark mode for low light or Light mode for bright spaces." }),
+          /* @__PURE__ */ g(Te, { variant: "heading-base", children: "Mode" }),
+          /* @__PURE__ */ g(Te, { className: "mt-cn-2xs", color: "foreground-3", children: "Choose Dark mode for low light or Light mode for bright spaces." }),
           /* @__PURE__ */ g("div", { className: "mt-cn-md gap-cn-md grid grid-cols-2", children: Object.entries(Oa).map(([v, N]) => {
             if (!i && N === Oa.System) return null;
             const R = N === Oa.System ? _ : N;
@@ -177262,7 +177266,7 @@ const A4e = Object.entries(V4).map(([e, t]) => ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ g(be, { as: "span", color: "foreground-1", children: v })
+                  /* @__PURE__ */ g(Te, { as: "span", color: "foreground-1", children: v })
                 ]
               },
               v
@@ -177273,8 +177277,8 @@ const A4e = Object.entries(V4).map(([e, t]) => ({
           /* @__PURE__ */ g(ra, { className: "bg-cn-2 h-px" }),
           /* @__PURE__ */ G("div", { className: "gap-x-cn-2xl grid grid-cols-[246px_1fr]", children: [
             /* @__PURE__ */ G("div", { children: [
-              /* @__PURE__ */ g(be, { variant: "heading-base", children: "Contrast" }),
-              /* @__PURE__ */ g(be, { className: "mt-cn-2xs", color: "foreground-3", children: "High contrast improves readability, Dimmer mode reduces glare." })
+              /* @__PURE__ */ g(Te, { variant: "heading-base", children: "Contrast" }),
+              /* @__PURE__ */ g(Te, { className: "mt-cn-2xs", color: "foreground-3", children: "High contrast improves readability, Dimmer mode reduces glare." })
             ] }),
             /* @__PURE__ */ g(
               ed,
@@ -177289,8 +177293,8 @@ const A4e = Object.entries(V4).map(([e, t]) => ({
           /* @__PURE__ */ g(ra, { className: "bg-cn-2 h-px" }),
           /* @__PURE__ */ G("div", { className: "gap-x-cn-2xl grid grid-cols-[246px_1fr]", children: [
             /* @__PURE__ */ G("div", { children: [
-              /* @__PURE__ */ g(be, { variant: "heading-base", children: "Color adjustment" }),
-              /* @__PURE__ */ g(be, { className: "mt-cn-2xs", color: "foreground-3", children: "Adjust colors for different types of color blindness." })
+              /* @__PURE__ */ g(Te, { variant: "heading-base", children: "Color adjustment" }),
+              /* @__PURE__ */ g(Te, { className: "mt-cn-2xs", color: "foreground-3", children: "Adjust colors for different types of color blindness." })
             ] }),
             /* @__PURE__ */ g(
               ed,
@@ -177307,8 +177311,8 @@ const A4e = Object.entries(V4).map(([e, t]) => ({
             /* @__PURE__ */ g(ra, { className: "bg-cn-2 h-px" }),
             /* @__PURE__ */ G("div", { className: "gap-x-cn-2xl grid grid-cols-[246px_1fr]", children: [
               /* @__PURE__ */ G("div", { children: [
-                /* @__PURE__ */ g(be, { variant: "heading-base", children: "Accent color" }),
-                /* @__PURE__ */ g(be, { className: "mt-cn-2xs", color: "foreground-3", children: "Select your application accent color." })
+                /* @__PURE__ */ g(Te, { variant: "heading-base", children: "Accent color" }),
+                /* @__PURE__ */ g(Te, { className: "mt-cn-2xs", color: "foreground-3", children: "Select your application accent color." })
               ] }),
               /* @__PURE__ */ g("div", { className: "gap-cn-2xs flex flex-wrap", children: Object.values(Ml).map((v) => /* @__PURE__ */ g(
                 "button",
@@ -177338,8 +177342,8 @@ const A4e = Object.entries(V4).map(([e, t]) => ({
             /* @__PURE__ */ g(ra, { className: "bg-cn-2 h-px" }),
             /* @__PURE__ */ G("div", { className: "gap-x-cn-2xl grid grid-cols-[246px_1fr]", children: [
               /* @__PURE__ */ G("div", { children: [
-                /* @__PURE__ */ g(be, { variant: "heading-base", children: "Gray color" }),
-                /* @__PURE__ */ g(be, { className: "mt-cn-2xs", color: "foreground-3", children: "Select your application gray color." })
+                /* @__PURE__ */ g(Te, { variant: "heading-base", children: "Gray color" }),
+                /* @__PURE__ */ g(Te, { className: "mt-cn-2xs", color: "foreground-3", children: "Select your application gray color." })
               ] }),
               /* @__PURE__ */ g("div", { className: "gap-cn-2xs flex flex-wrap", children: Object.values(rg).map((v) => /* @__PURE__ */ g(
                 "button",
@@ -177393,8 +177397,8 @@ const D4e = [
   onChange: i,
   children: o
 }) => {
-  const [s, l] = Te(null);
-  return ve(() => {
+  const [s, l] = ve(null);
+  return be(() => {
     t ? l(t) : e && l(e);
   }, [e, t]), /* @__PURE__ */ G(st.Root, { open: r, onOpenChange: a, children: [
     !!o && /* @__PURE__ */ g(st.Trigger, { children: o }),
@@ -177463,7 +177467,7 @@ const x4e = Dt("cn-input-container", {
       },
       d
     ]);
-    ve(() => {
+    be(() => {
       if (s && p.current) {
         const y = setTimeout(() => {
           var I;
@@ -177476,7 +177480,7 @@ const x4e = Dt("cn-input-container", {
       className: $("cn-input-prefix", (v = a.props) == null ? void 0 : v.className)
     }) : /* @__PURE__ */ g(C4, { isPrefix: !0, className: l, children: a }), b = E ? Oo(o, {
       className: $("mr-cn-2xs whitespace-nowrap", (N = o.props) == null ? void 0 : N.className)
-    }) : o ? /* @__PURE__ */ g(be, { variant: "caption-strong", color: "foreground-3", wrap: "nowrap", className: "mr-cn-2xs", children: o }) : null, T = f ? Oo(i, {
+    }) : o ? /* @__PURE__ */ g(Te, { variant: "caption-strong", color: "foreground-3", wrap: "nowrap", className: "mr-cn-2xs", children: o }) : null, T = f ? Oo(i, {
       className: $("cn-input-suffix", (R = i.props) == null ? void 0 : R.className)
     }) : /* @__PURE__ */ g(C4, { className: c, children: i });
     return /* @__PURE__ */ G("div", { className: $(x4e({ size: t, theme: e }), r), children: [
@@ -177664,7 +177668,7 @@ const Ti = ge(
     defaultValue: _,
     ...f
   }, E) => {
-    const S = p ?? (typeof _ == "string" ? _ : ""), [b, T] = Te(S), v = Le(null), N = Fs([
+    const S = p ?? (typeof _ == "string" ? _ : ""), [b, T] = ve(S), v = Le(null), N = Fs([
       (H) => {
         H && (v.current = H);
       },
@@ -177674,12 +177678,12 @@ const Ti = ge(
         r == null || r(H);
       }, I)
     );
-    ve(() => {
+    be(() => {
       const H = x.current;
       return () => {
         H.cancel();
       };
-    }, []), ve(() => {
+    }, []), be(() => {
       p !== void 0 && T(p);
     }, [p]);
     const w = Pe(
@@ -178178,7 +178182,7 @@ function kc({
   successMessage: l,
   errorMessage: c
 }) {
-  const { t: u } = Fn(), [d, p] = Te(t), [m, _] = Te(n), f = Le(null), [E, S] = Te(!1), [b, T] = Te(!1), v = r && E, N = Pe(() => T((y) => !y), []);
+  const { t: u } = Fn(), [d, p] = ve(t), [m, _] = ve(n), f = Le(null), [E, S] = ve(!1), [b, T] = ve(!1), v = r && E, N = Pe(() => T((y) => !y), []);
   z4(
     f,
     (y) => {
@@ -178214,7 +178218,7 @@ function kc({
     /* @__PURE__ */ G(tt.Flex, { align: "center", gap: "2xs", justify: "between", className: "cn-toast-title", children: [
       /* @__PURE__ */ G(tt.Horizontal, { className: "flex-1", align: "center", gap: "xs", children: [
         R,
-        /* @__PURE__ */ g(be, { variant: "body-strong", color: "inherit", children: m })
+        /* @__PURE__ */ g(Te, { variant: "body-strong", color: "inherit", children: m })
       ] }),
       o && /* @__PURE__ */ g(
         Je,
@@ -178238,7 +178242,7 @@ function kc({
         className: $("cn-toast-description-container", {
           "cn-toast-description-container-expanded": b
         }),
-        children: /* @__PURE__ */ g(be, { variant: "body-normal", className: $("cn-toast-description"), children: r })
+        children: /* @__PURE__ */ g(Te, { variant: "body-normal", className: $("cn-toast-description"), children: r })
       }
     ),
     v && /* @__PURE__ */ G(ut, { children: [
@@ -178420,7 +178424,7 @@ function h6e({ duration: e = 5e3, className: t }) {
   );
 }
 const b6e = () => {
-  const [e, t] = Te(!1), n = Le(null);
+  const [e, t] = ve(!1), n = Le(null);
   return /* @__PURE__ */ g(
     "div",
     {
@@ -178435,7 +178439,7 @@ const b6e = () => {
           const i = !a;
           return !i && n.current && n.current.scrollTo({ top: 0, behavior: "smooth" }), i;
         });
-      }, children: /* @__PURE__ */ g(me, { name: "expand-sidebar", skipSize: !0 }) }) }) : /* @__PURE__ */ g(be, { children: "Chat" })
+      }, children: /* @__PURE__ */ g(me, { name: "expand-sidebar", skipSize: !0 }) }) }) : /* @__PURE__ */ g(Te, { children: "Chat" })
     }
   );
 }, T6e = ({
@@ -178443,7 +178447,7 @@ const b6e = () => {
   onRouteChange: t
 }) => {
   const { location: n } = fr();
-  ve(() => {
+  be(() => {
     const r = e.find((a) => a.to === n.pathname);
     r && t(r);
   }, [n]);
@@ -178832,7 +178836,7 @@ function I4({
   ] })) });
 }
 function Dm({ item: e, isPinned: t }) {
-  const [n, r] = Te(!0), { setRecent: a, setPinned: i } = P$(), o = Pe(
+  const [n, r] = ve(!0), { setRecent: a, setPinned: i } = P$(), o = Pe(
     (c, u) => i(c, u),
     [i]
   ), s = Pe((c) => a(c, !0), [a]), l = xe(() => e.permanentlyPinned ? [] : [
@@ -178868,7 +178872,7 @@ function Dm({ item: e, isPinned: t }) {
 }
 const A6e = ({ routes: e }) => {
   var y, I;
-  const { useParams: t } = fr(), n = t(), { recentMenu: r, setRecent: a, pinnedMenu: i, setNavLinks: o } = P$(), { state: s } = _i(), { t: l } = Fn(), [c, u] = Te(!1), [d, p] = Te(!1), [m, _] = Te(!1), f = xe(() => s === "collapsed", [s]), E = { ...n, mode: "all" }, S = xe(() => R6e({ t: l, routes: e, params: E }), [l]), b = xe(() => N6e({ t: l, routes: e, params: E }), [l]), T = xe(() => y6e(), [l]), v = xe(
+  const { useParams: t } = fr(), n = t(), { recentMenu: r, setRecent: a, pinnedMenu: i, setNavLinks: o } = P$(), { state: s } = _i(), { t: l } = Fn(), [c, u] = ve(!1), [d, p] = ve(!1), [m, _] = ve(!1), f = xe(() => s === "collapsed", [s]), E = { ...n, mode: "all" }, S = xe(() => R6e({ t: l, routes: e, params: E }), [l]), b = xe(() => N6e({ t: l, routes: e, params: E }), [l]), T = xe(() => y6e(), [l]), v = xe(
     () => [
       ...T,
       ...S.flatMap((x) => x.items),
@@ -178876,7 +178880,7 @@ const A6e = ({ routes: e }) => {
     ],
     [T, S, b]
   );
-  ve(() => {
+  be(() => {
     var A, M, D;
     const x = localStorage.getItem("nav-items");
     let w;
@@ -179141,7 +179145,7 @@ const wv = { Root: x6e, LeftPanel: L6e, LeftSubPanel: M6e, Header: k6e, SubHeade
   actions: c,
   headerActions: u
 }) => {
-  const d = typeof n == "string" ? /* @__PURE__ */ g(be, { as: "h1", variant: "heading-section", truncate: !0, children: n }) : n;
+  const d = typeof n == "string" ? /* @__PURE__ */ g(Te, { as: "h1", variant: "heading-section", truncate: !0, children: n }) : n;
   return /* @__PURE__ */ G(tt.Vertical, { gap: "md", className: $("w-full", o ? "mb-cn-md" : "mb-cn-2xl"), children: [
     (!!e || !!u) && /* @__PURE__ */ G(tt.Horizontal, { className: "h-cn-9", children: [
       !!e && /* @__PURE__ */ g(ji, { prefixIcon: !0, ...e.linkProps, children: e.linkText }),
@@ -179163,7 +179167,7 @@ const wv = { Root: x6e, LeftPanel: L6e, LeftSubPanel: M6e, Header: k6e, SubHeade
       ] }),
       !!c && /* @__PURE__ */ g(vs, { className: "flex-1", children: c })
     ] }),
-    !!i && /* @__PURE__ */ g(be, { children: i }),
+    !!i && /* @__PURE__ */ g(Te, { children: i }),
     o
   ] });
 };
@@ -179207,7 +179211,7 @@ const H6e = ({
   ] });
 };
 function q6e({ selectedFile: e, onFileChange: t, error: n, accept: r }) {
-  const a = Le(null), [i, o] = Te(!1), s = (p) => {
+  const a = Le(null), [i, o] = ve(!1), s = (p) => {
     o(!0), p.target.files && p.target.files.length > 0 && t(p.target.files[0]);
   }, l = () => {
     a.current && a.current.click();
@@ -179219,8 +179223,8 @@ function q6e({ selectedFile: e, onFileChange: t, error: n, accept: r }) {
       /* @__PURE__ */ G(tt.Flex, { direction: "row", gap: "xs", align: "center", children: [
         /* @__PURE__ */ g("div", { className: "p-cn-xs bg-cn-1 rounded border", children: /* @__PURE__ */ g(me, { name: "empty-page", size: "lg" }) }),
         /* @__PURE__ */ G(tt.Vertical, { align: "start", gap: "none", children: [
-          /* @__PURE__ */ g(be, { variant: "body-strong", color: "foreground-1", children: e == null ? void 0 : e.name }),
-          /* @__PURE__ */ G(be, { variant: "body-normal", color: "foreground-3", children: [
+          /* @__PURE__ */ g(Te, { variant: "body-strong", color: "foreground-1", children: e == null ? void 0 : e.name }),
+          /* @__PURE__ */ G(Te, { variant: "body-normal", color: "foreground-3", children: [
             Math.round((e == null ? void 0 : e.size) / 1024),
             " KB"
           ] })
@@ -179239,15 +179243,15 @@ function q6e({ selectedFile: e, onFileChange: t, error: n, accept: r }) {
         },
         children: i ? /* @__PURE__ */ G("div", { className: "gap-cn-xs flex flex-col items-center", children: [
           /* @__PURE__ */ g(me, { className: "mb-cn-md animate-spin", name: "loader", size: "xl" }),
-          /* @__PURE__ */ g(be, { variant: "heading-base", children: "Loading..." })
+          /* @__PURE__ */ g(Te, { variant: "heading-base", children: "Loading..." })
         ] }) : /* @__PURE__ */ G("div", { className: "gap-cn-xs flex flex-col items-center", onClick: l, role: "button", tabIndex: 0, children: [
           /* @__PURE__ */ g(me, { name: "cloud-upload", size: "xl", className: "mb-cn-md" }),
-          /* @__PURE__ */ g(be, { variant: "heading-base", children: "Click to browse or drag and drop a file" }),
-          /* @__PURE__ */ g(be, { variant: "body-single-line-normal", children: "Up to 50MB" })
+          /* @__PURE__ */ g(Te, { variant: "heading-base", children: "Click to browse or drag and drop a file" }),
+          /* @__PURE__ */ g(Te, { variant: "body-single-line-normal", children: "Up to 50MB" })
         ] })
       }
     ),
-    n && /* @__PURE__ */ g(be, { color: "danger", className: "mt-cn-3xs", children: n }),
+    n && /* @__PURE__ */ g(Te, { color: "danger", className: "mt-cn-3xs", children: n }),
     /* @__PURE__ */ g(
       vc,
       {
@@ -179279,10 +179283,10 @@ const B$ = ge(
     className: d,
     ...p
   }, m) => {
-    const _ = Le(null), f = Le(null), E = Le(null), [S, b] = Te(""), [T, v] = Te(!1), N = Pe(() => {
+    const _ = Le(null), f = Le(null), E = Le(null), [S, b] = ve(""), [T, v] = ve(!1), N = Pe(() => {
       f.current && (v(!1), b(""));
     }, []);
-    ve(() => {
+    be(() => {
       if (S) {
         const D = S.replace(n, "");
         i == null || i(D);
@@ -179334,7 +179338,7 @@ const B$ = ge(
       const D = _.current, B = f.current;
       D && B && (nE(D).startsWith(n) || (b(""), v(!1)));
     }, [n]), M = () => a ? /* @__PURE__ */ g(ta.Loading, { className: "min-w-52 px-cn-xs py-cn-md text-cn-3", children: u || /* @__PURE__ */ g("div", { className: "grid place-content-center space-x-cn-xs", children: /* @__PURE__ */ g(me, { className: "animate-spin", name: "loader" }) }) }) : r.length === 0 ? /* @__PURE__ */ g(ta.Empty, { className: "min-w-max p-cn-xs", children: c }) : /* @__PURE__ */ g(ta.Group, { className: "min-w-52 max-w-min overflow-auto", children: r.map((D) => /* @__PURE__ */ g(ta.Item, { value: D.value, onSelect: x, children: l ? l(D) : D.label ?? D.value }, D.id)) });
-    return ve(() => {
+    return be(() => {
       const D = _.current, B = f.current;
       return D == null || D.addEventListener("keydown", y), D == null || D.addEventListener("blur", N), document == null || document.addEventListener("selectionchange", A), B == null || B.addEventListener("mousedown", w), () => {
         D == null || D.removeEventListener("keydown", y), D == null || D.removeEventListener("blur", N), document == null || document.removeEventListener("selectionchange", A), B == null || B.removeEventListener("mousedown", w);
@@ -179537,7 +179541,7 @@ const T5e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   Table: jn,
   Tabs: xi,
   Tag: qn,
-  Text: be,
+  Text: Te,
   TextInput: Dp,
   Textarea: kd,
   ThemeDialog: O4e,
@@ -179615,7 +179619,7 @@ export {
   ia as Q,
   MG as R,
   NT as S,
-  be as T,
+  Te as T,
   _8 as U,
   Jl as V,
   L9 as W,
@@ -179791,4 +179795,4 @@ export {
   Nse as y,
   xi as z
 };
-//# sourceMappingURL=index-BHH9x1eJ.js.map
+//# sourceMappingURL=index-CHvN8Aah.js.map