@underverse-ui/underverse 2.0.15 → 2.0.16

package/dist/{chunk-D22TNGE5.js → chunk-HEXF4EOB.js}

@@ -1,7 +1,7 @@
 import {
   getPanelBorderRadiusClass,
   useUnderverseUIConfig
-} from "./chunk-WEGE3MZ5.js";
+} from "./chunk-23VKHYEB.js";
 import {
   cn,
   useGlobalI18n
@@ -196,4 +196,4 @@ var Modal_default = Modal;
 export {
   Modal_default
 };
-//# sourceMappingURL=chunk-D22TNGE5.js.map
+//# sourceMappingURL=chunk-HEXF4EOB.js.map

package/dist/{chunk-NWVDNVLR.js → chunk-YM56RXIZ.js}

@@ -55,7 +55,7 @@ import {
   sanitizeUEditorUrl,
   useEditorColors,
   useSharedEditorUiRenderState
-} from "./chunk-WEGE3MZ5.js";
+} from "./chunk-23VKHYEB.js";
 import {
   Tooltip,
   UEditorPortalProvider,
@@ -14504,7 +14504,7 @@ function useUEditorOutput({
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var LazyMenuBar = React15.lazy(async () => {
-  const { MenuBar } = await import("./menu-bar-YMEOEYJS.js");
+  const { MenuBar } = await import("./menu-bar-7MPCNTHR.js");
   return { default: MenuBar };
 });
 var UEditor = React15.forwardRef(({
@@ -14973,4 +14973,4 @@ export {
   prepareUEditorContentForSave,
   UEditor_default
 };
-//# sourceMappingURL=chunk-NWVDNVLR.js.map
+//# sourceMappingURL=chunk-YM56RXIZ.js.map

package/dist/index.cjs

@@ -7472,6 +7472,8 @@ var init_toolbar = __esm({
       const [showImageInput, setShowImageInput] = (0, import_react73.useState)(false);
       const [showLinkInput, setShowLinkInput] = (0, import_react73.useState)(false);
       const [isTableMenuOpen, setIsTableMenuOpen] = (0, import_react73.useState)(false);
+      const [fontSizeDraft, setFontSizeDraft] = (0, import_react73.useState)("");
+      const [isEditingFontSize, setIsEditingFontSize] = (0, import_react73.useState)(false);
       const fileInputRef = (0, import_react73.useRef)(null);
       const [isUploadingImage, setIsUploadingImage] = (0, import_react73.useState)(false);
       const [imageUploadError, setImageUploadError] = (0, import_react73.useState)(null);
@@ -7501,7 +7503,7 @@ var init_toolbar = __esm({
       const availableLetterSpacings = import_react73.default.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
       const currentFontFamilyDisplayValue = currentFontFamily.split(",")[0]?.trim() ?? currentFontFamily;
       const currentFontFamilyLabel = availableFontFamilies.find((option) => normalizeStyleValue(option.value) === currentFontFamily)?.label ?? (currentFontFamilyDisplayValue || t("toolbar.fontDefault"));
-      const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? "13";
+      const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? (currentFontSize.replace(/px$/i, "") || "13");
       const currentLineHeightLabel = availableLineHeights.find((option) => normalizeStyleValue(option.value) === currentLineHeight)?.label ?? t("toolbar.lineHeightDefault");
       const currentLetterSpacingLabel = availableLetterSpacings.find((option) => normalizeStyleValue(option.value) === currentLetterSpacing)?.label ?? t("toolbar.letterSpacingDefault");
       const defaultFontFamilyOption = availableFontFamilies.find((opt) => normalizeStyleValue(opt.value) === normalizeStyleValue(defaultFontFamily)) ?? availableFontFamilies[0];
@@ -7513,6 +7515,12 @@ var init_toolbar = __esm({
       const isMedium = variant === "medium";
       const isMediumFull = variant === "medium-full";
       const isFull = variant === "default" || variant === "full" || variant === "notion" || !variant;
+      const applyFontSizeDraft = () => {
+        const parsed = Number.parseFloat(fontSizeDraft);
+        if (!Number.isFinite(parsed)) return;
+        editor.chain().focus().setFontSize(`${parsed}px`).run();
+        setFontSizeDraft(String(parsed));
+      };
       const insertImageFiles = async (files) => {
         if (files.length === 0) return;
         setIsUploadingImage(true);
@@ -7681,25 +7689,47 @@ var init_toolbar = __esm({
             (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               DropdownMenu,
               {
-                trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
-                  ToolbarButton,
-                  {
-                    onClick: () => {
-                    },
-                    title: t("toolbar.fontSize"),
-                    className: "h-7 w-14 justify-between gap-1 border border-[rgba(196,197,213,0.6)] bg-white px-2 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-xs font-normal leading-none", children: displayedFontSizeLabel }),
-                      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
-                    ]
-                  }
-                ),
+                trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex h-7 w-14 items-center rounded-md border border-[rgba(196,197,213,0.6)] bg-white text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] dark:bg-background dark:text-foreground", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                    "input",
+                    {
+                      type: "number",
+                      step: 1,
+                      value: isEditingFontSize ? fontSizeDraft : displayedFontSizeLabel,
+                      onFocus: () => {
+                        setFontSizeDraft(displayedFontSizeLabel);
+                        setIsEditingFontSize(true);
+                      },
+                      onChange: (event) => setFontSizeDraft(event.target.value),
+                      onBlur: () => {
+                        applyFontSizeDraft();
+                        setIsEditingFontSize(false);
+                      },
+                      onMouseDown: (event) => event.stopPropagation(),
+                      onClick: (event) => event.stopPropagation(),
+                      onKeyDown: (event) => {
+                        event.stopPropagation();
+                        if (event.key === "Enter") {
+                          event.preventDefault();
+                          applyFontSizeDraft();
+                          setIsEditingFontSize(false);
+                        }
+                      },
+                      "aria-label": t("toolbar.fontSize"),
+                      className: "min-w-0 flex-1 bg-transparent px-2 text-xs font-normal leading-none outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", "aria-label": t("toolbar.fontSize"), title: t("toolbar.fontSize"), className: "px-1 text-[#7B8184]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FigmaChevronDownIcon, { className: "h-3 w-3" }) })
+                ] }),
                 contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
                 children: availableFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                   DropdownMenuItem,
                   {
                     label: option.label,
-                    onClick: () => editor.chain().focus().setFontSize(option.value).run(),
+                    onClick: () => {
+                      editor.chain().focus().setFontSize(option.value).run();
+                      setFontSizeDraft(option.label);
+                    },
                     active: normalizeStyleValue(option.value) === activeFontSize
                   },
                   option.value