@univerjs/ui 0.12.2 → 0.12.3-experimental.20251205-e439e48

package/lib/facade.js

@@ -1,16 +1,16 @@
-var F = Object.defineProperty;
-var R = (n, e, t) => e in n ? F(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var B = Object.defineProperty;
+var R = (n, e, t) => e in n ? B(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var o = (n, e, t) => R(n, typeof e != "symbol" ? e + "" : e, t);
 import { FBase as C, FUniver as M, FHooks as j, FEnum as y } from "@univerjs/core/facade";
 import { IRenderManagerService as U } from "@univerjs/engine-render";
-import { IMenuManagerService as P, MenuItemType as x, RibbonStartGroup as w, RibbonPosition as T, MenuManagerPosition as O, IShortcutService as G, CopyCommand as v, PasteCommand as p, ISidebarService as V, IDialogService as $, ComponentManager as I, IMessageService as N, IUIPartsService as g, connectInjector as H, SheetPasteShortKeyCommandName as K, BuiltInUIPart as k, KeyCode as L } from "@univerjs/ui";
-import { Inject as m, Injector as f, ICommandService as u, generateRandomId as A, CommandType as W, IUniverInstanceService as q, UniverInstanceType as z } from "@univerjs/core";
-var J = Object.getOwnPropertyDescriptor, D = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? J(e, t) : e, s = n.length - 1, c; s >= 0; s--)
+import { IMenuManagerService as P, MenuItemType as E, RibbonStartGroup as w, RibbonPosition as T, MenuManagerPosition as O, IShortcutService as G, CopyCommand as v, PasteCommand as _, ISidebarService as V, IDialogService as $, ComponentManager as I, IMessageService as N, IUIPartsService as g, connectInjector as H, IFontService as K, SheetPasteShortKeyCommandName as k, BuiltInUIPart as L, KeyCode as A } from "@univerjs/ui";
+import { Inject as m, Injector as f, ICommandService as u, generateRandomId as W, CommandType as q, IUniverInstanceService as z, UniverInstanceType as J } from "@univerjs/core";
+var Q = Object.getOwnPropertyDescriptor, x = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Q(e, t) : e, s = n.length - 1, c; s >= 0; s--)
     (c = n[s]) && (i = c(i) || i);
   return i;
 }, d = (n, e) => (t, r) => e(t, r, n);
