@univerjs/design 0.6.2 → 0.6.3

package/lib/es/index.js

@@ -2493,7 +2493,7 @@ const Bt = (e) => {
     orderSensitiveModifiers: ["before", "after", "placeholder", "file", "marker", "selection", "first-line", "first-letter", "backdrop", "*", "**"]
   };
 }, v0 = /* @__PURE__ */ Vg(d0);
-function Ct(...e) {
+function yt(...e) {
   return v0(Mg(e));
 }
 const m0 = "univer-avatar", h0 = "univer-avatar-square", p0 = "univer-avatar-circle", g0 = "univer-avatar-middle", y0 = "univer-avatar-small", b0 = "univer-avatar-image", eo = {
@@ -2520,7 +2520,7 @@ function h$(e) {
     width: `${i}px`,
     height: `${i}px`,
     lineHeight: `${i}px`
-  } : {}, p = Ct(eo.avatar, {
+  } : {}, p = yt(eo.avatar, {
     [eo.avatarCircle]: a === "circle",
     [eo.avatarSquare]: a === "square",
     [eo.avatarImage]: s,
@@ -2555,7 +2555,7 @@ function hc(e) {
     disabled: l = !1,
     onClick: c,
     ...f
-  } = e, d = Ct(
+  } = e, d = yt(
     Jn.button,
     {
       [Jn.buttonPrimary]: o === "primary",
@@ -2786,7 +2786,7 @@ function g$(e) {
       (s, l) => s.length ? /* @__PURE__ */ V("ul", { className: fr.cascaderListBoard, children: s.map((c) => /* @__PURE__ */ V(
         "li",
         {
-          className: Ct(fr.cascaderListItem, {
+          className: yt(fr.cascaderListItem, {
             [fr.cascaderListItemActive]: c.value === t[l]
           }),
           children: /* @__PURE__ */ dt(
@@ -2827,7 +2827,7 @@ function iy(e) {
         l == null || l(m);
       }
   }
-  const p = Ct(n, to.checkbox, {
+  const p = yt(n, to.checkbox, {
     [to.checkboxDisabled]: s,
     [to.checkboxIndeterminate]: a && !o
   });
@@ -2856,7 +2856,7 @@ const sy = "univer-checkbox-group", ly = "univer-checkbox-group-direction-vertic
 function y$(e) {
   const { children: t, className: n, style: r, value: o, disabled: a, direction: i = "horizontal", onChange: s } = e, l = (f) => {
     o.includes(f) ? s(o.filter((d) => d !== f)) : s([...o, f]);
-  }, c = Ct(n, pc.checkboxGroup, {
+  }, c = yt(n, pc.checkboxGroup, {
     [pc.checkboxGroupDirectionVertical]: i === "vertical"
   });
   return /* @__PURE__ */ V("div", { className: c, style: r, children: Qd.map(t, (f, d) => Fi(f) ? Gl(f, {
@@ -5775,7 +5775,7 @@ function q1({
       "data-slot": "popover-content",
       align: t,
       sideOffset: n,
-      className: Ct(
+      className: yt(
         `
                       univer-z-[1080] univer-max-h-[var(--radix-popper-available-height)] univer-overflow-y-auto
                       univer-rounded-md univer-border univer-border-solid univer-border-gray-200 univer-bg-white
@@ -6121,7 +6121,7 @@ function J1({ hsv: e, onChange: t }) {
         "button",
         {
           type: "button",
-          className: Ct(`
+          className: yt(`
                               univer-box-border univer-h-5 univer-w-5 univer-cursor-pointer univer-rounded-full
                               univer-border univer-border-solid univer-border-transparent univer-bg-gray-300
                               univer-transition-shadow
@@ -10669,18 +10669,18 @@ function cx(e, t, n, r, o, a, i) {
         return;
       var je = k.offset, Ge = k.targetOffset, ot = Hf(q, je), Xe = Q(ot, 2), Pe = Xe[0], ue = Xe[1], ve = Hf(W, Ge), Ve = Q(ve, 2), ce = Ve[0], ge = Ve[1];
       W.x -= ce, W.y -= ge;
-      var Ze = k.points || [], it = Q(Ze, 2), nt = it[0], $e = it[1], he = Wf($e), Ee = Wf(nt), Ie = ao(W, he), qe = ao(q, Ee), Re = re({}, k), be = Ie.x - qe.x + Pe, pe = Ie.y - qe.y + ue, st = Rn(be, pe), St = Rn(be, pe, fe), De = ao(W, ["t", "l"]), Ne = ao(q, ["t", "l"]), He = ao(W, ["b", "r"]), We = ao(q, ["b", "r"]), Qe = k.overflow || {}, at = Qe.adjustX, $t = Qe.adjustY, Mt = Qe.shiftX, Et = Qe.shiftY, yt = function(lr) {
+      var Ze = k.points || [], it = Q(Ze, 2), nt = it[0], $e = it[1], he = Wf($e), Ee = Wf(nt), Ie = ao(W, he), qe = ao(q, Ee), Re = re({}, k), be = Ie.x - qe.x + Pe, pe = Ie.y - qe.y + ue, st = Rn(be, pe), St = Rn(be, pe, fe), De = ao(W, ["t", "l"]), Ne = ao(q, ["t", "l"]), He = ao(W, ["b", "r"]), We = ao(q, ["b", "r"]), Qe = k.overflow || {}, at = Qe.adjustX, $t = Qe.adjustY, Mt = Qe.shiftX, Et = Qe.shiftY, bt = function(lr) {
         return typeof lr == "boolean" ? lr : lr >= 0;
       }, Rt, zt, Nt, Qt;
       Na();
-      var Oe = yt($t), Ce = Ee[0] === he[0];
+      var Oe = bt($t), Ce = Ee[0] === he[0];
       if (Oe && Ee[0] === "t" && (zt > tt.bottom || v.current.bt)) {
         var Be = pe;
         Ce ? Be -= O - U : Be = De.y - We.y - ue;
-        var gt = Rn(be, Be), bt = Rn(be, Be, fe);
+        var gt = Rn(be, Be), wt = Rn(be, Be, fe);
         // Of course use larger one
         gt > st || gt === st && (!le || // Choose recommend one
-        bt >= St) ? (v.current.bt = !0, pe = Be, ue = -ue, Re.points = [mr(Ee, 0), mr(he, 0)]) : v.current.bt = !1;
+        wt >= St) ? (v.current.bt = !0, pe = Be, ue = -ue, Re.points = [mr(Ee, 0), mr(he, 0)]) : v.current.bt = !1;
       }
       if (Oe && Ee[0] === "b" && (Rt < tt.top || v.current.tb)) {
         var _t = pe;
@@ -10690,7 +10690,7 @@ function cx(e, t, n, r, o, a, i) {
         It > st || It === st && (!le || // Choose recommend one
         dn >= St) ? (v.current.tb = !0, pe = _t, ue = -ue, Re.points = [mr(Ee, 0), mr(he, 0)]) : v.current.tb = !1;
       }
-      var bn = yt(at), vn = Ee[1] === he[1];
+      var bn = bt(at), vn = Ee[1] === he[1];
       if (bn && Ee[1] === "l" && (Qt > tt.right || v.current.rl)) {
         var Wt = be;
         vn ? Wt -= H - Y : Wt = De.x - We.x - Pe;
@@ -10712,7 +10712,7 @@ function cx(e, t, n, r, o, a, i) {
       typeof qt == "number" && (Nt < fe.left && (be -= Nt - fe.left - Pe, W.x + Y < fe.left + qt && (be += W.x - fe.left + Y - qt)), Qt > fe.right && (be -= Qt - fe.right - Pe, W.x > fe.right - qt && (be += W.x - fe.right + qt)));
       var Ut = Et === !0 ? 0 : Et;
       typeof Ut == "number" && (Rt < fe.top && (pe -= Rt - fe.top - ue, W.y + U < fe.top + Ut && (pe += W.y - fe.top + U - Ut)), zt > fe.bottom && (pe -= zt - fe.bottom - ue, W.y > fe.bottom - Ut && (pe += W.y - fe.bottom + Ut)));
-      var Cn = q.x + be, Sn = Cn + H, Kt = q.y + pe, On = Kt + O, Le = W.x, we = Le + Y, et = W.y, vt = et + U, ye = Math.max(Cn, Le), xe = Math.min(Sn, we), wt = (ye + xe) / 2, Pt = wt - Cn, Yt = Math.max(Kt, et), cn = Math.min(On, vt), Gt = (Yt + cn) / 2, xn = Gt - Kt;
+      var Cn = q.x + be, Sn = Cn + H, Kt = q.y + pe, On = Kt + O, Le = W.x, we = Le + Y, et = W.y, vt = et + U, ye = Math.max(Cn, Le), xe = Math.min(Sn, we), Ct = (ye + xe) / 2, Pt = Ct - Cn, Yt = Math.max(Kt, et), cn = Math.min(On, vt), Gt = (Yt + cn) / 2, xn = Gt - Kt;
       i == null || i(t, Re);
       var En = _e.right - q.x - (be + q.width), qn = _e.bottom - q.y - (pe + q.height);
       Ye === 1 && (be = Math.round(be), En = Math.round(En)), Ue === 1 && (pe = Math.round(pe), qn = Math.round(qn));
@@ -10842,9 +10842,9 @@ function mx() {
     on(function(Ae) {
       (!Ae || qe) && at(!0);
     }, [qe]);
-    var $t = u.useState(null), Mt = Q($t, 2), Et = Mt[0], yt = Mt[1], Rt = u.useState(null), zt = Q(Rt, 2), Nt = zt[0], Qt = zt[1], Oe = function(Je) {
+    var $t = u.useState(null), Mt = Q($t, 2), Et = Mt[0], bt = Mt[1], Rt = u.useState(null), zt = Q(Rt, 2), Nt = zt[0], Qt = zt[1], Oe = function(Je) {
       Qt([Je.clientX, Je.clientY]);
-    }, Ce = cx(qe, _e, j && Nt !== null ? Nt : Xe, I, M, z, q), Be = Q(Ce, 11), gt = Be[0], bt = Be[1], _t = Be[2], It = Be[3], dn = Be[4], bn = Be[5], vn = Be[6], Wt = Be[7], wn = Be[8], Jt = Be[9], en = Be[10], jn = ix(J, l, c, f), Nn = Q(jn, 2), qt = Nn[0], Ut = Nn[1], Cn = qt.has("click"), Sn = Ut.has("click") || Ut.has("contextMenu"), Kt = rr(function() {
+    }, Ce = cx(qe, _e, j && Nt !== null ? Nt : Xe, I, M, z, q), Be = Q(Ce, 11), gt = Be[0], wt = Be[1], _t = Be[2], It = Be[3], dn = Be[4], bn = Be[5], vn = Be[6], Wt = Be[7], wn = Be[8], Jt = Be[9], en = Be[10], jn = ix(J, l, c, f), Nn = Q(jn, 2), qt = Nn[0], Ut = Nn[1], Cn = qt.has("click"), Sn = Ut.has("click") || Ut.has("contextMenu"), Kt = rr(function() {
       Qe || en();
     }), On = function() {
       be.current && j && Sn && Ne(!1);
@@ -10865,7 +10865,7 @@ function mx() {
         forceAlign: Kt
       };
     });
-    var we = u.useState(0), et = Q(we, 2), vt = et[0], ye = et[1], xe = u.useState(0), wt = Q(xe, 2), Pt = wt[0], Yt = wt[1], cn = function() {
+    var we = u.useState(0), et = Q(we, 2), vt = et[0], ye = et[1], xe = u.useState(0), Ct = Q(xe, 2), Pt = Ct[0], Yt = Ct[1], cn = function() {
       if (T && Xe) {
         var Je = Xe.getBoundingClientRect();
         ye(Je.width), Yt(Je.height);
@@ -10876,13 +10876,13 @@ function mx() {
       at(!1), en(), g == null || g(Je);
     }, En = function() {
       return new Promise(function(Je) {
-        cn(), yt(function() {
+        cn(), bt(function() {
           return Je;
         });
       });
     };
     on(function() {
-      Et && (en(), Et(), yt(null));
+      Et && (en(), Et(), bt(null));
     }, [Et]);
     function qn(Ae, Je, Ot, Vt) {
       ge[Ae] = function(Tt) {
@@ -10968,7 +10968,7 @@ function mx() {
       arrow: gs,
       arrowPos: ps,
       ready: gt,
-      offsetX: bt,
+      offsetX: wt,
       offsetY: _t,
       offsetR: It,
       offsetB: dn,
@@ -13523,10 +13523,10 @@ function kE(e, t) {
   function ne(ye) {
     return ye === null ? null : L ? ye : ye[0];
   }
-  var J = Ah(A, _, a), oe = Ix(P, R, [S], N), ie = Q(oe, 2), le = ie[0], me = ie[1], fe = function(xe, wt, Pt) {
+  var J = Ah(A, _, a), oe = Ix(P, R, [S], N), ie = Q(oe, 2), le = ie[0], me = ie[1], fe = function(xe, Ct, Pt) {
     if (T) {
       var Yt = re({}, Pt);
-      delete Yt.range, T(ne(xe), ne(wt), Yt);
+      delete Yt.range, T(ne(xe), ne(Ct), Yt);
     }
   }, Te = function(xe) {
     W == null || W(ne(xe));
@@ -13556,10 +13556,10 @@ function kE(e, t) {
     return Ne.some(function(ye) {
       return ye;
     });
-  }, [Ne]), Qe = function(xe, wt) {
+  }, [Ne]), Qe = function(xe, Ct) {
     if (q) {
-      var Pt = re(re({}, wt), {}, {
-        mode: wt.mode[0]
+      var Pt = re(re({}, Ct), {}, {
+        mode: Ct.mode[0]
       });
       delete Pt.range, q(xe[0], Pt);
     }
@@ -13579,8 +13579,8 @@ function kE(e, t) {
     Qe,
     C,
     E
-  ), $t = Q(at, 2), Mt = $t[0], Et = $t[1], yt = Lt(function(ye, xe, wt) {
-    if (Ee(xe), k && wt !== !1) {
+  ), $t = Q(at, 2), Mt = $t[0], Et = $t[1], bt = Lt(function(ye, xe, Ct) {
+    if (Ee(xe), k && Ct !== !1) {
       var Pt = ye || Xe[Xe.length - 1];
       k(Pt, xe);
     }
@@ -13594,7 +13594,7 @@ function kE(e, t) {
     st(null), me(!1, {
       force: !0
     });
-  }, Qt = u.useState(null), Oe = Q(Qt, 2), Ce = Oe[0], Be = Oe[1], gt = u.useState(null), bt = Q(gt, 2), _t = bt[0], It = bt[1], dn = u.useMemo(function() {
+  }, Qt = u.useState(null), Oe = Q(Qt, 2), Ce = Oe[0], Be = Oe[1], gt = u.useState(null), wt = Q(gt, 2), _t = wt[0], It = wt[1], dn = u.useMemo(function() {
     var ye = [_t].concat(ht(Xe)).filter(function(xe) {
       return xe;
     });
@@ -13610,7 +13610,7 @@ function kE(e, t) {
   var vn = $x(ee), Wt = function(xe) {
     It(xe), Be("preset");
   }, wn = function(xe) {
-    var wt = L ? J(je(), xe) : [xe], Pt = st(wt);
+    var Ct = L ? J(je(), xe) : [xe], Pt = st(Ct);
     Pt && !L && me(!1, {
       force: !0
     });
@@ -13622,8 +13622,8 @@ function kE(e, t) {
     me(!0), Ze(xe);
   }, Nn = function(xe) {
     if (ce("panel"), !(L && Ie !== F)) {
-      var wt = L ? J(je(), xe) : [xe];
-      Ge(wt), !h && !i && a === Ie && Rt();
+      var Ct = L ? J(je(), xe) : [xe];
+      Ge(Ct), !h && !i && a === Ie && Rt();
     }
   }, qt = function() {
     me(!1);
@@ -13641,7 +13641,7 @@ function kE(e, t) {
     picker: F,
     mode: he,
     internalMode: Ie,
-    onPanelChange: yt,
+    onPanelChange: bt,
     format: l,
     value: Xe,
     isInvalid: c,
@@ -13670,8 +13670,8 @@ function kE(e, t) {
     }), Ze(xe);
   }, we = function(xe) {
     me(!1), it(xe);
-  }, et = function(xe, wt) {
-    xe.key === "Tab" && Rt(), w == null || w(xe, wt);
+  }, et = function(xe, Ct) {
+    xe.key === "Tab" && Rt(), w == null || w(xe, Ct);
   }, vt = u.useMemo(function() {
     return {
       prefixCls: d,
@@ -13682,7 +13682,7 @@ function kE(e, t) {
     };
   }, [d, _, A, D.button, D.input]);
   return yn(function() {
-    le && ge !== void 0 && yt(null, F, !1);
+    le && ge !== void 0 && bt(null, F, !1);
   }, [le, ge, F]), yn(function() {
     var ye = ce();
     !le && ye === "input" && (me(!1), Rt()), !le && i && !h && ye === "panel" && (me(!0), Rt());
@@ -14783,7 +14783,7 @@ const lR = "univer-form-layout", uR = "univer-form-layout-inner", cR = "univer-f
   formDualColumnLayout: hR
 }, rd = Zd(!1), M$ = (e) => {
   const { label: t, desc: n, children: r, style: o, className: a, error: i, contentStyle: s, collapsable: l = !1, defaultCollapsed: c = !1 } = e, [f, d] = rt(c), p = Xn(rd);
-  return /* @__PURE__ */ V(rd.Provider, { value: !0, children: /* @__PURE__ */ dt("div", { className: Ct(wr.formLayout, p ? wr.formLayoutInner : "", a), style: o, children: [
+  return /* @__PURE__ */ V(rd.Provider, { value: !0, children: /* @__PURE__ */ dt("div", { className: yt(wr.formLayout, p ? wr.formLayoutInner : "", a), style: o, children: [
     t && /* @__PURE__ */ dt("div", { style: { cursor: l ? "pointer" : "default" }, className: wr.formLayoutLabel, onClick: () => d(!f), children: [
       t,
       l ? /* @__PURE__ */ V(
@@ -14799,7 +14799,7 @@ const lR = "univer-form-layout", uR = "univer-form-layout-inner", cR = "univer-f
     ] }),
     f && l ? null : /* @__PURE__ */ dt(ga, { children: [
       n && /* @__PURE__ */ V("div", { className: wr.formLayoutDesc, children: n }),
-      r ? /* @__PURE__ */ dt("div", { style: s, className: Ct(wr.formLayoutContent, i ? wr.formLayoutContentError : ""), children: [
+      r ? /* @__PURE__ */ dt("div", { style: s, className: yt(wr.formLayoutContent, i ? wr.formLayoutContentError : ""), children: [
         r,
         i ? /* @__PURE__ */ V("div", { className: wr.formLayoutError, children: i }) : null
       ] }) : null
@@ -14834,7 +14834,7 @@ const lR = "univer-form-layout", uR = "univer-form-layout-inner", cR = "univer-f
   return /* @__PURE__ */ dt(
     "div",
     {
-      className: Ct(
+      className: yt(
         "univer-relative univer-inline-flex univer-w-full univer-items-center univer-rounded-md",
         l && "univer-cursor-not-allowed univer-opacity-50",
         t
@@ -14845,7 +14845,7 @@ const lR = "univer-form-layout", uR = "univer-form-layout-inner", cR = "univer-f
           "input",
           {
             type: r,
-            className: Ct(
+            className: yt(
               `
                       univer-box-border univer-w-full univer-rounded-md univer-border univer-border-solid
                       univer-border-gray-300 univer-bg-white
@@ -16519,12 +16519,12 @@ var bM = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
       nt.current = !1;
     };
   }, []);
-  var Et = XR(), yt = Et.registerPath, Rt = Et.unregisterPath, zt = Et.refreshOverflowKeys, Nt = Et.isSubPathKey, Qt = Et.getKeyPath, Oe = Et.getKeys, Ce = Et.getSubPathKeys, Be = u.useMemo(function() {
+  var Et = XR(), bt = Et.registerPath, Rt = Et.unregisterPath, zt = Et.refreshOverflowKeys, Nt = Et.isSubPathKey, Qt = Et.getKeyPath, Oe = Et.getKeys, Ce = Et.getSubPathKeys, Be = u.useMemo(function() {
     return {
-      registerPath: yt,
+      registerPath: bt,
       unregisterPath: Rt
     };
-  }, [yt, Rt]), gt = u.useMemo(function() {
+  }, [bt, Rt]), gt = u.useMemo(function() {
     return {
       isSubPathKey: Nt
     };
@@ -16534,9 +16534,9 @@ var bM = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
       return Le.key;
     }));
   }, [at, Mt]);
-  var bt = an(_ || A && ((n = fe[0]) === null || n === void 0 ? void 0 : n.key), {
+  var wt = an(_ || A && ((n = fe[0]) === null || n === void 0 ? void 0 : n.key), {
     value: _
-  }), _t = Q(bt, 2), It = _t[0], dn = _t[1], bn = na(function(Le) {
+  }), _t = Q(wt, 2), It = _t[0], dn = _t[1], bn = na(function(Le) {
     dn(Le);
   }), vn = na(function() {
     dn(void 0);
@@ -16545,9 +16545,9 @@ var bM = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
     return {
       list: je.current,
       focus: function(we) {
-        var et, vt = Oe(), ye = Ll(vt, Ge), xe = ye.elements, wt = ye.key2element, Pt = ye.element2key, Yt = qu(je.current, xe), cn = It != null ? It : Yt[0] ? Pt.get(Yt[0]) : (et = fe.find(function(En) {
+        var et, vt = Oe(), ye = Ll(vt, Ge), xe = ye.elements, Ct = ye.key2element, Pt = ye.element2key, Yt = qu(je.current, xe), cn = It != null ? It : Yt[0] ? Pt.get(Yt[0]) : (et = fe.find(function(En) {
           return !En.props.disabled;
-        })) === null || et === void 0 ? void 0 : et.key, Gt = wt.get(cn);
+        })) === null || et === void 0 ? void 0 : et.key, Gt = Ct.get(cn);
         if (cn && Gt) {
           var xn;
           Gt == null || (xn = Gt.focus) === null || xn === void 0 || xn.call(Gt, we);
@@ -16564,8 +16564,8 @@ var bM = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
   }), wn = Q(Wt, 2), Jt = wn[0], en = wn[1], jn = function(we) {
     if (I) {
       var et = we.key, vt = Jt.includes(et), ye;
-      M ? vt ? ye = Jt.filter(function(wt) {
-        return wt !== et;
+      M ? vt ? ye = Jt.filter(function(Ct) {
+        return Ct !== et;
       }) : ye = [].concat(ht(Jt), [et]) : ye = [et], en(ye);
       var xe = re(re({}, we), {}, {
         selectedKeys: ye
@@ -16691,7 +16691,7 @@ const CM = "univer-menu", SM = {
   menu: CM
 }, O$ = de.forwardRef((e, t) => {
   const { mountContainer: n } = Xn(Zn);
-  return n && de.cloneElement(/* @__PURE__ */ V(Ma, { ref: t, prefixCls: Ct(SM.menu, e.className), getPopupContainer: () => n }), {
+  return n && de.cloneElement(/* @__PURE__ */ V(Ma, { ref: t, prefixCls: yt(SM.menu, e.className), getPopupContainer: () => n }), {
     ...e
   });
 });
@@ -16720,7 +16720,7 @@ const EM = {
   return /* @__PURE__ */ V(
     "div",
     {
-      className: Ct(
+      className: yt(
         `
                   univer-min-w-[320px] univer-max-w-[480px] univer-rounded-xl univer-border univer-border-solid
                   univer-border-gray-200 univer-bg-white univer-p-4 univer-font-sans univer-shadow-md
@@ -17134,7 +17134,7 @@ function z$(e) {
         a && a(d);
       }
   }
-  const l = Ct(Ko.radio, {
+  const l = yt(Ko.radio, {
     [Ko.radioDisabled]: o
   });
   return /* @__PURE__ */ dt("label", { className: l, children: [
@@ -17162,10 +17162,10 @@ const UM = "univer-radio-group", KM = "univer-radio-group-direction-vertical", B
 function V$(e) {
   const { children: t, className: n, style: r, value: o, disabled: a = !1, direction: i = "horizontal", onChange: s } = e, l = (f) => {
     s(f);
-  }, c = Ct(n, Bs.radioGroup, {
+  }, c = yt(n, Bs.radioGroup, {
     [Bs.radioGroupDirectionVertical]: i === "vertical"
   });
-  return /* @__PURE__ */ V("div", { className: Ct(Bs.radioGroup, c), style: r, children: Qd.map(t, (f, d) => Fi(f) ? Gl(f, {
+  return /* @__PURE__ */ V("div", { className: yt(Bs.radioGroup, c), style: r, children: Qd.map(t, (f, d) => Fi(f) ? Gl(f, {
     key: d,
     children: f.props.children,
     value: f.props.value,
@@ -17869,7 +17869,7 @@ var SP = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction"
     if (!(oe && Hl(We) && (Qe == null ? void 0 : Qe.size) >= We)) {
       var ye = !0, xe = we;
       P == null || P(null);
-      var wt = wP(we, $, Hl(We) ? We - Qe.size : void 0), Pt = vt ? null : wt;
+      var Ct = wP(we, $, Hl(We) ? We - Qe.size : void 0), Pt = vt ? null : Ct;
       return m !== "combobox" && Pt && (xe = "", I == null || I(Pt), De(!1), ye = !1), F && ce !== xe && F(xe, {
         source: et ? "typing" : "effect"
       }), ye;
@@ -17884,19 +17884,19 @@ var SP = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction"
   }, [pe]), u.useEffect(function() {
     Re && h && be(!1), h && !ot.current && ve(!1);
   }, [h]);
-  var Mt = fp(), Et = Q(Mt, 2), yt = Et[0], Rt = Et[1], zt = u.useRef(!1), Nt = function(we) {
-    var et = yt(), vt = we.key, ye = vt === "Enter";
+  var Mt = fp(), Et = Q(Mt, 2), bt = Et[0], Rt = Et[1], zt = u.useRef(!1), Nt = function(we) {
+    var et = bt(), vt = we.key, ye = vt === "Enter";
     if (ye && (m !== "combobox" && we.preventDefault(), pe || De(!0)), Rt(!!ce), vt === "Backspace" && !et && oe && !ce && f.length) {
-      for (var xe = ht(f), wt = null, Pt = xe.length - 1; Pt >= 0; Pt -= 1) {
+      for (var xe = ht(f), Ct = null, Pt = xe.length - 1; Pt >= 0; Pt -= 1) {
         var Yt = xe[Pt];
         if (!Yt.disabled) {
-          xe.splice(Pt, 1), wt = Yt;
+          xe.splice(Pt, 1), Ct = Yt;
           break;
         }
       }
-      wt && d(xe, {
+      Ct && d(xe, {
         type: "remove",
-        values: [wt]
+        values: [Ct]
       });
     }
     for (var cn = arguments.length, Gt = new Array(cn > 1 ? cn - 1 : 0), xn = 1; xn < cn; xn++)
@@ -17932,27 +17932,27 @@ var SP = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction"
     }) : m === "multiple" && F("", {
       source: "blur"
     })), U && U.apply(void 0, arguments));
-  }, bt = [];
+  }, wt = [];
   u.useEffect(function() {
     return function() {
-      bt.forEach(function(Le) {
+      wt.forEach(function(Le) {
         return clearTimeout(Le);
-      }), bt.splice(0, bt.length);
+      }), wt.splice(0, wt.length);
     };
   }, []);
   var _t = function(we) {
     var et, vt = we.target, ye = (et = Ue.current) === null || et === void 0 ? void 0 : et.getPopupElement();
     if (ye && ye.contains(vt)) {
       var xe = setTimeout(function() {
-        var cn = bt.indexOf(xe);
-        if (cn !== -1 && bt.splice(cn, 1), Ve(), !Te && !ye.contains(document.activeElement)) {
+        var cn = wt.indexOf(xe);
+        if (cn !== -1 && wt.splice(cn, 1), Ve(), !Te && !ye.contains(document.activeElement)) {
           var Gt;
           (Gt = je.current) === null || Gt === void 0 || Gt.focus();
         }
       });
-      bt.push(xe);
+      wt.push(xe);
     }
-    for (var wt = arguments.length, Pt = new Array(wt > 1 ? wt - 1 : 0), Yt = 1; Yt < wt; Yt++)
+    for (var Ct = arguments.length, Pt = new Array(Ct > 1 ? Ct - 1 : 0), Yt = 1; Yt < Ct; Yt++)
       Pt[Yt - 1] = arguments[Yt];
     ne == null || ne.apply(void 0, [we].concat(Pt));
   }, It = u.useState({}), dn = Q(It, 2), bn = dn[1];
@@ -18578,14 +18578,14 @@ function HP(e, t) {
         offset: void 0
       };
     }
-    for (var Ce = 0, Be, gt, bt, _t = L.length, It = 0; It < _t; It += 1) {
+    for (var Ce = 0, Be, gt, wt, _t = L.length, It = 0; It < _t; It += 1) {
       var dn = L[It], bn = P(dn), vn = I.get(bn), Wt = Ce + (vn === void 0 ? i : vn);
-      Wt >= Z && Be === void 0 && (Be = It, gt = Ce), Wt > Z + a && bt === void 0 && (bt = It), Ce = Wt;
+      Wt >= Z && Be === void 0 && (Be = It, gt = Ce), Wt > Z + a && wt === void 0 && (wt = It), Ce = Wt;
     }
-    return Be === void 0 && (Be = 0, gt = 0, bt = Math.ceil(a / i)), bt === void 0 && (bt = L.length - 1), bt = Math.min(bt + 1, L.length - 1), {
+    return Be === void 0 && (Be = 0, gt = 0, wt = Math.ceil(a / i)), wt === void 0 && (wt = L.length - 1), wt = Math.min(wt + 1, L.length - 1), {
       scrollHeight: Ce,
       start: Be,
-      end: bt,
+      end: wt,
       offset: gt
     };
   }, [k, M, Z, L, $, a]), Ye = _e.scrollHeight, Ue = _e.start, je = _e.end, Ge = _e.offset;
@@ -18644,8 +18644,8 @@ function HP(e, t) {
     });
   }), We = NP(M, he, Ee, Ie, qe, !!b, He), Qe = Q(We, 2), at = Qe[0], $t = Qe[1];
   IP(M, j, function(Oe, Ce, Be, gt) {
-    var bt = gt;
-    return Re(Oe, Ce, Be) ? !1 : !bt || !bt._virtualHandled ? (bt && (bt._virtualHandled = !0), at({
+    var wt = gt;
+    return Re(Oe, Ce, Be) ? !1 : !wt || !wt._virtualHandled ? (wt && (wt._virtualHandled = !0), at({
       preventDefault: function() {
       },
       deltaX: Oe ? Ce : 0,
@@ -18657,8 +18657,8 @@ function HP(e, t) {
     });
   }), on(function() {
     function Oe(Be) {
-      var gt = he && Be.detail < 0, bt = Ee && Be.detail > 0;
-      M && !gt && !bt && Be.preventDefault();
+      var gt = he && Be.detail < 0, wt = Ee && Be.detail > 0;
+      M && !gt && !wt && Be.preventDefault();
     }
     var Ce = j.current;
     return Ce.addEventListener("wheel", at, {
@@ -18701,14 +18701,14 @@ function HP(e, t) {
       S(Oe, L);
     }
   }, [Ue, je, L]);
-  var yt = OP(L, P, I, i), Rt = C == null ? void 0 : C({
+  var bt = OP(L, P, I, i), Rt = C == null ? void 0 : C({
     start: Ue,
     end: je,
     virtual: k,
     offsetX: D,
     offsetY: Ge,
     rtl: T,
-    getSize: yt
+    getSize: bt
   }), zt = MP(L, Ue, je, b, D, A, d, oe), Nt = null;
   a && (Nt = re(ae({}, l ? "height" : "maxHeight", a), VP), M && (Nt.overflowY = "hidden", b && (Nt.overflowX = "hidden"), Y && (Nt.pointerEvents = "none")));
   var Qt = {};
@@ -19116,10 +19116,10 @@ var o2 = /* @__PURE__ */ u.forwardRef(function(e, t) {
         var Et;
         at = He.key, Qe = He.label, We = (Et = He.value) !== null && Et !== void 0 ? Et : at;
       }
-      var yt = H.get(We);
-      if (yt) {
+      var bt = H.get(We);
+      if (bt) {
         var Rt;
-        Qe === void 0 && (Qe = yt == null ? void 0 : yt[S || Z.label]), at === void 0 && (at = (Rt = yt == null ? void 0 : yt.key) !== null && Rt !== void 0 ? Rt : We), $t = yt == null ? void 0 : yt.disabled, Mt = yt == null ? void 0 : yt.title;
+        Qe === void 0 && (Qe = bt == null ? void 0 : bt[S || Z.label]), at === void 0 && (at = (Rt = bt == null ? void 0 : bt.key) !== null && Rt !== void 0 ? Rt : We), $t = bt == null ? void 0 : bt.disabled, Mt = bt == null ? void 0 : bt.title;
       }
       return {
         label: Qe,
@@ -19231,7 +19231,7 @@ var o2 = /* @__PURE__ */ u.forwardRef(function(e, t) {
       var at = Qe(), $t = Q(at, 2), Mt = $t[0], Et = $t[1];
       v(Mt, Et);
     } else if (!He && g && We !== "clear") {
-      var yt = Qe(), Rt = Q(yt, 2), zt = Rt[0], Nt = Rt[1];
+      var bt = Qe(), Rt = Q(bt, 2), zt = Rt[0], Nt = Rt[1];
       g(zt, Nt);
     }
   }, Re = Od(function(De, Ne) {
@@ -19330,7 +19330,7 @@ function W$(e) {
     dropdownStyle: d,
     onDropdownVisibleChange: p,
     disabled: v
-  } = e, { mountContainer: g, locale: b } = Xn(Zn), m = Ct(a, {
+  } = e, { mountContainer: g, locale: b } = Xn(Zn), m = yt(a, {
     [kd.selectBorderless]: s
   });
   return g && /* @__PURE__ */ V(
@@ -19368,12 +19368,12 @@ function B$(e) {
     const d = l.indexOf(f);
     a ? d > -1 ? o(l.filter((p) => p === f)) : o([...l, f]) : d > -1 ? o(void 0) : o(f);
   }
-  return /* @__PURE__ */ V("ul", { className: Ct(ni.selectList, i), children: n.map((f, d) => {
+  return /* @__PURE__ */ V("ul", { className: yt(ni.selectList, i), children: n.map((f, d) => {
     const p = l.indexOf(f.value) > -1;
     return /* @__PURE__ */ V(
       "li",
       {
-        className: Ct(ni.selectListItem, s, { [ni.selectListItemSelect]: p }),
+        className: yt(ni.selectListItem, s, { [ni.selectListItemSelect]: p }),
         children: /* @__PURE__ */ dt("a", { onClick: () => c(f.value), children: [
           !r && /* @__PURE__ */ V("span", { className: ni.selectListItemIcon, children: p && /* @__PURE__ */ V(Vi, {}) }),
           /* @__PURE__ */ V("span", { style: { color: f.color }, children: f.label })
@@ -19426,7 +19426,7 @@ function j$({
     "div",
     {
       ref: f,
-      className: Ct(`
+      className: yt(`
               univer-relative univer-box-border univer-flex univer-gap-4 univer-rounded-lg univer-bg-gray-100 univer-p-1
             `, o),
       children: [
@@ -19446,7 +19446,7 @@ function j$({
             ref: (g) => {
               g && c.current.set(v.value, g);
             },
-            className: Ct(`
+            className: yt(`
                       univer-relative univer-box-border univer-flex-1 univer-cursor-pointer univer-border-none
                       univer-bg-transparent univer-px-3 univer-py-1 univer-text-xs univer-font-medium
                       univer-transition-colors
@@ -19576,10 +19576,10 @@ function f2(e) {
       "div",
       {
         ref: b,
-        className: `
-                          ${l}
-                          univer-inline-block
-                        `,
+        className: yt(
+          l,
+          "univer-inline-block"
+        ),
         children: o
       }
     ),
@@ -19588,7 +19588,7 @@ function f2(e) {
         "div",
         {
           ref: m,
-          className: Ct(`
+          className: yt(`
                       univer-pointer-events-none univer-fixed univer-z-[1100] univer-font-sans univer-opacity-0
                       univer-duration-200 univer-animate-in univer-fade-in-0 univer-zoom-in-95
                     `, {
@@ -19618,7 +19618,7 @@ function f2(e) {
             /* @__PURE__ */ V(
               "div",
               {
-                className: Ct("univer-absolute univer-h-2 univer-w-2 univer-rotate-45 univer-bg-gray-700", {
+                className: yt("univer-absolute univer-h-2 univer-w-2 univer-rotate-45 univer-bg-gray-700", {
                   "-univer-bottom-1 univer-left-1/2 -univer-translate-x-1/2": v === "top",
                   "-univer-top-1 univer-left-1/2 -univer-translate-x-1/2": v === "bottom",
                   "-univer-right-1 univer-top-1/2 -univer-translate-y-1/2": v === "left",
@@ -19766,19 +19766,19 @@ function K$(e) {
     return /* @__PURE__ */ V(
       "div",
       {
-        className: Ct(pr.treeListItem, R),
+        className: yt(pr.treeListItem, R),
         style: { paddingLeft: `${E * 20}px` },
         children: /* @__PURE__ */ dt(
           "div",
           {
-            className: Ct(pr.treeListItemContent, {
+            className: yt(pr.treeListItemContent, {
               [pr.treeListItemContentSelected]: N
             }),
             children: [
               S.children && S.children.length > 0 && /* @__PURE__ */ V(
                 "span",
                 {
-                  className: Ct(pr.treeIcon, {
+                  className: yt(pr.treeIcon, {
                     [pr.treeIconExpand]: P
                   }),
                   onClick: (A) => {
@@ -23852,7 +23852,7 @@ function n$({
     {
       "data-slot": "dropdown-menu-content",
       sideOffset: t,
-      className: Ct(
+      className: yt(
         `
                       univer-z-[1080] univer-box-border univer-max-h-[var(--radix-popper-available-height)]
                       univer-overflow-y-auto univer-rounded-md univer-border univer-border-solid univer-border-gray-200
@@ -23886,7 +23886,7 @@ function r$({
       "data-slot": "dropdown-menu-item",
       "data-inset": t,
       "data-variant": n,
-      className: Ct(
+      className: yt(
         `
                   univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center univer-gap-2
                   univer-rounded univer-px-2 univer-py-1.5 univer-text-[13px] univer-outline-none
@@ -23911,7 +23911,7 @@ function o$({
     X5,
     {
       "data-slot": "dropdown-menu-radio-item",
-      className: Ct(
+      className: yt(
         `
                   univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center
                   univer-rounded univer-py-1.5 univer-pl-8 univer-pr-2 univer-text-[13px] univer-outline-none
@@ -23946,7 +23946,7 @@ function a$({
   return /* @__PURE__ */ V(
     Q5,
     {
-      className: Ct("-univer-mx-1 univer-my-1 univer-h-px univer-bg-gray-200", e),
+      className: yt("-univer-mx-1 univer-my-1 univer-h-px univer-bg-gray-200", e),
       ...t
     }
   );
@@ -24035,7 +24035,7 @@ function lA({
       "data-slot": "separator-root",
       decorative: n,
       orientation: t,
-      className: Ct(
+      className: yt(
         `
                   univer-shrink-0 univer-bg-gray-200
                   data-[orientation=horizontal]:univer-h-px data-[orientation=horizontal]:univer-w-full
@@ -24088,7 +24088,7 @@ export {
   f2 as Tooltip,
   K$ as Tree,
   S2 as TreeSelectionMode,
-  Ct as clsx,
+  yt as clsx,
   G$ as defaultTheme,
   U$ as filterLeafNode,
   b2 as findNodePathFromTree,