@univerjs/ui 0.15.0-insiders.20260108-7b9120d → 0.15.0-insiders.20260110-48b77c8

package/lib/index.js

@@ -7,8 +7,8 @@ var B = (e, t, n) => v2(e, typeof t != "symbol" ? t + "" : t, n);
 var v3 = (e, t, n) => t.has(e) ? C2("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n);
 import { Disposable as d1, createIdentifier as h1, CommandType as Qe, toDisposable as c1, IUniverInstanceService as N1, DocumentFlavor as Ot, LocaleService as m1, ColorKit as S3, NAMED_STYLE_MAP as g2, IConfigService as Y1, ICommandService as F1, NamedStyleType as B1, Workbook as p2, UniverInstanceType as g3, DocumentDataModel as d9, SlideDataModel as m2, remove as $t, FOCUSING_UNIVER_EDITOR as Oe, IContextService as fe, Inject as g1, Injector as I1, merge as $e, convertObservableToBehaviorSubject as b2, isRealNum as L2, ErrorService as w2, RedoCommand as j3, UndoCommand as U3, IUndoRedoService as y2, EDITOR_ACTIVATED as h9, FOCUSING_FX_BAR_EDITOR as f9, Optional as C9, dedupeBy as _2, generateRandomId as ue, throttle as M2, ThemeService as z3, LifecycleStages as p3, LifecycleUnreachableError as I2, isInternalEditorID as x2, LifecycleService as v9, ILogService as H2, IConfirmService as W3, DependentOn as g9, Plugin as p9, registerDependencies as m9, mergeOverrideWithDependencies as b9, ILocalStorageService as L9, touchDependencies as K1, BaselineOffset as m3, getBorderStyleType as O1, BorderStyleTypes as S2, Tools as w9 } from "@univerjs/core";
 import { BehaviorSubject as S1, distinctUntilChanged as y9, Observable as de, switchMap as R2, isObservable as Ee, fromEvent as V2, Subject as $1, of as Ce, combineLatest as W1, merge as O2, first as $2, throttleTime as b3, animationFrameScheduler as L3, map as _9, filter as Et, debounceTime as E2, startWith as N2, ReplaySubject as D2 } from "rxjs";
-import { useRef as J, createElement as x, forwardRef as H, useEffect as W, useMemo as G, useState as z, useCallback as Ke, memo as M9, createContext as I9, useContext as e3, useImperativeHandle as T2, Fragment as Nt, useLayoutEffect as R3, cloneElement as Z2 } from "react";
-import { jsx as f, Fragment as t3, jsxs as q } from "react/jsx-runtime";
+import { useRef as J, createElement as H, forwardRef as S, useEffect as W, useMemo as G, useState as z, useCallback as Ke, memo as M9, createContext as I9, useContext as e3, useImperativeHandle as T2, Fragment as Nt, useLayoutEffect as R3, cloneElement as Z2 } from "react";
+import { jsx as C, Fragment as t3, jsxs as q } from "react/jsx-runtime";
 import { useDependency as P, useObservable as r1, useInjector as A2, connectInjector as R1 } from "@wendellhu/redi/react-bindings";
 export * from "@wendellhu/redi/react-bindings";
 import { clsx as K, isBrowser as B2, resizeObserverCtor as P2, Button as w3, DropdownMenu as V3, Tooltip as Y3, InputNumber as F2, TinyMenuGroup as k2, Menu as j2, MenuItem as O3, MenuItemGroup as $3, SubMenu as Dt, MessageType as U2, KBD as z2, divideYClassName as W2, HoverCard as Y2, borderClassName as G2, Dropdown as x9, divideXClassName as Tt, borderBottomClassName as Ne, Popup as H9, borderLeftBottomClassName as X2, scrollbarClassName as q2, ConfigProvider as S9, ConfigContext as J2, ColorPicker as Q2, unmount as R9, render as V9, Confirm as K2, Dialog as e4, Gallery as t4, Messager as n4, removeMessage as Le, message as r4, toast as i4, Toaster as o4 } from "@univerjs/design";
@@ -57,7 +57,7 @@ function R({ ref: e, ...t }) {
   }, o);
 }
 function D9(e, t, n, r, i) {
-  return x(e.tag, {
+  return H(e.tag, {
     key: t,
     ...l4(e, n, i),
     ...r
@@ -134,8 +134,8 @@ const u4 = {
       }
     }
   ]
-}, T9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, T9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "add-digits-icon",
     ref: n,
     icon: u4
@@ -166,8 +166,8 @@ const d4 = {
       d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"
     }
   }]
-}, Z9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Z9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "add-image-icon",
     ref: n,
     icon: d4
@@ -215,8 +215,8 @@ const h4 = {
       }
     }
   ]
-}, A9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, A9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "addition-and-subtraction-icon",
     ref: n,
     icon: h4
@@ -261,8 +261,8 @@ const f4 = {
       }
     }
   ]
-}, B9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, B9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "align-bottom-icon",
     ref: n,
     icon: f4
@@ -308,8 +308,8 @@ const C4 = {
       }
     }
   ]
-}, P9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, P9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "align-text-both-icon",
     ref: n,
     icon: C4
@@ -338,8 +338,8 @@ const v4 = {
       d: "M8.22957 5.47839C8.30034 5.50767 8.36664 5.55107 8.42417 5.6086L10.4242 7.6086C10.6585 7.84291 10.6585 8.22281 10.4242 8.45713C10.1899 8.69144 9.80995 8.69144 9.57564 8.45713L8.5999 7.48139V13.6995C8.5999 14.0309 8.33127 14.2995 7.9999 14.2995C7.66853 14.2995 7.3999 14.0309 7.3999 13.6995V7.48139L6.42417 8.45713C6.18985 8.69144 5.80995 8.69144 5.57564 8.45713C5.34132 8.22281 5.34132 7.84291 5.57564 7.6086L7.57541 5.60882C7.7522 5.43203 8.01209 5.38841 8.22957 5.47839Z"
     }
   }]
-}, F9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, F9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "align-top-icon",
     ref: n,
     icon: v4
@@ -364,8 +364,8 @@ const g4 = {
       clipRule: "evenodd"
     }
   }]
-}, k9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, k9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "all-border-icon",
     ref: n,
     icon: g4
@@ -396,8 +396,8 @@ const p4 = {
       clipRule: "evenodd"
     }
   }]
-}, j9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, j9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "amplify-icon",
     ref: n,
     icon: p4
@@ -443,8 +443,8 @@ const m4 = {
       }
     }
   ]
-}, U9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, U9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "autowrap-icon",
     ref: n,
     icon: m4
@@ -507,8 +507,8 @@ const b4 = {
       }
     }
   ]
-}, z9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, z9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "avg-icon",
     ref: n,
     icon: b4
@@ -533,8 +533,8 @@ const L4 = {
       clipRule: "evenodd"
     }
   }]
-}, W9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, W9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "bold-icon",
     ref: n,
     icon: L4
@@ -559,8 +559,8 @@ const w4 = {
       clipRule: "evenodd"
     }
   }]
-}, Y9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Y9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "brush-icon",
     ref: n,
     icon: w4
@@ -591,8 +591,8 @@ const y4 = {
       d: "M8.73877 9.00298C8.73877 9.55526 9.18649 10.003 9.73877 10.003H11.7792C12.1106 10.003 12.3792 9.73435 12.3792 9.40298C12.3792 9.07161 12.1106 8.80298 11.7792 8.80298H10.7874L12.2304 7.36157C12.7051 6.88734 13.4743 6.88754 13.9488 7.36202C14.4234 7.83667 14.4234 8.60624 13.9488 9.0809L13.2095 9.82016C12.9752 10.0545 12.9752 10.4344 13.2095 10.6687C13.4439 10.903 13.8238 10.903 14.0581 10.6687L14.7973 9.92943C15.7406 8.98614 15.7406 7.45678 14.7973 6.51349C13.8544 5.57056 12.3257 5.57015 11.3823 6.51259L9.93877 7.95459V6.96255C9.93877 6.63118 9.67014 6.36255 9.33877 6.36255C9.0074 6.36255 8.73877 6.63118 8.73877 6.96255V9.00298Z"
     }
   }]
-}, G9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, G9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "cancel-freeze-icon",
     ref: n,
     icon: y4
@@ -638,8 +638,8 @@ const _4 = {
       }
     }
   ]
-}, X9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, X9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "cancel-merge-icon",
     ref: n,
     icon: _4
@@ -664,8 +664,8 @@ const M4 = {
       clipRule: "evenodd"
     }
   }]
-}, X3 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, X3 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "check-mark-icon",
     ref: n,
     icon: M4
@@ -688,8 +688,8 @@ const I4 = {
       d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"
     }
   }]
-}, q3 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, q3 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "close-icon",
     ref: n,
     icon: I4
@@ -752,8 +752,8 @@ const x4 = {
       }
     }
   ]
-}, q9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, q9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "cnt-icon",
     ref: n,
     icon: x4
@@ -792,8 +792,8 @@ const H4 = {
       }
     }
   ]
-}, J9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, J9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "code-icon",
     ref: n,
     icon: H4
@@ -818,8 +818,8 @@ const S4 = {
       clipRule: "evenodd"
     }
   }]
-}, Q9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Q9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "cut-icon",
     ref: n,
     icon: S4
@@ -842,8 +842,8 @@ const R4 = {
       d: "M8 0.866961C5.018 0.866961 2 1.78296 2 3.53363V12.3675C2 14.1182 5.018 15.0342 8 15.0342C10.982 15.0342 14 14.1182 14 12.3675V3.53363C14 1.78296 10.982 0.866961 8 0.866961ZM12.6667 12.3675C12.6667 12.7542 11.0313 13.7008 8 13.7008C4.96867 13.7008 3.33333 12.7542 3.33333 12.3675V9.86434C4.49067 10.4797 6.24933 10.7977 8 10.7977C9.75067 10.7977 11.5093 10.4797 12.6667 9.86434V12.3675ZM12.6667 8.131C12.6667 8.51767 11.0313 9.46434 8 9.46434C4.96867 9.46434 3.33333 8.51767 3.33333 8.131L3.33333 5.26696C4.49067 5.88229 6.24933 6.20029 8 6.20029C9.75067 6.20029 11.5093 5.88229 12.6667 5.26696V8.131ZM8 4.86696C4.96867 4.86696 3.33333 3.92029 3.33333 3.53363C3.33333 3.14696 4.96867 2.20029 8 2.20029C11.0313 2.20029 12.6667 3.14696 12.6667 3.53363C12.6667 3.92029 11.0313 4.86696 8 4.86696Z"
     }
   }]
-}, K9 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, K9 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "database-icon",
     ref: n,
     icon: R4
@@ -884,8 +884,8 @@ const V4 = {
       }
     }
   ]
-}, e6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, e6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "direct-export-icon",
     ref: n,
     icon: V4
@@ -908,8 +908,8 @@ const O4 = {
       d: "M7.3999 2.8999V1.6C7.3999 1.26863 7.66853 1 7.9999 1C8.33127 1 8.5999 1.26863 8.5999 1.6V2.8999H10.2044C11.6655 2.8999 12.8499 4.08431 12.8499 5.54536C12.8499 5.87673 12.5813 6.14536 12.2499 6.14536C11.9185 6.14536 11.6499 5.87673 11.6499 5.54536C11.6499 4.74705 11.0028 4.0999 10.2044 4.0999H5.7384C4.97155 4.0999 4.3499 4.72155 4.3499 5.4884C4.3499 6.14439 4.80899 6.71087 5.45074 6.84677L10.7977 7.97906C11.994 8.23242 12.8499 9.28849 12.8499 10.5114C12.8499 11.941 11.691 13.0999 10.2614 13.0999H8.5999V14.4C8.5999 14.7314 8.33127 15 7.9999 15C7.66853 15 7.3999 14.7314 7.3999 14.4V13.0999H5.79536C4.33431 13.0999 3.1499 11.9155 3.1499 10.4544C3.1499 10.1231 3.41853 9.85445 3.7499 9.85445C4.08127 9.85445 4.3499 10.1231 4.3499 10.4544C4.3499 11.2527 4.99705 11.8999 5.79536 11.8999H10.2614C11.0283 11.8999 11.6499 11.2782 11.6499 10.5114C11.6499 9.85542 11.1908 9.28893 10.5491 9.15303L5.20214 8.02074C4.00575 7.76739 3.1499 6.71132 3.1499 5.4884C3.1499 4.05881 4.30881 2.8999 5.7384 2.8999H7.3999Z"
     }
   }]
-}, t6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, t6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "dollar-icon",
     ref: n,
     icon: O4
@@ -940,8 +940,8 @@ const $4 = {
       d: "M10.3911 3.84419C10.6254 3.60988 11.0053 3.60988 11.2396 3.84419L11.8818 4.48643V1.93496C11.8818 1.60359 12.1505 1.33496 12.4818 1.33496C12.8132 1.33496 13.0818 1.60359 13.0818 1.93496V4.48676L13.7244 3.84419C13.9587 3.60988 14.3386 3.60988 14.5729 3.84419C14.8072 4.07851 14.8072 4.45841 14.5729 4.69272L12.9063 6.35939C12.6719 6.5937 12.292 6.5937 12.0577 6.35939L10.3911 4.69272C10.1568 4.45841 10.1568 4.07851 10.3911 3.84419Z"
     }
   }]
-}, n6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, n6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "download-image-icon",
     ref: n,
     icon: $4
@@ -964,8 +964,8 @@ const E4 = {
       d: "M5.84964 5.80918C6.71946 3.63548 8.84516 2.2 11.3295 2.2C11.8324 2.2 12.3198 2.26279 12.7846 2.38065C13.1058 2.46209 13.4322 2.26773 13.5137 1.94652C13.5951 1.62532 13.4008 1.2989 13.0795 1.21746C12.5191 1.07535 11.9327 1 11.3295 1C8.17278 1 5.49724 2.96009 4.57394 5.80918H3.06582C2.73445 5.80918 2.46582 6.07781 2.46582 6.40918C2.46582 6.74055 2.73445 7.00918 3.06582 7.00918H4.29808C4.25287 7.33297 4.22949 7.66376 4.22949 8C4.22949 8.33608 4.25284 8.6667 4.29801 8.99033H3.06582C2.73445 8.99033 2.46582 9.25896 2.46582 9.59033C2.46582 9.9217 2.73445 10.1903 3.06582 10.1903H4.57378C5.49693 13.0397 8.1726 15 11.3295 15C11.9336 15 12.5209 14.9244 13.0821 14.7819C13.4033 14.7003 13.5975 14.3738 13.5159 14.0527C13.4344 13.7315 13.1079 13.5373 12.7867 13.6188C12.3213 13.737 11.8332 13.8 11.3295 13.8C8.84497 13.8 6.71914 12.3643 5.84944 10.1903H11.4291C11.7605 10.1903 12.0291 9.9217 12.0291 9.59033C12.0291 9.25896 11.7605 8.99033 11.4291 8.99033H5.51225C5.45783 8.66834 5.42949 8.33748 5.42949 8C5.42949 7.66235 5.45786 7.33133 5.51233 7.00918H11.4291C11.7605 7.00918 12.0291 6.74055 12.0291 6.40918C12.0291 6.07781 11.7605 5.80918 11.4291 5.80918H5.84964Z"
     }
   }]
-}, r6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, r6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "euro-icon",
     ref: n,
     icon: E4
@@ -994,8 +994,8 @@ const N4 = {
       d: "M11.6167 5.26668C11.851 5.03236 12.2309 5.03236 12.4652 5.26668L14.7743 7.57575C15.0086 7.81007 15.0086 8.18997 14.7743 8.42428L12.4652 10.7334C12.2309 10.9677 11.851 10.9677 11.6167 10.7334C11.3823 10.499 11.3823 10.1191 11.6167 9.88483L12.9015 8.60002H6.63784C6.30647 8.60002 6.03784 8.3314 6.03784 8.00002C6.03784 7.66865 6.30647 7.40002 6.63784 7.40002H12.9015L11.6167 6.11521C11.3823 5.88089 11.3823 5.50099 11.6167 5.26668Z"
     }
   }]
-}, i6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, i6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "export-icon",
     ref: n,
     icon: N4
@@ -1028,8 +1028,8 @@ const D4 = {
       clipRule: "evenodd"
     }
   }]
-}, o6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, o6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "eye-icon",
     ref: n,
     icon: D4
@@ -1058,8 +1058,8 @@ const T4 = {
       d: "M7.99967 12.6663C3.69701 12.6663 1.33301 9.16101 1.33301 7.99967C1.33301 6.89034 4.40767 3.33301 7.99967 3.33301C11.5917 3.33301 14.6663 6.89034 14.6663 7.99967C14.6663 9.16101 12.3023 12.6663 7.99967 12.6663ZM2.67501 8.01834C3.14932 9.02475 3.90405 9.87286 4.84857 10.4608C5.79309 11.0488 6.88725 11.3517 7.99967 11.333C9.1121 11.3517 10.2063 11.0488 11.1508 10.4608C12.0953 9.87286 12.85 9.02475 13.3243 8.01834C13.0823 7.37167 10.8363 4.66634 7.99967 4.66634C5.16301 4.66634 2.91701 7.37167 2.67501 8.01834Z"
     }
   }]
-}, s6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, s6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "eye-outline-icon",
     ref: n,
     icon: T4
@@ -1084,8 +1084,8 @@ const Z4 = {
       clipRule: "evenodd"
     }
   }]
-}, l6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, l6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "folder-icon",
     ref: n,
     icon: Z4
@@ -1116,8 +1116,8 @@ const A4 = {
       d: "M13.0504 2.47954C13.0504 2.14817 12.7818 1.87954 12.4504 1.87954C12.1191 1.87954 11.8504 2.14817 11.8504 2.47954V4.11554H10.2144C9.88305 4.11554 9.61442 4.38417 9.61442 4.71554C9.61442 5.04691 9.88305 5.31554 10.2144 5.31554H11.8504V6.95155C11.8504 7.28292 12.1191 7.55155 12.4504 7.55155C12.7818 7.55155 13.0504 7.28292 13.0504 6.95155V5.31554H14.6864C15.0178 5.31554 15.2864 5.04691 15.2864 4.71554C15.2864 4.38417 15.0178 4.11554 14.6864 4.11554H13.0504V2.47954Z"
     }
   }]
-}, a6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, a6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "font-size-increase-icon",
     ref: n,
     icon: A4
@@ -1148,8 +1148,8 @@ const B4 = {
       d: "M9.61442 4.71554C9.61442 4.38417 9.88305 4.11554 10.2144 4.11554H14.6864C15.0178 4.11554 15.2864 4.38417 15.2864 4.71554C15.2864 5.04691 15.0178 5.31554 14.6864 5.31554H10.2144C9.88305 5.31554 9.61442 5.04691 9.61442 4.71554Z"
     }
   }]
-}, c6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, c6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "font-size-reduce-icon",
     ref: n,
     icon: B4
@@ -1174,8 +1174,8 @@ const P4 = {
       clipRule: "evenodd"
     }
   }]
-}, u6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, u6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "freeze-column-icon",
     ref: n,
     icon: P4
@@ -1200,8 +1200,8 @@ const F4 = {
       clipRule: "evenodd"
     }
   }]
-}, d6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, d6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "freeze-row-icon",
     ref: n,
     icon: F4
@@ -1226,8 +1226,8 @@ const k4 = {
       clipRule: "evenodd"
     }
   }]
-}, h6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, h6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "freeze-to-selected-icon",
     ref: n,
     icon: k4
@@ -1252,8 +1252,8 @@ const j4 = {
       clipRule: "evenodd"
     }
   }]
-}, J3 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, J3 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "function-icon",
     ref: n,
     icon: j4
@@ -1278,8 +1278,8 @@ const U4 = {
       clipRule: "evenodd"
     }
   }]
-}, f6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, f6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "grid-icon",
     ref: n,
     icon: U4
@@ -1320,8 +1320,8 @@ const z4 = {
       }
     }
   ]
-}, C6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, C6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "header-footer-icon",
     ref: n,
     icon: z4
@@ -1346,8 +1346,8 @@ const W4 = {
       clipRule: "evenodd"
     }
   }]
-}, v6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, v6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "home-icon",
     ref: n,
     icon: W4
@@ -1380,8 +1380,8 @@ const Y4 = {
       clipRule: "evenodd"
     }
   }]
-}, g6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, g6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "horizontal-merge-icon",
     ref: n,
     icon: Y4
@@ -1427,8 +1427,8 @@ const G4 = {
       }
     }
   ]
-}, p6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, p6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "horizontally-icon",
     ref: n,
     icon: G4
@@ -1451,8 +1451,8 @@ const X4 = {
       d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z"
     }
   }]
-}, m6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, m6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "increase-icon",
     ref: n,
     icon: X4
