@underverse-ui/underverse 2.0.8 → 2.0.9

package/dist/{menu-bar-NFEW4FOJ.js → menu-bar-R5ZFI2ST.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal_default
-} from "./chunk-JINSMREP.js";
+} from "./chunk-7V65PWQN.js";
 import {
   DEFAULT_TABLE_ROW_HEIGHT,
   DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE,
@@ -21,11 +21,11 @@ import {
   sanitizeUEditorUrl,
   useDropdownMenuClose,
   useSharedEditorUiRenderState
-} from "./chunk-TETMVVUP.js";
+} from "./chunk-VDIAFUIE.js";
 import {
   cn,
   useSmartTranslations
-} from "./chunk-PLHJWXCW.js";
+} from "./chunk-CKG2QLQL.js";
 import "./chunk-NSBPE2FW.js";
 
 // src/components/UEditor/menu-bar.tsx
@@ -944,4 +944,4 @@ var MenuBar = ({
 export {
   MenuBar
 };
-//# sourceMappingURL=menu-bar-NFEW4FOJ.js.map
+//# sourceMappingURL=menu-bar-R5ZFI2ST.js.map

package/dist/ueditor.cjs

@@ -3860,6 +3860,16 @@ var init_emojis = __esm({
   }
 });
 
+// src/constants/form-control-size.ts
+var formControlOutlineClass, formControlGroupOutlineClass;
+var init_form_control_size = __esm({
+  "src/constants/form-control-size.ts"() {
+    "use strict";
+    formControlOutlineClass = "border border-input hover:border-primary/40 focus-visible:outline-none focus-visible:border-ring";
+    formControlGroupOutlineClass = "border border-input hover:border-primary/40 focus-within:border-ring";
+  }
+});
+
 // src/components/EmojiPicker.tsx
 var EmojiPicker_exports = {};
 __export(EmojiPicker_exports, {
@@ -3878,6 +3888,7 @@ var init_EmojiPicker = __esm({
     init_emoji_ui();
     init_Tooltip();
     init_emojis();
+    init_form_control_size();
     import_jsx_runtime9 = require("react/jsx-runtime");
     CATEGORY_ICONS = {
       smileys_people: import_lucide_react.Smile,
@@ -4017,8 +4028,9 @@ var init_EmojiPicker = __esm({
                   value: search,
                   onChange: (e) => setSearch(e.target.value),
                   className: cn(
-                    "w-full rounded-2xl border border-border/10 bg-muted/20 py-2 pl-9.5 pr-9 text-sm transition-all duration-300",
-                    "placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-primary/15 focus:border-primary/20",
+                    "w-full rounded-2xl bg-muted/20 py-2 pl-9.5 pr-9 text-sm transition-all duration-300",
+                    formControlOutlineClass,
+                    "placeholder:text-muted-foreground/60",
                     "focus:bg-background/90 focus:shadow-[0_0_12px_rgba(var(--color-primary-rgb),0.04)]"
                   )
                 }
@@ -6428,6 +6440,7 @@ var init_inputs = __esm({
     init_useSmartTranslations();
     import_lucide_react12 = require("lucide-react");
     init_url_safety();
+    init_form_control_size();
     import_jsx_runtime24 = require("react/jsx-runtime");
     LinkInput = ({
       onSubmit,
@@ -6468,7 +6481,7 @@ var init_inputs = __esm({
               placeholder: t("linkInput.placeholder"),
               "aria-invalid": Boolean(error),
               "aria-describedby": error ? errorId : void 0,
-              className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 aria-invalid:ring-2 aria-invalid:ring-destructive/40"
+              className: `flex-1 rounded-lg bg-muted/50 px-3 py-2 text-sm ${formControlOutlineClass} aria-invalid:border-destructive`
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Check, { className: "w-4 h-4" }) }),
@@ -6503,7 +6516,7 @@ var init_inputs = __esm({
               value: url,
               onChange: (e) => setUrl(e.target.value),
               placeholder: t("imageInput.urlPlaceholder"),
-              className: "w-full mt-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20"
+              className: `mt-1 w-full rounded-lg bg-muted/50 px-3 py-2 text-sm ${formControlOutlineClass}`
             }
           )
         ] }),
@@ -6516,7 +6529,7 @@ var init_inputs = __esm({
               value: alt,
               onChange: (e) => setAlt(e.target.value),
               placeholder: t("imageInput.altPlaceholder"),
-              className: "w-full mt-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20"
+              className: `mt-1 w-full rounded-lg bg-muted/50 px-3 py-2 text-sm ${formControlOutlineClass}`
             }
           )
         ] }),
@@ -10030,6 +10043,7 @@ init_cn();
 init_Popover();
 var import_lucide_react5 = require("lucide-react");
 init_useSmartTranslations();
+init_form_control_size();
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var FormRadioView = ({ node, updateAttributes, editor, selected }) => {
   const t = useSmartTranslations("UEditor");
@@ -10102,7 +10116,7 @@ var FormRadioView = ({ node, updateAttributes, editor, selected }) => {
                   type: "text",
                   value: groupName,
                   onChange: (e) => updateAttributes({ name: e.target.value }),
-                  className: "w-full text-sm px-2 py-1.5 border border-border/60 rounded-lg bg-background text-foreground focus:outline-none focus:ring-1 focus:ring-primary"
+                  className: `w-full rounded-lg bg-background px-2 py-1.5 text-sm text-foreground ${formControlOutlineClass}`
                 }
               )
             ] })
@@ -14338,6 +14352,7 @@ var import_react_dom3 = require("react-dom");
 init_useSmartTranslations();
 var import_lucide_react14 = require("lucide-react");
 init_cn();
+init_form_control_size();
 init_toolbar();
 init_inputs();
 init_link_commands();
@@ -15093,7 +15108,7 @@ var BubbleMenuContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("flex h-9 items-center overflow-hidden rounded-md bg-muted/40", formControlGroupOutlineClass), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "input",
         {
           value: formulaDraft,
@@ -15191,7 +15206,7 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: cn("flex h-9 items-center overflow-hidden rounded-md bg-muted/40", formControlGroupOutlineClass), children: [
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               "input",
               {
@@ -23146,6 +23161,7 @@ var import_react42 = require("@tiptap/react");
 var import_lucide_react19 = require("lucide-react");
 init_useSmartTranslations();
 init_table_dom_utils();
+init_form_control_size();
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function TableFormulaBar({ editor }) {
   const t = useSmartTranslations("UEditor");
@@ -23244,7 +23260,7 @@ function TableFormulaBar({ editor }) {
               }
             },
             "aria-label": t("tableMenu.editFormula"),
-            className: "h-7 min-w-0 flex-1 rounded-md border border-border/60 bg-background px-2 font-mono text-sm text-foreground outline-none focus:border-primary/40 focus:ring-2 focus:ring-primary/15"
+            className: `h-7 min-w-0 flex-1 rounded-md bg-background px-2 font-mono text-sm text-foreground ${formControlOutlineClass}`
           }
         ),
         selectedCell.formulaState === "error" && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(