-class E extends C {
+class D extends C {
   /**
    * Append the menu to any menu position on Univer UI.
    * @param {string | string[]} path - Some predefined path to append the menu. The paths can be an array,
@@ -42,24 +42,24 @@ class E extends C {
     const t = typeof e == "string" ? e.split("|") : e, r = t.length, i = {};
     let s = i;
     const c = this.__getSchema();
-    t.forEach((S, B) => {
-      B === r - 1 ? s[S] = c : s[S] = {}, s = s[S];
+    t.forEach((S, F) => {
+      F === r - 1 ? s[S] = c : s[S] = {}, s = s[S];
     }), this._menuManagerService.mergeMenu(i);
   }
 }
 var a;
-let _ = (a = class extends E {
+let p = (a = class extends D {
   constructor(e, t, r, i) {
     super();
     o(this, "_commandToRegister", /* @__PURE__ */ new Map());
     o(this, "_buildingSchema");
     this._item = e, this._injector = t, this._commandService = r, this._menuManagerService = i;
-    const s = typeof e.action == "string" ? e.action : A(12);
+    const s = typeof e.action == "string" ? e.action : W(12);
     s !== e.action && this._commandToRegister.set(s, e.action), this._buildingSchema = {
       // eslint-disable-next-line ts/explicit-function-return-type
       menuItemFactory: () => ({
         id: e.id,
-        type: x.BUTTON,
+        type: E.BUTTON,
         // we only support button for now
         icon: e.icon,
         title: e.title,
@@ -75,18 +75,18 @@ let _ = (a = class extends E {
     return this._commandToRegister.forEach((e, t) => {
       this._commandService.hasCommand(t) || this._commandService.registerCommand({
         id: t,
-        type: W.COMMAND,
+        type: q.COMMAND,
         handler: e
       });
     }), { [this._item.id]: this._buildingSchema };
   }
 }, o(a, "RibbonStartGroup", w), o(a, "RibbonPosition", T), o(a, "MenuManagerPosition", O), a);
-_ = D([
+p = x([
   d(1, m(f)),
   d(2, u),
   d(3, P)
-], _);
-let l = class extends E {
+], p);
+let l = class extends D {
   constructor(e, t, r) {
     super();
     o(this, "_menuByGroups", []);
@@ -96,7 +96,7 @@ let l = class extends E {
       // eslint-disable-next-line ts/explicit-function-return-type
       menuItemFactory: () => ({
         id: e.id,
-        type: x.SUBITEMS,
+        type: E.SUBITEMS,
         icon: e.icon,
         title: e.title,
         tooltip: e.tooltip
@@ -186,12 +186,12 @@ let l = class extends E {
     }), { [this._item.id]: Object.assign(this._buildingSchema, e) };
   }
 };
-l = D([
+l = x([
   d(1, m(f)),
   d(2, P)
 ], l);
-var Q = Object.getOwnPropertyDescriptor, X = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Q(e, t) : e, s = n.length - 1, c; s >= 0; s--)
+var X = Object.getOwnPropertyDescriptor, Y = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? X(e, t) : e, s = n.length - 1, c; s >= 0; s--)
     (c = n[s]) && (i = c(i) || i);
   return i;
 }, h = (n, e) => (t, r) => e(t, r, n);
@@ -259,7 +259,7 @@ let b = class extends C {
    * ```
    */
   triggerShortcut(e) {
-    const t = this._univerInstanceService.getCurrentUnitForType(z.UNIVER_SHEET);
+    const t = this._univerInstanceService.getCurrentUnitForType(J.UNIVER_SHEET);
     if (!t)
       return;
     const r = this._renderManagerService.getRenderById(t.getUnitId());
@@ -285,13 +285,13 @@ let b = class extends C {
     return this._shortcutService.dispatch(e);
   }
 };
-b = X([
+b = Y([
   h(0, m(f)),
   h(1, m(U)),
-  h(2, q),
+  h(2, z),
   h(3, G)
 ], b);
-class Y extends M {
+class Z extends M {
   getURL() {
     return new URL(window.location.href);
   }
@@ -302,10 +302,10 @@ class Y extends M {
     return this._commandService.executeCommand(v.id);
   }
   paste() {
-    return this._commandService.executeCommand(p.id);
+    return this._commandService.executeCommand(_.id);
   }
   createMenu(e) {
-    return this._injector.createInstance(_, e);
+    return this._injector.createInstance(p, e);
   }
   createSubmenu(e) {
     return this._injector.createInstance(l, e);
@@ -349,9 +349,18 @@ class Y extends M {
       throw new Error("Unit not found");
     this._univerInstanceService.setCurrentUnitForType(e);
   }
+  addFonts(e) {
+    const t = this._injector.get(K);
+    e.forEach((r) => {
+      t.addFont({
+        ...r,
+        isCustom: !0
+      });
+    });
+  }
 }
-M.extend(Y);
-class Z extends j {
+M.extend(Z);
+class ee extends j {
   onBeforeCopy(e) {
     return this._injector.get(u).beforeCommandExecuted((r) => {
       r.id === v.id && e();
@@ -364,22 +373,22 @@ class Z extends j {
   }
   onBeforePaste(e) {
     return this._injector.get(u).beforeCommandExecuted((r) => {
-      r.id === p.id && e();
+      r.id === _.id && e();
     });
   }
   onPaste(e) {
     return this._injector.get(u).onCommandExecuted((r) => {
-      (r.id === p.id || r.id === K) && e();
+      (r.id === _.id || r.id === k) && e();
     });
   }
 }
-j.extend(Z);
-class ee extends y {
+j.extend(ee);
+class te extends y {
   get BuiltInUIPart() {
-    return k;
+    return L;
   }
   get KeyCode() {
-    return L;
+    return A;
   }
 }
-y.extend(ee);
+y.extend(te);

package/lib/index.css

@@ -1 +1 @@
-.univer-pointer-events-none{pointer-events:none}.univer-pointer-events-auto{pointer-events:auto}.univer-invisible{visibility:hidden}.univer-fixed{position:fixed}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-sticky{position:sticky}.univer-inset-0{top:0;right:0;bottom:0;left:0}.-univer-left-\[99999\]{left:-99999}.-univer-top-\[99999\]{top:-99999}.univer-bottom-0{bottom:0}.univer-left-0{left:0}.univer-left-1{left:.25rem}.univer-left-1\/2{left:50%}.univer-left-\[-9999px\]{left:-9999px}.univer-right-0{right:0}.univer-right-2{right:.5rem}.univer-top-0{top:0}.univer-top-0\.5{top:.125rem}.univer-top-1\/2{top:50%}.univer-top-\[-9999px\]{top:-9999px}.univer-top-\[calc\(50\%-6px\)\]{top:calc(50% - 6px)}.univer-z-10{z-index:10}.univer-z-\[-1\]{z-index:-1}.univer-z-\[100\]{z-index:100}.univer-z-\[1020\]{z-index:1020}.univer-z-\[1\]{z-index:1}.univer-m-0{margin:0}.univer-mx-2{margin-left:.5rem;margin-right:.5rem}.univer-mr-2{margin-right:.5rem}.univer-box-border{box-sizing:border-box}.univer-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.univer-block{display:block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-grid{display:grid}.univer-hidden{display:none}.univer-size-3{width:.75rem;height:.75rem}.univer-size-3\.5{width:.875rem;height:.875rem}.univer-size-4{width:1rem;height:1rem}.univer-size-6{width:1.5rem;height:1.5rem}.univer-size-9{width:2.25rem;height:2.25rem}.univer-size-full{width:100%;height:100%}.univer-h-0{height:0px}.univer-h-0\.5{height:.125rem}.univer-h-1{height:.25rem}.univer-h-10{height:2.5rem}.univer-h-6{height:1.5rem}.univer-h-7{height:1.75rem}.univer-h-9{height:2.25rem}.univer-h-full{height:100%}.univer-min-h-0{min-height:0px}.univer-min-h-full{min-height:100%}.univer-w-0{width:0px}.univer-w-0\.5{width:.125rem}.univer-w-24{width:6rem}.univer-w-32{width:8rem}.univer-w-40{width:10rem}.univer-w-5{width:1.25rem}.univer-w-7{width:1.75rem}.univer-w-96{width:24rem}.univer-w-full{width:100%}.univer-w-max{width:-moz-max-content;width:max-content}.univer-w-screen{width:100vw}.univer-min-w-6{min-width:1.5rem}.univer-min-w-8{min-width:2rem}.univer-min-w-min{min-width:-moz-min-content;min-width:min-content}.univer-max-w-52{max-width:13rem}.univer-max-w-96{max-width:24rem}.univer-max-w-\[var\(--radix-popper-available-width\)\]{max-width:var(--radix-popper-available-width)}.univer-flex-1{flex:1 1 0%}.univer-flex-shrink-0,.univer-shrink-0{flex-shrink:0}.univer-origin-center{transform-origin:center}.-univer-translate-x-1\/2{--univer-tw-translate-x: -50%;transform:translate(-50%,var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.-univer-translate-y-1\/2{--univer-tw-translate-y: -50%;transform:translate(var(--univer-tw-translate-x),-50%) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-translate-x-0{--univer-tw-translate-x: 0px;transform:translateY(var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-translate-x-full{--univer-tw-translate-x: 100%;transform:translate(100%,var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-cursor-not-allowed{cursor:not-allowed}.univer-cursor-pointer{cursor:pointer}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.univer-grid-flow-col{grid-auto-flow:column}.univer-grid-cols-\[1fr\]{grid-template-columns:1fr}.univer-grid-cols-\[auto\,1fr\]{grid-template-columns:auto 1fr}.univer-grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.univer-grid-cols-none{grid-template-columns:none}.univer-grid-rows-\[100\%\]{grid-template-rows:100%}.univer-grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.univer-grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.univer-flex-col{flex-direction:column}.univer-flex-wrap{flex-wrap:wrap}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-1{gap:.25rem}.univer-gap-1\.5{gap:.375rem}.univer-gap-2{gap:.5rem}.univer-gap-2\.5{gap:.625rem}.univer-overflow-hidden{overflow:hidden}.univer-overflow-x-auto{overflow-x:auto}.univer-overflow-y-auto{overflow-y:auto}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-whitespace-nowrap{white-space:nowrap}.\!univer-rounded-full{border-radius:9999px!important}.\!univer-rounded-xl{border-radius:.75rem!important}.univer-rounded{border-radius:.25rem}.univer-rounded-2xl{border-radius:1rem}.univer-rounded-full{border-radius:9999px}.univer-rounded-lg{border-radius:.5rem}.univer-rounded-md{border-radius:.375rem}.univer-rounded-sm{border-radius:.125rem}.univer-rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.univer-rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.univer-border-none{border-style:none}.\!univer-bg-gray-200{background-color:var(--univer-gray-200)!important}.\!univer-bg-gray-500{background-color:var(--univer-gray-500)!important}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-gray-400{background-color:var(--univer-gray-400)}.univer-bg-gray-50{background-color:var(--univer-gray-50)}.univer-bg-gray-700{background-color:var(--univer-gray-700)}.univer-bg-gray-900{background-color:var(--univer-gray-900)}.univer-bg-primary-50{background-color:var(--univer-primary-50)}.univer-bg-primary-600{background-color:var(--univer-primary-600)}.univer-bg-transparent{background-color:transparent}.univer-bg-white{background-color:var(--univer-white)}.univer-bg-none{background-image:none}.univer-p-0{padding:0}.univer-p-2{padding:.5rem}.univer-p-4{padding:1rem}.univer-px-1{padding-left:.25rem;padding-right:.25rem}.univer-px-1\.5{padding-left:.375rem;padding-right:.375rem}.univer-px-2{padding-left:.5rem;padding-right:.5rem}.univer-px-3{padding-left:.75rem;padding-right:.75rem}.univer-px-4{padding-left:1rem;padding-right:1rem}.univer-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.univer-py-1{padding-top:.25rem;padding-bottom:.25rem}.univer-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.univer-pb-2{padding-bottom:.5rem}.univer-pl-2{padding-left:.5rem}.univer-pl-3{padding-left:.75rem}.univer-pl-5{padding-left:1.25rem}.univer-pl-6{padding-left:1.5rem}.univer-pr-2{padding-right:.5rem}.univer-pr-5{padding-right:1.25rem}.univer-text-right{text-align:right}.univer-text-base{font-size:1rem;line-height:1.5rem}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-text-xs{font-size:.75rem;line-height:1rem}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-font-semibold{font-weight:600}.univer-leading-6{line-height:1.5rem}.\!univer-text-gray-600{color:var(--univer-gray-600)!important}.\!univer-text-white{color:var(--univer-white)!important}.univer-text-gray-200{color:var(--univer-gray-200)}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-gray-700{color:var(--univer-gray-700)}.univer-text-gray-800{color:var(--univer-gray-800)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-white{color:var(--univer-white)}.univer-underline{text-decoration-line:underline}.univer-opacity-0{opacity:0}.univer-shadow{--univer-tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-shadow-sm{--univer-tw-shadow: 0px 1px 2px 0px rgba(30, 40, 77, .08);--univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1e284d14;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:1;opacity:var(--univer-tw-enter-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--univer-tw-enter-translate-x, 0),var(--univer-tw-enter-translate-y, 0),0) scale3d(var(--univer-tw-enter-scale, 1),var(--univer-tw-enter-scale, 1),var(--univer-tw-enter-scale, 1)) rotate(var(--univer-tw-enter-rotate, 0))}}@keyframes exit{to{opacity:1;opacity:var(--univer-tw-exit-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--univer-tw-exit-translate-x, 0),var(--univer-tw-exit-translate-y, 0),0) scale3d(var(--univer-tw-exit-scale, 1),var(--univer-tw-exit-scale, 1),var(--univer-tw-exit-scale, 1)) rotate(var(--univer-tw-exit-rotate, 0))}}.univer-animate-in{animation-name:enter;animation-duration:.15s;--univer-tw-enter-opacity: initial;--univer-tw-enter-scale: initial;--univer-tw-enter-rotate: initial;--univer-tw-enter-translate-x: initial;--univer-tw-enter-translate-y: initial }.univer-fade-in{--univer-tw-enter-opacity: 0 }.univer-fade-in-70{--univer-tw-enter-opacity: .7 }.last\:univer-border-b-0:last-child{border-bottom-width:0px}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.hover\:univer-opacity-50:hover{opacity:.5}.focus\:univer-bg-white:focus{background-color:var(--univer-white)}.disabled\:univer-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:univer-text-gray-300:disabled{color:var(--univer-gray-300)}.disabled\:hover\:univer-bg-transparent:hover:disabled{background-color:transparent}@media(min-width:640px){.sm\:\!univer-block{display:block!important}}.rtl\:univer-pr-2:where([dir=rtl],[dir=rtl] *){padding-right:.5rem}.dark\:\!univer-bg-gray-200:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-200)!important}.dark\:\!univer-bg-gray-500:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-500)!important}.dark\:\!univer-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.dark\:\!univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-bg-primary-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-primary-900)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-gray-300:where(.univer-dark,.univer-dark *){color:var(--univer-gray-300)!important}.dark\:\!univer-text-gray-500:where(.univer-dark,.univer-dark *){color:var(--univer-gray-500)!important}.dark\:\!univer-text-gray-600:where(.univer-dark,.univer-dark *){color:var(--univer-gray-600)!important}.dark\:\!univer-text-gray-800:where(.univer-dark,.univer-dark *){color:var(--univer-gray-800)!important}.dark\:\!univer-text-primary-300:where(.univer-dark,.univer-dark *){color:var(--univer-primary-300)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:disabled\:\!univer-text-gray-600:disabled:where(.univer-dark,.univer-dark *){color:var(--univer-gray-600)!important}.\[\&\>\*\]\:univer-inline-flex>*{display:inline-flex}.\[\&\>\*\]\:univer-h-6>*{height:1.5rem}.\[\&\>\*\]\:univer-items-center>*{align-items:center}.\[\&\>\*\]\:univer-rounded>*{border-radius:.25rem}.\[\&\>\*\]\:univer-px-1>*{padding-left:.25rem;padding-right:.25rem}.\[\&\>\*\]\:univer-transition-colors>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:\[\&\>\*\]\:univer-bg-gray-100>*:hover{background-color:var(--univer-gray-100)}.\[\&\>span\]\:univer-mt-0\.5>span{margin-top:.125rem}.\[\&\>span\]\:univer-w-full>span{width:100%}.\[\&\>span\]\:univer-truncate>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:univer-text-sm>span{font-size:.875rem;line-height:1.25rem}.\[\&\>svg\]\:univer-size-\[18px\]>svg{width:18px;height:18px}.\[\&\>svg\]\:univer-text-lg>svg{font-size:1.125rem;line-height:1.75rem}.\[\&_input\:focus\]\:\!univer-ring-0 input:focus{--univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color) !important;--univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(0px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color) !important;box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),0 0 #0000!important;box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),var(--univer-tw-shadow, 0 0 rgba(0,0,0,0))!important}.\[\&_input\]\:univer-h-6 input{height:1.5rem}.\[\&_input\]\:univer-w-7 input{width:1.75rem}.\[\&_input\]\:univer-border-none input{border-style:none}.\[\&_input\]\:\!univer-bg-transparent input{background-color:transparent!important}.\[\&_input\]\:univer-p-0 input{padding:0}.\[\&_input\]\:univer-text-sm input{font-size:.875rem;line-height:1.25rem}
+.univer-pointer-events-none{pointer-events:none}.univer-pointer-events-auto{pointer-events:auto}.univer-invisible{visibility:hidden}.univer-fixed{position:fixed}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-sticky{position:sticky}.univer-inset-0{top:0;right:0;bottom:0;left:0}.-univer-left-\[99999\]{left:-99999}.-univer-top-\[99999\]{top:-99999}.univer-bottom-0{bottom:0}.univer-left-0{left:0}.univer-left-1{left:.25rem}.univer-left-1\/2{left:50%}.univer-left-\[-9999px\]{left:-9999px}.univer-right-0{right:0}.univer-right-2{right:.5rem}.univer-top-0{top:0}.univer-top-0\.5{top:.125rem}.univer-top-1\/2{top:50%}.univer-top-\[-9999px\]{top:-9999px}.univer-top-\[calc\(50\%-6px\)\]{top:calc(50% - 6px)}.univer-z-10{z-index:10}.univer-z-\[-1\]{z-index:-1}.univer-z-\[100\]{z-index:100}.univer-z-\[1020\]{z-index:1020}.univer-z-\[1\]{z-index:1}.univer-m-0{margin:0}.univer-mx-2{margin-left:.5rem;margin-right:.5rem}.univer-mr-2{margin-right:.5rem}.univer-box-border{box-sizing:border-box}.univer-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.univer-block{display:block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-grid{display:grid}.univer-hidden{display:none}.univer-size-3{width:.75rem;height:.75rem}.univer-size-3\.5{width:.875rem;height:.875rem}.univer-size-4{width:1rem;height:1rem}.univer-size-6{width:1.5rem;height:1.5rem}.univer-size-9{width:2.25rem;height:2.25rem}.univer-size-full{width:100%;height:100%}.univer-h-0{height:0px}.univer-h-0\.5{height:.125rem}.univer-h-1{height:.25rem}.univer-h-10{height:2.5rem}.univer-h-6{height:1.5rem}.univer-h-7{height:1.75rem}.univer-h-9{height:2.25rem}.univer-h-full{height:100%}.univer-min-h-0{min-height:0px}.univer-min-h-full{min-height:100%}.univer-w-0{width:0px}.univer-w-0\.5{width:.125rem}.univer-w-24{width:6rem}.univer-w-32{width:8rem}.univer-w-40{width:10rem}.univer-w-5{width:1.25rem}.univer-w-7{width:1.75rem}.univer-w-96{width:24rem}.univer-w-full{width:100%}.univer-w-max{width:-moz-max-content;width:max-content}.univer-w-screen{width:100vw}.univer-min-w-6{min-width:1.5rem}.univer-min-w-8{min-width:2rem}.univer-min-w-min{min-width:-moz-min-content;min-width:min-content}.univer-max-w-52{max-width:13rem}.univer-max-w-96{max-width:24rem}.univer-max-w-\[var\(--radix-popper-available-width\)\]{max-width:var(--radix-popper-available-width)}.univer-flex-1{flex:1 1 0%}.univer-flex-shrink-0,.univer-shrink-0{flex-shrink:0}.univer-origin-center{transform-origin:center}.-univer-translate-x-1\/2{--univer-tw-translate-x: -50%;transform:translate(-50%,var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.-univer-translate-y-1\/2{--univer-tw-translate-y: -50%;transform:translate(var(--univer-tw-translate-x),-50%) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-translate-x-0{--univer-tw-translate-x: 0px;transform:translateY(var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-translate-x-full{--univer-tw-translate-x: 100%;transform:translate(100%,var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-cursor-not-allowed{cursor:not-allowed}.univer-cursor-pointer{cursor:pointer}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.univer-grid-flow-col{grid-auto-flow:column}.univer-grid-cols-\[1fr\]{grid-template-columns:1fr}.univer-grid-cols-\[auto\,1fr\]{grid-template-columns:auto 1fr}.univer-grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.univer-grid-cols-none{grid-template-columns:none}.univer-grid-rows-\[100\%\]{grid-template-rows:100%}.univer-grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.univer-grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.univer-flex-col{flex-direction:column}.univer-flex-wrap{flex-wrap:wrap}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-1{gap:.25rem}.univer-gap-1\.5{gap:.375rem}.univer-gap-2{gap:.5rem}.univer-gap-2\.5{gap:.625rem}.univer-gap-6{gap:1.5rem}.univer-overflow-hidden{overflow:hidden}.univer-overflow-x-auto{overflow-x:auto}.univer-overflow-y-auto{overflow-y:auto}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-whitespace-nowrap{white-space:nowrap}.\!univer-rounded-full{border-radius:9999px!important}.\!univer-rounded-xl{border-radius:.75rem!important}.univer-rounded{border-radius:.25rem}.univer-rounded-2xl{border-radius:1rem}.univer-rounded-full{border-radius:9999px}.univer-rounded-lg{border-radius:.5rem}.univer-rounded-md{border-radius:.375rem}.univer-rounded-sm{border-radius:.125rem}.univer-rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.univer-rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.univer-border-none{border-style:none}.\!univer-bg-gray-200{background-color:var(--univer-gray-200)!important}.\!univer-bg-gray-500{background-color:var(--univer-gray-500)!important}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-gray-400{background-color:var(--univer-gray-400)}.univer-bg-gray-50{background-color:var(--univer-gray-50)}.univer-bg-gray-700{background-color:var(--univer-gray-700)}.univer-bg-gray-900{background-color:var(--univer-gray-900)}.univer-bg-primary-50{background-color:var(--univer-primary-50)}.univer-bg-primary-600{background-color:var(--univer-primary-600)}.univer-bg-transparent{background-color:transparent}.univer-bg-white{background-color:var(--univer-white)}.univer-bg-none{background-image:none}.univer-p-0{padding:0}.univer-p-2{padding:.5rem}.univer-p-4{padding:1rem}.univer-px-1{padding-left:.25rem;padding-right:.25rem}.univer-px-1\.5{padding-left:.375rem;padding-right:.375rem}.univer-px-2{padding-left:.5rem;padding-right:.5rem}.univer-px-3{padding-left:.75rem;padding-right:.75rem}.univer-px-4{padding-left:1rem;padding-right:1rem}.univer-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.univer-py-1{padding-top:.25rem;padding-bottom:.25rem}.univer-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.univer-pb-2{padding-bottom:.5rem}.univer-pl-2{padding-left:.5rem}.univer-pl-3{padding-left:.75rem}.univer-pl-5{padding-left:1.25rem}.univer-pl-6{padding-left:1.5rem}.univer-pr-2{padding-right:.5rem}.univer-pr-5{padding-right:1.25rem}.univer-text-right{text-align:right}.univer-text-base{font-size:1rem;line-height:1.5rem}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-text-xs{font-size:.75rem;line-height:1rem}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-font-semibold{font-weight:600}.univer-leading-6{line-height:1.5rem}.\!univer-text-gray-600{color:var(--univer-gray-600)!important}.\!univer-text-white{color:var(--univer-white)!important}.univer-text-gray-200{color:var(--univer-gray-200)}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-gray-700{color:var(--univer-gray-700)}.univer-text-gray-800{color:var(--univer-gray-800)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-white{color:var(--univer-white)}.univer-underline{text-decoration-line:underline}.univer-opacity-0{opacity:0}.univer-shadow{--univer-tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-shadow-sm{--univer-tw-shadow: 0px 1px 2px 0px rgba(30, 40, 77, .08);--univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1e284d14;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:1;opacity:var(--univer-tw-enter-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--univer-tw-enter-translate-x, 0),var(--univer-tw-enter-translate-y, 0),0) scale3d(var(--univer-tw-enter-scale, 1),var(--univer-tw-enter-scale, 1),var(--univer-tw-enter-scale, 1)) rotate(var(--univer-tw-enter-rotate, 0))}}@keyframes exit{to{opacity:1;opacity:var(--univer-tw-exit-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--univer-tw-exit-translate-x, 0),var(--univer-tw-exit-translate-y, 0),0) scale3d(var(--univer-tw-exit-scale, 1),var(--univer-tw-exit-scale, 1),var(--univer-tw-exit-scale, 1)) rotate(var(--univer-tw-exit-rotate, 0))}}.univer-animate-in{animation-name:enter;animation-duration:.15s;--univer-tw-enter-opacity: initial;--univer-tw-enter-scale: initial;--univer-tw-enter-rotate: initial;--univer-tw-enter-translate-x: initial;--univer-tw-enter-translate-y: initial }.univer-fade-in{--univer-tw-enter-opacity: 0 }.univer-fade-in-70{--univer-tw-enter-opacity: .7 }.last\:univer-border-b-0:last-child{border-bottom-width:0px}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.hover\:univer-opacity-50:hover{opacity:.5}.focus\:univer-bg-white:focus{background-color:var(--univer-white)}.disabled\:univer-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:univer-text-gray-300:disabled{color:var(--univer-gray-300)}.disabled\:hover\:univer-bg-transparent:hover:disabled{background-color:transparent}@media(min-width:640px){.sm\:\!univer-block{display:block!important}}.rtl\:univer-pr-2:where([dir=rtl],[dir=rtl] *){padding-right:.5rem}.dark\:\!univer-bg-gray-200:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-200)!important}.dark\:\!univer-bg-gray-500:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-500)!important}.dark\:\!univer-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.dark\:\!univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-bg-primary-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-primary-900)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-gray-300:where(.univer-dark,.univer-dark *){color:var(--univer-gray-300)!important}.dark\:\!univer-text-gray-500:where(.univer-dark,.univer-dark *){color:var(--univer-gray-500)!important}.dark\:\!univer-text-gray-600:where(.univer-dark,.univer-dark *){color:var(--univer-gray-600)!important}.dark\:\!univer-text-gray-800:where(.univer-dark,.univer-dark *){color:var(--univer-gray-800)!important}.dark\:\!univer-text-primary-300:where(.univer-dark,.univer-dark *){color:var(--univer-primary-300)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:univer-text-gray-700:where(.univer-dark,.univer-dark *){color:var(--univer-gray-700)}.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:disabled\:\!univer-text-gray-600:disabled:where(.univer-dark,.univer-dark *){color:var(--univer-gray-600)!important}.\[\&\>\*\]\:univer-inline-flex>*{display:inline-flex}.\[\&\>\*\]\:univer-h-6>*{height:1.5rem}.\[\&\>\*\]\:univer-items-center>*{align-items:center}.\[\&\>\*\]\:univer-rounded>*{border-radius:.25rem}.\[\&\>\*\]\:univer-px-1>*{padding-left:.25rem;padding-right:.25rem}.\[\&\>\*\]\:univer-transition-colors>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:\[\&\>\*\]\:univer-bg-gray-100>*:hover{background-color:var(--univer-gray-100)}.\[\&\>span\]\:univer-mt-0\.5>span{margin-top:.125rem}.\[\&\>span\]\:univer-w-full>span{width:100%}.\[\&\>span\]\:univer-truncate>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:univer-text-sm>span{font-size:.875rem;line-height:1.25rem}.\[\&\>svg\]\:univer-size-\[18px\]>svg{width:18px;height:18px}.\[\&\>svg\]\:univer-text-lg>svg{font-size:1.125rem;line-height:1.75rem}.\[\&_input\:focus\]\:\!univer-ring-0 input:focus{--univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color) !important;--univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(0px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color) !important;box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),0 0 #0000!important;box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),var(--univer-tw-shadow, 0 0 rgba(0,0,0,0))!important}.\[\&_input\]\:univer-h-6 input{height:1.5rem}.\[\&_input\]\:univer-w-7 input{width:1.75rem}.\[\&_input\]\:univer-border-none input{border-style:none}.\[\&_input\]\:\!univer-bg-transparent input{background-color:transparent!important}.\[\&_input\]\:univer-p-0 input{padding:0}.\[\&_input\]\:univer-text-sm input{font-size:.875rem;line-height:1.25rem}