@@ -1475,8 +1475,8 @@ const q4 = {
       d: "M8.00016 1.33203C6.68162 1.33203 5.39269 1.72302 4.29636 2.45557C3.20004 3.18811 2.34555 4.2293 1.84097 5.44747C1.33638 6.66565 1.20436 8.00609 1.4616 9.2993C1.71883 10.5925 2.35377 11.7804 3.28612 12.7127C4.21847 13.6451 5.40636 14.28 6.69956 14.5373C7.99277 14.7945 9.33321 14.6625 10.5514 14.1579C11.7696 13.6533 12.8108 12.7988 13.5433 11.7025C14.2758 10.6062 14.6668 9.31724 14.6668 7.9987C14.6649 6.23118 13.9619 4.53662 12.7121 3.2868C11.4622 2.03697 9.76768 1.33397 8.00016 1.33203ZM7.66683 3.9987C7.86461 3.9987 8.05795 4.05735 8.2224 4.16723C8.38685 4.27711 8.51502 4.43329 8.59071 4.61601C8.6664 4.79874 8.6862 4.99981 8.64762 5.19379C8.60903 5.38777 8.51379 5.56595 8.37394 5.7058C8.23409 5.84566 8.0559 5.9409 7.86192 5.97948C7.66794 6.01807 7.46687 5.99826 7.28415 5.92258C7.10142 5.84689 6.94524 5.71872 6.83536 5.55427C6.72548 5.38982 6.66683 5.19648 6.66683 4.9987C6.66683 4.73348 6.77219 4.47913 6.95972 4.29159C7.14726 4.10405 7.40162 3.9987 7.66683 3.9987ZM9.3335 11.332H6.66683C6.49002 11.332 6.32045 11.2618 6.19543 11.1368C6.0704 11.0117 6.00016 10.8422 6.00016 10.6654C6.00016 10.4886 6.0704 10.319 6.19543 10.194C6.32045 10.0689 6.49002 9.9987 6.66683 9.9987H7.3335V7.9987H6.66683C6.49002 7.9987 6.32045 7.92846 6.19543 7.80343C6.0704 7.67841 6.00016 7.50884 6.00016 7.33203C6.00016 7.15522 6.0704 6.98565 6.19543 6.86063C6.32045 6.7356 6.49002 6.66536 6.66683 6.66536H8.00016C8.17698 6.66536 8.34655 6.7356 8.47157 6.86063C8.59659 6.98565 8.66683 7.15522 8.66683 7.33203V9.9987H9.3335C9.51031 9.9987 9.67988 10.0689 9.8049 10.194C9.92993 10.319 10.0002 10.4886 10.0002 10.6654C10.0002 10.8422 9.92993 11.0117 9.8049 11.1368C9.67988 11.2618 9.51031 11.332 9.3335 11.332Z"
     }
   }]
-}, b6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, b6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "info-icon",
     ref: n,
     icon: q4
@@ -1515,8 +1515,8 @@ const J4 = {
       }
     }
   ]
-}, L6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, L6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "insert-icon",
     ref: n,
     icon: J4
@@ -1539,8 +1539,8 @@ const Q4 = {
       d: "M9.80385 1.40005H11.9997C12.3311 1.40005 12.5997 1.66868 12.5997 2.00005C12.5997 2.33143 12.3311 2.60005 11.9997 2.60005H10.1185L7.12251 13.4001H9.33324C9.66461 13.4001 9.93324 13.6687 9.93324 14.0001C9.93324 14.3314 9.66461 14.6001 9.33324 14.6001H6.34785C6.33847 14.6003 6.32905 14.6003 6.31962 14.6001H3.9999C3.66853 14.6001 3.3999 14.3314 3.3999 14.0001C3.3999 13.6687 3.66853 13.4001 3.9999 13.4001H5.87719L8.87322 2.60005H6.66641C6.33504 2.60005 6.06641 2.33143 6.06641 2.00005C6.06641 1.66868 6.33504 1.40005 6.66641 1.40005H9.52916C9.61698 1.37929 9.71064 1.3781 9.80385 1.40005Z"
     }
   }]
-}, w6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, w6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "italic-icon",
     ref: n,
     icon: Q4
@@ -1595,8 +1595,8 @@ const K4 = {
       }
     }
   ]
-}, y6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, y6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "keyboard-icon",
     ref: n,
     icon: K4
@@ -1642,8 +1642,8 @@ const e0 = {
       }
     }
   ]
-}, _6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, _6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "left-justifying-icon",
     ref: n,
     icon: e0
@@ -1674,8 +1674,8 @@ const t0 = {
       d: "M4.56311 13.7359C4.32879 13.9702 4.32879 14.3501 4.56311 14.5844C4.79742 14.8188 5.17732 14.8188 5.41163 14.5844L13.3083 6.68776L13.3842 8.21165C13.4006 8.54261 13.6823 8.79755 14.0133 8.78108C14.3442 8.76461 14.5992 8.48295 14.5827 8.15199L14.4844 6.17786C14.4413 5.3118 13.3917 4.90732 12.7786 5.52046L4.56311 13.7359Z"
     }
   }]
-}, M6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, M6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "left-rotation-forty-five-degrees-icon",
     ref: n,
     icon: t0
@@ -1706,8 +1706,8 @@ const n0 = {
       clipRule: "evenodd"
     }
   }]
-}, I6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, I6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "left-rotation-ninety-degrees-icon",
     ref: n,
     icon: n0
@@ -1770,8 +1770,8 @@ const r0 = {
       }
     }
   ]
-}, x6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, x6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "max-icon",
     ref: n,
     icon: r0
@@ -1810,8 +1810,8 @@ const i0 = {
       }
     }
   ]
-}, H6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, H6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "menu-icon",
     ref: n,
     icon: i0
@@ -1840,8 +1840,8 @@ const o0 = {
       d: "M5.33889 1.13919L3.4057 1.13926C2.30115 1.13931 1.40576 2.03474 1.40578 3.13928L1.40582 7.99139L1.40576 8.00012L1.40582 8.00886L1.40587 12.8612C1.40588 13.9658 2.30131 14.8612 3.40587 14.8612H5.33897C6.44354 14.8612 7.33897 13.9658 7.33897 12.8612V11.8084C7.33897 11.4771 7.07034 11.2084 6.73897 11.2084C6.4076 11.2084 6.13897 11.4771 6.13897 11.8084V12.8612C6.13897 13.303 5.7808 13.6612 5.33897 13.6612H3.40587C2.96405 13.6612 2.60588 13.303 2.60587 12.8612L2.60583 8.60012H5.53538L4.95357 9.18193C4.71925 9.41624 4.71925 9.79614 4.95357 10.0305C5.18788 10.2648 5.56778 10.2648 5.8021 10.0305L6.68599 9.14656C7.31083 8.52172 7.31083 7.50866 6.68599 6.88382L5.8021 5.99993C5.56778 5.76561 5.18788 5.76561 4.95357 5.99993C4.71925 6.23424 4.71925 6.61414 4.95357 6.84845L5.50523 7.40012H2.60582L2.60578 3.13927C2.60577 2.69745 2.96393 2.33928 3.40574 2.33926L5.33894 2.33919C5.78078 2.33917 6.13897 2.69735 6.13897 3.13919V4.192C6.13897 4.52337 6.4076 4.792 6.73897 4.792C7.07034 4.792 7.33897 4.52337 7.33897 4.192V3.13919C7.33897 2.03459 6.44349 1.13914 5.33889 1.13919Z"
     }
   }]
-}, S6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, S6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "merge-all-icon",
     ref: n,
     icon: o0
@@ -1904,8 +1904,8 @@ const s0 = {
       }
     }
   ]
-}, R6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, R6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "min-icon",
     ref: n,
     icon: s0
@@ -1930,8 +1930,8 @@ const l0 = {
       clipRule: "evenodd"
     }
   }]
-}, he = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, he = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "more-down-icon",
     ref: n,
     icon: l0
@@ -1970,8 +1970,8 @@ const a0 = {
       }
     }
   ]
-}, Q3 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Q3 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "more-function-icon",
     ref: n,
     icon: a0
@@ -1996,8 +1996,8 @@ const c0 = {
       clipRule: "evenodd"
     }
   }]
-}, E3 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, E3 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "more-icon",
     ref: n,
     icon: c0
@@ -2071,8 +2071,8 @@ const u0 = {
       }
     }
   ]
-}, V6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, V6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "no-border-icon",
     ref: n,
     icon: u0
@@ -2103,8 +2103,8 @@ const d0 = {
       d: "M1.9999 11.4246C1.66853 11.4246 1.3999 11.6933 1.3999 12.0246C1.3999 12.356 1.66853 12.6246 1.9999 12.6246H13.1675L12.1436 13.7558C11.9212 14.0015 11.9401 14.3809 12.1858 14.6033C12.4314 14.8257 12.8109 14.8068 13.0332 14.5611L14.3597 13.0957C14.9416 12.4528 14.4854 11.4246 13.6183 11.4246H1.9999Z"
     }
   }]
-}, O6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, O6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "no-rotation-icon",
     ref: n,
     icon: d0
@@ -2164,8 +2164,8 @@ const h0 = {
       }
     }
   ]
-}, $6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, $6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "order-icon",
     ref: n,
     icon: h0
@@ -2211,8 +2211,8 @@ const f0 = {
       }
     }
   ]
-}, E6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, E6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "overflow-icon",
     ref: n,
     icon: f0
@@ -2255,8 +2255,8 @@ const C0 = {
       }
     }
   ]
-}, N6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, N6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "percent-icon",
     ref: n,
     icon: C0
@@ -2281,8 +2281,8 @@ const v0 = {
       clipRule: "evenodd"
     }
   }]
-}, D6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, D6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "piping-icon",
     ref: n,
     icon: v0
@@ -2305,8 +2305,8 @@ const g0 = {
       d: "M11.273 2.72206C11.0214 2.50641 10.9922 2.12763 11.2079 1.87603C11.4235 1.62444 11.8023 1.59531 12.0539 1.81097L14.3833 3.80761C14.5134 3.91733 14.5962 4.08137 14.5967 4.26477L14.5967 4.2665C14.5967 4.41745 14.541 4.55538 14.4489 4.66083C14.44 4.67109 14.4307 4.68108 14.421 4.69077L12.0877 7.02411C11.8534 7.25842 11.4735 7.25843 11.2392 7.02412C11.0049 6.78981 11.0049 6.40991 11.2392 6.17559L12.5482 4.8665H6.63324C4.40569 4.8665 2.5999 6.67229 2.5999 8.89984C2.5999 11.1274 4.40569 12.9332 6.63324 12.9332H11.9972C12.3286 12.9332 12.5972 13.2018 12.5972 13.5332C12.5972 13.8645 12.3286 14.1332 11.9972 14.1332H6.63324C3.74295 14.1332 1.3999 11.7901 1.3999 8.89984C1.3999 6.00955 3.74295 3.6665 6.63324 3.6665H12.3748L11.273 2.72206Z"
     }
   }]
-}, T6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, T6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "redo-icon",
     ref: n,
     icon: g0
@@ -2347,8 +2347,8 @@ const p0 = {
       }
     }
   ]
-}, Z6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Z6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "reduce-digits-icon",
     ref: n,
     icon: p0
@@ -2373,8 +2373,8 @@ const m0 = {
       clipRule: "evenodd"
     }
   }]
-}, K3 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, K3 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "reduce-icon",
     ref: n,
     icon: m0
@@ -2420,8 +2420,8 @@ const b0 = {
       }
     }
   ]
-}, A6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, A6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "right-justifying-icon",
     ref: n,
     icon: b0
@@ -2452,8 +2452,8 @@ const L0 = {
       d: "M2.40366 4.68273C2.16934 4.44842 1.78945 4.44842 1.55513 4.68273C1.32082 4.91705 1.32082 5.29695 1.55513 5.53126L9.45182 13.4279L7.92792 13.5038C7.59696 13.5203 7.34202 13.8019 7.35849 14.1329C7.37497 14.4639 7.65662 14.7188 7.98758 14.7023L9.96172 14.6041C10.8278 14.5609 11.2323 13.5113 10.6191 12.8982L2.40366 4.68273Z"
     }
   }]
-}, B6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, B6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "right-rotation-forty-five-degrees-icon",
     ref: n,
     icon: L0
@@ -2502,8 +2502,8 @@ const w0 = {
     }]
   }],
   defIds: ["right-rotation-ninety-degrees-icon_clip0_927_166"]
-}, P6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, P6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "right-rotation-ninety-degrees-icon",
     ref: n,
     icon: w0
@@ -2526,8 +2526,8 @@ const y0 = {
       d: "M11.9445 1.55649C12.2184 1.744 12.2895 2.11755 12.1033 2.39085L9.24342 6.58659H12.8001C13.1315 6.58659 13.4001 6.85522 13.4001 7.18659C13.4001 7.51796 13.1315 7.78659 12.8001 7.78659H8.5999V9.91276H13.2221C13.5534 9.91276 13.8221 10.1814 13.8221 10.5128C13.8221 10.8441 13.5534 11.1128 13.2221 11.1128H8.5999V14.0877C8.5999 14.4191 8.33127 14.6877 7.9999 14.6877C7.66853 14.6877 7.3999 14.4191 7.3999 14.0877V11.1128H2.77773C2.44636 11.1128 2.17773 10.8441 2.17773 10.5128C2.17773 10.1814 2.44636 9.91276 2.77773 9.91276H7.3999V7.78659H3.2001C2.86873 7.78659 2.6001 7.51796 2.6001 7.18659C2.6001 6.85522 2.86873 6.58659 3.2001 6.58659H6.75736L3.89753 2.39085C3.71125 2.11755 3.78234 1.744 4.05631 1.55649C4.33029 1.36899 4.7034 1.43854 4.88968 1.71184L7.94595 6.19577C7.96752 6.22741 7.98564 6.2604 8.00039 6.29429C8.01514 6.2604 8.03326 6.22741 8.05483 6.19577L11.1111 1.71184C11.2974 1.43854 11.6705 1.36899 11.9445 1.55649Z"
     }
   }]
-}, F6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, F6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "rmb-icon",
     ref: n,
     icon: y0
@@ -2552,8 +2552,8 @@ const _0 = {
       clipRule: "evenodd"
     }
   }]
-}, k6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, k6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "rouble-icon",
     ref: n,
     icon: _0
@@ -2657,8 +2657,8 @@ const M0 = {
       }
     }
   ]
-}, j6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, j6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "shortcut-icon",
     ref: n,
     icon: M0
@@ -2687,8 +2687,8 @@ const I0 = {
       d: "M2.11953 8.5999H7.88935C10.1109 9.46549 10.5895 10.7649 10.4268 11.6869C10.2475 12.703 9.26939 13.5898 8.00009 13.5898C6.63323 13.5898 5.77631 13.0502 5.25534 12.528C4.99021 12.2623 4.80823 11.9965 4.69365 11.7993C4.63659 11.7011 4.59698 11.6211 4.5727 11.5686C4.56059 11.5424 4.55236 11.5231 4.54774 11.512L4.54352 11.5016C4.4267 11.193 4.0823 11.0363 3.77279 11.1516C3.46228 11.2673 3.30438 11.6129 3.4201 11.9234L3.9649 11.7203C3.4201 11.9234 3.41998 11.9231 3.4201 11.9234L3.4206 11.9247L3.42118 11.9263L3.42262 11.9301L3.42661 11.9403C3.42977 11.9484 3.43394 11.9588 3.43914 11.9713C3.44956 11.9965 3.46418 12.0304 3.48334 12.0719C3.52161 12.1547 3.57828 12.2682 3.65608 12.4021C3.81124 12.6692 4.0534 13.0223 4.40584 13.3756C5.12 14.0914 6.27196 14.7898 8.00009 14.7898C9.82574 14.7898 11.3236 13.5101 11.6085 11.8955C11.812 10.7422 11.3901 9.55402 10.2665 8.5999H13.8804C14.2117 8.5999 14.4803 8.33127 14.4803 7.9999C14.4803 7.66853 14.2117 7.3999 13.8804 7.3999H8.01411C8.0048 7.39968 7.99551 7.39969 7.98625 7.3999H2.11953C1.78816 7.3999 1.51953 7.66853 1.51953 7.9999C1.51953 8.33127 1.78816 8.5999 2.11953 8.5999Z"
     }
   }]
-}, U6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, U6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "strikethrough-icon",
     ref: n,
     icon: I0
@@ -2733,8 +2733,8 @@ const x0 = {
       }
     }
   ]
-}, z6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, z6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "subscript-icon",
     ref: n,
     icon: x0
@@ -2788,8 +2788,8 @@ const H0 = {
       }
     }
   ]
-}, W6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, W6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "sum-icon",
     ref: n,
     icon: H0
@@ -2834,8 +2834,8 @@ const S0 = {
       }
     }
   ]
-}, Y6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Y6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "superscript-icon",
     ref: n,
     icon: S0
@@ -2864,8 +2864,8 @@ const R0 = {
       d: "M13.7841 1.80029C14.1155 1.80029 14.3841 2.06892 14.3841 2.40029V14.0003C14.3841 14.3317 14.1155 14.6003 13.7841 14.6003C13.4527 14.6003 13.1841 14.3317 13.1841 14.0003V8.60259H7.13467C6.8033 8.60259 6.53467 8.33396 6.53467 8.00259C6.53467 7.67122 6.8033 7.40259 7.13467 7.40259H13.1841V2.40029C13.1841 2.06892 13.4527 1.80029 13.7841 1.80029Z"
     }
   }]
-}, G6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, G6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "truncation-icon",
     ref: n,
     icon: R0
@@ -2894,8 +2894,8 @@ const V0 = {
       d: "M2.66641 13.4663C2.33504 13.4663 2.06641 13.7349 2.06641 14.0663C2.06641 14.3977 2.33504 14.6663 2.66641 14.6663H13.3331C13.6644 14.6663 13.9331 14.3977 13.9331 14.0663C13.9331 13.7349 13.6644 13.4663 13.3331 13.4663H2.66641Z"
     }
   }]
-}, X6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, X6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "underline-icon",
     ref: n,
     icon: V0
@@ -2918,8 +2918,8 @@ const O0 = {
       d: "M4.72365 2.72206C4.97524 2.50641 5.00437 2.12763 4.78872 1.87603C4.57306 1.62444 4.19428 1.59531 3.94269 1.81097L1.61333 3.80761C1.48281 3.91768 1.3999 4.08241 1.3999 4.2665C1.3999 4.41745 1.45564 4.55538 1.54766 4.66083C1.55661 4.67109 1.56594 4.68108 1.57563 4.69077L3.9089 7.02411C4.14321 7.25842 4.52311 7.25843 4.75743 7.02412C4.99175 6.78981 4.99175 6.40991 4.75744 6.17559L3.44839 4.8665H9.36337C11.5909 4.8665 13.3967 6.67229 13.3967 8.89984C13.3967 11.1274 11.5909 12.9332 9.36337 12.9332H3.99937C3.668 12.9332 3.39937 13.2018 3.39937 13.5332C3.39937 13.8645 3.668 14.1332 3.99937 14.1332H9.36337C12.2537 14.1332 14.5967 11.7901 14.5967 8.89984C14.5967 6.00955 12.2537 3.6665 9.36337 3.6665H3.62183L4.72365 2.72206Z"
     }
   }]
-}, q6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, q6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "undo-icon",
     ref: n,
     icon: O0
@@ -2979,8 +2979,8 @@ const $0 = {
       }
     }
   ]
-}, J6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, J6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "unorder-icon",
     ref: n,
     icon: $0
@@ -3019,8 +3019,8 @@ const E0 = {
       }
     }
   ]
-}, Q6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Q6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "vertical-center-icon",
     ref: n,
     icon: E0
@@ -3053,8 +3053,8 @@ const N0 = {
       clipRule: "evenodd"
     }
   }]
-}, K6 = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, K6 = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "vertical-integration-icon",
     ref: n,
     icon: N0
@@ -3085,8 +3085,8 @@ const D0 = {
       clipRule: "evenodd"
     }
   }]
-}, en = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, en = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "vertical-text-icon",
     ref: n,
     icon: D0
@@ -3125,8 +3125,8 @@ const T0 = {
       }
     }
   ]
-}, tn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, tn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "adjust-height-double-icon",
     ref: n,
     icon: T0
@@ -3165,8 +3165,8 @@ const Z0 = {
       }
     }
   ]
-}, nn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, nn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "adjust-width-double-icon",
     ref: n,
     icon: Z0
@@ -3207,8 +3207,8 @@ const A0 = {
       }
     }
   ]
-}, rn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, rn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "auto-height-double-icon",
     ref: n,
     icon: A0
@@ -3249,8 +3249,8 @@ const B0 = {
       }
     }
   ]
-}, on = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, on = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "auto-width-double-icon",
     ref: n,
     icon: B0
@@ -3283,8 +3283,8 @@ const P0 = {
       clipRule: "evenodd"
     }
   }]
-}, sn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, sn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "back-slash-double-icon",
     ref: n,
     icon: P0
@@ -3315,8 +3315,8 @@ const F0 = {
       clipRule: "evenodd"
     }
   }]
-}, ln = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, ln = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "clear-format-double-icon",
     ref: n,
     icon: F0
@@ -3347,8 +3347,8 @@ const k0 = {
       clipRule: "evenodd"
     }
   }]
-}, an = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, an = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "conditions-double-icon",
     ref: n,
     icon: k0
@@ -3381,8 +3381,8 @@ const j0 = {
       clipRule: "evenodd"
     }
   }]
-}, cn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, cn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "copy-double-icon",
     ref: n,
     icon: j0
@@ -3415,8 +3415,8 @@ const U0 = {
       clipRule: "evenodd"
     }
   }]
-}, un = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, un = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "delete-cell-move-down-double-icon",
     ref: n,
     icon: U0
@@ -3449,8 +3449,8 @@ const z0 = {
       clipRule: "evenodd"
     }
   }]
-}, dn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, dn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "delete-cell-shift-left-double-icon",
     ref: n,
     icon: z0
@@ -3483,8 +3483,8 @@ const W0 = {
       clipRule: "evenodd"
     }
   }]
-}, hn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, hn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "delete-cell-shift-right-double-icon",
     ref: n,
     icon: W0
@@ -3517,8 +3517,8 @@ const Y0 = {
       clipRule: "evenodd"
     }
   }]
-}, fn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, fn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "delete-cell-shift-up-double-icon",
     ref: n,
     icon: Y0
@@ -3551,8 +3551,8 @@ const G0 = {
       clipRule: "evenodd"
     }
   }]
-}, Cn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Cn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "delete-column-double-icon",
     ref: n,
     icon: G0
@@ -3585,8 +3585,8 @@ const X0 = {
       clipRule: "evenodd"
     }
   }]
-}, vn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, vn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "delete-row-double-icon",
     ref: n,
     icon: X0
@@ -3660,8 +3660,8 @@ const q0 = {
       }
     }
   ]
-}, gn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, gn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "down-border-double-icon",
     ref: n,
     icon: q0
@@ -3692,8 +3692,8 @@ const J0 = {
       clipRule: "evenodd"
     }
   }]
-}, pn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, pn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "font-color-double-icon",
     ref: n,
     icon: J0
@@ -3726,8 +3726,8 @@ const Q0 = {
       clipRule: "evenodd"
     }
   }]
-}, mn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, mn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "hide-double-icon",
     ref: n,
     icon: Q0
@@ -3815,8 +3815,8 @@ const K0 = {
       }
     }
   ]
-}, bn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, bn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "horizontal-border-double-icon",
     ref: n,
     icon: K0
@@ -3847,8 +3847,8 @@ const e5 = {
       d: "M8.66693 7.33415V2.66748H7.3336V7.33415H2.66693V8.66748H7.3336V13.3341H8.66693V8.66748H13.3336V7.33415H8.66693Z"
     }
   }]
-}, Ln = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Ln = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "inner-border-double-icon",
     ref: n,
     icon: e5
@@ -3881,8 +3881,8 @@ const t5 = {
       clipRule: "evenodd"
     }
   }]
-}, wn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, wn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "insert-cell-down-double-icon",
     ref: n,
     icon: t5
@@ -3915,8 +3915,8 @@ const n5 = {
       clipRule: "evenodd"
     }
   }]
-}, yn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, yn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "insert-cell-shift-right-double-icon",
     ref: n,
     icon: n5
@@ -3945,8 +3945,8 @@ const r5 = {
       d: "M11.0573 7.33327L10.1953 6.47127C10.0703 6.34627 10.0001 6.17672 10.0001 5.99994C10.0001 5.82315 10.0703 5.65361 10.1953 5.52861C10.3203 5.4036 10.4899 5.33337 10.6667 5.33337C10.8434 5.33337 11.013 5.4036 11.138 5.52861L13.138 7.5286C13.2 7.59046 13.2491 7.66393 13.2827 7.74481C13.3162 7.82569 13.3335 7.91238 13.3335 7.99994C13.3335 8.08749 13.3162 8.17419 13.2827 8.25507C13.2491 8.33594 13.2 8.40941 13.138 8.47127L11.138 10.4713C11.0761 10.5332 11.0026 10.5823 10.9217 10.6158C10.8409 10.6493 10.7542 10.6665 10.6667 10.6665C10.5791 10.6665 10.4925 10.6493 10.4116 10.6158C10.3307 10.5823 10.2572 10.5332 10.1953 10.4713C10.1334 10.4094 10.0843 10.3359 10.0508 10.255C10.0173 10.1742 10.0001 10.0875 10.0001 9.99994C10.0001 9.9124 10.0173 9.82573 10.0508 9.74486C10.0843 9.66398 10.1334 9.5905 10.1953 9.52861L11.0573 8.6666L3.33333 8.66661C3.15652 8.66661 2.98695 8.59637 2.86193 8.47134C2.7369 8.34632 2.66666 8.17675 2.66666 7.99994C2.66666 7.82313 2.7369 7.65356 2.86193 7.52853C2.98695 7.40351 3.15652 7.33327 3.33333 7.33327L11.0573 7.33327Z"
     }
   }]
-}, _n = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, _n = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "insert-double-icon",
     ref: n,
     icon: r5
@@ -3979,8 +3979,8 @@ const i5 = {
       clipRule: "evenodd"
     }
   }]
-}, Mn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Mn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "insert-row-above-double-icon",
     ref: n,
     icon: i5
@@ -4013,8 +4013,8 @@ const o5 = {
       clipRule: "evenodd"
     }
   }]
-}, In = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, In = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "insert-row-below-double-icon",
     ref: n,
     icon: o5
@@ -4088,8 +4088,8 @@ const s5 = {
       }
     }
   ]
-}, xn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, xn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "left-border-double-icon",
     ref: n,
     icon: s5
@@ -4120,8 +4120,8 @@ const l5 = {
       clipRule: "evenodd"
     }
   }]
-}, Hn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Hn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "left-double-diagonal-double-icon",
     ref: n,
     icon: l5
@@ -4154,8 +4154,8 @@ const a5 = {
       clipRule: "evenodd"
     }
   }]
-}, Sn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Sn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "left-insert-column-double-icon",
     ref: n,
     icon: a5
@@ -4186,8 +4186,8 @@ const c5 = {
       clipRule: "evenodd"
     }
   }]
-}, Rn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Rn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "left-tridiagonal-double-icon",
     ref: n,
     icon: c5
@@ -4220,8 +4220,8 @@ const u5 = {
       clipRule: "evenodd"
     }
   }]
-}, Vn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Vn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "no-color-double-icon",
     ref: n,
     icon: u5
@@ -4276,8 +4276,8 @@ const d5 = {
       }
     }
   ]
-}, On = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, On = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "outer-border-double-icon",
     ref: n,
     icon: d5
@@ -4318,8 +4318,8 @@ const h5 = {
       }
     }
   ]
-}, $n = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, $n = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "paint-bucket-double-icon",
     ref: n,
     icon: h5
@@ -4360,8 +4360,8 @@ const f5 = {
       }
     }
   ]
-}, En = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, En = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "paste-special-double-icon",
     ref: n,
     icon: f5
@@ -4390,8 +4390,8 @@ const C5 = {
       d: "M10.8142 10.8141C10.5588 11.0695 10.1447 11.0695 9.88929 10.8141L7.97868 8.90354L6.14021 10.742C5.89652 10.9857 5.50142 10.9857 5.25774 10.742C5.01405 10.4983 5.01405 10.1032 5.25774 9.85955L7.09621 8.02107L5.18561 6.11047C4.93021 5.85507 4.93021 5.44098 5.18561 5.18557C5.44101 4.93017 5.8551 4.93017 6.11051 5.18557L8.02111 7.09618L9.85959 5.2577C10.1033 5.01401 10.4984 5.01401 10.7421 5.2577C10.9857 5.50139 10.9857 5.89648 10.7421 6.14017L8.90358 7.97865L10.8142 9.88925C11.0696 10.1447 11.0696 10.5587 10.8142 10.8141Z"
     }
   }]
-}, Nn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Nn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "reduce-double-icon",
     ref: n,
     icon: C5
@@ -4465,8 +4465,8 @@ const v5 = {
       }
     }
   ]
-}, Dn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Dn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "right-border-double-icon",
     ref: n,
     icon: v5
@@ -4497,8 +4497,8 @@ const g5 = {
       clipRule: "evenodd"
     }
   }]
-}, Tn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Tn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "right-double-diagonal-double-icon",
     ref: n,
     icon: g5
@@ -4531,8 +4531,8 @@ const p5 = {
       clipRule: "evenodd"
     }
   }]
-}, Zn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Zn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "right-insert-column-double-icon",
     ref: n,
     icon: p5
@@ -4565,8 +4565,8 @@ const m5 = {
       clipRule: "evenodd"
     }
   }]
-}, An = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, An = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "slash-double-icon",
     ref: n,
     icon: m5
@@ -4640,8 +4640,8 @@ const b5 = {
       }
     }
   ]
-}, Bn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Bn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "up-border-double-icon",
     ref: n,
     icon: b5
@@ -4729,8 +4729,8 @@ const L5 = {
       }
     }
   ]
-}, Pn = H(function(t, n) {
-  return x(R, Object.assign({}, t, {
+}, Pn = S(function(t, n) {
+  return H(R, Object.assign({}, t, {
     id: "vertical-border-double-icon",
     ref: n,
     icon: L5
@@ -4854,7 +4854,7 @@ class M1 extends d1 {
     B(this, "_components", /* @__PURE__ */ new Map());
     B(this, "_componentsReverse", /* @__PURE__ */ new Map());
     B(this, "reactUtils", {
-      createElement: x,
+      createElement: H,
       useEffect: W,
       useRef: J
     });
@@ -4923,10 +4923,10 @@ F3 = new WeakMap(), k3 = new WeakMap(), v3(De, F3, 2147483647), v3(De, k3, -2147
 function o7(e, t, n, r) {
   const i = e.get(N1);
   return new de((o) => {
-    const s = i.focused$.subscribe((C) => {
-      if (C == null || n && n !== C || r && (Array.isArray(r) ? r.includes(C) : r === C))
+    const s = i.focused$.subscribe((f) => {
+      if (f == null || n && n !== f || r && (Array.isArray(r) ? r.includes(f) : r === f))
         return o.next(!0);
-      const v = i.getUnitType(C);
+      const v = i.getUnitType(f);
       o.next(v !== t);
     }), a = i.getFocusedUnit();
     if (a == null)
@@ -4988,7 +4988,7 @@ const I5 = (e) => {
     var o, s;
     return t == null ? "" : r.t((s = (o = n.find((a) => a.value === t)) == null ? void 0 : o.label) != null ? s : "");
   }, [t, n]);
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     "div",
     {
       className: "univer-truncate univer-text-sm",
@@ -4997,7 +4997,7 @@ const I5 = (e) => {
   );
 }, x5 = "UI_PLUGIN_COMMON_LABEL_COMPONENT";
 function L1(e) {
-  const { className: t, title: n, icon: r, label: i, value: o, value$: s } = e, a = P(m1), d = P(M1), [C, v] = z(o), [c, p] = z(""), L = [];
+  const { className: t, title: n, icon: r, label: i, value: o, value$: s } = e, a = P(m1), d = P(M1), [f, v] = z(o), [c, p] = z(""), L = [];
   let M = 0;
   W(() => {
     if (s) {
@@ -5009,7 +5009,7 @@ function L1(e) {
       };
     }
   }, [s]);
-  const O = G(() => o != null ? o : C, [C, o]);
+  const O = G(() => o != null ? o : f, [f, o]);
   W(() => {
     let w = null;
     return Ee(r) ? w = r.subscribe((I) => {
@@ -5022,7 +5022,7 @@ function L1(e) {
   if (r) {
     const w = d.get(c != null ? c : "");
     w && L.push(
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ C(
         w,
         {
           className: "univer-text-base",
@@ -5033,9 +5033,9 @@ function L1(e) {
     );
   }
   if (i) {
-    const w = typeof i == "string", I = w ? { ...e } : { ...i == null ? void 0 : i.props, ...e }, S = w ? i : i == null ? void 0 : i.name, E = d.get(S);
+    const w = typeof i == "string", I = w ? { ...e } : { ...i == null ? void 0 : i.props, ...e }, x = w ? i : i == null ? void 0 : i.name, E = d.get(x);
     E ? L.push(
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ C(
         E,
         {
           ...I,
@@ -5045,24 +5045,24 @@ function L1(e) {
         M++
       )
     ) : L.push(
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ C(
         "span",
         {
           className: t,
-          children: a.t(S)
+          children: a.t(x)
         },
         M++
       )
     );
   }
   return n && L.push(
-    /* @__PURE__ */ f("span", { className: t, children: typeof n == "string" ? a.t(n) : n }, M++)
-  ), /* @__PURE__ */ f(t3, { children: L });
+    /* @__PURE__ */ C("span", { className: t, children: typeof n == "string" ? a.t(n) : n }, M++)
+  ), /* @__PURE__ */ C(t3, { children: L });
 }
 const H5 = (e) => {
   var o, s;
   const { value: t, text: n } = e, r = g2[t], i = P(m1);
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     "span",
     {
       className: K("univer-text-sm", {
@@ -5090,12 +5090,12 @@ function R5(e, t) {
   const n = ee(() => {
     if (!e || !t)
       return;
-    const r = e.style, i = e.getBoundingClientRect(), { y: o, height: s } = i, a = t.getBoundingClientRect(), d = e.scrollHeight > s, C = o < 0 || o + s > a.height;
-    if (!C && !d) {
+    const r = e.style, i = e.getBoundingClientRect(), { y: o, height: s } = i, a = t.getBoundingClientRect(), d = e.scrollHeight > s, f = o < 0 || o + s > a.height;
+    if (!f && !d) {
       r.overflowY = "", r.maxHeight = "";
       return;
     }
-    C && (r.overflowY = "auto", r.maxHeight = o < 0 ? `${e.scrollHeight + o}px` : `${a.height - o}px`);
+    f && (r.overflowY = "auto", r.maxHeight = o < 0 ? `${e.scrollHeight + o}px` : `${a.height - o}px`);
   });
   W(() => {
     if (!B2() || !e || !t) return;
@@ -5116,7 +5116,7 @@ function V5(e) {
 const ye = 116;
 function l7(e) {
   P(m1);
-  const { value: t, min: n = 0, max: r = 400, disabled: i = !1, resetPoint: o = 100, shortcuts: s, onChange: a } = e, d = J(null), [C, v] = z(!1);
+  const { value: t, min: n = 0, max: r = 400, disabled: i = !1, resetPoint: o = 100, shortcuts: s, onChange: a } = e, d = J(null), [f, v] = z(!1);
   function c() {
     i || a && a(o);
   }
@@ -5137,9 +5137,9 @@ function l7(e) {
     if (i) return;
     w.preventDefault();
     const I = d.current;
-    let S = !0;
+    let x = !0;
     function E(D) {
-      if (S) {
+      if (x) {
         let j = D.clientX - I.getBoundingClientRect().x;
         j <= 0 ? j = 0 : j >= ye && (j = ye);
         const Q = j / ye;
@@ -5148,7 +5148,7 @@ function l7(e) {
       }
     }
     function y() {
-      S = !1, document.removeEventListener("pointermove", E), window.removeEventListener("pointerup", y);
+      x = !1, document.removeEventListener("pointermove", E), window.removeEventListener("pointerup", y);
     }
     function N(D) {
       D.relatedTarget === null && y();
@@ -5171,7 +5171,7 @@ function l7(e) {
         "univer-cursor-not-allowed": i
       }),
       children: [
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ C(
           w3,
           {
             className: "univer-size-6 univer-p-0",
@@ -5179,10 +5179,10 @@ function l7(e) {
             variant: "text",
             disabled: t <= n || i,
             onClick: () => p(-10),
-            children: /* @__PURE__ */ f(K3, {})
+            children: /* @__PURE__ */ C(K3, {})
           }
         ),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ C(
           "div",
           {
             className: "univer-relative univer-hidden univer-h-0.5 univer-rounded-2xl univer-bg-gray-400 univer-px-1.5 sm:!univer-block",
@@ -5190,7 +5190,7 @@ function l7(e) {
               width: `${ye}px`
             },
             children: /* @__PURE__ */ q("div", { ref: d, role: "track", className: "univer-relative univer-h-0.5", children: [
-              /* @__PURE__ */ f(
+              /* @__PURE__ */ C(
                 "a",
                 {
                   className: "univer-absolute univer-left-1/2 univer-top-1/2 univer-box-border univer-block univer-h-0.5 univer-w-0.5 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-cursor-pointer univer-rounded-full univer-bg-white",
@@ -5199,7 +5199,7 @@ function l7(e) {
                 },
                 "reset-button"
               ),
-              /* @__PURE__ */ f(
+              /* @__PURE__ */ C(
                 "button",
                 {
                   className: K("univer-absolute univer-top-[calc(50%-6px)] univer-size-3 -univer-translate-x-1/2 univer-rounded-full univer-border-none univer-bg-white univer-shadow univer-transition-colors", {
@@ -5217,7 +5217,7 @@ function l7(e) {
             ] })
           }
         ),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ C(
           w3,
           {
             className: "univer-size-6 univer-p-0",
@@ -5225,15 +5225,15 @@ function l7(e) {
             variant: "text",
             disabled: t >= r || i,
             onClick: () => p(10),
-            children: /* @__PURE__ */ f(m6, {})
+            children: /* @__PURE__ */ C(m6, {})
           }
         ),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ C(
           V3,
           {
             align: "end",
             items: _,
-            open: C,
+            open: f,
             onOpenChange: v,
             children: /* @__PURE__ */ q(
               w3,
@@ -5370,10 +5370,10 @@ N3 = E5([
   N5(0, Y1)
 ], N3);
 const D5 = ({ id: e, value: t, disabled$: n }) => {
-  const r = r1(n), i = P(F1), o = P(m1), s = P(et), [a, d] = z(""), [C, v] = z([]);
+  const r = r1(n), i = P(F1), o = P(m1), s = P(et), [a, d] = z(""), [f, v] = z([]);
   W(() => {
-    const I = s.fonts$.subscribe((S) => {
-      v(S);
+    const I = s.fonts$.subscribe((x) => {
+      v(x);
     });
     return () => {
       I.unsubscribe();
@@ -5381,9 +5381,9 @@ const D5 = ({ id: e, value: t, disabled$: n }) => {
   }, []);
   const c = G(() => {
     if (t == null) return "";
-    let I = o.t(`fontFamily.${`${t != null ? t : ""}`.replace(/\s/g, "")}`);
-    return I.startsWith("fontFamily.") && typeof t == "string" && (I = t.split(",")[0]), I;
-  }, [t]);
+    const I = `${t != null ? t : ""}`.replace(/\s/g, ""), x = f.find((E) => E.value === I);
+    return x ? o.t(x.label) : I;
+  }, [t, f]);
   G(() => {
     d(c);
   }, [t]);
@@ -5404,7 +5404,7 @@ const D5 = ({ id: e, value: t, disabled$: n }) => {
       p();
       return;
     }
-    const I = C.find((S) => S.value.toLowerCase() === a.trim().toLowerCase());
+    const I = f.find((x) => x.value.toLowerCase() === a.trim().toLowerCase());
     if (!I) {
       p();
       return;
@@ -5414,12 +5414,12 @@ const D5 = ({ id: e, value: t, disabled$: n }) => {
   function w(I) {
     i.executeCommand(e, { value: I });
   }
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     "div",
     {
       className: "univer-w-32 univer-truncate univer-text-sm",
       style: { fontFamily: t },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ C(
         "input",
         {
           className: "univer-block univer-h-6 univer-border-none univer-bg-transparent univer-leading-6 focus:univer-outline-none dark:!univer-text-white [&_input:focus]:!univer-ring-0 [&_input]:univer-h-6 [&_input]:univer-w-7 [&_input]:univer-border-none [&_input]:!univer-bg-transparent [&_input]:univer-p-0 [&_input]:univer-text-sm",
@@ -5436,8 +5436,8 @@ const D5 = ({ id: e, value: t, disabled$: n }) => {
 }, T5 = ({ id: e, value: t }) => {
   const n = P(F1), r = P(et), [i, o] = z([]);
   W(() => {
-    const d = r.fonts$.subscribe((C) => {
-      o(C);
+    const d = r.fonts$.subscribe((f) => {
+      o(f);
     });
     return () => {
       d.unsubscribe();
@@ -5447,12 +5447,12 @@ const D5 = ({ id: e, value: t, disabled$: n }) => {
   function a(d) {
     n.executeCommand(e, { value: d });
   }
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     "ul",
     {
       className: "univer-m-0 univer-list-none univer-p-0 univer-text-sm",
       style: { fontFamily: t },
-      children: i.map((d) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ q(
+      children: i.map((d) => /* @__PURE__ */ C("li", { children: /* @__PURE__ */ q(
         "button",
         {
           className: "univer-flex univer-h-7 univer-w-full univer-appearance-none univer-items-center univer-justify-between univer-gap-6 univer-rounded univer-border-none univer-bg-transparent univer-px-2 hover:univer-bg-gray-100 dark:!univer-text-white dark:hover:!univer-bg-gray-700",
@@ -5463,7 +5463,7 @@ const D5 = ({ id: e, value: t, disabled$: n }) => {
           onClick: () => a(d.value),
           children: [
             s.t(d.label),
-            !r.isFontSupported(d.value) && /* @__PURE__ */ f(Y3, { title: s.t("fontFamily.not-supported"), children: /* @__PURE__ */ f(
+            !r.isFontSupported(d.value) && /* @__PURE__ */ C(Y3, { title: s.t("fontFamily.not-supported"), children: /* @__PURE__ */ C(
               b6,
               {
                 className: "univer-text-gray-300 dark:!univer-text-gray-400"
@@ -5475,18 +5475,18 @@ const D5 = ({ id: e, value: t, disabled$: n }) => {
     }
   );
 }, Z5 = "UI_FONT_FAMILY_COMPONENT", A5 = "UI_FONT_FAMILY_ITEM_COMPONENT", B5 = (e) => {
-  const { value: t, min: n, max: r, onChange: i, disabled$: o } = e, s = r1(o), [a, d] = z(Number(t != null ? t : 0)), C = G(() => Number(t != null ? t : a), [t]);
+  const { value: t, min: n, max: r, onChange: i, disabled$: o } = e, s = r1(o), [a, d] = z(Number(t != null ? t : 0)), f = G(() => Number(t != null ? t : a), [t]);
   function v(p) {
     p !== null && d(p);
   }
   function c(p) {
     p.stopPropagation(), p.code === "Enter" && i(a.toString());
   }
-  return /* @__PURE__ */ f("div", { className: "univer-h-6 univer-w-7 univer-text-sm", children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ C("div", { className: "univer-h-6 univer-w-7 univer-text-sm", children: /* @__PURE__ */ C(
     F2,
     {
       className: "univer-block univer-h-6 univer-border-none univer-bg-transparent univer-leading-6 [&_input:focus]:!univer-ring-0 [&_input]:univer-h-6 [&_input]:univer-w-7 [&_input]:univer-border-none [&_input]:!univer-bg-transparent [&_input]:univer-p-0 [&_input]:univer-text-sm",
-      value: C,
+      value: f,
       controls: !1,
       min: n,
       max: r,
@@ -5622,35 +5622,35 @@ function F5(e) {
   return t.current = e, t;
 }
 const f7 = (e, t) => {
-  const { containerTarget: n, itemHeight: r, overscan: i = 5 } = t, o = F5(r), [s, a] = z(null), d = J(!1), [C, v] = z([]), [c, p] = z({ height: void 0, marginTop: void 0 }), L = (S, E) => {
+  const { containerTarget: n, itemHeight: r, overscan: i = 5 } = t, o = F5(r), [s, a] = z(null), d = J(!1), [f, v] = z([]), [c, p] = z({ height: void 0, marginTop: void 0 }), L = (x, E) => {
     if (typeof o.current == "number")
-      return Math.ceil(S / o.current);
+      return Math.ceil(x / o.current);
     let y = 0, N = 0;
     for (let D = E; D < e.length; D++) {
       const k = o.current(D, e[D]);
-      if (y += k, N = D, y >= S)
+      if (y += k, N = D, y >= x)
         break;
     }
     return N - E;
-  }, M = (S) => {
+  }, M = (x) => {
     if (At(o.current))
-      return Math.floor(S / o.current);
+      return Math.floor(x / o.current);
     let E = 0, y = 0;
     for (let N = 0; N < e.length; N++) {
       const D = o.current(N, e[N]);
-      if (E += D, E >= S) {
+      if (E += D, E >= x) {
         y = N;
         break;
       }
     }
     return y + 1;
-  }, O = (S) => typeof o.current == "number" ? S * o.current : e.slice(0, S).reduce((y, N, D) => y + o.current(D, e[D]), 0), _ = G(() => At(o.current) ? e.length * o.current : e.reduce(
-    (S, E, y) => S + o.current(y, e[y]),
+  }, O = (x) => typeof o.current == "number" ? x * o.current : e.slice(0, x).reduce((y, N, D) => y + o.current(D, e[D]), 0), _ = G(() => At(o.current) ? e.length * o.current : e.reduce(
+    (x, E, y) => x + o.current(y, e[y]),
     0
   ), [e]), w = () => {
-    const S = n.current;
-    if (S) {
-      const { scrollTop: E, clientHeight: y } = S, N = M(E), D = L(y, N), k = Math.max(0, N - i), j = Math.min(e.length, N + D + i), Q = O(k);
+    const x = n.current;
+    if (x) {
+      const { scrollTop: E, clientHeight: y } = x, N = M(E), D = L(y, N), k = Math.max(0, N - i), j = Math.min(e.length, N + D + i), Q = O(k);
       p({
         height: `${_ - Q}px`,
         marginTop: `${Q}px`
@@ -5664,12 +5664,12 @@ const f7 = (e, t) => {
   };
   return W(() => {
     if (n.current) {
-      const S = () => {
+      const x = () => {
         const y = n.current.clientWidth, N = n.current.clientHeight;
         (y !== (s == null ? void 0 : s.width) || N !== (s == null ? void 0 : s.height)) && a({ width: y, height: N });
       };
-      S();
-      const E = new ResizeObserver(S);
+      x();
+      const E = new ResizeObserver(x);
       return E.observe(n.current), () => {
         E.disconnect();
       };
@@ -5677,20 +5677,20 @@ const f7 = (e, t) => {
   }, []), W(() => {
     !(s != null && s.width) || !(s != null && s.height) || w();
   }, [s == null ? void 0 : s.width, s == null ? void 0 : s.height, e]), [
-    C,
+    f,
     {
       wrapperStyle: c,
-      scrollTo: ee((S) => {
+      scrollTo: ee((x) => {
         const E = n.current;
-        E && (d.current = !0, E.scrollTop = O(S), w());
+        E && (d.current = !0, E.scrollTop = O(x), w());
       }),
       containerProps: {
-        onScroll: (S) => {
+        onScroll: (x) => {
           if (d.current) {
             d.current = !1;
             return;
           }
-          S.preventDefault(), w();
+          x.preventDefault(), w();
         }
       }
     }
@@ -6056,23 +6056,23 @@ function G5(e) {
   const { item: t, onOptionSelect: n } = e, [r, i] = z([]), o = P(M1), s = P(m1);
   return W(() => {
     if (!t.children) return;
-    const a = t.children.map((C) => {
+    const a = t.children.map((f) => {
       var v, c;
-      return b2((c = (v = C.item) == null ? void 0 : v.activated$) != null ? c : Ce(!1), !1);
-    }), d = W1(a).subscribe((C) => {
-      const v = C.map((c, p) => ({ actived: c, item: t.children[p].item.id })).filter((c) => c.actived);
+      return b2((c = (v = f.item) == null ? void 0 : v.activated$) != null ? c : Ce(!1), !1);
+    }), d = W1(a).subscribe((f) => {
+      const v = f.map((c, p) => ({ actived: c, item: t.children[p].item.id })).filter((c) => c.actived);
       v.length === 0 ? i([]) : i(v.map((c) => c.item));
     });
     return () => {
-      d.unsubscribe(), a.forEach((C) => {
-        C.complete();
+      d.unsubscribe(), a.forEach((f) => {
+        f.complete();
       });
     };
-  }, [t]), t.children ? /* @__PURE__ */ f(
+  }, [t]), t.children ? /* @__PURE__ */ C(
     k2,
     {
       items: t.children.map((a) => {
-        var d, C;
+        var d, f;
         return {
           key: a.key,
           onClick: () => {
@@ -6087,7 +6087,7 @@ function G5(e) {
           },
           className: "",
           Icon: o.get(a.item.icon),
-          active: r.includes((C = (d = a.item) == null ? void 0 : d.id) != null ? C : "")
+          active: r.includes((f = (d = a.item) == null ? void 0 : d.id) != null ? f : "")
         };
       })
     }
@@ -6095,14 +6095,14 @@ function G5(e) {
 }
 const ce = "univer-inline-flex univer-gap-2 univer-items-center", kt = "univer-size-3.5 univer-text-gray-900 dark:!univer-text-white";
 function kn(e) {
-  const { menuType: t, onOptionSelect: n } = e, r = P(m1), i = P(D1), o = G(() => t ? i.getMenuByPositionKey(t) : [], [t, i]), [s, a] = z({}), d = G(() => o.filter((C) => {
+  const { menuType: t, onOptionSelect: n } = e, r = P(m1), i = P(D1), o = G(() => t ? i.getMenuByPositionKey(t) : [], [t, i]), [s, a] = z({}), d = G(() => o.filter((f) => {
     var c;
-    if (!C.children) return C;
-    const v = ((c = C.key) == null ? void 0 : c.toString()) || "";
+    if (!f.children) return f;
+    const v = ((c = f.key) == null ? void 0 : c.toString()) || "";
     return !s[v];
   }), [o, s]);
   return W(() => {
-    const C = o.map((v) => {
+    const f = o.map((v) => {
       if (!v.children) return null;
       const c = v.children.map((p) => {
         var L, M;
@@ -6117,20 +6117,20 @@ function kn(e) {
       });
     });
     return () => {
-      C.forEach((v) => v == null ? void 0 : v.unsubscribe()), a({});
+      f.forEach((v) => v == null ? void 0 : v.unsubscribe()), a({});
     };
-  }, [o]), t ? d && d.map((C) => {
+  }, [o]), t ? d && d.map((f) => {
     var v;
-    return C.item ? /* @__PURE__ */ f(
+    return f.item ? /* @__PURE__ */ C(
       jt,
       {
-        menuItem: C.item,
+        menuItem: f.item,
         onClick: (c) => {
-          n == null || n({ value: "", label: C.key, ...c });
+          n == null || n({ value: "", label: f.key, ...c });
         }
       },
-      C.key
-    ) : (v = C.children) != null && v.length ? C.key === l1.QUICK ? /* @__PURE__ */ f(G5, { item: C, onOptionSelect: n }, C.key) : /* @__PURE__ */ f($3, { eventKey: C.key, title: C.title ? r.t(C.title) : void 0, children: C.children.map((c) => c.item && /* @__PURE__ */ f(
+      f.key
+    ) : (v = f.children) != null && v.length ? f.key === l1.QUICK ? /* @__PURE__ */ C(G5, { item: f, onOptionSelect: n }, f.key) : /* @__PURE__ */ C($3, { eventKey: f.key, title: f.title ? r.t(f.title) : void 0, children: f.children.map((c) => c.item && /* @__PURE__ */ C(
       jt,
       {
         menuItem: c.item,
@@ -6139,7 +6139,7 @@ function kn(e) {
         }
       },
       c.key
-    )) }, C.key) : null;
+    )) }, f.key) : null;
   }) : null;
 }
 function jn(e) {
@@ -6147,7 +6147,7 @@ function jn(e) {
   const { options: t, value: n, onOptionSelect: r, parentKey: i } = e;
   return (o = t == null ? void 0 : t.map((s, a) => {
     var p, L, M;
-    const d = `${i}-${(p = s.label) != null ? p : s.id}-${a}`, C = (O) => {
+    const d = `${i}-${(p = s.label) != null ? p : s.id}-${a}`, f = (O) => {
       r == null || r({ value: O, label: s == null ? void 0 : s.label, commandId: s == null ? void 0 : s.commandId });
     }, v = () => {
       typeof s.value > "u" || r == null || r({
@@ -6156,22 +6156,22 @@ function jn(e) {
     }, c = K({
       "univer-bg-none": typeof s.label != "string" && !((L = s.label) != null && L.hoverable)
     });
-    return /* @__PURE__ */ f(O3, { disabled: s.disabled, eventKey: d, className: c, onClick: v, children: /* @__PURE__ */ q(
+    return /* @__PURE__ */ C(O3, { disabled: s.disabled, eventKey: d, className: c, onClick: v, children: /* @__PURE__ */ q(
       "span",
       {
         className: K(ce, {
           "univer-relative univer-pl-5": !(typeof s.label != "string" && !((M = s.label) != null && M.hoverable))
         }),
         children: [
-          typeof n < "u" && String(n) === String(s.value) && /* @__PURE__ */ f("span", { className: "univer-absolute univer-left-0 univer-inline-flex univer-items-center", children: /* @__PURE__ */ f(X3, { className: "univer-text-primary-600" }) }),
-          /* @__PURE__ */ f(
+          typeof n < "u" && String(n) === String(s.value) && /* @__PURE__ */ C("span", { className: "univer-absolute univer-left-0 univer-inline-flex univer-items-center", children: /* @__PURE__ */ C(X3, { className: "univer-text-primary-600" }) }),
+          /* @__PURE__ */ C(
             L1,
             {
               value$: s.value$,
               value: s.value,
               label: s.label,
               icon: s.icon,
-              onChange: C
+              onChange: f
             }
           )
         ]
@@ -6192,14 +6192,14 @@ const X5 = (e) => {
       ref: a,
       selectable: !1,
       children: [
-        /* @__PURE__ */ f(jn, { ...r }),
-        /* @__PURE__ */ f(kn, { ...r })
+        /* @__PURE__ */ C(jn, { ...r }),
+        /* @__PURE__ */ C(kn, { ...r })
       ]
     }
   );
 };
 function jt({ menuItem: e, onClick: t }) {
-  const n = P(D1), r = r1(e.disabled$, !1), i = r1(e.activated$, !1), o = r1(e.hidden$, !1), s = r1(e.value$), a = e, d = r1(Ee(a.selections) ? a.selections : void 0), [C, v] = z(s);
+  const n = P(D1), r = r1(e.disabled$, !1), i = r1(e.activated$, !1), o = r1(e.hidden$, !1), s = r1(e.value$), a = e, d = r1(Ee(a.selections) ? a.selections : void 0), [f, v] = z(s);
   if (W(() => {
     v(s);
   }, [s]), o)
@@ -6209,7 +6209,7 @@ function jt({ menuItem: e, onClick: t }) {
     v(w);
   }, p = () => {
     const _ = e, { title: w, label: I } = _;
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ C(
       O3,
       {
         eventKey: _.id,
@@ -6218,9 +6218,9 @@ function jt({ menuItem: e, onClick: t }) {
           "univer-bg-gray-200": i
         }),
         onClick: () => {
-          t({ commandId: _.commandId, value: C, id: _.id });
+          t({ commandId: _.commandId, value: f, id: _.id });
         },
-        children: /* @__PURE__ */ f("span", { className: ce, children: /* @__PURE__ */ f(
+        children: /* @__PURE__ */ C("span", { className: ce, children: /* @__PURE__ */ C(
           L1,
           {
             value: s,
@@ -6236,17 +6236,17 @@ function jt({ menuItem: e, onClick: t }) {
   }, L = () => {
     var w;
     const _ = (w = d != null ? d : a.selections) != null ? w : [];
-    return _.length > 0 ? /* @__PURE__ */ f(
+    return _.length > 0 ? /* @__PURE__ */ C(
       Dt,
       {
         eventKey: a.id,
         popupOffset: [18, 0],
         title: /* @__PURE__ */ q("span", { className: ce, children: [
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ C(
             L1,
             {
               title: a.title,
-              value: C,
+              value: f,
               onChange: c,
               icon: a.icon,
               label: a.label
@@ -6254,8 +6254,8 @@ function jt({ menuItem: e, onClick: t }) {
           ),
           a.shortcut && ` (${a.shortcut})`
         ] }),
-        expandIcon: /* @__PURE__ */ f(E3, { className: kt }),
-        children: /* @__PURE__ */ f($3, { children: _.length > 0 && /* @__PURE__ */ f(
+        expandIcon: /* @__PURE__ */ C(E3, { className: kt }),
+        children: /* @__PURE__ */ C($3, { children: _.length > 0 && /* @__PURE__ */ C(
           jn,
           {
             parentKey: a.id,
@@ -6268,12 +6268,12 @@ function jt({ menuItem: e, onClick: t }) {
         ) })
       },
       a.id
-    ) : /* @__PURE__ */ f(O3, { eventKey: a.id, children: /* @__PURE__ */ q("span", { className: ce, children: [
-      /* @__PURE__ */ f(
+    ) : /* @__PURE__ */ C(O3, { eventKey: a.id, children: /* @__PURE__ */ q("span", { className: ce, children: [
+      /* @__PURE__ */ C(
         L1,
         {
           title: a.title,
-          value: C,
+          value: f,
           icon: a.icon,
           label: a.label,
           onChange: c
@@ -6283,14 +6283,14 @@ function jt({ menuItem: e, onClick: t }) {
     ] }) }, a.id);
   }, M = e.id ? n.getMenuByPositionKey(e.id) : [], O = () => {
     const _ = e;
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ C(
       Dt,
       {
         eventKey: _.id,
         popupOffset: [18, 0],
-        title: /* @__PURE__ */ f("span", { className: ce, children: /* @__PURE__ */ f(L1, { title: _.title, icon: _.icon, label: _.label, onChange: c }) }),
-        expandIcon: /* @__PURE__ */ f(E3, { className: kt }),
-        children: /* @__PURE__ */ f($3, { children: M.length && /* @__PURE__ */ f(kn, { menuType: _.id, parentKey: _.id, onOptionSelect: t }) })
+        title: /* @__PURE__ */ C("span", { className: ce, children: /* @__PURE__ */ C(L1, { title: _.title, icon: _.icon, label: _.label, onChange: c }) }),
+        expandIcon: /* @__PURE__ */ C(E3, { className: kt }),
+        children: /* @__PURE__ */ C($3, { children: M.length && /* @__PURE__ */ C(kn, { menuType: _.id, parentKey: _.id, onOptionSelect: t }) })
       },
       _.id
     );
@@ -6302,7 +6302,7 @@ function jt({ menuItem: e, onClick: t }) {
   ] });
 }
 function v7(e) {
-  const { barColor: t, progress: n, onTerminate: r, onClearProgress: i } = e, { count: o, done: s, label: a = "" } = n, d = J(null), [C, v] = z(!1);
+  const { barColor: t, progress: n, onTerminate: r, onClearProgress: i } = e, { count: o, done: s, label: a = "" } = n, d = J(null), [f, v] = z(!1);
   return W(() => {
     const c = d.current;
     if (o === 0 && s === 0) {
@@ -6327,12 +6327,12 @@ function v7(e) {
     "div",
     {
       className: K("univer-mx-2 univer-flex univer-items-center univer-gap-2", {
-        "univer-flex": C,
-        "univer-hidden univer-w-0": !C
+        "univer-flex": f,
+        "univer-hidden univer-w-0": !f
       }),
       children: [
-        /* @__PURE__ */ f(Y3, { showIfEllipsis: !0, title: a, children: /* @__PURE__ */ f("span", { className: "univer-w-24 univer-truncate univer-text-right univer-text-xs", children: a }) }),
-        /* @__PURE__ */ f("div", { className: "univer-h-1 univer-w-40 univer-overflow-hidden univer-rounded-lg univer-bg-gray-200", children: /* @__PURE__ */ f(
+        /* @__PURE__ */ C(Y3, { showIfEllipsis: !0, title: a, children: /* @__PURE__ */ C("span", { className: "univer-w-24 univer-truncate univer-text-right univer-text-xs", children: a }) }),
+        /* @__PURE__ */ C("div", { className: "univer-h-1 univer-w-40 univer-overflow-hidden univer-rounded-lg univer-bg-gray-200", children: /* @__PURE__ */ C(
           "div",
           {
             ref: d,
@@ -6342,13 +6342,13 @@ function v7(e) {
             }
           }
         ) }),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ C(
           "button",
           {
             className: "univer-flex univer-size-4 univer-cursor-pointer univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-p-0 hover:univer-opacity-50",
             type: "button",
             onClick: r,
-            children: /* @__PURE__ */ f(
+            children: /* @__PURE__ */ C(
               q3,
               {
                 className: "univer-size-3.5 dark:!univer-text-white"
@@ -6574,8 +6574,8 @@ let Pe = class extends d1 {
     r ? r.add(t) : this._shortCutMapping.set(n, /* @__PURE__ */ new Set([t]));
     const i = t.id, o = this._commandIDMapping.get(i);
     return o ? o.add(t) : this._commandIDMapping.set(i, /* @__PURE__ */ new Set([t])), this._emitShortcutChanged(), c1(() => {
-      var s, a, d, C;
-      (s = this._shortCutMapping.get(n)) == null || s.delete(t), ((a = this._shortCutMapping.get(n)) == null ? void 0 : a.size) === 0 && this._shortCutMapping.delete(n), (d = this._commandIDMapping.get(i)) == null || d.delete(t), ((C = this._commandIDMapping.get(i)) == null ? void 0 : C.size) === 0 && this._commandIDMapping.delete(i), this._emitShortcutChanged();
+      var s, a, d, f;
+      (s = this._shortCutMapping.get(n)) == null || s.delete(t), ((a = this._shortCutMapping.get(n)) == null ? void 0 : a.size) === 0 && this._shortCutMapping.delete(n), (d = this._commandIDMapping.get(i)) == null || d.delete(t), ((f = this._commandIDMapping.get(i)) == null ? void 0 : f.size) === 0 && this._commandIDMapping.delete(i), this._emitShortcutChanged();
     });
   }
   getShortcutDisplayOfCommand(t) {
@@ -6702,11 +6702,11 @@ ne = li([
 ], ne);
 function fi() {
   const e = P(ge), t = P(m1), n = r1(t.currentLocale$), [r, i] = z([]), o = Ke(() => {
-    var C;
+    var f;
     const s = /* @__PURE__ */ new Map(), a = e.getAllShortcuts().filter((v) => !!v.group);
     for (const v of a) {
       const c = v.group, p = {
-        title: t.t((C = v.description) != null ? C : v.id),
+        title: t.t((f = v.description) != null ? f : v.id),
         shortcut: e.getShortcutDisplay(v)
       };
       if (!/\d+_[a-zA-Z0-9]/.test(c))
@@ -6727,13 +6727,13 @@ function fi() {
     o();
     const s = e.shortcutChanged$.subscribe(() => o());
     return () => s.unsubscribe();
-  }, [e, o]), /* @__PURE__ */ f(
+  }, [e, o]), /* @__PURE__ */ C(
     "ul",
     {
       className: "univer-m-0 univer-list-none univer-p-0 univer-text-gray-900 dark:!univer-text-white",
       children: r.map((s) => /* @__PURE__ */ q("li", { children: [
-        /* @__PURE__ */ f("div", { className: "univer-flex univer-h-10 univer-items-center univer-text-sm univer-font-semibold", children: s.name }),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ C("div", { className: "univer-flex univer-h-10 univer-items-center univer-text-sm univer-font-semibold", children: s.name }),
+        /* @__PURE__ */ C(
           "ul",
           {
             className: K("univer-list-none univer-p-0", W2),
@@ -6742,8 +6742,8 @@ function fi() {
               {
                 className: "univer-flex univer-h-10 univer-items-center univer-justify-between univer-py-0.5 univer-text-sm last:univer-border-b-0",
                 children: [
-                  /* @__PURE__ */ f("span", { className: "univer-line-clamp-2", children: a.title }),
-                  a.shortcut && /* @__PURE__ */ f(z2, { keyboard: a.shortcut })
+                  /* @__PURE__ */ C("span", { className: "univer-line-clamp-2", children: a.title }),
+                  a.shortcut && /* @__PURE__ */ C(z2, { keyboard: a.shortcut })
                 ]
               },
               `${a.title}-${a.shortcut}`
@@ -6842,16 +6842,16 @@ const pi = M9((e) => {
   var w, I;
   const { layer: t, id: n } = e, r = G(() => t.position$.pipe(
     y9(
-      (S, E) => S.absolute.left === E.absolute.left && S.absolute.top === E.absolute.top && S.endX - S.startX === E.endX - E.startX && S.endY - S.startY === E.endY - E.startY
+      (x, E) => x.absolute.left === E.absolute.left && x.absolute.top === E.absolute.top && x.endX - x.startX === E.endX - E.startX && x.endY - x.startY === E.endY - E.startY
     )
-  ), [t.position$]), i = P(N1), o = r1(G(() => t.position$.pipe($2()), [t.position$])), s = J(null), a = J(null), d = J(`transform: rotate(${o == null ? void 0 : o.rotate}deg) translate(${o == null ? void 0 : o.startX}px, ${o == null ? void 0 : o.startY}px)`), C = J((w = o == null ? void 0 : o.startY) != null ? w : 0), v = J((I = o == null ? void 0 : o.startX) != null ? I : 0), c = J({}), p = typeof t.componentKey == "string" ? P(M1).get(t.componentKey) : t.componentKey, L = G(() => ({
+  ), [t.position$]), i = P(N1), o = r1(G(() => t.position$.pipe($2()), [t.position$])), s = J(null), a = J(null), d = J(`transform: rotate(${o == null ? void 0 : o.rotate}deg) translate(${o == null ? void 0 : o.startX}px, ${o == null ? void 0 : o.startY}px)`), f = J((w = o == null ? void 0 : o.startY) != null ? w : 0), v = J((I = o == null ? void 0 : o.startX) != null ? I : 0), c = J({}), p = typeof t.componentKey == "string" ? P(M1).get(t.componentKey) : t.componentKey, L = G(() => ({
     data: t.data,
     ...t.props
   }), [t.data, t.props]);
   W(() => {
-    const S = t.position$.subscribe((y) => {
+    const x = t.position$.subscribe((y) => {
       var N;
-      d.current = `rotate(${y.rotate}deg)`, C.current = y.startY, v.current = y.startX, s.current && (s.current.style.transform = d.current, s.current.style.top = `${C.current}px`, s.current.style.left = `${v.current}px`, s.current.style.opacity = `${(N = y.opacity) != null ? N : 1}`);
+      d.current = `rotate(${y.rotate}deg)`, f.current = y.startY, v.current = y.startX, s.current && (s.current.style.transform = d.current, s.current.style.top = `${f.current}px`, s.current.style.left = `${v.current}px`, s.current.style.opacity = `${(N = y.opacity) != null ? N : 1}`);
     }), E = r.subscribe((y) => {
       if (s.current && (s.current.style.width = `${Math.max(y.endX - y.startX - 2, 0)}px`, s.current.style.height = `${Math.max(y.endY - y.startY - 2, 0)}px`), a.current) {
         const N = {
@@ -6866,10 +6866,10 @@ const pi = M9((e) => {
       }
     });
     return () => {
-      S.unsubscribe(), E.unsubscribe();
+      x.unsubscribe(), E.unsubscribe();
     };
   }, [t.position$, r]);
-  const M = i.getUnit(t.unitId), O = M instanceof d9 ? M.getDisabled() : void 0, _ = G(() => p ? /* @__PURE__ */ f(
+  const M = i.getUnit(t.unitId), O = M instanceof d9 ? M.getDisabled() : void 0, _ = G(() => p ? /* @__PURE__ */ C(
     p,
     {
       ...L,
@@ -6882,14 +6882,14 @@ const pi = M9((e) => {
       }
     }
   ) : null, [p, L]);
-  return o ? /* @__PURE__ */ f(
+  return o ? /* @__PURE__ */ C(
     "div",
     {
       ref: s,
       className: "univer-z-10",
       style: {
         position: "absolute",
-        top: C.current,
+        top: f.current,
         left: v.current,
         width: Math.max(o.endX - o.startX - 2, 0),
         height: Math.max(o.endY - o.startY - 2, 0),
@@ -6897,19 +6897,19 @@ const pi = M9((e) => {
         overflow: "hidden",
         transformOrigin: "center center"
       },
-      onPointerMove: (S) => {
-        t.onPointerMove(S.nativeEvent);
+      onPointerMove: (x) => {
+        t.onPointerMove(x.nativeEvent);
       },
-      onPointerDown: (S) => {
-        t.onPointerDown(S.nativeEvent);
+      onPointerDown: (x) => {
+        t.onPointerDown(x.nativeEvent);
       },
-      onPointerUp: (S) => {
-        t.onPointerUp(S.nativeEvent);
+      onPointerUp: (x) => {
+        t.onPointerUp(x.nativeEvent);
       },
-      onWheel: (S) => {
-        t.onWheel(S.nativeEvent);
+      onWheel: (x) => {
+        t.onWheel(x.nativeEvent);
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ C(
         "div",
         {
           id: n,
@@ -6926,7 +6926,7 @@ const pi = M9((e) => {
   const t = P(N1), n = P(rt), r = r1(n.domLayers$), i = r1(t.focused$), o = e || i;
   return (s = r == null ? void 0 : r.filter((a) => a[1].unitId === o)) == null ? void 0 : s.map((a) => {
     var d;
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ C(
       pi,
       {
         id: (d = a[1].domId) != null ? d : a[0],
@@ -6974,9 +6974,9 @@ class Kn extends d1 {
 }
 const er = I9({ current: void 0 }), J1 = 8;
 function tr(e) {
-  const { position: t, width: n, height: r, containerHeight: i, containerWidth: o, direction: s = "vertical", noPushMinimumGap: a = !1 } = e, d = a ? -1 / 0 : J1, C = a ? 1 / 0 : i - r - J1, v = a ? -1 / 0 : J1, c = a ? 1 / 0 : o - n - J1;
+  const { position: t, width: n, height: r, containerHeight: i, containerWidth: o, direction: s = "vertical", noPushMinimumGap: a = !1 } = e, d = a ? -1 / 0 : J1, f = a ? 1 / 0 : i - r - J1, v = a ? -1 / 0 : J1, c = a ? 1 / 0 : o - n - J1;
   if (s === "vertical" || s.indexOf("top") === 0 || s.indexOf("bottom") === 0) {
-    const { left: I, top: S, right: E, bottom: y } = t, N = s === "vertical" && y > C || s.indexOf("top") > -1 ? { top: Math.max(Math.min(S - r, C), d) } : { top: Math.max(Math.min(y, C), d) };
+    const { left: I, top: x, right: E, bottom: y } = t, N = s === "vertical" && y > f || s.indexOf("top") > -1 ? { top: Math.max(Math.min(x - r, f), d) } : { top: Math.max(Math.min(y, f), d) };
     let D;
     if (s.includes("center")) {
       const j = (E - I - n) / 2;
@@ -6987,13 +6987,13 @@ function tr(e) {
   const { left: p, top: L, right: M, bottom: O } = t, _ = s.includes("left") ? { left: Math.max(Math.min(p - n, c), v) } : { left: Math.max(Math.min(M, c), v) };
   let w;
   if (s.includes("center")) {
-    const S = (O - L - r) / 2;
-    w = Math.max(L + S, d) + r > i ? { top: Math.max(Math.min(C, O - r - S), d) } : { top: Math.max(d, Math.min(L + S, C)) };
+    const x = (O - L - r) / 2;
+    w = Math.max(L + x, d) + r > i ? { top: Math.max(Math.min(f, O - r - x), d) } : { top: Math.max(d, Math.min(L + x, f)) };
   } else s.includes("top") ? w = {
-    top: Math.max(Math.min(L, C), d)
+    top: Math.max(Math.min(L, f), d)
   } : s.includes("bottom") ? w = {
-    top: Math.max(Math.min(O - r, C), d)
-  } : w = L + r > i ? Math.max(O - r, d) < J1 ? { top: Math.max(Math.min(L, C), d) } : { top: Math.max(Math.min(O - r, C), d) } : { top: Math.max(Math.min(L, C), d) };
+    top: Math.max(Math.min(O - r, f), d)
+  } : w = L + r > i ? Math.max(O - r, d) < J1 ? { top: Math.max(Math.min(L, f), d) } : { top: Math.max(Math.min(O - r, f), d) } : { top: Math.max(Math.min(L, f), d) };
   return { ...w, ..._ };
 }
 function ot(e) {
@@ -7007,7 +7007,7 @@ function ot(e) {
     onClickOutside: s,
     excludeOutside: a,
     excludeRects: d,
-    onPointerEnter: C,
+    onPointerEnter: f,
     onPointerLeave: v,
     onClick: c,
     hidden: p,
@@ -7017,15 +7017,15 @@ function ot(e) {
     onMaskClick: _,
     noPushMinimumGap: w,
     autoRelayout: I = !0
-  } = e, S = J(null), E = ee(s != null ? s : (() => {
+  } = e, x = J(null), E = ee(s != null ? s : (() => {
   })), y = ee(L != null ? L : (() => {
   })), N = J({
     top: -9999,
     left: -9999
   }), D = d, k = P(Y1), j = J(void 0), Q = k.getConfig(ie), n1 = (X = Q == null ? void 0 : Q.popupRootId) != null ? X : "univer-popup-portal", i1 = ee((U) => {
     requestAnimationFrame(() => {
-      if (!S.current) return;
-      const { clientWidth: s1, clientHeight: f1 } = S.current, x1 = window.innerWidth, E1 = window.innerHeight;
+      if (!x.current) return;
+      const { clientWidth: s1, clientHeight: f1 } = x.current, x1 = window.innerWidth, E1 = window.innerHeight;
       N.current = tr(
         {
           position: U,
@@ -7036,17 +7036,17 @@ function ot(e) {
           direction: o,
           noPushMinimumGap: w
         }
-      ), S.current.style.top = `${N.current.top}px`, S.current.style.left = `${N.current.left}px`;
+      ), x.current.style.top = `${N.current.top}px`, x.current.style.left = `${N.current.left}px`;
     });
   });
   W(() => {
     let U;
-    return S.current && (U = new ResizeObserver(() => {
+    return x.current && (U = new ResizeObserver(() => {
       I && j.current && i1(j.current);
-    }), U.observe(S.current)), () => {
+    }), U.observe(x.current)), () => {
       U == null || U.disconnect();
     };
-  }, [S.current, I]), W(() => {
+  }, [x.current, I]), W(() => {
     const U = i.subscribe((s1) => {
       j.current = s1, i1(s1);
     });
@@ -7077,7 +7077,7 @@ function ot(e) {
     };
   }, [y]);
   const o1 = /* @__PURE__ */ q(t3, { children: [
-    t && /* @__PURE__ */ f(
+    t && /* @__PURE__ */ C(
       "div",
       {
         "data-u-comp": "rect-popup-mask",
@@ -7086,11 +7086,11 @@ function ot(e) {
         onClick: _
       }
     ),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ C(
       "section",
       {
         "data-u-comp": "rect-popup",
-        ref: S,
+        ref: x,
         className: K("univer-pointer-events-auto univer-fixed univer-left-[-9999px] univer-top-[-9999px] univer-z-[1020]", {
           "univer-hidden": p,
           "univer-animate-in univer-fade-in-70": !p
@@ -7098,9 +7098,9 @@ function ot(e) {
         style: { ...N.current, zIndex: M },
         onPointerDown: (U) => U.stopPropagation(),
         onClick: c,
-        onPointerEnter: C,
+        onPointerEnter: f,
         onPointerLeave: v,
-        children: /* @__PURE__ */ f(er.Provider, { value: j, children: r })
+        children: /* @__PURE__ */ C(er.Provider, { value: j, children: r })
       }
     )
   ] });
@@ -7127,19 +7127,19 @@ const mi = ({ popup: e, children: t }) => {
   }, [e.hiddenRects$]), s = G(() => {
     var c;
     return (c = e.excludeRects$) == null ? void 0 : c.pipe(b3(0, L3));
-  }, [e.excludeRects$]), a = M5(s, e.excludeRects), { canvasElement: d, hideOnInvisible: C = !0, hiddenType: v = "destroy" } = e;
+  }, [e.excludeRects$]), a = M5(s, e.excludeRects), { canvasElement: d, hideOnInvisible: f = !0, hiddenType: v = "destroy" } = e;
   return W(() => {
-    if (!C)
+    if (!f)
       return;
     const c = W1([i, o]).subscribe(([p, L]) => {
-      const M = d.getBoundingClientRect(), { top: O, left: _, bottom: w, right: I } = M, S = p.bottom - p.top, E = p.right - p.left, y = L.some((N) => {
-        const D = Math.min(0.5 * S, 10), k = Math.min(0.5 * E, 10);
+      const M = d.getBoundingClientRect(), { top: O, left: _, bottom: w, right: I } = M, x = p.bottom - p.top, E = p.right - p.left, y = L.some((N) => {
+        const D = Math.min(0.5 * x, 10), k = Math.min(0.5 * E, 10);
         return p.top >= N.top - D && p.bottom <= N.bottom + D && p.left >= N.left - k && p.right <= N.right + k;
       });
       p.bottom < O || p.top > w || p.right < _ || p.left > I || y ? r(!0) : r(!1);
     });
     return () => c.unsubscribe();
-  }, [d, C, i, o]), n && v === "destroy" ? null : /* @__PURE__ */ f(
+  }, [d, f, i, o]), n && v === "destroy" ? null : /* @__PURE__ */ C(
     ot,
     {
       ...e,
@@ -7169,11 +7169,11 @@ function nr() {
   const e = P(it), t = P(M1);
   return r1(e.popups$, void 0, !0).map((r) => {
     const [i, o] = r, s = t.get(o.componentKey);
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ C(
       mi,
       {
         popup: o,
-        children: s ? /* @__PURE__ */ f(s, { popup: o }) : null
+        children: s ? /* @__PURE__ */ C(s, { popup: o }) : null
       },
       i
     );
@@ -7232,7 +7232,7 @@ let T3 = class extends d1 {
       return;
     }
     W1(n).pipe(y3(new Array(n.length).fill(!1))).subscribe((o) => {
-      var d, C, v, c, p, L;
+      var d, f, v, c, p, L;
       const s = [], a = o.map((M, O) => M ? r[O] : null).filter((M) => !!M);
       for (const M of t) {
         const O = { ...M, children: [] };
@@ -7240,12 +7240,12 @@ let T3 = class extends d1 {
           for (const _ of M.children) {
             const w = { ..._, children: [] };
             let I = !0;
-            if ((C = _.children) != null && C.length) {
-              for (const S of _.children)
-                a.includes(S.key) || (v = w.children) == null || v.push(S);
-              (c = w.children) != null && c.every((S) => {
+            if ((f = _.children) != null && f.length) {
+              for (const x of _.children)
+                a.includes(x.key) || (v = w.children) == null || v.push(x);
+              (c = w.children) != null && c.every((x) => {
                 var E;
-                return ((E = S.children) == null ? void 0 : E.length) === 0;
+                return ((E = x.children) == null ? void 0 : E.length) === 0;
               }) && (I = !1);
             }
             I && ((p = O.children) == null || p.push(w));
@@ -7267,7 +7267,7 @@ function y1(e) {
   const { components: t, fallback: n, sharedProps: r } = e;
   return !t || t.size === 0 ? n != null ? n : null : Array.from(t.values()).map((i, o) => {
     var s;
-    return x(i, { key: `${(s = i.displayName) != null ? s : o}`, ...r });
+    return H(i, { key: `${(s = i.displayName) != null ? s : o}`, ...r });
   });
 }
 function w1(e, t) {
@@ -7292,7 +7292,7 @@ function wi({
   onSelectTab: n
 }) {
   const r = P(m1);
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     "div",
     {
       className: "univer-flex univer-h-full univer-w-full univer-items-center univer-justify-center univer-gap-1 univer-overflow-x-auto univer-rounded-md univer-bg-gray-50 univer-px-3 dark:!univer-bg-gray-900",
@@ -7300,7 +7300,7 @@ function wi({
       "aria-label": r.t("ribbon.menu"),
       children: e.map((i) => {
         const o = t === i.key;
-        return /* @__PURE__ */ f(
+        return /* @__PURE__ */ C(
           "button",
           {
             type: "button",
@@ -7342,13 +7342,13 @@ function _i({
   function s(a) {
     n(a), o(!1);
   }
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     Y2,
     {
       className: "univer-max-w-96 !univer-rounded-xl",
       align: "start",
       open: i,
-      overlay: /* @__PURE__ */ f("div", { className: "univer-grid univer-gap-1 univer-px-2 univer-py-1", children: e.map((a) => {
+      overlay: /* @__PURE__ */ C("div", { className: "univer-grid univer-gap-1 univer-px-2 univer-py-1", children: e.map((a) => {
         const d = yi[a.key];
         return /* @__PURE__ */ q(
           "a",
@@ -7358,11 +7358,11 @@ function _i({
             role: "button",
             onClick: () => s(a),
             children: [
-              /* @__PURE__ */ f(
+              /* @__PURE__ */ C(
                 "span",
                 {
                   className: K("univer-box-border univer-flex univer-size-9 univer-flex-shrink-0 univer-items-center univer-justify-center univer-rounded-lg", G2),
-                  children: /* @__PURE__ */ f(
+                  children: /* @__PURE__ */ C(
                     d,
                     {
                       className: "univer-text-gray-500 dark:!univer-text-gray-300"
@@ -7371,14 +7371,14 @@ function _i({
                 }
               ),
               /* @__PURE__ */ q("span", { className: "univer-flex univer-flex-col", children: [
-                /* @__PURE__ */ f(
+                /* @__PURE__ */ C(
                   "strong",
                   {
                     className: "univer-text-sm univer-font-semibold univer-text-gray-800 dark:!univer-text-gray-200",
                     children: r.t(a.key)
                   }
                 ),
-                /* @__PURE__ */ f("span", { className: "univer-text-xs univer-text-gray-400", children: r.t(`${a.key}Desc`) })
+                /* @__PURE__ */ C("span", { className: "univer-text-xs univer-text-gray-400", children: r.t(`${a.key}Desc`) })
               ] })
             ]
           },
@@ -7393,7 +7393,7 @@ function _i({
           onClick: () => o(!0),
           children: [
             r.t(t),
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ C(
               he,
               {
                 className: "univer-text-gray-200 dark:!univer-text-gray-500"
@@ -7423,7 +7423,7 @@ function Mi(e) {
     noIcon: s,
     onClick: a,
     onDoubleClick: d,
-    ...C
+    ...f
   } = e, v = (p) => {
     if (i) {
       p.preventDefault();
@@ -7437,7 +7437,7 @@ function Mi(e) {
     }
     d && d(p);
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     "button",
     {
       type: "button",
@@ -7449,25 +7449,25 @@ function Mi(e) {
       disabled: i,
       onClick: v,
       onDoubleClick: c,
-      ...C,
+      ...f,
       children: t
     }
   );
 }
 function Ii(e) {
-  const { disabled$: t, hidden$: n, activated$: r, value$: i } = e, [o, s] = z(), [a, d] = z(!1), [C, v] = z(!1), [c, p] = z(!1);
+  const { disabled$: t, hidden$: n, activated$: r, value$: i } = e, [o, s] = z(), [a, d] = z(!1), [f, v] = z(!1), [c, p] = z(!1);
   return W(() => {
     const L = [];
     return t && L.push(t.subscribe((M) => d(M))), n && L.push(n.subscribe((M) => p(M))), r && L.push(r.subscribe((M) => v(M))), i && L.push(i.subscribe((M) => s(M))), () => L.forEach((M) => M.unsubscribe());
-  }, [r, t, n, i]), { disabled: a, value: o, activated: C, hidden: c };
+  }, [r, t, n, i]), { disabled: a, value: o, activated: f, hidden: c };
 }
 const st = I9({
   dropdownVisible: !1,
   setDropdownVisible: (e) => {
   }
-}), xi = H((e, t) => {
+}), xi = S((e, t) => {
   const { children: n, ...r } = e, i = J(null), [o, s] = z(!1), [a, d] = z(!1);
-  function C(p) {
+  function f(p) {
     s(a ? !1 : p);
   }
   function v(p) {
@@ -7479,30 +7479,30 @@ const st = I9({
   }), [a]);
   return T2(t, () => ({
     el: i.current
-  })), r.title ? /* @__PURE__ */ f(
+  })), r.title ? /* @__PURE__ */ C(
     Y3,
     {
       visible: o,
-      onVisibleChange: C,
+      onVisibleChange: f,
       ...r,
-      children: /* @__PURE__ */ f("span", { ref: i, children: /* @__PURE__ */ f(st.Provider, { value: c, children: n }) })
+      children: /* @__PURE__ */ C("span", { ref: i, children: /* @__PURE__ */ C(st.Provider, { value: c, children: n }) })
     }
-  ) : /* @__PURE__ */ f("span", { ref: i, children: n });
+  ) : /* @__PURE__ */ C("span", { ref: i, children: n });
 });
 function Hi(e) {
   const { children: t, overlay: n, disabled: r, align: i = "start" } = e, { dropdownVisible: o, setDropdownVisible: s } = e3(st);
   function a(d) {
     s(d);
   }
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     x9,
     {
       align: i,
-      overlay: /* @__PURE__ */ f("div", { className: "univer-grid univer-gap-2", children: n }),
+      overlay: /* @__PURE__ */ C("div", { className: "univer-grid univer-gap-2", children: n }),
       disabled: r,
       open: o,
       onOpenChange: a,
-      children: /* @__PURE__ */ f("div", { className: "univer-h-full", onClick: (d) => d.stopPropagation(), children: t })
+      children: /* @__PURE__ */ C("div", { className: "univer-h-full", onClick: (d) => d.stopPropagation(), children: t })
     }
   );
 }
@@ -7518,13 +7518,13 @@ function Ie({ icon: e, value: t, option: n, onOptionSelect: r }) {
         "univer-pl-6": o
       }),
       children: [
-        o && String(t) === String(n.value) && /* @__PURE__ */ f(
+        o && String(t) === String(n.value) && /* @__PURE__ */ C(
           X3,
           {
             className: "univer-absolute univer-left-1 univer-top-0.5 univer-text-primary-600"
           }
         ),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ C(
           L1,
           {
             className: "univer-text-sm",
@@ -7549,7 +7549,7 @@ function qt({
   onOptionSelect: s
 }) {
   var O;
-  const { dropdownVisible: a, setDropdownVisible: d } = e3(st), C = P(D1), [v, c] = z({}), p = G(() => e ? C.getMenuByPositionKey(e) : [], [e]), L = G(() => p.filter((_) => {
+  const { dropdownVisible: a, setDropdownVisible: d } = e3(st), f = P(D1), [v, c] = z({}), p = G(() => e ? f.getMenuByPositionKey(e) : [], [e]), L = G(() => p.filter((_) => {
     var I;
     if (!_.children)
       return !v[_.key];
@@ -7564,10 +7564,10 @@ function qt({
     return p.forEach((w) => {
       var I;
       if (w.children) {
-        const S = w.children.map((y) => {
+        const x = w.children.map((y) => {
           var N, D;
           return (D = (N = y.item) == null ? void 0 : N.hidden$) != null ? D : Ce(!1);
-        }), E = W1(S).subscribe((y) => {
+        }), E = W1(x).subscribe((y) => {
           const N = y.every((D) => D === !0);
           c((D) => ({
             ...D,
@@ -7576,23 +7576,23 @@ function qt({
         });
         _.push(E);
       } else if ((I = w.item) != null && I.hidden$) {
-        const S = w.item.hidden$.subscribe((E) => {
+        const x = w.item.hidden$.subscribe((E) => {
           c((y) => ({
             ...y,
             [w.key]: E
           }));
         });
-        _.push(S);
+        _.push(x);
       }
     }), () => {
       _.forEach((w) => w == null ? void 0 : w.unsubscribe()), c({});
     };
   }, [p]), t)
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ C(
       Hi,
       {
         disabled: o,
-        overlay: r.map((_, w) => /* @__PURE__ */ f(
+        overlay: r.map((_, w) => /* @__PURE__ */ C(
           Ie,
           {
             value: n,
@@ -7612,7 +7612,7 @@ function qt({
         className: K({
           "focus:univer-bg-white": typeof w.label != "string" && ((I = w.label) == null ? void 0 : I.hoverable) === !1
         }),
-        children: /* @__PURE__ */ f(
+        children: /* @__PURE__ */ C(
           Ie,
           {
             icon: w.icon,
@@ -7631,12 +7631,12 @@ function qt({
     });
     for (const w of L) {
       if (!w.item) continue;
-      const { title: I, id: S, commandId: E, icon: y } = w.item;
+      const { title: I, id: x, commandId: E, icon: y } = w.item;
       if (!I)
         throw new Error("Menu item title is required");
       _.push({
         type: "item",
-        children: /* @__PURE__ */ f(
+        children: /* @__PURE__ */ C(
           Ie,
           {
             icon: y,
@@ -7652,12 +7652,12 @@ function qt({
         onSelect: () => {
           s == null || s({
             commandId: E,
-            id: S
+            id: x
           });
         }
       });
     }
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ C(
       V3,
       {
         align: "start",
@@ -7672,12 +7672,12 @@ function qt({
     const _ = [];
     for (const w of L)
       if (w.item) {
-        const { title: I, id: S, commandId: E, icon: y } = w.item;
+        const { title: I, id: x, commandId: E, icon: y } = w.item;
         if (!I)
           throw new Error("Menu item title is required");
         _.push({
           type: "item",
-          children: /* @__PURE__ */ f(
+          children: /* @__PURE__ */ C(
             Ie,
             {
               icon: y,
@@ -7693,12 +7693,12 @@ function qt({
           onSelect: () => {
             s == null || s({
               commandId: E,
-              id: S
+              id: x
             });
           }
         });
       } else (O = w.children) != null && O.length;
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ C(
       V3,
       {
         align: "start",
@@ -7711,10 +7711,10 @@ function qt({
     );
   }
 }
-const xe = H((e, t) => {
-  const n = P(m1), r = P(F1), i = P(k1), o = P(M1), { value: s, hidden: a, disabled: d, activated: C } = Ii(e), v = (X, U) => {
+const xe = S((e, t) => {
+  const n = P(m1), r = P(F1), i = P(k1), o = P(M1), { value: s, hidden: a, disabled: d, activated: f } = Ii(e), v = (X, U) => {
     i.focus(), r.executeCommand(X, U);
-  }, { tooltip: c, shortcut: p, icon: L, title: M, label: O, id: _, commandId: w, type: I, slot: S, params: E } = e, y = n.t(c != null ? c : "") + (p ? ` (${p})` : ""), { selections: N } = e, D = G(() => Ee(N) ? N : new de((X) => {
+  }, { tooltip: c, shortcut: p, icon: L, title: M, label: O, id: _, commandId: w, type: I, slot: x, params: E } = e, y = n.t(c != null ? c : "") + (p ? ` (${p})` : ""), { selections: N } = e, D = G(() => Ee(N) ? N : new de((X) => {
     X.next(N);
   }), [N]), k = r1(D), j = G(() => Ee(L) ? L : new de((X) => {
     var s1, f1;
@@ -7745,15 +7745,15 @@ const xe = H((e, t) => {
           "univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600": d
         }),
         children: [
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ C(
             "div",
             {
               className: K("univer-relative univer-z-[1] univer-flex univer-h-full univer-items-center univer-rounded-l univer-px-1 univer-transition-colors hover:univer-bg-gray-200 dark:hover:!univer-bg-gray-600", {
-                "univer-bg-gray-200 dark:!univer-bg-gray-500": C,
-                "univer-bg-gray-100": C && d
+                "univer-bg-gray-200 dark:!univer-bg-gray-500": f,
+                "univer-bg-gray-100": f && d
               }),
               onClick: X1,
-              children: /* @__PURE__ */ f(
+              children: /* @__PURE__ */ C(
                 L1,
                 {
                   icon: Q,
@@ -7765,36 +7765,36 @@ const xe = H((e, t) => {
               )
             }
           ),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ C(
             qt,
             {
               menuId: _,
-              slot: S,
+              slot: x,
               value: s,
               options: k,
               disabled: d,
               onOptionSelect: x1,
-              children: /* @__PURE__ */ f(
+              children: /* @__PURE__ */ C(
                 "div",
                 {
                   className: K("univer-absolute univer-right-0 univer-top-0 univer-box-border univer-flex univer-h-6 univer-w-5 univer-items-center univer-justify-center univer-rounded-r univer-transition-colors hover:univer-bg-gray-200 dark:hover:!univer-bg-gray-600", {
                     "univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600": d,
-                    "univer-bg-gray-200 dark:!univer-bg-gray-500": C,
-                    "univer-bg-gray-100": C && d
+                    "univer-bg-gray-200 dark:!univer-bg-gray-500": f,
+                    "univer-bg-gray-100": f && d
                   }),
                   "data-disabled": d,
-                  children: /* @__PURE__ */ f(he, {})
+                  children: /* @__PURE__ */ C(he, {})
                 }
               )
             }
           )
         ]
       }
-    ) : /* @__PURE__ */ f(
+    ) : /* @__PURE__ */ C(
       qt,
       {
         menuId: _,
-        slot: S,
+        slot: x,
         value: s,
         options: k,
         disabled: d,
@@ -7806,11 +7806,11 @@ const xe = H((e, t) => {
             className: K("univer-animate-in univer-fade-in univer-relative univer-flex univer-h-6 univer-cursor-pointer univer-items-center univer-gap-2 univer-whitespace-nowrap univer-rounded univer-px-1 univer-transition-colors hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700", {
               "univer-text-gray-900 dark:!univer-text-white": !d,
               "univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600": d,
-              "univer-bg-gray-200": C,
-              "univer-bg-gray-100": C && d
+              "univer-bg-gray-200": f,
+              "univer-bg-gray-100": f && d
             }),
             children: [
-              /* @__PURE__ */ f(
+              /* @__PURE__ */ C(
                 L1,
                 {
                   icon: Q,
@@ -7820,13 +7820,13 @@ const xe = H((e, t) => {
                   onChange: E1
                 }
               ),
-              /* @__PURE__ */ f(
+              /* @__PURE__ */ C(
                 "div",
                 {
                   className: K("univer-flex univer-h-full univer-items-center", {
                     "univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600": d
                   }),
-                  children: /* @__PURE__ */ f(he, {})
+                  children: /* @__PURE__ */ C(he, {})
                 }
               )
             ]
@@ -7838,20 +7838,20 @@ const xe = H((e, t) => {
   function i1() {
     var s1;
     const X = o.get(typeof O == "string" ? O : (s1 = O == null ? void 0 : O.name) != null ? s1 : ""), U = (s != null ? s : typeof E == "function") ? E() : E;
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ C(
       Mi,
       {
         "data-u-command": _,
         className: "univer-text-sm",
         noIcon: !L,
-        active: C,
+        active: f,
         disabled: d,
         onClick: () => {
           var f1;
           return v((f1 = e.commandId) != null ? f1 : e.id, U);
         },
         onDoubleClick: () => e.subId && v(e.subId),
-        children: X ? /* @__PURE__ */ f(L1, { title: M, value: s, label: O }) : L ? /* @__PURE__ */ f(L1, { icon: L }) : /* @__PURE__ */ f(L1, { title: M })
+        children: X ? /* @__PURE__ */ C(L1, { title: M, value: s, label: O }) : L ? /* @__PURE__ */ C(L1, { icon: L }) : /* @__PURE__ */ C(L1, { title: M })
       }
     );
   }
@@ -7866,7 +7866,7 @@ const xe = H((e, t) => {
         return i1();
     }
   }
-  return !a && /* @__PURE__ */ f(
+  return !a && /* @__PURE__ */ C(
     xi,
     {
       ref: t,
@@ -7877,14 +7877,14 @@ const xe = H((e, t) => {
   );
 });
 function Si(e) {
-  const { ribbonType: t, headerMenuComponents: n, headerMenu: r = !0 } = e, i = P(rr), o = P(m1), s = J(null), a = J({}), d = r1(i.ribbon$, []), C = r1(i.activatedTab$, p1.START), v = r1(i.collapsedIds$, []), c = r1(i.fakeToolbarVisible$, !1), p = G(() => {
+  const { ribbonType: t, headerMenuComponents: n, headerMenu: r = !0 } = e, i = P(rr), o = P(m1), s = J(null), a = J({}), d = r1(i.ribbon$, []), f = r1(i.activatedTab$, p1.START), v = r1(i.collapsedIds$, []), c = r1(i.fakeToolbarVisible$, !1), p = G(() => {
     if (t === "simple") {
       const _ = [{ key: p1.START, children: [], order: 0 }];
       return d.forEach((w) => {
         var I;
-        (I = w.children) == null || I.forEach((S) => {
+        (I = w.children) == null || I.forEach((x) => {
           var E;
-          (E = _[0].children) == null || E.push(S);
+          (E = _[0].children) == null || E.push(x);
         });
       }), _;
     }
@@ -7892,8 +7892,8 @@ function Si(e) {
   }, [t, d]), L = Ke((_) => {
     a.current = {}, i.setActivatedTab(_.key);
   }, []), M = G(() => {
-    var S, E;
-    const _ = (E = (S = p.find((y) => y.key === C)) == null ? void 0 : S.children) != null ? E : [], w = [], I = [];
+    var x, E;
+    const _ = (E = (x = p.find((y) => y.key === f)) == null ? void 0 : x.children) != null ? E : [], w = [], I = [];
     for (const y of _)
       if (y.children) {
         const N = y.children.filter((D) => !v.includes(D.key));
@@ -7910,16 +7910,16 @@ function Si(e) {
       visibleGroups: w,
       hiddenGroups: I
     };
-  }, [v, p, C]);
+  }, [v, p, f]);
   W(() => {
     let _ = null;
     const w = new ResizeObserver(M2((I) => {
-      for (const S of I)
+      for (const x of I)
         i.setFakeToolbarVisible(!0), _ = requestAnimationFrame(() => {
           var n1, i1;
-          const { width: E } = S.contentRect, N = Object.values(a.current).sort((o1, X) => o1.order - X.order || o1.groupOrder - X.groupOrder || o1.itemOrder - X.itemOrder), D = [];
+          const { width: E } = x.contentRect, N = Object.values(a.current).sort((o1, X) => o1.order - X.order || o1.groupOrder - X.groupOrder || o1.itemOrder - X.itemOrder), D = [];
           let k = 32;
-          const Q = (((i1 = (n1 = p.find((o1) => o1.key === C)) == null ? void 0 : n1.children) != null ? i1 : []).length - 1) * 8;
+          const Q = (((i1 = (n1 = p.find((o1) => o1.key === f)) == null ? void 0 : n1.children) != null ? i1 : []).length - 1) * 8;
           k += Q;
           for (const { el: o1, key: X } of N) {
             const { width: U } = o1.getBoundingClientRect();
@@ -7931,8 +7931,8 @@ function Si(e) {
     return w.observe(s.current), () => {
       _ && cancelAnimationFrame(_), w.disconnect();
     };
-  }, [p, C]);
-  const O = G(() => /* @__PURE__ */ f(
+  }, [p, f]);
+  const O = G(() => /* @__PURE__ */ C(
     "div",
     {
       "aria-hidden": "true",
@@ -7940,8 +7940,8 @@ function Si(e) {
         "univer-hidden": !c
       }, Tt, Ne),
       children: M.allGroups.map((_, w) => {
-        var I, S;
-        return (((I = _.children) == null ? void 0 : I.length) || _.item) && /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f("div", { className: "univer-grid univer-shrink-0 univer-grid-flow-col univer-gap-2 univer-px-2", children: _.children && ((S = _.children) == null ? void 0 : S.map((E) => E.item && /* @__PURE__ */ f(
+        var I, x;
+        return (((I = _.children) == null ? void 0 : I.length) || _.item) && /* @__PURE__ */ C(Nt, { children: /* @__PURE__ */ C("div", { className: "univer-grid univer-shrink-0 univer-grid-flow-col univer-gap-2 univer-px-2", children: _.children && ((x = _.children) == null ? void 0 : x.map((E) => E.item && /* @__PURE__ */ C(
           xe,
           {
             ...E.item,
@@ -7969,19 +7969,19 @@ function Si(e) {
           "univer-h-9": t === "classic" || n && n.size > 0
         }),
         children: [
-          t === "classic" && p.length > 1 && /* @__PURE__ */ f(
+          t === "classic" && p.length > 1 && /* @__PURE__ */ C(
             wi,
             {
               ribbon: p,
-              activatedTab: C,
+              activatedTab: f,
               onSelectTab: L
             }
           ),
-          r && n && n.size > 0 && /* @__PURE__ */ f(
+          r && n && n.size > 0 && /* @__PURE__ */ C(
             "div",
             {
               className: "univer-absolute univer-right-2 univer-top-0 univer-flex univer-h-full univer-items-center univer-gap-2 [&>*]:univer-inline-flex [&>*]:univer-h-6 [&>*]:univer-items-center [&>*]:univer-rounded [&>*]:univer-px-1 [&>*]:univer-transition-colors hover:[&>*]:univer-bg-gray-100",
-              children: /* @__PURE__ */ f(y1, { components: n })
+              children: /* @__PURE__ */ C(y1, { components: n })
             }
           )
         ]
@@ -7990,17 +7990,17 @@ function Si(e) {
     /* @__PURE__ */ q(
       "div",
       {
-        className: K("univer-box-border univer-grid univer-h-10 univer-grid-flow-col univer-items-center univer-px-3", {
+        className: K("univer-box-border univer-grid univer-h-10 univer-grid-flow-col univer-items-center univer-px-3 univer-text-sm", {
           "univer-grid-cols-[1fr] univer-justify-center": t === "classic",
           "univer-grid-cols-[auto,1fr]": p.length > 1 && t !== "classic",
           "univer-grid-cols-none": p.length === 1
         }, Ne),
         children: [
-          t === "default" && p.length > 1 && /* @__PURE__ */ f(
+          t === "default" && p.length > 1 && /* @__PURE__ */ C(
             _i,
             {
               ribbon: p,
-              activatedTab: C,
+              activatedTab: f,
               onSelectTab: L
             }
           ),
@@ -8013,47 +8013,47 @@ function Si(e) {
                 "univer-justify-center": t === "classic"
               }),
               role: "toolbar",
-              "aria-label": o.t(C),
+              "aria-label": o.t(f),
               children: [
                 M.visibleGroups.map((_) => {
                   var w, I;
-                  return (((w = _.children) == null ? void 0 : w.length) || _.item) && /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f("div", { className: "univer-grid univer-shrink-0 univer-grid-flow-col univer-gap-2 univer-px-2", children: _.children && ((I = _.children) == null ? void 0 : I.map((S) => S.item && /* @__PURE__ */ f(xe, { ...S.item }, S.key))) }) }, _.key);
+                  return (((w = _.children) == null ? void 0 : w.length) || _.item) && /* @__PURE__ */ C(Nt, { children: /* @__PURE__ */ C("div", { className: "univer-grid univer-shrink-0 univer-grid-flow-col univer-gap-2 univer-px-2", children: _.children && ((I = _.children) == null ? void 0 : I.map((x) => x.item && /* @__PURE__ */ C(xe, { ...x.item }, x.key))) }) }, _.key);
                 }),
-                v.length > 0 && /* @__PURE__ */ f(
+                v.length > 0 && /* @__PURE__ */ C(
                   "div",
                   {
                     "data-u-comp": "ribbon-toolbar-more",
                     className: "univer-pl-2 rtl:univer-pr-2",
-                    children: /* @__PURE__ */ f(
+                    children: /* @__PURE__ */ C(
                       x9,
                       {
                         collisionPadding: { right: 12, left: 12 },
                         onOpenAutoFocus: (_) => _.preventDefault(),
-                        overlay: /* @__PURE__ */ f(
+                        overlay: /* @__PURE__ */ C(
                           "div",
                           {
                             className: "univer-box-border univer-grid univer-max-w-[var(--radix-popper-available-width)] univer-gap-2 univer-p-2",
                             children: M.hiddenGroups.map((_) => {
                               var w;
-                              return /* @__PURE__ */ f(
+                              return /* @__PURE__ */ C(
                                 "div",
                                 {
                                   className: "univer-flex univer-items-center univer-gap-2",
-                                  children: /* @__PURE__ */ f("div", { className: "univer-flex univer-flex-wrap univer-gap-2", children: _.children ? (w = _.children) == null ? void 0 : w.map((I) => I.item && /* @__PURE__ */ f(xe, { ...I.item }, I.key)) : _.item && /* @__PURE__ */ f(xe, { ..._.item }, _.key) })
+                                  children: /* @__PURE__ */ C("div", { className: "univer-flex univer-flex-wrap univer-gap-2", children: _.children ? (w = _.children) == null ? void 0 : w.map((I) => I.item && /* @__PURE__ */ C(xe, { ...I.item }, I.key)) : _.item && /* @__PURE__ */ C(xe, { ..._.item }, _.key) })
                                 },
                                 _.key
                               );
                             })
                           }
                         ),
-                        children: /* @__PURE__ */ f(
+                        children: /* @__PURE__ */ C(
                           "button",
                           {
                             type: "button",
                             className: ir,
                             "aria-label": o.t("ribbon.more"),
                             "aria-haspopup": "true",
-                            children: /* @__PURE__ */ f(Q3, {})
+                            children: /* @__PURE__ */ C(Q3, {})
                           }
                         )
                       }
@@ -8076,14 +8076,14 @@ class r3 extends d1 {
   }
   injectThemeToHead(n) {
     function r(a, d = "--univer") {
-      const C = [];
+      const f = [];
       function v(c, p = "") {
         for (const L in c) {
           const M = c[L], O = p ? `${p}-${L}` : L;
-          typeof M == "object" && M !== null ? v(M, O) : C.push(`${d}-${O}: ${M};`);
+          typeof M == "object" && M !== null ? v(M, O) : f.push(`${d}-${O}: ${M};`);
         }
       }
-      return v(a), C.join(`
+      return v(a), f.join(`
 `);
     }
     const i = r(n), o = document.getElementById(this._styleSheetId);
@@ -8129,7 +8129,7 @@ class or extends d1 {
   }
 }
 function Ri() {
-  const e = J(null), [t, n] = z(!1), [r, i] = z(""), [o, s] = z([0, 0]), a = J(t), d = P(i3), C = P(F1), v = A2();
+  const e = J(null), [t, n] = z(!1), [r, i] = z(""), [o, s] = z([0, 0]), a = J(t), d = P(i3), f = P(F1), v = A2();
   a.current = t, W(() => {
     const L = d.registerContextMenuHandler({
       handleContextMenu: c,
@@ -8155,13 +8155,13 @@ function Ri() {
   function p() {
     n(!1);
   }
-  return /* @__PURE__ */ f(H9, { visible: t, offset: o, children: /* @__PURE__ */ f("section", { ref: e, children: r && /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(H9, { visible: t, offset: o, children: /* @__PURE__ */ C("section", { ref: e, children: r && /* @__PURE__ */ C(
     X5,
     {
       menuType: r,
       onOptionSelect: (L) => {
         const { label: M, commandId: O, value: _ } = L;
-        C && C.executeCommand(O != null ? O : M, { value: _ }), v.get(k1).focus(), n(!1);
+        f && f.executeCommand(O != null ? O : M, { value: _ }), v.get(k1).focus(), n(!1);
       }
     }
   ) }) });
@@ -8180,7 +8180,7 @@ function sr() {
     return () => {
       s.unsubscribe();
     };
-  }, [e.visible$]), t ? /* @__PURE__ */ f(
+  }, [e.visible$]), t ? /* @__PURE__ */ C(
     "section",
     {
       className: K(
@@ -8190,7 +8190,7 @@ function sr() {
           "univer-inset-0 univer-z-[100] univer-block univer-size-full": t
         }
       ),
-      children: o && /* @__PURE__ */ f(o, {})
+      children: o && /* @__PURE__ */ C(o, {})
     }
   ) : null;
 }
@@ -8202,8 +8202,8 @@ function lr() {
     for (const a of ["children", "header", "footer"]) {
       const d = a;
       if (t[d]) {
-        const { key: C, ...v } = t[d];
-        v && (s[d] = /* @__PURE__ */ f(L1, { ...v }, C));
+        const { key: f, ...v } = t[d];
+        v && (s[d] = /* @__PURE__ */ C(L1, { ...v }, f));
       }
     }
     return s;
@@ -8227,7 +8227,7 @@ function lr() {
     };
     e.options.visible = !1, e.sidebarOptions$.next(s), (a = s == null ? void 0 : s.onClose) == null || a.call(s);
   }
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     "section",
     {
       "data-u-comp": "sidebar",
@@ -8248,19 +8248,19 @@ function lr() {
                 className: "univer-sticky univer-top-0 univer-z-10 univer-box-border univer-flex univer-items-center univer-justify-between univer-bg-white univer-p-4 univer-pb-2 univer-text-base univer-font-medium univer-text-gray-800 dark:!univer-bg-gray-900 dark:!univer-text-white",
                 children: [
                   r == null ? void 0 : r.header,
-                  /* @__PURE__ */ f(
+                  /* @__PURE__ */ C(
                     "a",
                     {
                       className: "univer-cursor-pointer univer-text-gray-500 dark:!univer-text-gray-300",
                       onClick: o,
-                      children: /* @__PURE__ */ f(q3, {})
+                      children: /* @__PURE__ */ C(q3, {})
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ f("section", { className: "univer-box-border univer-px-4", style: r == null ? void 0 : r.bodyStyle, children: r == null ? void 0 : r.children }),
-            (r == null ? void 0 : r.footer) && /* @__PURE__ */ f(
+            /* @__PURE__ */ C("section", { className: "univer-box-border univer-px-4", style: r == null ? void 0 : r.bodyStyle, children: r == null ? void 0 : r.children }),
+            (r == null ? void 0 : r.footer) && /* @__PURE__ */ C(
               "footer",
               {
                 className: "univer-sticky univer-bottom-0 univer-box-border univer-bg-white univer-p-4 dark:!univer-bg-gray-900",
@@ -8278,16 +8278,16 @@ function ar() {
   const e = P(at), [t, n] = z(!1), [r, i] = z(), o = r1(e.temporaryHidden$), s = P(M1);
   W(() => {
     const d = [
-      e.visible$.subscribe((C) => {
-        n(C);
+      e.visible$.subscribe((f) => {
+        n(f);
       }),
-      e.componentKey$.subscribe((C) => {
-        i(C);
+      e.componentKey$.subscribe((f) => {
+        i(f);
       })
     ];
     return () => {
-      d.forEach((C) => {
-        C.unsubscribe();
+      d.forEach((f) => {
+        f.unsubscribe();
       });
     };
   }, []);
@@ -8296,20 +8296,20 @@ function ar() {
     if (d)
       return d;
   }, [r]);
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     "section",
     {
       className: K("univer-absolute univer-z-[-1] univer-flex", {
         "univer-animate-in univer-fade-in univer-inset-0 univer-z-[100] univer-bg-gray-100": t,
         "univer-hidden": o
       }),
-      children: /* @__PURE__ */ f("div", { className: "univer-relative univer-flex-1", children: a && /* @__PURE__ */ f(a, {}) })
+      children: /* @__PURE__ */ C("div", { className: "univer-relative univer-flex-1", children: a && /* @__PURE__ */ C(a, {}) })
     }
   );
 }
 function Vi(e) {
   const t = V5(ie);
-  return /* @__PURE__ */ f(Oi, { ...e, ...t });
+  return /* @__PURE__ */ C(Oi, { ...e, ...t });
 }
 function Oi(e) {
   var o1;
@@ -8322,7 +8322,7 @@ function Oi(e) {
     ribbonType: s = "default",
     mountContainer: a,
     onRendered: d
-  } = e, C = P(m1), v = P(z3), c = P(r3), p = J(null), M = P(Y1).getConfig(ie), O = w1(a1.CUSTOM_HEADER), _ = w1(a1.FOOTER), w = w1(a1.HEADER), I = w1(a1.HEADER_MENU), S = w1(a1.CONTENT), E = w1(a1.LEFT_SIDEBAR), y = w1(a1.GLOBAL), N = w1(a1.TOOLBAR), D = (o1 = M == null ? void 0 : M.popupRootId) != null ? o1 : "univer-popup-portal";
+  } = e, f = P(m1), v = P(z3), c = P(r3), p = J(null), M = P(Y1).getConfig(ie), O = w1(a1.CUSTOM_HEADER), _ = w1(a1.FOOTER), w = w1(a1.HEADER), I = w1(a1.HEADER_MENU), x = w1(a1.CONTENT), E = w1(a1.LEFT_SIDEBAR), y = w1(a1.GLOBAL), N = w1(a1.TOOLBAR), D = (o1 = M == null ? void 0 : M.popupRootId) != null ? o1 : "univer-popup-portal";
   R3(() => {
     const X = v.currentTheme$.subscribe((U) => {
       c.injectThemeToHead(U);
@@ -8342,18 +8342,18 @@ function Oi(e) {
   }, []), W(() => {
     p.current && (d == null || d(p.current));
   }, [d]);
-  const [Q, n1] = z(C.getLocales()), i1 = G(() => document.createElement("div"), []);
+  const [Q, n1] = z(f.getLocales()), i1 = G(() => document.createElement("div"), []);
   return W(() => {
     document.body.appendChild(i1);
     const X = [
-      C.localeChanged$.subscribe(() => {
-        n1(C.getLocales());
+      f.localeChanged$.subscribe(() => {
+        n1(f.getLocales());
       })
     ];
     return () => {
       X.forEach((U) => U.unsubscribe()), document.body.removeChild(i1);
     };
-  }, [C, a, i1]), /* @__PURE__ */ q(S9, { locale: Q == null ? void 0 : Q.design, mountContainer: i1, children: [
+  }, [f, a, i1]), /* @__PURE__ */ q(S9, { locale: Q == null ? void 0 : Q.design, mountContainer: i1, children: [
     /* @__PURE__ */ q(
       "div",
       {
@@ -8365,19 +8365,19 @@ function Oi(e) {
         onBlur: (X) => X.stopPropagation(),
         onContextMenu: (X) => X.preventDefault(),
         children: [
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ C(
             "div",
             {
               className: "univer-relative univer-flex univer-min-h-0 univer-flex-col univer-bg-white dark:!univer-bg-gray-800",
-              children: /* @__PURE__ */ f(y1, { components: O }, "custom-header")
+              children: /* @__PURE__ */ C(y1, { components: O }, "custom-header")
             }
           ),
-          t && n && /* @__PURE__ */ f(
+          t && n && /* @__PURE__ */ C(
             "header",
             {
               "data-u-comp": "headerbar",
               className: "univer-relative univer-z-10 univer-w-full univer-overflow-hidden",
-              children: /* @__PURE__ */ f(
+              children: /* @__PURE__ */ C(
                 y1,
                 {
                   components: N,
@@ -8397,46 +8397,46 @@ function Oi(e) {
               {
                 className: "univer-grid univer-h-full univer-grid-cols-[auto_1fr_auto] univer-grid-rows-[100%] univer-overflow-hidden",
                 children: [
-                  /* @__PURE__ */ f("aside", { "data-u-comp": "left-sidebar", className: "univer-h-full", children: /* @__PURE__ */ f(y1, { components: E }, "left-sidebar") }),
+                  /* @__PURE__ */ C("aside", { "data-u-comp": "left-sidebar", className: "univer-h-full", children: /* @__PURE__ */ C(y1, { components: E }, "left-sidebar") }),
                   /* @__PURE__ */ q(
                     "section",
                     {
                       className: K("univer-relative univer-grid univer-flex-1 univer-grid-rows-[auto_1fr] univer-overflow-hidden univer-bg-white dark:!univer-bg-gray-800", Ne),
                       children: [
-                        /* @__PURE__ */ f("header", { children: t && /* @__PURE__ */ f(y1, { components: w }, "header") }),
-                        /* @__PURE__ */ f(
+                        /* @__PURE__ */ C("header", { children: t && /* @__PURE__ */ C(y1, { components: w }, "header") }),
+                        /* @__PURE__ */ C(
                           "section",
                           {
                             className: "univer-relative univer-overflow-hidden dark:!univer-bg-gray-900",
                             ref: p,
                             "data-range-selector": !0,
                             onContextMenu: (X) => X.preventDefault(),
-                            children: /* @__PURE__ */ f(y1, { components: S }, "content")
+                            children: /* @__PURE__ */ C(y1, { components: x }, "content")
                           }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ f("aside", { "data-u-comp": "right-sidebar", className: "univer-z-[100] univer-h-full", children: /* @__PURE__ */ f(lr, {}) })
+                  /* @__PURE__ */ C("aside", { "data-u-comp": "right-sidebar", className: "univer-z-[100] univer-h-full", children: /* @__PURE__ */ C(lr, {}) })
                 ]
               }
             ),
-            r && /* @__PURE__ */ f("footer", { children: /* @__PURE__ */ f(y1, { components: _, sharedProps: { contextMenu: o } }, "footer") }),
-            /* @__PURE__ */ f(ar, {})
+            r && /* @__PURE__ */ C("footer", { children: /* @__PURE__ */ C(y1, { components: _, sharedProps: { contextMenu: o } }, "footer") }),
+            /* @__PURE__ */ C(ar, {})
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ f(y1, { components: y }, "global"),
-    /* @__PURE__ */ f(sr, {}),
-    o && /* @__PURE__ */ f(Ri, {}),
-    /* @__PURE__ */ f($i, {}),
-    /* @__PURE__ */ f("div", { id: D })
+    /* @__PURE__ */ C(y1, { components: y }, "global"),
+    /* @__PURE__ */ C(sr, {}),
+    o && /* @__PURE__ */ C(Ri, {}),
+    /* @__PURE__ */ C($i, {}),
+    /* @__PURE__ */ C("div", { id: D })
   ] });
 }
 function $i() {
   const { mountContainer: e } = e3(J2), t = w1(a1.FLOATING);
-  return E9(/* @__PURE__ */ f(y1, { components: t }, "floating"), e);
+  return E9(/* @__PURE__ */ C(y1, { components: t }, "floating"), e);
 }
 const Ei = 3e3;
 class cr extends d1 {
@@ -8540,7 +8540,7 @@ function Ti(e, t, n) {
   const o = R1(Vi, e), s = (d) => n(d, r);
   function a() {
     V9(
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ C(
         o,
         {
           ...t,
@@ -8567,18 +8567,18 @@ function Zi(e) {
   const i = G(() => {
     const o = r.getMenuByPositionKey(t);
     function s(a) {
-      return a.reduce((d, C) => C.children ? [...d, ...s(C.children)] : [...d, C], []);
+      return a.reduce((d, f) => f.children ? [...d, ...s(f.children)] : [...d, f], []);
     }
     return s(o);
   }, [t]);
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     "div",
     {
       className: "univer-box-border univer-grid univer-min-w-8 univer-max-w-52 univer-gap-1 univer-rounded univer-bg-gray-900 univer-px-2 univer-py-1",
       style: {
         gridTemplateColumns: `repeat(${Math.min(2, i.length)},  72px)`
       },
-      children: i.map((o) => o.item && /* @__PURE__ */ f(
+      children: i.map((o) => o.item && /* @__PURE__ */ C(
         Ai,
         {
           menuItem: o.item,
@@ -8593,15 +8593,15 @@ function Ai(e) {
   const { menuItem: t, onClick: n } = e, { id: r, type: i, title: o, label: s, icon: a } = t;
   if (i !== _1.BUTTON)
     throw new Error(`[MobileMenuItem]: on mobile devices only "BUTTON" type menu items are supported. Please check "${r}".`);
-  const d = r1(t.disabled$, !1), C = r1(t.value$);
-  return /* @__PURE__ */ f(
+  const d = r1(t.disabled$, !1), f = r1(t.value$);
+  return /* @__PURE__ */ C(
     "button",
     {
       type: "button",
       className: K("univer-w-18 univer-flex univer-flex-col univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-text-white [&>span]:univer-mt-0.5 [&>span]:univer-w-full [&>span]:univer-truncate [&>span]:univer-text-sm [&>svg]:univer-size-[18px] [&>svg]:univer-text-lg"),
       disabled: d,
       onClick: () => n({ id: r }),
-      children: /* @__PURE__ */ f(L1, { value: C, title: o, label: s, icon: a })
+      children: /* @__PURE__ */ C(L1, { value: f, title: o, label: s, icon: a })
     },
     r
   );
@@ -8610,7 +8610,7 @@ function Bi() {
   const [e, t] = z(!1), [n, r] = z(""), [i, o] = z([0, 0]), s = J(e), a = P(i3), d = P(F1);
   s.current = e, W(() => {
     const c = a.registerContextMenuHandler({
-      handleContextMenu: C,
+      handleContextMenu: f,
       hideContextMenu() {
         t(!1);
       },
@@ -8622,14 +8622,14 @@ function Bi() {
       document.removeEventListener("pointerdown", v), document.removeEventListener("wheel", v), c.dispose();
     };
   }, [a]);
-  function C(c, p) {
+  function f(c, p) {
     r(p), o([c.clientX, c.clientY]), t(!0);
   }
   function v() {
     t(!1);
   }
-  return /* @__PURE__ */ f(H9, { visible: e, offset: i, children: /* @__PURE__ */ f("section", { onPointerDown: (c) => c.stopPropagation(), children: n && // TODO@wzhudev: change to mobile menu
-  /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(H9, { visible: e, offset: i, children: /* @__PURE__ */ C("section", { onPointerDown: (c) => c.stopPropagation(), children: n && // TODO@wzhudev: change to mobile menu
+  /* @__PURE__ */ C(
     Zi,
     {
       menuType: n,
@@ -8647,7 +8647,7 @@ function Pi(e) {
     contextMenu: r = !0,
     mountContainer: i,
     onRendered: o
-  } = e, s = P(m1), a = P(z3), d = P(r3), C = J(null), v = w1(a1.FOOTER), c = w1(a1.HEADER), p = w1(a1.CONTENT), L = w1(a1.LEFT_SIDEBAR), M = w1(a1.GLOBAL), [O, _] = z(!1);
+  } = e, s = P(m1), a = P(z3), d = P(r3), f = J(null), v = w1(a1.FOOTER), c = w1(a1.HEADER), p = w1(a1.CONTENT), L = w1(a1.LEFT_SIDEBAR), M = w1(a1.GLOBAL), [O, _] = z(!1);
   W(() => {
     const E = a.darkMode$.subscribe((y) => {
       _(y);
@@ -8656,9 +8656,9 @@ function Pi(e) {
       E.unsubscribe();
     };
   }, []), W(() => {
-    C.current && (o == null || o(C.current));
+    f.current && (o == null || o(f.current));
   }, [o]);
-  const [w, I] = z(s.getLocales()), S = G(() => document.createElement("div"), []);
+  const [w, I] = z(s.getLocales()), x = G(() => document.createElement("div"), []);
   return R3(() => {
     const E = a.currentTheme$.subscribe((y) => {
       d.injectThemeToHead(y);
@@ -8667,16 +8667,16 @@ function Pi(e) {
       E.unsubscribe();
     };
   }, []), W(() => {
-    document.body.appendChild(S);
+    document.body.appendChild(x);
     const E = [
       s.localeChanged$.subscribe(() => {
         I(s.getLocales());
       })
     ];
     return () => {
-      E.forEach((y) => y.unsubscribe()), document.body.removeChild(S);
+      E.forEach((y) => y.unsubscribe()), document.body.removeChild(x);
     };
-  }, [s, i, S]), /* @__PURE__ */ q(S9, { locale: w == null ? void 0 : w.design, mountContainer: S, children: [
+  }, [s, i, x]), /* @__PURE__ */ q(S9, { locale: w == null ? void 0 : w.design, mountContainer: x, children: [
     /* @__PURE__ */ q(
       "div",
       {
@@ -8687,46 +8687,46 @@ function Pi(e) {
         tabIndex: -1,
         onBlur: (E) => E.stopPropagation(),
         children: [
-          t && /* @__PURE__ */ f("header", { className: "univer-relative univer-z-10 univer-w-full" }),
+          t && /* @__PURE__ */ C("header", { className: "univer-relative univer-z-10 univer-w-full" }),
           /* @__PURE__ */ q("section", { className: "univer-relative univer-flex univer-min-h-0 univer-flex-1 univer-flex-col", children: [
             /* @__PURE__ */ q(
               "div",
               {
                 className: "univer-grid univer-h-full univer-grid-cols-[auto_1fr_auto] univer-grid-rows-[100%] univer-overflow-hidden",
                 children: [
-                  /* @__PURE__ */ f("aside", { className: "univer-h-full", children: /* @__PURE__ */ f(y1, { components: L }, "left-sidebar") }),
+                  /* @__PURE__ */ C("aside", { className: "univer-h-full", children: /* @__PURE__ */ C(y1, { components: L }, "left-sidebar") }),
                   /* @__PURE__ */ q(
                     "section",
                     {
                       className: K("univer-relative univer-grid univer-flex-1 univer-grid-rows-[auto_1fr] univer-overflow-hidden univer-bg-white dark:!univer-bg-gray-800", Ne),
                       children: [
-                        /* @__PURE__ */ f("header", { className: "univer-w-screen", children: t && /* @__PURE__ */ f(y1, { components: c }, "header") }),
-                        /* @__PURE__ */ f(
+                        /* @__PURE__ */ C("header", { className: "univer-w-screen", children: t && /* @__PURE__ */ C(y1, { components: c }, "header") }),
+                        /* @__PURE__ */ C(
                           "section",
                           {
-                            ref: C,
+                            ref: f,
                             className: "univer-relative univer-overflow-hidden",
                             "data-range-selector": !0,
                             onContextMenu: (E) => E.preventDefault(),
-                            children: /* @__PURE__ */ f(y1, { components: p }, "content")
+                            children: /* @__PURE__ */ C(y1, { components: p }, "content")
                           }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ f("aside", { className: "univer-h-full", children: /* @__PURE__ */ f(lr, {}) })
+                  /* @__PURE__ */ C("aside", { className: "univer-h-full", children: /* @__PURE__ */ C(lr, {}) })
                 ]
               }
             ),
-            n && /* @__PURE__ */ f("footer", { children: /* @__PURE__ */ f(y1, { components: v }, "footer") }),
-            /* @__PURE__ */ f(sr, {}),
-            /* @__PURE__ */ f(ar, {})
+            n && /* @__PURE__ */ C("footer", { children: /* @__PURE__ */ C(y1, { components: v }, "footer") }),
+            /* @__PURE__ */ C(sr, {}),
+            /* @__PURE__ */ C(ar, {})
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ f(y1, { components: M }, "global"),
-    r && /* @__PURE__ */ f(Bi, {})
+    /* @__PURE__ */ C(y1, { components: M }, "global"),
+    r && /* @__PURE__ */ C(Bi, {})
   ] });
 }
 var Fi = Object.getOwnPropertyDescriptor, ki = (e, t, n, r) => {
@@ -8763,7 +8763,7 @@ function ji(e, t, n) {
   const o = R1(Pi, e), s = (d) => n(d, r);
   function a() {
     V9(
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ C(
         o,
         {
           ...t,
@@ -8947,7 +8947,7 @@ function t9(e) {
 }
 const no = (e) => {
   const { children: t, onClose: n, onConfirm: r } = e, [i] = z({}), o = t ? Z2(t, { hooks: i }) : null;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     K2,
     {
       ...e,
@@ -8989,13 +8989,13 @@ function ro() {
   }, []);
   const r = t.map((i) => {
     const { children: o, title: s, ...a } = i, d = a;
-    for (const C of ["children", "title"]) {
-      const v = C, c = i[v];
-      c && (d[v] = /* @__PURE__ */ f(L1, { ...c }));
+    for (const f of ["children", "title"]) {
+      const v = f, c = i[v];
+      c && (d[v] = /* @__PURE__ */ C(L1, { ...c }));
     }
     return d;
   });
-  return r == null ? void 0 : r.map((i, o) => /* @__PURE__ */ f(no, { ...i, children: i.children }, o));
+  return r == null ? void 0 : r.map((i, o) => /* @__PURE__ */ C(no, { ...i, children: i.children }, o));
 }
 var io = Object.getOwnPropertyDescriptor, oo = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? io(t, n) : t, o = e.length - 1, s; o >= 0; o--)
@@ -9059,14 +9059,14 @@ function so() {
     return () => o.unsubscribe();
   }, []);
   const r = G(() => t.map((i) => {
-    const { children: o, title: s, footer: a, ...d } = i, C = d;
+    const { children: o, title: s, footer: a, ...d } = i, f = d;
     for (const v of ["children", "title", "footer"]) {
       const c = v, p = i[c];
-      p && (C[c] = /* @__PURE__ */ f(L1, { ...p }));
+      p && (f[c] = /* @__PURE__ */ C(L1, { ...p }));
     }
-    return C;
+    return f;
   }), [t]);
-  return r == null ? void 0 : r.map((i) => /* @__PURE__ */ f(e4, { ...i }, i.id));
+  return r == null ? void 0 : r.map((i) => /* @__PURE__ */ C(e4, { ...i }, i.id));
 }
 var lo = Object.getOwnPropertyDescriptor, ao = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? lo(t, n) : t, o = e.length - 1, s; o >= 0; o--)
@@ -9123,7 +9123,7 @@ ze = ao([
 const ut = h1("univer.ui.gallery-service");
 function co() {
   const e = P(ut), t = r1(e.gallery$);
-  return t ? /* @__PURE__ */ f(t4, { ...t }) : null;
+  return t ? /* @__PURE__ */ C(t4, { ...t }) : null;
 }
 var uo = Object.getOwnPropertyDescriptor, ho = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? uo(t, n) : t, o = e.length - 1, s; o >= 0; o--)
@@ -9225,22 +9225,22 @@ function po() {
       e.exports = n();
     })(function() {
       return (function n(r, i, o) {
-        function s(C, v) {
-          if (!i[C]) {
-            if (!r[C]) {
+        function s(f, v) {
+          if (!i[f]) {
+            if (!r[f]) {
               var c = typeof Se == "function" && Se;
-              if (!v && c) return c(C, !0);
-              if (a) return a(C, !0);
-              var p = new Error("Cannot find module '" + C + "'");
+              if (!v && c) return c(f, !0);
+              if (a) return a(f, !0);
+              var p = new Error("Cannot find module '" + f + "'");
               throw p.code = "MODULE_NOT_FOUND", p;
             }
-            var L = i[C] = { exports: {} };
-            r[C][0].call(L.exports, function(M) {
-              var O = r[C][1][M];
+            var L = i[f] = { exports: {} };
+            r[f][0].call(L.exports, function(M) {
+              var O = r[f][1][M];
               return s(O || M);
             }, L, L.exports, n, r, i, o);
           }
-          return i[C].exports;
+          return i[f].exports;
         }
         for (var a = typeof Se == "function" && Se, d = 0; d < o.length; d++) s(o[d]);
         return s;
@@ -9248,8 +9248,8 @@ function po() {
         (function(o) {
           var s = o.MutationObserver || o.WebKitMutationObserver, a;
           if (s) {
-            var d = 0, C = new s(M), v = o.document.createTextNode("");
-            C.observe(v, {
+            var d = 0, f = new s(M), v = o.document.createTextNode("");
+            f.observe(v, {
               characterData: !0
             }), a = function() {
               v.data = d = ++d % 2;
@@ -9286,7 +9286,7 @@ function po() {
         var o = n(1);
         function s() {
         }
-        var a = {}, d = ["REJECTED"], C = ["FULFILLED"], v = ["PENDING"];
+        var a = {}, d = ["REJECTED"], f = ["FULFILLED"], v = ["PENDING"];
         r.exports = c;
         function c(y) {
           if (typeof y != "function")
@@ -9296,11 +9296,11 @@ function po() {
         c.prototype.catch = function(y) {
           return this.then(null, y);
         }, c.prototype.then = function(y, N) {
-          if (typeof y != "function" && this.state === C || typeof N != "function" && this.state === d)
+          if (typeof y != "function" && this.state === f || typeof N != "function" && this.state === d)
             return this;
           var D = new this.constructor(s);
           if (this.state !== v) {
-            var k = this.state === C ? y : N;
+            var k = this.state === f ? y : N;
             L(D, k, this.outcome);
           } else
             this.queue.push(new p(D, y, N));
@@ -9337,7 +9337,7 @@ function po() {
           if (k)
             O(y, k);
           else {
-            y.state = C, y.outcome = N;
+            y.state = f, y.outcome = N;
             for (var j = -1, Q = y.queue.length; ++j < Q; )
               y.queue[j].callFulfilled(N);
           }
@@ -9387,8 +9387,8 @@ function po() {
           var N = new this(s);
           return a.reject(N, y);
         }
-        c.all = S;
-        function S(y) {
+        c.all = x;
+        function x(y) {
           var N = this;
           if (Object.prototype.toString.call(y) !== "[object Array]")
             return this.reject(new TypeError("must be an array"));
@@ -9457,7 +9457,7 @@ function po() {
           }
         }
         var d = a();
-        function C() {
+        function f() {
           try {
             if (!d || !d.open)
               return !1;
@@ -9502,7 +9502,7 @@ function po() {
           if (arguments.length && typeof arguments[arguments.length - 1] == "function")
             return arguments[arguments.length - 1];
         }
-        var _ = "local-forage-detect-blob-support", w = void 0, I = {}, S = Object.prototype.toString, E = "readonly", y = "readwrite";
+        var _ = "local-forage-detect-blob-support", w = void 0, I = {}, x = Object.prototype.toString, E = "readonly", y = "readwrite";
         function N(l) {
           for (var h = l.length, u = new ArrayBuffer(h), m = new Uint8Array(u), b = 0; b < h; b++)
             m[b] = l.charCodeAt(b);
@@ -9755,7 +9755,7 @@ function po() {
           var b = new c(function(g, V) {
             var $;
             m.ready().then(function() {
-              return $ = m._dbInfo, S.call(h) === "[object Blob]" ? k($.db).then(function(T) {
+              return $ = m._dbInfo, x.call(h) === "[object Blob]" ? k($.db).then(function(T) {
                 return T ? h : s1(h);
               }) : h;
             }).then(function(T) {
@@ -9991,7 +9991,7 @@ function po() {
         var xr = {
           _driver: "asyncStorage",
           _initStorage: pe,
-          _support: C(),
+          _support: f(),
           iterate: mr,
           getItem: pr,
           setItem: br,
@@ -10715,7 +10715,7 @@ Ge = Lo([
 ], Ge);
 function wo() {
   const e = P(z3), t = r1(e.darkMode$);
-  return /* @__PURE__ */ f(o4, { theme: t ? "dark" : "light" });
+  return /* @__PURE__ */ C(o4, { theme: t ? "dark" : "light" });
 }
 const yo = {
   show: (e) => {
@@ -11029,9 +11029,9 @@ function gr(e) {
   o += `\r
 `;
   for (let d = 0; d < t.length; d++) {
-    let C = t[`${d}`], v;
-    C.nodeName === "#text" ? (v = (a = C.textContent) != null ? a : "", C = C.parentElement) : v = C.innerText;
-    const c = dt(C);
+    let f = t[`${d}`], v;
+    f.nodeName === "#text" ? (v = (a = f.textContent) != null ? a : "", f = f.parentElement) : v = f.innerText;
+    const c = dt(f);
     jo(v).forEach((L) => {
       const M = L.length;
       i += M, r = i - M;
@@ -11066,7 +11066,7 @@ function dt(e, t = "") {
   };
   return r.forEach((d) => {
     var p;
-    const C = d.toLowerCase(), v = H3(C.substr(0, C.indexOf(":"))), c = H3(C.substr(C.indexOf(":") + 1));
+    const f = d.toLowerCase(), v = H3(f.substr(0, f.indexOf(":"))), c = H3(f.substr(f.indexOf(":") + 1));
     if (v === "font-weight")
       c === "bold" || c === "700" ? i.bl = 1 : i.bl = 0;
     else if (v === "font-style")
@@ -11275,8 +11275,8 @@ function _7(e) {
     const s = r[i].querySelectorAll("td");
     let a = Je(s[0].style.height, 19);
     for (let d = 0; d < s.length; d++) {
-      const C = s[d].getAttribute("rowSpan");
-      if (!(C && +C > 1)) {
+      const f = s[d].getAttribute("rowSpan");
+      if (!(f && +f > 1)) {
         a = Je(s[d].style.height, 19);
         break;
       }
@@ -11293,36 +11293,36 @@ function M7(e) {
   const i = n.querySelectorAll("table tr");
   i[0].querySelectorAll("td").forEach((a) => {
     let d = 0;
-    const C = a.getAttribute("colSpan");
-    C !== null ? d = +C : d = 1, r += d;
+    const f = a.getAttribute("colSpan");
+    f !== null ? d = +f : d = 1, r += d;
   });
   for (let a = 0; a < t.length; a++)
     t[a] = new Array(r);
   let s = 0;
   return i.forEach((a) => {
     let d = 0;
-    a.querySelectorAll("td").forEach((C) => {
+    a.querySelectorAll("td").forEach((f) => {
       var L, M;
       const v = {};
-      if (C.querySelectorAll("span").length || C.querySelectorAll("font").length) {
-        const O = gr(C);
+      if (f.querySelectorAll("span").length || f.querySelectorAll("font").length) {
+        const O = gr(f);
         typeof O != "string" && (v.p = O);
       }
-      const c = C.innerText;
+      const c = f.innerText;
       c.trim().length === 0 ? v.v = "" : v.v = c;
-      const p = dt(C);
+      const p = dt(f);
       for (w9.isPlainObject(p) && (v.s = p); d < r && t[s][d] != null; )
         d++;
       if (d !== r) {
         if (t[s][d] == null) {
           t[s][d] = v;
-          const O = (L = Number(C.getAttribute("rowSpan"))) != null ? L : 1, _ = (M = Number(C.getAttribute("colSpan"))) != null ? M : 1;
+          const O = (L = Number(f.getAttribute("rowSpan"))) != null ? L : 1, _ = (M = Number(f.getAttribute("colSpan"))) != null ? M : 1;
           if (O > 1 || _ > 1) {
             const w = { rs: +O - 1, cs: +_ - 1, r: s, c: d };
             t[s][d].mc = w;
             for (let I = 0; I < O; I++)
-              for (let S = 0; S < _; S++)
-                I === 0 && S === 0 || (t[s + I][d + S] = { mc: null });
+              for (let x = 0; x < _; x++)
+                I === 0 && x === 0 || (t[s + I][d + x] = { mc: null });
           }
         }
         d++;
@@ -11354,8 +11354,8 @@ function x7(e, t) {
     for (let s = 0; s < e[o].length; s++)
       if (e[o][s] && typeof e[o][s] == "object" && "mc" in e[o][s])
         if (e[o][s].mc) {
-          const a = e[o][s].mc, d = a.r + n, C = d + a.rs, v = a.c + r, c = v + a.cs;
-          i.push({ startRow: d, endRow: C, startColumn: v, endColumn: c }), delete e[o][s].mc;
+          const a = e[o][s].mc, d = a.r + n, f = d + a.rs, v = a.c + r, c = v + a.cs;
+          i.push({ startRow: d, endRow: f, startColumn: v, endColumn: c }), delete e[o][s].mc;
         } else
           e[o][s] = null;
   return {
@@ -11364,11 +11364,11 @@ function x7(e, t) {
   };
 }
 function H7(e) {
-  var C;
+  var f;
   let t = [];
   const n = document.createElement("html");
   n.innerHTML = e;
-  const r = (C = n.querySelector("style")) == null ? void 0 : C.innerText;
+  const r = (f = n.querySelector("style")) == null ? void 0 : f.innerText;
   if (!r) return;
   const i = Uo(r);
   if (t = new Array(n.querySelectorAll("table tr").length), !t.length) return [];
@@ -11388,25 +11388,25 @@ function H7(e) {
       var w, I;
       const L = {};
       if (p.querySelectorAll("span").length || p.querySelectorAll("font").length) {
-        const S = gr(p);
-        typeof S != "string" && (L.p = S);
+        const x = gr(p);
+        typeof x != "string" && (L.p = x);
       }
       const M = p.innerText;
       M.trim().length === 0 ? L.v = "" : L.v = M;
       let O = "";
-      for (const S in i)
-        p.classList.contains(S) && (O += i[S]);
+      for (const x in i)
+        p.classList.contains(x) && (O += i[x]);
       const _ = dt(p, O);
       for (w9.isPlainObject(_) && (L.s = _); c < o && t[d][c] != null; )
         c++;
       if (c !== o) {
         if (t[d][c] == null) {
           t[d][c] = L;
-          const S = (w = Number(p.getAttribute("rowSpan"))) != null ? w : 1, E = (I = Number(p.getAttribute("colSpan"))) != null ? I : 1;
-          if (S > 1 || E > 1) {
-            const y = { rs: +S - 1, cs: +E - 1, r: d, c };
+          const x = (w = Number(p.getAttribute("rowSpan"))) != null ? w : 1, E = (I = Number(p.getAttribute("colSpan"))) != null ? I : 1;
+          if (x > 1 || E > 1) {
+            const y = { rs: +x - 1, cs: +E - 1, r: d, c };
             t[d][c].mc = y;
-            for (let N = 0; N < S; N++)
+            for (let N = 0; N < x; N++)
               for (let D = 0; D < E; D++)
                 N === 0 && D === 0 || (t[d + N][c + D] = { mc: null });
           }
@@ -11438,7 +11438,7 @@ function Wo(e) {
 }
 const S7 = M9((e) => {
   var O, _;
-  const { layer: t, id: n, position: r } = e, i = P(N1), o = J(null), s = J(null), a = J(`transform: rotate(${r == null ? void 0 : r.rotate}deg) translate(${r == null ? void 0 : r.startX}px, ${r == null ? void 0 : r.startY}px)`), d = J((O = r == null ? void 0 : r.startY) != null ? O : 0), C = J((_ = r == null ? void 0 : r.startX) != null ? _ : 0), v = typeof t.componentKey == "string" ? P(M1).get(t.componentKey) : t.componentKey, c = G(() => ({
+  const { layer: t, id: n, position: r } = e, i = P(N1), o = J(null), s = J(null), a = J(`transform: rotate(${r == null ? void 0 : r.rotate}deg) translate(${r == null ? void 0 : r.startX}px, ${r == null ? void 0 : r.startY}px)`), d = J((O = r == null ? void 0 : r.startY) != null ? O : 0), f = J((_ = r == null ? void 0 : r.startX) != null ? _ : 0), v = typeof t.componentKey == "string" ? P(M1).get(t.componentKey) : t.componentKey, c = G(() => ({
     data: t.data,
     ...t.props
   }), [t.data, t.props]), p = {
@@ -11449,8 +11449,8 @@ const S7 = M9((e) => {
     right: `${r.absolute.left ? "auto" : 0}`,
     bottom: `${r.absolute.top ? "auto" : 0}`
   };
-  a.current = `rotate(${r.rotate}deg)`, d.current = r.startY, C.current = r.startX;
-  const L = i.getUnit(t.unitId), M = G(() => v ? /* @__PURE__ */ f(
+  a.current = `rotate(${r.rotate}deg)`, d.current = r.startY, f.current = r.startX;
+  const L = i.getUnit(t.unitId), M = G(() => v ? /* @__PURE__ */ C(
     v,
     {
       ...c,
@@ -11462,14 +11462,14 @@ const S7 = M9((e) => {
       }
     }
   ) : null, [v, c]);
-  return r ? /* @__PURE__ */ f(
+  return r ? /* @__PURE__ */ C(
     "div",
     {
       ref: o,
       className: "univer-absolute univer-z-10 univer-origin-center univer-overflow-hidden",
       style: {
         top: d.current,
-        left: C.current,
+        left: f.current,
         width: Math.max(r.endX - r.startX - 2, 0),
         height: Math.max(r.endY - r.startY - 2, 0),
         transform: a.current
@@ -11486,7 +11486,7 @@ const S7 = M9((e) => {
       onWheel: (w) => {
         t.onWheel(w.nativeEvent);
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ C(
         "div",
         {
           ref: s,