@underverse-ui/underverse 1.0.191 → 1.0.193

package/dist/index.cjs

@@ -1107,6 +1107,19 @@ var en_default = {
       borderStyle: "Border Style",
       borderWidth: "Border Width",
       borderColor: "Border Color",
+      borderPosition: "Border placement",
+      borderMode: "Border mode",
+      borderDraw: "Draw borders",
+      borderErase: "Hide borders",
+      borderAll: "All borders",
+      borderOuter: "Outer borders",
+      borderInner: "Inner borders",
+      borderHorizontal: "Inner horizontal borders",
+      borderVertical: "Inner vertical borders",
+      borderTop: "Top border",
+      borderRight: "Right border",
+      borderBottom: "Bottom border",
+      borderLeft: "Left border",
       clearBorder: "Clear Border",
       formula: "Formula",
       formulaBar: "Formula bar",
@@ -1540,6 +1553,19 @@ var vi_default = {
       borderStyle: "Ki\u1EC3u vi\u1EC1n",
       borderWidth: "\u0110\u1ED9 d\xE0y vi\u1EC1n",
       borderColor: "M\xE0u vi\u1EC1n",
+      borderPosition: "V\u1ECB tr\xED vi\u1EC1n",
+      borderMode: "Ch\u1EBF \u0111\u1ED9 vi\u1EC1n",
+      borderDraw: "V\u1EBD vi\u1EC1n",
+      borderErase: "\u1EA8n c\u1EA1nh",
+      borderAll: "T\u1EA5t c\u1EA3 vi\u1EC1n",
+      borderOuter: "Vi\u1EC1n ngo\xE0i",
+      borderInner: "Vi\u1EC1n trong",
+      borderHorizontal: "Vi\u1EC1n ngang b\xEAn trong",
+      borderVertical: "Vi\u1EC1n d\u1ECDc b\xEAn trong",
+      borderTop: "Vi\u1EC1n tr\xEAn",
+      borderRight: "Vi\u1EC1n ph\u1EA3i",
+      borderBottom: "Vi\u1EC1n d\u01B0\u1EDBi",
+      borderLeft: "Vi\u1EC1n tr\xE1i",
       clearBorder: "X\xF3a vi\u1EC1n",
       formula: "C\xF4ng th\u1EE9c",
       formulaBar: "Thanh c\xF4ng th\u1EE9c",
@@ -1973,6 +1999,19 @@ var ko_default = {
       borderStyle: "\uD14C\uB450\uB9AC \uC2A4\uD0C0\uC77C",
       borderWidth: "\uD14C\uB450\uB9AC \uB450\uAED8",
       borderColor: "\uD14C\uB450\uB9AC \uC0C9\uC0C1",
+      borderPosition: "\uD14C\uB450\uB9AC \uC704\uCE58",
+      borderMode: "\uD14C\uB450\uB9AC \uBAA8\uB4DC",
+      borderDraw: "\uD14C\uB450\uB9AC \uADF8\uB9AC\uAE30",
+      borderErase: "\uD14C\uB450\uB9AC \uC228\uAE30\uAE30",
+      borderAll: "\uBAA8\uB4E0 \uD14C\uB450\uB9AC",
+      borderOuter: "\uBC14\uAE65\uCABD \uD14C\uB450\uB9AC",
+      borderInner: "\uC548\uCABD \uD14C\uB450\uB9AC",
+      borderHorizontal: "\uC548\uCABD \uAC00\uB85C \uD14C\uB450\uB9AC",
+      borderVertical: "\uC548\uCABD \uC138\uB85C \uD14C\uB450\uB9AC",
+      borderTop: "\uC704\uCABD \uD14C\uB450\uB9AC",
+      borderRight: "\uC624\uB978\uCABD \uD14C\uB450\uB9AC",
+      borderBottom: "\uC544\uB798\uCABD \uD14C\uB450\uB9AC",
+      borderLeft: "\uC67C\uCABD \uD14C\uB450\uB9AC",
       clearBorder: "\uD14C\uB450\uB9AC \uC9C0\uC6B0\uAE30",
       formula: "\uC218\uC2DD",
       formulaBar: "\uC218\uC2DD \uC785\uB825\uC904",
@@ -2406,6 +2445,19 @@ var ja_default = {
       borderStyle: "\u67A0\u7DDA\u30B9\u30BF\u30A4\u30EB",
       borderWidth: "\u67A0\u7DDA\u306E\u592A\u3055",
       borderColor: "\u67A0\u7DDA\u306E\u8272",
+      borderPosition: "\u67A0\u7DDA\u306E\u4F4D\u7F6E",
+      borderMode: "\u67A0\u7DDA\u30E2\u30FC\u30C9",
+      borderDraw: "\u67A0\u7DDA\u3092\u5F15\u304F",
+      borderErase: "\u67A0\u7DDA\u3092\u975E\u8868\u793A",
+      borderAll: "\u3059\u3079\u3066\u306E\u67A0\u7DDA",
+      borderOuter: "\u5916\u67A0",
+      borderInner: "\u5185\u5074\u306E\u67A0\u7DDA",
+      borderHorizontal: "\u5185\u5074\u306E\u6A2A\u7F6B\u7DDA",
+      borderVertical: "\u5185\u5074\u306E\u7E26\u7F6B\u7DDA",
+      borderTop: "\u4E0A\u7F6B\u7DDA",
+      borderRight: "\u53F3\u7F6B\u7DDA",
+      borderBottom: "\u4E0B\u7F6B\u7DDA",
+      borderLeft: "\u5DE6\u7F6B\u7DDA",
       clearBorder: "\u67A0\u7DDA\u3092\u30AF\u30EA\u30A2",
       formula: "\u6570\u5F0F",
       formulaBar: "\u6570\u5F0F\u30D0\u30FC",
@@ -3562,7 +3614,7 @@ var Textarea = (0, import_react4.forwardRef)(
     required,
     value,
     maxLength,
-    borderMode = "2xl",
+    borderMode,
     ...props
   }, ref) => {
     const [isFocused, setIsFocused] = (0, import_react4.useState)(false);
@@ -6971,9 +7023,12 @@ var Modal = ({
   noPadding = false,
   fullWidth = false,
   width,
-  height
+  height,
+  borderMode
 }) => {
   const gi18n = useGlobalI18n();
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.borderMode;
   const [isMounted, setIsMounted] = React22.useState(false);
   const [isVisible, setIsVisible] = React22.useState(false);
   const [isAnimating, setIsAnimating] = React22.useState(true);
@@ -7079,7 +7134,8 @@ var Modal = ({
           {
             ref: modalContentRef,
             className: cn(
-              "relative w-full rounded-2xl md:rounded-3xl border border-border/40 bg-card text-card-foreground shadow-xl",
+              "relative w-full border border-border/40 bg-card text-card-foreground shadow-xl",
+              resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
               "transition-all duration-200 ease-out",
               maxWidthClass,
               fullWidth && "mx-0",
@@ -7587,7 +7643,8 @@ var Popover = ({
   open,
   onOpenChange,
   matchTriggerWidth = false,
-  contentWidth
+  contentWidth,
+  borderMode
 }) => {
   const isControlled = open !== void 0;
   const [internalOpen, setInternalOpen] = React24.useState(false);
@@ -7596,6 +7653,8 @@ var Popover = ({
   const panelRef = React24.useRef(null);
   const lastAppliedRef = React24.useRef(null);
   useShadCNAnimations();
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.popover?.borderMode ?? globalConfig.borderMode;
   const isOpen = isControlled ? open : internalOpen;
   const setIsOpen = React24.useCallback(
     (next) => {
@@ -7776,7 +7835,8 @@ var Popover = ({
               {
                 ...contentProps,
                 className: cn(
-                  "rounded-2xl md:rounded-3xl border bg-popover text-popover-foreground shadow-md",
+                  resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
+                  "border bg-popover text-popover-foreground shadow-md",
                   "backdrop-blur-sm bg-popover/95 border-border/60 p-4",
                   contentProps?.className,
                   contentClassName
@@ -8115,7 +8175,9 @@ var SlideOver = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Sheet, { ...props, side: "right", variant: "overlay", size: "lg" });
 };
 var BottomSheet = ({ snapPoints = ["25%", "50%", "90%"], defaultSnap = 1, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Sheet, { ...props, side: "bottom", variant: "overlay", className: cn("rounded-t-3xl", props.className) });
+  const globalConfig = useUnderverseUIConfig();
+  const isSquare = globalConfig.borderMode === "daewoo" || globalConfig.borderMode === "none";
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Sheet, { ...props, side: "bottom", variant: "overlay", className: cn(isSquare ? "" : "rounded-t-3xl", props.className) });
 };
 var SidebarSheet = ({ navigation, children, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Sheet, { ...props, side: "left", variant: "push", size: "md", children: [
@@ -8787,7 +8849,8 @@ var DropdownMenu = ({
   disabled = false,
   isOpen,
   onOpenChange,
-  items
+  items,
+  borderMode
 }) => {
   const [internalOpen, setInternalOpen] = (0, import_react17.useState)(false);
   const open = isOpen !== void 0 ? isOpen : internalOpen;
@@ -8823,6 +8886,8 @@ var DropdownMenu = ({
     item.scrollIntoView({ block: "nearest" });
   }, [getEnabledMenuItems, setActiveIndex]);
   useShadCNAnimations();
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
   import_react17.default.useEffect(() => {
     if (!open) return;
     const handleKeyNav = (e) => {
@@ -8890,7 +8955,8 @@ var DropdownMenu = ({
           animationDelay: open ? `${Math.min(index * 20, 200)}ms` : "0ms"
         },
         className: cn(
-          "dropdown-item flex w-full items-center gap-2 px-2.5 py-1.5 text-sm rounded-lg",
+          "dropdown-item flex w-full items-center gap-2 px-2.5 py-1.5 text-sm",
+          resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-lg",
           "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
           "hover:bg-accent hover:text-accent-foreground",
           "focus:bg-accent focus:text-accent-foreground",
@@ -8946,6 +9012,7 @@ var DropdownMenu = ({
       trigger: enhancedTrigger,
       placement,
       disabled,
+      borderMode: resolvedBorderMode,
       contentClassName: cn("p-1", contentClassName),
       children: menuBody
     }
@@ -8962,10 +9029,13 @@ var DropdownMenuItem = ({
   active,
   shortcut,
   className,
-  closeOnSelect
+  closeOnSelect,
+  borderMode
 }) => {
   const menu = import_react17.default.useContext(DropdownMenuContext);
   const shouldCloseOnSelect = closeOnSelect ?? menu?.closeOnSelect ?? false;
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "button",
     {
@@ -8980,7 +9050,8 @@ var DropdownMenuItem = ({
       "data-dropdown-menu-item": "",
       tabIndex: -1,
       className: cn(
-        "flex w-full items-center gap-2 px-3 py-2 text-sm rounded-lg transition-colors group cursor-pointer",
+        "flex w-full items-center gap-2 px-3 py-2 text-sm transition-colors group cursor-pointer",
+        resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-lg",
         "hover:bg-accent hover:text-accent-foreground",
         "focus:bg-accent focus:text-accent-foreground focus:outline-none",
         "disabled:opacity-50 disabled:cursor-not-allowed",
@@ -9002,56 +9073,67 @@ var DropdownMenuItem = ({
   );
 };
 var DropdownMenuSeparator = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("h-px bg-border my-1", className) });
-var DropdownMenuSub = ({ label, icon: Icon, disabled, children }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-  DropdownMenu,
-  {
-    trigger: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-      "button",
-      {
-        type: "button",
-        disabled,
-        onMouseDown: (e) => e.preventDefault(),
-        className: cn(
-          "flex w-full items-center gap-2 px-3 py-2 text-sm rounded-lg transition-colors cursor-pointer",
-          "hover:bg-accent hover:text-accent-foreground",
-          "focus:bg-accent focus:text-accent-foreground focus:outline-none",
-          "disabled:opacity-50 disabled:cursor-not-allowed"
-        ),
-        children: [
-          Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "w-4 h-4 shrink-0 opacity-60" }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "flex-1 text-left", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.ChevronRight, { className: "w-3 h-3 opacity-50" })
-        ]
-      }
-    ),
-    placement: "right",
-    children
-  }
-);
-var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", className }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-  DropdownMenu,
-  {
-    trigger: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-      "button",
-      {
-        className: cn(
-          "inline-flex items-center justify-between gap-2 px-3 py-2 text-sm rounded-2xl border bg-background border-border/60",
-          "hover:bg-accent/50",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "truncate max-w-64 text-foreground/90", children: value || placeholder }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", className: "opacity-70", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M6 8l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
-        ]
-      }
-    ),
-    items: options.map((option) => ({
-      label: option,
-      onClick: () => onChange(option)
-    }))
-  }
-);
+var DropdownMenuSub = ({ label, icon: Icon, disabled, borderMode, children }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    DropdownMenu,
+    {
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onMouseDown: (e) => e.preventDefault(),
+          className: cn(
+            "flex w-full items-center gap-2 px-3 py-2 text-sm transition-colors cursor-pointer",
+            resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-lg",
+            "hover:bg-accent hover:text-accent-foreground",
+            "focus:bg-accent focus:text-accent-foreground focus:outline-none",
+            "disabled:opacity-50 disabled:cursor-not-allowed"
+          ),
+          children: [
+            Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "w-4 h-4 shrink-0 opacity-60" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "flex-1 text-left", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.ChevronRight, { className: "w-3 h-3 opacity-50" })
+          ]
+        }
+      ),
+      placement: "right",
+      children
+    }
+  );
+};
+var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", className, borderMode }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    DropdownMenu,
+    {
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        "button",
+        {
+          className: cn(
+            "inline-flex items-center justify-between gap-2 px-3 py-2 text-sm border bg-background border-border/60",
+            resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl",
+            "hover:bg-accent/50",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "truncate max-w-64 text-foreground/90", children: value || placeholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", className: "opacity-70", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M6 8l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+          ]
+        }
+      ),
+      items: options.map((option) => ({
+        label: option,
+        onClick: () => onChange(option)
+      })),
+      borderMode: resolvedBorderMode
+    }
+  );
+};
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Pagination.tsx
@@ -9136,6 +9218,9 @@ var Combobox = ({
   maxInitialOptions,
   showSearchPromptWhenEmptyQuery = false
 }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.borderMode ?? "full";
+  const radiusClass = getBorderRadiusClass(resolvedBorderMode);
   const tv = useSmartTranslations("ValidationInput");
   const gi18n = useGlobalI18n();
   const placeholder = placeholderProp ?? gi18n.selectPlaceholder ?? "Select\u2026";
@@ -9345,7 +9430,7 @@ var Combobox = ({
     {
       "data-combobox-dropdown": true,
       "data-state": open ? "open" : "closed",
-      className: "w-full rounded-2xl md:rounded-3xl overflow-hidden",
+      className: cn("w-full overflow-hidden", getBorderRadiusClass(resolvedBorderMode)),
       children: [
         enableSearch && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("relative border-b border-border/30", size === "sm" ? "p-2" : size === "lg" ? "p-3" : "p-2.5"), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative", children: [
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
@@ -9487,9 +9572,6 @@ var Combobox = ({
     filled: "border-0 bg-muted/50 hover:bg-muted/80"
   };
   const labelSize = size === "sm" ? "text-xs" : size === "lg" ? "text-base" : "text-sm";
-  const globalConfig = useUnderverseUIConfig();
-  const resolvedBorderMode = borderMode ?? globalConfig.borderMode ?? "full";
-  const radiusClass = getBorderRadiusClass(resolvedBorderMode);
   const verticalGap = size === "sm" ? "space-y-1.5" : "space-y-2";
   const triggerButtonBaseProps = {
     ref: triggerRef,
@@ -9620,12 +9702,13 @@ var Combobox = ({
         placement: "bottom-start",
         matchTriggerWidth: true,
         className: "z-9999",
-        contentClassName: "p-0 overflow-hidden rounded-2xl md:rounded-3xl",
+        borderMode: resolvedBorderMode,
+        contentClassName: "p-0 overflow-hidden",
         children: dropdownBody
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative", children: [
       triggerButtonInline,
-      open && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute left-0 top-full mt-1 z-50 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "rounded-2xl md:rounded-3xl overflow-hidden border text-popover-foreground shadow-md backdrop-blur-sm bg-popover/95 border-border/60", children: dropdownBody }) })
+      open && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute left-0 top-full mt-1 z-50 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("overflow-hidden border text-popover-foreground shadow-md backdrop-blur-sm bg-popover/95 border-border/60", getBorderRadiusClass(resolvedBorderMode)), children: dropdownBody }) })
     ] }),
     (helperText || effectiveError) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "p",
@@ -10899,10 +10982,10 @@ var DatePicker = ({
         placement: "bottom-start",
         disabled,
         contentWidth: sizeStyles8[size].contentWidth,
+        borderMode: resolvedBorderMode,
         contentClassName: cn(
           "p-0",
           "backdrop-blur-xl bg-popover/95 border-border/40 shadow-2xl",
-          "rounded-2xl md:rounded-3xl",
           // Keep usable on small viewports (wheel scroll should stay within the popover if it overflows)
           "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto overscroll-contain",
           sizeStyles8[size].contentPadding,
@@ -11654,10 +11737,10 @@ var DateRangePicker = ({
         placement: "bottom-start",
         disabled,
         contentWidth: sizeStyles8[size].contentWidth,
+        borderMode: resolvedBorderMode,
         contentClassName: cn(
           "p-0",
           "backdrop-blur-xl bg-popover/95 border-border/40 shadow-2xl",
-          "rounded-2xl md:rounded-3xl",
           "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto overscroll-contain",
           sizeStyles8[size].contentPadding,
           "animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-300"
@@ -12057,6 +12140,8 @@ var LunarDatePicker = ({
   maxDate,
   borderMode
 }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
   const locale = useSmartLocale();
@@ -12581,12 +12666,12 @@ var LunarDatePicker = ({
         open: isOpen,
         onOpenChange: setIsOpen,
         placement: "bottom-start",
+        borderMode: resolvedBorderMode,
         disabled,
         contentWidth: sizeStyles8[size].contentWidth,
         contentClassName: cn(
           "p-0",
           "backdrop-blur-xl bg-popover/95 border-border/40 shadow-2xl",
-          "rounded-2xl md:rounded-3xl",
           // Keep usable on small viewports (wheel scroll should stay within the popover if it overflows)
           "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto overscroll-contain",
           sizeStyles8[size].contentPadding,
@@ -12604,7 +12689,7 @@ var LunarDatePicker = ({
             "aria-invalid": !!effectiveError,
             className: cn(
               "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
-              getBorderRadiusClass(borderMode ?? "full"),
+              getBorderRadiusClass(resolvedBorderMode),
               sizeStyles8[size].trigger,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
@@ -13747,6 +13832,8 @@ function MonthYearPicker({
   borderMode,
   ...rest
 }) {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const gi18n = useGlobalI18n();
   const tv = useSmartTranslations("ValidationInput");
   const now = /* @__PURE__ */ new Date();
@@ -13905,7 +13992,7 @@ function MonthYearPicker({
       "aria-invalid": !!effectiveError,
       className: cn(
         "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
-        getBorderRadiusClass(borderMode ?? "full"),
+        getBorderRadiusClass(resolvedBorderMode),
         sz.height,
         sz.padding,
         sz.text,
@@ -14087,7 +14174,8 @@ function MonthYearPicker({
         {
           className: cn(
             panelSz.contentPadding,
-            "rounded-2xl border bg-background/80 backdrop-blur-sm",
+            resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
+            "border bg-background/80 backdrop-blur-sm",
             effectiveError ? "border-destructive/60 bg-destructive/5" : "border-border/50"
           ),
           children: pickerContent
@@ -14128,7 +14216,8 @@ function MonthYearPicker({
         contentWidth,
         matchTriggerWidth,
         disabled,
-        contentClassName: cn(panelSz.contentPadding, compactPanel && "max-w-[calc(100vw-2rem)] p-4 rounded-2xl", "rounded-2xl"),
+        borderMode: resolvedBorderMode,
+        contentClassName: cn(panelSz.contentPadding, compactPanel && "max-w-[calc(100vw-2rem)] p-4"),
         children: pickerContent
       }
     ),
@@ -15275,6 +15364,8 @@ function TimePicker({
 }) {
   const tv = useSmartTranslations("ValidationInput");
   const gi18n = useGlobalI18n();
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const autoId = React38.useId();
   const isControlled = value !== void 0;
   const now = /* @__PURE__ */ new Date();
@@ -15612,7 +15703,7 @@ function TimePicker({
       "aria-invalid": !!effectiveError,
       className: cn(
         "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
-        getBorderRadiusClass(borderMode ?? "full"),
+        getBorderRadiusClass(resolvedBorderMode),
         sz.height,
         sz.padding,
         sz.text,
@@ -15993,7 +16084,8 @@ function TimePicker({
         {
           className: cn(
             panelSz.contentPadding,
-            "rounded-2xl md:rounded-3xl border bg-card/95 backdrop-blur-sm shadow-xl",
+            resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
+            "border bg-card/95 backdrop-blur-sm shadow-xl",
             effectiveError ? "border-destructive/60 bg-destructive/5" : "border-border/60",
             className
           ),
@@ -16049,10 +16141,11 @@ function TimePicker({
         placement: "bottom-start",
         matchTriggerWidth: shouldMatchTriggerWidth,
         contentWidth: shouldMatchTriggerWidth ? void 0 : contentWidth,
+        borderMode: resolvedBorderMode,
         contentClassName: cn(
           panelSz.contentPadding,
-          compactPanel && "max-w-[calc(100vw-2rem)] p-4 rounded-2xl",
-          "rounded-2xl md:rounded-3xl border bg-popover/98 backdrop-blur-md shadow-2xl",
+          compactPanel && "max-w-[calc(100vw-2rem)] p-4",
+          "border bg-popover/98 backdrop-blur-md shadow-2xl",
           effectiveError && "border-destructive/40",
           success && !effectiveError && "border-success/40",
           !effectiveError && !success && "border-border/60",
@@ -16095,6 +16188,8 @@ var DateTimePicker = ({
   size = "md",
   borderMode
 }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const t = useSmartTranslations("DateTimePicker");
   const tv = useSmartTranslations("ValidationInput");
   const locale = useSmartLocale();
@@ -16274,7 +16369,7 @@ var DateTimePicker = ({
             "aria-invalid": !!effectiveError,
             className: cn(
               "flex w-full items-center justify-between border border-input bg-background",
-              getBorderRadiusClass(borderMode ?? "full"),
+              getBorderRadiusClass(resolvedBorderMode),
               sizeStyles8[size].trigger,
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
               disabled && "opacity-50 cursor-not-allowed",
@@ -16303,12 +16398,9 @@ var DateTimePicker = ({
             ]
           }
         ),
-        contentClassName: cn(
-          "w-auto p-0 rounded-2xl md:rounded-3xl",
-          // Keep the popover usable on small viewports
-          "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto"
-        ),
-        placement: "bottom-end",
+        placement: "bottom-start",
+        borderMode: resolvedBorderMode,
+        contentClassName: "p-0 overflow-hidden w-auto flex flex-col md:flex-row max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-border", children: [
             /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: sizeStyles8[size].padding, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -19340,6 +19432,8 @@ var MultiCombobox = ({
   maxInitialOptions,
   showSearchPromptWhenEmptyQuery = false
 }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.borderMode ?? "full";
   const tv = useSmartTranslations("ValidationInput");
   const gi18n = useGlobalI18n();
   const placeholder = placeholderProp ?? gi18n.selectPlaceholder ?? "Select...";
@@ -19600,7 +19694,7 @@ var MultiCombobox = ({
       item.value
     );
   };
-  const dropdownBody = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { "data-combobox-dropdown": true, "data-state": open ? "open" : "closed", className: "w-full rounded-2xl md:rounded-3xl overflow-hidden", children: [
+  const dropdownBody = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { "data-combobox-dropdown": true, "data-state": open ? "open" : "closed", className: cn("w-full overflow-hidden", getBorderRadiusClass(resolvedBorderMode)), children: [
     value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "px-3 py-2 border-b border-border/40 flex items-center justify-between bg-muted/30", children: [
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs font-medium text-muted-foreground", children: maxSelected ? gi18n.selectedCountWithMax ? gi18n.selectedCountWithMax(value.length, maxSelected) : `${value.length} / ${maxSelected} max` : gi18n.itemSelectedCount ? gi18n.itemSelectedCount(value.length) : `${value.length} selected` }),
       showClear && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
@@ -19718,8 +19812,6 @@ var MultiCombobox = ({
   const selectedOptions = value.map((v) => normalizedOptions.find((o) => o.value === v) ?? selectedOptionFallbackMap.get(v)).filter(Boolean);
   const visibleTags = maxTagsVisible ? selectedOptions.slice(0, maxTagsVisible) : selectedOptions;
   const hiddenCount = maxTagsVisible ? Math.max(0, selectedOptions.length - maxTagsVisible) : 0;
-  const globalConfig = useUnderverseUIConfig();
-  const resolvedBorderMode = borderMode ?? globalConfig.borderMode ?? "full";
   const triggerButton = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "button",
     {
@@ -19882,7 +19974,8 @@ var MultiCombobox = ({
         placement: "bottom-start",
         matchTriggerWidth: true,
         className: "z-9999",
-        contentClassName: "p-0 overflow-hidden rounded-2xl md:rounded-3xl",
+        borderMode: resolvedBorderMode,
+        contentClassName: "p-0 overflow-hidden",
         children: dropdownBody
       }
     ),
@@ -19937,6 +20030,8 @@ var RadioGroup = React47.forwardRef(
     error = false,
     errorMessage
   }, ref) => {
+    const globalConfig = useUnderverseUIConfig();
+    const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
     const [internalValue, setInternalValue] = React47.useState(defaultValue || "");
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
@@ -19960,7 +20055,7 @@ var RadioGroup = React47.forwardRef(
           disabled,
           size,
           variant,
-          borderMode
+          borderMode: resolvedBorderMode
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
@@ -21214,6 +21309,8 @@ function CategoryTreeSelect(props) {
     singleSelect = false,
     borderMode
   } = props;
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const [isOpen, setIsOpen] = (0, import_react26.useState)(false);
   const [expandedNodes, setExpandedNodes] = (0, import_react26.useState)(
     () => getInitialExpandedNodes(categories, { defaultExpanded, defaultExpandedIds, expandToId, viewOnly, inline })
@@ -21871,10 +21968,11 @@ function CategoryTreeSelect(props) {
         matchTriggerWidth: true,
         className: "z-9999",
         contentClassName: cn(
-          "p-0 overflow-hidden rounded-2xl md:rounded-3xl",
+          "p-0 overflow-hidden",
           "border-border/40 bg-popover/95 text-popover-foreground",
           "shadow-2xl backdrop-blur-xl"
         ),
+        borderMode: resolvedBorderMode,
         trigger: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
           "div",
           {
@@ -21901,7 +21999,7 @@ function CategoryTreeSelect(props) {
             },
             className: cn(
               "group flex w-full items-center justify-between transition-all duration-200",
-              getBorderRadiusClass(borderMode ?? "full"),
+              getBorderRadiusClass(resolvedBorderMode ?? "full"),
               "backdrop-blur-sm",
               triggerSizeStyles[size].button,
               triggerVariantStyles[variant],
@@ -24492,6 +24590,8 @@ function ColorPicker({
   borderMode,
   ...rest
 }) {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const gi18n = useGlobalI18n();
   const isControlled = value !== void 0;
   const initial = parseAnyColor(isControlled ? value : defaultValue) || { r: 79, g: 70, b: 229, a: 1 };
@@ -24589,7 +24689,7 @@ function ColorPicker({
       disabled,
       className: cn(
         "w-full px-3 border border-input bg-background flex items-center justify-between",
-        getBorderRadiusClass(borderMode ?? "full"),
+        getBorderRadiusClass(resolvedBorderMode),
         sizeClasses2[size],
         "hover:border-accent-foreground/30 transition-colors",
         disabled && "opacity-50 cursor-not-allowed",
@@ -24625,8 +24725,9 @@ function ColorPicker({
       onOpenChange: setOpen,
       placement: "bottom-start",
       matchTriggerWidth: variant === "minimal",
+      borderMode: resolvedBorderMode,
       contentWidth: contentWidthByVariant[variant],
-      contentClassName: cn("p-3 rounded-2xl md:rounded-3xl border border-border/50 bg-card shadow-lg", contentClassName),
+      contentClassName: cn("p-3 border border-border/50 bg-card shadow-lg", contentClassName),
       children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "space-y-3", children: [
         variant !== "minimal" && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
@@ -31921,7 +32022,7 @@ var CustomTableCell = import_extension_table_cell.default.extend({
       },
       textDirection: {
         default: null,
-        parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || element.style.writingMode === "vertical-rl" ? "vertical" : null,
+        parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || ["sideways-lr", "vertical-lr", "vertical-rl"].includes(element.style.writingMode) ? "vertical" : null,
         renderHTML: (attributes) => attributes.textDirection === "vertical" ? { "data-text-direction": "vertical" } : {}
       }
     };
@@ -31940,7 +32041,7 @@ var CustomTableCell = import_extension_table_cell.default.extend({
     if (borderStyle) mergedStyle += `; border-style: ${borderStyle}`;
     if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
     if (verticalAlign) mergedStyle += `; vertical-align: ${verticalAlign}`;
-    if (textDirection === "vertical") mergedStyle += "; writing-mode: vertical-rl; text-orientation: mixed";
+    if (textDirection === "vertical") mergedStyle += "; writing-mode: sideways-lr; text-orientation: mixed";
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
@@ -32047,7 +32148,7 @@ var CustomTableHeader = import_extension_table_header.default.extend({
       },
       textDirection: {
         default: null,
-        parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || element.style.writingMode === "vertical-rl" ? "vertical" : null,
+        parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || ["sideways-lr", "vertical-lr", "vertical-rl"].includes(element.style.writingMode) ? "vertical" : null,
         renderHTML: (attributes) => attributes.textDirection === "vertical" ? { "data-text-direction": "vertical" } : {}
       }
     };
@@ -32066,7 +32167,7 @@ var CustomTableHeader = import_extension_table_header.default.extend({
     if (borderStyle) mergedStyle += `; border-style: ${borderStyle}`;
     if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
     if (verticalAlign) mergedStyle += `; vertical-align: ${verticalAlign}`;
-    if (textDirection === "vertical") mergedStyle += "; writing-mode: vertical-rl; text-orientation: mixed";
+    if (textDirection === "vertical") mergedStyle += "; writing-mode: sideways-lr; text-orientation: mixed";
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
@@ -34256,13 +34357,141 @@ var EditorToolbar = ({
 // src/components/UEditor/menus.tsx
 var import_react72 = require("react");
 var import_react73 = require("@tiptap/react");
-var import_tables6 = require("@tiptap/pm/tables");
+var import_tables7 = require("@tiptap/pm/tables");
 var import_react_dom8 = require("react-dom");
 var import_lucide_react54 = require("lucide-react");
 
+// src/components/UEditor/table-border-commands.ts
+var import_tables5 = require("@tiptap/pm/tables");
+var SIDES = ["top", "right", "bottom", "left"];
+var OPPOSITE_SIDE = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+};
+function splitCssValues(value) {
+  const values = [];
+  let token = "";
+  let parentheses = 0;
+  for (const character of value.trim()) {
+    if (/\s/.test(character) && parentheses === 0) {
+      if (token) values.push(token);
+      token = "";
+      continue;
+    }
+    if (character === "(") parentheses += 1;
+    if (character === ")") parentheses = Math.max(0, parentheses - 1);
+    token += character;
+  }
+  if (token) values.push(token);
+  return values;
+}
+function expandCssQuad(value, fallback) {
+  const values = typeof value === "string" ? splitCssValues(value) : [];
+  const [top = fallback, right = top, bottom = top, left = right] = values;
+  return { top, right, bottom, left };
+}
+function serializeCssQuad({ top, right, bottom, left }) {
+  if (top === right && top === bottom && top === left) return top;
+  if (top === bottom && right === left) return `${top} ${right}`;
+  if (right === left) return `${top} ${right} ${bottom}`;
+  return `${top} ${right} ${bottom} ${left}`;
+}
+function getAppliedSides(position, cell, selection) {
+  const outer = {
+    top: cell.top === selection.top,
+    right: cell.right === selection.right,
+    bottom: cell.bottom === selection.bottom,
+    left: cell.left === selection.left
+  };
+  const inner = {
+    top: cell.top > selection.top,
+    right: cell.right < selection.right,
+    bottom: cell.bottom < selection.bottom,
+    left: cell.left > selection.left
+  };
+  switch (position) {
+    case "all":
+      return { top: true, right: true, bottom: true, left: true };
+    case "outer":
+      return outer;
+    case "inner":
+      return inner;
+    case "horizontal":
+      return { top: inner.top, right: false, bottom: inner.bottom, left: false };
+    case "vertical":
+      return { top: false, right: inner.right, bottom: false, left: inner.left };
+    default:
+      return {
+        top: position === "top" && outer.top,
+        right: position === "right" && outer.right,
+        bottom: position === "bottom" && outer.bottom,
+        left: position === "left" && outer.left
+      };
+  }
+}
+function applyTableCellBorders(editor, position, format, options = {}) {
+  const { state, view } = editor;
+  const selection = (0, import_tables5.selectedRect)(state);
+  const transaction = state.tr;
+  const cellPositions = new Set(selection.map.cellsInRect(selection));
+  const sidesByCell = /* @__PURE__ */ new Map();
+  const addSide = (cellPos, side) => {
+    const sides = sidesByCell.get(cellPos) ?? /* @__PURE__ */ new Set();
+    sides.add(side);
+    sidesByCell.set(cellPos, sides);
+  };
+  const addAdjacentSides = (cell, side) => {
+    const adjacentPositions = /* @__PURE__ */ new Set();
+    if (side === "top" && cell.top > 0) {
+      for (let col = cell.left; col < cell.right; col += 1) adjacentPositions.add(selection.map.map[(cell.top - 1) * selection.map.width + col]);
+    } else if (side === "bottom" && cell.bottom < selection.map.height) {
+      for (let col = cell.left; col < cell.right; col += 1) adjacentPositions.add(selection.map.map[cell.bottom * selection.map.width + col]);
+    } else if (side === "left" && cell.left > 0) {
+      for (let row = cell.top; row < cell.bottom; row += 1) adjacentPositions.add(selection.map.map[row * selection.map.width + cell.left - 1]);
+    } else if (side === "right" && cell.right < selection.map.width) {
+      for (let row = cell.top; row < cell.bottom; row += 1) adjacentPositions.add(selection.map.map[row * selection.map.width + cell.right]);
+    }
+    for (const adjacentPos of adjacentPositions) addSide(adjacentPos, OPPOSITE_SIDE[side]);
+  };
+  for (const relativePos of cellPositions) {
+    const cell = selection.map.findCell(relativePos);
+    const appliedSides = getAppliedSides(position, cell, selection);
+    for (const side of SIDES) {
+      if (!appliedSides[side]) continue;
+      addSide(relativePos, side);
+      addAdjacentSides(cell, side);
+    }
+  }
+  for (const [relativePos, appliedSides] of sidesByCell) {
+    const absolutePos = selection.tableStart + relativePos;
+    const node = state.doc.nodeAt(absolutePos);
+    if (!node) continue;
+    const styles = expandCssQuad(node.attrs.borderStyle, "solid");
+    const widths = expandCssQuad(node.attrs.borderWidth, "1px");
+    const colors = expandCssQuad(node.attrs.borderColor, "#000000");
+    for (const side of SIDES) {
+      if (!appliedSides.has(side)) continue;
+      styles[side] = format.style;
+      widths[side] = format.width;
+      colors[side] = format.color || "currentColor";
+    }
+    transaction.setNodeMarkup(absolutePos, void 0, {
+      ...node.attrs,
+      borderStyle: serializeCssQuad(styles),
+      borderWidth: serializeCssQuad(widths),
+      borderColor: serializeCssQuad(colors)
+    });
+  }
+  if (transaction.docChanged) view.dispatch(transaction);
+  if (options.focus ?? true) view.focus();
+  return transaction.docChanged;
+}
+
 // src/components/UEditor/table-formula-commands.ts
 var import_state11 = require("@tiptap/pm/state");
-var import_tables5 = require("@tiptap/pm/tables");
+var import_tables6 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula.ts
 var CELL_ADDRESS_RE = /^([A-Z]+)([1-9]\d*)$/i;
@@ -34853,7 +35082,7 @@ function getSelectionTableCellAnchor(editor) {
     const tableNode = $cell.node(depth);
     if (tableNode.type.name !== "table") continue;
     const tableStart = $cell.start(depth);
-    const rect = safeFindCell2(import_tables5.TableMap.get(tableNode), cellPos - tableStart);
+    const rect = safeFindCell2(import_tables6.TableMap.get(tableNode), cellPos - tableStart);
     if (!rect) return null;
     return {
       cellPos,
@@ -34869,7 +35098,7 @@ function getSelectionTableCellAnchor(editor) {
 function restoreSelectionAtTableCell(editor, anchor) {
   const tableNode = editor.state.doc.nodeAt(anchor.tablePos);
   if (!tableNode || tableNode.type.name !== "table") return false;
-  const map = import_tables5.TableMap.get(tableNode);
+  const map = import_tables6.TableMap.get(tableNode);
   if (anchor.row >= map.height || anchor.column >= map.width) return false;
   const relativeCellPos = map.positionAt(anchor.row, anchor.column, tableNode);
   const cellPos = anchor.tablePos + 1 + relativeCellPos;
@@ -34925,7 +35154,7 @@ function getSelectionTableCellLabel(editor) {
   const tableNode = $from.node(tableDepth);
   const tableStart = $from.start(tableDepth);
   const relativeCellPos = $from.before(cellDepth) - tableStart;
-  const rect = safeFindCell2(import_tables5.TableMap.get(tableNode), relativeCellPos);
+  const rect = safeFindCell2(import_tables6.TableMap.get(tableNode), relativeCellPos);
   if (!rect) return null;
   return `${indexToColumnName(rect.left)}${rect.top + 1}`;
 }
@@ -34963,7 +35192,7 @@ function removeSelectedTableCellFormula(editor, clearContent) {
   return true;
 }
 function buildTableValueMap(tableNode) {
-  const map = import_tables5.TableMap.get(tableNode);
+  const map = import_tables6.TableMap.get(tableNode);
   const values = /* @__PURE__ */ new Map();
   for (const rowInfo of getTableRows2(tableNode)) {
     for (const entry of rowInfo.cells) {
@@ -34988,8 +35217,8 @@ function setSelectedTableCellFormula(editor, formula) {
   if (!normalized) {
     return clearSelectedTableCellFormula(editor);
   }
-  const appliedFormula = (0, import_tables5.setCellAttr)("formula", normalized)(state, view.dispatch.bind(view));
-  const clearedValue = (0, import_tables5.setCellAttr)("computedValue", null)(editor.state, view.dispatch.bind(view));
+  const appliedFormula = (0, import_tables6.setCellAttr)("formula", normalized)(state, view.dispatch.bind(view));
+  const clearedValue = (0, import_tables6.setCellAttr)("computedValue", null)(editor.state, view.dispatch.bind(view));
   if (appliedFormula || clearedValue) {
     recalculateActiveTableFormulas(editor);
     if (selectionAnchor) restoreSelectionAtTableCell(editor, selectionAnchor);
@@ -35008,7 +35237,7 @@ function convertSelectedTableCellFormulaToValue(editor) {
 function setSelectedTableCellNumberFormat(editor, numberFormat) {
   const value = numberFormat && numberFormat !== "text" ? numberFormat : null;
   const { state, view } = editor;
-  const applied = (0, import_tables5.setCellAttr)("numberFormat", value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables6.setCellAttr)("numberFormat", value)(state, view.dispatch.bind(view));
   if (!applied) return false;
   recalculateSelectedTable(editor);
   view.focus();
@@ -35080,7 +35309,7 @@ function promoteFormulaTextInTableNode(tableNode) {
 function recalculateTableNode(tableNode, options) {
   const promoted = promoteFormulaTextInTableNode(tableNode);
   tableNode = promoted.tableNode;
-  const map = import_tables5.TableMap.get(tableNode);
+  const map = import_tables6.TableMap.get(tableNode);
   const values = buildTableValueMap(tableNode);
   const formulaEntries = /* @__PURE__ */ new Map();
   let changed = false;
@@ -35151,7 +35380,7 @@ function recalculateTableNode(tableNode, options) {
   return tableNode.type.create(tableNode.attrs, rows);
 }
 function recalculateSelectedTable(editor) {
-  const rect = (0, import_tables5.selectedRect)(editor.state);
+  const rect = (0, import_tables6.selectedRect)(editor.state);
   const tableNode = rect.table;
   const nextTable = recalculateTableNode(tableNode);
   if (!nextTable) return false;
@@ -35258,7 +35487,7 @@ var FloatingMenuContent = ({ editor }) => {
 function applyTableCellBackground(editor, color) {
   const value = color || null;
   const { state, view } = editor;
-  const applied = (0, import_tables6.setCellAttr)("backgroundColor", value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables7.setCellAttr)("backgroundColor", value)(state, view.dispatch.bind(view));
   if (applied) {
     view.focus();
     return;
@@ -35268,7 +35497,7 @@ function applyTableCellBackground(editor, color) {
 function applyTableCellAttribute2(editor, name, value, options = {}) {
   const shouldFocus = options.focus ?? true;
   const { state, view } = editor;
-  const applied = (0, import_tables6.setCellAttr)(name, value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables7.setCellAttr)(name, value)(state, view.dispatch.bind(view));
   if (applied) {
     if (shouldFocus) view.focus();
     return;
@@ -35295,6 +35524,32 @@ function BorderStylePreviewIcon({ style }) {
     }
   );
 }
+function BorderPositionPreviewIcon({ position }) {
+  const showTop = position === "all" || position === "outer" || position === "top";
+  const showRight = position === "all" || position === "outer" || position === "right";
+  const showBottom = position === "all" || position === "outer" || position === "bottom";
+  const showLeft = position === "all" || position === "outer" || position === "left";
+  const showHorizontal = position === "all" || position === "inner" || position === "horizontal";
+  const showVertical = position === "all" || position === "inner" || position === "vertical";
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 20 20", className: "h-5 w-5 fill-none stroke-current", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      "path",
+      {
+        d: "M2 2H18V18H2Z M2 10H18 M10 2V18",
+        className: "text-foreground opacity-70",
+        stroke: "currentColor",
+        strokeDasharray: "2 1.5",
+        strokeWidth: "1.25"
+      }
+    ),
+    showTop && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M2 2H18", strokeWidth: "2" }),
+    showRight && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M18 2V18", strokeWidth: "2" }),
+    showBottom && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M2 18H18", strokeWidth: "2" }),
+    showLeft && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M2 2V18", strokeWidth: "2" }),
+    showHorizontal && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M2 10H18", strokeWidth: "2" }),
+    showVertical && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M10 2V18", strokeWidth: "2" })
+  ] });
+}
 var BubbleMenuContent = ({
   editor,
   onKeepOpenChange,
@@ -35302,7 +35557,8 @@ var BubbleMenuContent = ({
   onRequestClose,
   fontSizes,
   lineHeights,
-  initialShowLinkInput = false
+  initialShowLinkInput = false,
+  cellBorderOpenRequest = 0
 }) => {
   const t = useSmartTranslations("UEditor");
   (0, import_react73.useEditorState)({
@@ -35315,6 +35571,11 @@ var BubbleMenuContent = ({
   (0, import_react72.useEffect)(() => {
     setShowLinkInput(initialShowLinkInput);
   }, [initialShowLinkInput]);
+  (0, import_react72.useEffect)(() => {
+    if (!cellBorderOpenRequest) return;
+    setActiveColorPalette("cell-border");
+    onKeepOpenChange?.(true);
+  }, [cellBorderOpenRequest, onKeepOpenChange]);
   const [showTypographyPanel, setShowTypographyPanel] = (0, import_react72.useState)(false);
   const [showFormulaPanel, setShowFormulaPanel] = (0, import_react72.useState)(false);
   const [formulaDraft, setFormulaDraft] = (0, import_react72.useState)("");
@@ -35332,9 +35593,17 @@ var BubbleMenuContent = ({
   const currentCellNumberFormat = normalizeStyleValue(editor.getAttributes("tableCell").numberFormat || editor.getAttributes("tableHeader").numberFormat) || "text";
   const currentCellBorderStyle = editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || "solid";
   const currentCellBorderWidth = editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth || "1px";
+  const currentCellBorderColor = normalizeStyleValue(editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor) || "#000000";
+  const [borderStyleDraft, setBorderStyleDraft] = (0, import_react72.useState)(
+    ["solid", "dashed", "dotted", "double"].includes(currentCellBorderStyle) ? currentCellBorderStyle : "solid"
+  );
+  const [borderWidthDraft, setBorderWidthDraft] = (0, import_react72.useState)(currentCellBorderWidth);
+  const [borderColorDraft, setBorderColorDraft] = (0, import_react72.useState)(currentCellBorderColor);
+  const [borderEditMode, setBorderEditMode] = (0, import_react72.useState)("draw");
+  const [activeBorderPosition, setActiveBorderPosition] = (0, import_react72.useState)("all");
   const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
   const currentCellTextDirection = normalizeStyleValue(editor.getAttributes("tableCell").textDirection || editor.getAttributes("tableHeader").textDirection) || "horizontal";
-  const isInTable2 = (0, import_tables6.isInTable)(editor.state);
+  const isInTable2 = (0, import_tables7.isInTable)(editor.state);
   const canMergeCells = isInTable2 && editor.can().mergeCells();
   const canSplitCell = isInTable2 && editor.can().splitCell();
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
@@ -35388,21 +35657,60 @@ var BubbleMenuContent = ({
     onLinkInputOpenChange?.(false);
     onRequestClose?.();
   }, [onKeepOpenChange, onLinkInputOpenChange, onRequestClose]);
-  const applyTableCellAttributeAndClose = (0, import_react72.useCallback)((name, value) => {
-    applyTableCellAttribute2(editor, name, value, { focus: false });
-    closeTransientPanels();
-  }, [closeTransientPanels, editor]);
-  const clearTableCellBorderAndClose = (0, import_react72.useCallback)(() => {
-    applyTableCellAttribute2(editor, "borderColor", null, { focus: false });
-    applyTableCellAttribute2(editor, "borderStyle", null, { focus: false });
-    applyTableCellAttribute2(editor, "borderWidth", null, { focus: false });
-    closeTransientPanels();
-  }, [closeTransientPanels, editor]);
-  const applyTableCellBorderColorAndClose = (0, import_react72.useCallback)((color) => {
-    const value = color || null;
-    applyTableCellAttribute2(editor, "borderColor", value, { focus: false });
-    closeTransientPanels();
-  }, [closeTransientPanels, editor]);
+  const selectTableCellBorderColor = (0, import_react72.useCallback)((color) => {
+    const value = color || "currentColor";
+    setBorderColorDraft(value);
+    setBorderEditMode("draw");
+    setActiveBorderPosition("all");
+    applyTableCellBorders(editor, "all", {
+      color: value,
+      style: borderStyleDraft,
+      width: borderWidthDraft
+    }, { focus: false });
+    setActiveColorPalette("cell-border");
+    onKeepOpenChange?.(true);
+  }, [borderStyleDraft, borderWidthDraft, editor, onKeepOpenChange]);
+  const applyTableCellBorderPosition = (0, import_react72.useCallback)((position) => {
+    setActiveBorderPosition(position);
+    applyTableCellBorders(editor, position, {
+      color: borderColorDraft,
+      style: borderEditMode === "erase" ? "none" : borderStyleDraft,
+      width: borderWidthDraft
+    }, { focus: false });
+    onKeepOpenChange?.(true);
+  }, [borderColorDraft, borderEditMode, borderStyleDraft, borderWidthDraft, editor, onKeepOpenChange]);
+  const applyTableCellBorderStyle = (0, import_react72.useCallback)((style) => {
+    setBorderStyleDraft(style);
+    setBorderEditMode("draw");
+    setActiveBorderPosition("all");
+    applyTableCellBorders(editor, "all", {
+      color: borderColorDraft,
+      style,
+      width: borderWidthDraft
+    }, { focus: false });
+    onKeepOpenChange?.(true);
+  }, [borderColorDraft, borderWidthDraft, editor, onKeepOpenChange]);
+  const applyTableCellBorderWidth = (0, import_react72.useCallback)((width) => {
+    setBorderWidthDraft(width);
+    setBorderEditMode("draw");
+    setActiveBorderPosition("all");
+    applyTableCellBorders(editor, "all", {
+      color: borderColorDraft,
+      style: borderStyleDraft,
+      width
+    }, { focus: false });
+    onKeepOpenChange?.(true);
+  }, [borderColorDraft, borderStyleDraft, editor, onKeepOpenChange]);
+  const clearTableCellBorders = (0, import_react72.useCallback)(() => {
+    setActiveBorderPosition("all");
+    setBorderEditMode("erase");
+    applyTableCellBorders(editor, "all", {
+      color: borderColorDraft,
+      style: "none",
+      width: borderWidthDraft
+    }, { focus: false });
+    onKeepOpenChange?.(true);
+  }, [borderColorDraft, borderWidthDraft, editor, onKeepOpenChange]);
   const closeColorPalette = (0, import_react72.useCallback)(() => {
     setActiveColorPalette(null);
     onKeepOpenChange?.(false);
@@ -35456,27 +35764,104 @@ var BubbleMenuContent = ({
     const isTextPalette = activeColorPalette === "text";
     const isHighlightPalette = activeColorPalette === "highlight";
     if (activeColorPalette === "cell-border") {
-      const currentBorderColor = editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor || "currentColor";
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-2 p-2 w-56 text-sm", "data-ueditor-keep-open": true, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex w-72 flex-col gap-2 p-2 text-sm", "data-ueditor-keep-open": true, children: [
         /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("label", { className: "mb-1 block text-xs text-muted-foreground", children: t("tableMenu.borderPosition") || "Border placement" }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "grid grid-cols-5 gap-1", role: "group", "aria-label": t("tableMenu.borderPosition") || "Border placement", children: [
+              [
+                ["all", "borderAll"],
+                ["outer", "borderOuter"],
+                ["inner", "borderInner"],
+                ["horizontal", "borderHorizontal"],
+                ["vertical", "borderVertical"],
+                ["top", "borderTop"],
+                ["right", "borderRight"],
+                ["bottom", "borderBottom"],
+                ["left", "borderLeft"]
+              ].map(([position, labelKey]) => {
+                const label = t(`tableMenu.${labelKey}`) || position;
+                return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": label,
+                    title: label,
+                    onMouseDown: (event) => event.preventDefault(),
+                    onClick: () => applyTableCellBorderPosition(position),
+                    className: cn(
+                      "inline-flex h-8 items-center justify-center rounded-md text-foreground transition-colors hover:bg-muted hover:text-primary",
+                      activeBorderPosition === position ? "bg-primary/10 text-primary" : "bg-muted/40"
+                    ),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BorderPositionPreviewIcon, { position })
+                  },
+                  position
+                );
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": t("tableMenu.clearBorder") || "Clear borders",
+                  title: t("tableMenu.clearBorder") || "Clear borders",
+                  onMouseDown: (event) => event.preventDefault(),
+                  onClick: clearTableCellBorders,
+                  className: "inline-flex h-8 items-center justify-center rounded-md bg-muted/40 text-destructive transition-colors hover:bg-destructive/10",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BorderStylePreviewIcon, { style: "none" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-1 border-l border-border pl-2 pt-5", role: "group", "aria-label": t("tableMenu.borderMode") || "Border mode", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              "button",
+              {
+                type: "button",
+                "aria-label": t("tableMenu.borderDraw") || "Draw borders",
+                title: t("tableMenu.borderDraw") || "Draw borders",
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: () => setBorderEditMode("draw"),
+                className: cn(
+                  "inline-flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:bg-muted",
+                  borderEditMode === "draw" ? "bg-primary/10 text-primary" : "text-muted-foreground"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react54.Edit2, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              "button",
+              {
+                type: "button",
+                "aria-label": t("tableMenu.borderErase") || "Hide borders",
+                title: t("tableMenu.borderErase") || "Hide borders",
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: () => setBorderEditMode("erase"),
+                className: cn(
+                  "inline-flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:bg-muted",
+                  borderEditMode === "erase" ? "bg-destructive/10 text-destructive" : "text-muted-foreground"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react54.Eraser, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid grid-cols-3 gap-1", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid grid-cols-4 gap-1.5", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
             ["solid", "Solid"],
             ["dashed", "Dashed"],
             ["dotted", "Dotted"],
-            ["double", "Double"],
-            ["none", "None"]
+            ["double", "Double"]
           ].map(([style, label]) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
             "button",
             {
               type: "button",
-              "data-ueditor-close-on-select": true,
               onMouseDown: (event) => event.preventDefault(),
-              onClick: () => applyTableCellAttributeAndClose("borderStyle", style),
+              onClick: () => applyTableCellBorderStyle(style),
               className: cn(
-                "inline-flex h-8 items-center justify-center gap-1.5 rounded-md px-2 text-xs font-medium transition-colors hover:bg-muted",
-                currentCellBorderStyle === style ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+                "inline-flex h-8 min-w-0 items-center justify-center gap-1.5 rounded-md px-2.5 text-xs font-medium transition-colors hover:bg-muted",
+                borderStyleDraft === style ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BorderStylePreviewIcon, { style }),
@@ -35492,12 +35877,11 @@ var BubbleMenuContent = ({
             "button",
             {
               type: "button",
-              "data-ueditor-close-on-select": true,
               onMouseDown: (event) => event.preventDefault(),
-              onClick: () => applyTableCellAttributeAndClose("borderWidth", width),
+              onClick: () => applyTableCellBorderWidth(width),
               className: cn(
                 "h-8 rounded-md px-2 text-xs font-medium transition-colors hover:bg-muted",
-                currentCellBorderWidth === width ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+                borderWidthDraft === width ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: width
             },
@@ -35517,33 +35901,22 @@ var BubbleMenuContent = ({
                 {
                   className: "w-4 h-4 rounded-full border border-border",
                   style: {
-                    backgroundColor: currentBorderColor
+                    backgroundColor: borderColorDraft
                   }
                 }
               )
             ]
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex items-center justify-between gap-2 mt-2 pt-2 border-t border-border", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-          "button",
-          {
-            type: "button",
-            "data-ueditor-close-on-select": true,
-            onClick: clearTableCellBorderAndClose,
-            className: "text-xs text-destructive hover:underline",
-            children: t("tableMenu.clearBorder") || "Clear Border"
-          }
-        ) })
+        )
       ] });
     }
     if (activeColorPalette === "cell-border-color") {
-      const currentBorderColor = normalizeStyleValue(editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor) || "";
       return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         EditorColorPalette,
         {
           colors: borderColors,
-          currentColor: currentBorderColor,
-          onSelect: applyTableCellBorderColorAndClose,
+          currentColor: borderColorDraft,
+          onSelect: selectTableCellBorderColor,
           label: t("tableMenu.borderColor") || "Border Color"
         }
       ) });
@@ -36061,6 +36434,7 @@ var CustomBubbleMenu = ({
   const BUBBLE_MENU_ESTIMATED_HEIGHT = 44;
   const [isVisible, setIsVisible] = (0, import_react72.useState)(false);
   const [linkInputOpen, setLinkInputOpen] = (0, import_react72.useState)(false);
+  const [cellBorderOpenRequest, setCellBorderOpenRequest] = (0, import_react72.useState)(0);
   const [position, setPosition2] = (0, import_react72.useState)({
     top: 0,
     left: 0,
@@ -36077,8 +36451,8 @@ var CustomBubbleMenu = ({
     if (!next) setLinkInputOpen(false);
     if (next) setIsVisible(true);
   }, []);
-  const closeBubbleMenu = (0, import_react72.useCallback)(() => {
-    suppressShowUntilRef.current = Date.now() + 1e3;
+  const closeBubbleMenu = (0, import_react72.useCallback)((suppressShow = true) => {
+    suppressShowUntilRef.current = suppressShow ? Date.now() + 1e3 : 0;
     keepOpenRef.current = false;
     setKeepOpenState(false);
     setLinkInputOpen(false);
@@ -36170,6 +36544,41 @@ var CustomBubbleMenu = ({
       editor.off("update", updatePosition);
     };
   }, [editor]);
+  (0, import_react72.useEffect)(() => {
+    if (!isVisible) return;
+    const handlePointerDown = (event) => {
+      const target = event.target;
+      if (target && (menuRef.current?.contains(target) || target.closest("[data-ueditor-keep-open]"))) return;
+      const table = target?.closest("table");
+      if (table && editor.view.dom.contains(table)) return;
+      closeBubbleMenu(false);
+    };
+    const handleKeyDown2 = (event) => {
+      if (event.key === "Escape") closeBubbleMenu();
+    };
+    document.addEventListener("pointerdown", handlePointerDown, true);
+    document.addEventListener("keydown", handleKeyDown2);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown, true);
+      document.removeEventListener("keydown", handleKeyDown2);
+    };
+  }, [closeBubbleMenu, editor, isVisible]);
+  (0, import_react72.useEffect)(() => {
+    const handleTableDoubleClick = (event) => {
+      const target = event.target;
+      const cell = target?.closest("td,th");
+      if (!cell || !editor.view.dom.contains(cell)) return;
+      suppressShowUntilRef.current = 0;
+      keepOpenRef.current = true;
+      setKeepOpenState(true);
+      setLinkInputOpen(false);
+      setCellBorderOpenRequest((request) => request + 1);
+      setIsVisible(true);
+      requestAnimationFrame(() => editor.view.focus());
+    };
+    editor.view.dom.addEventListener("dblclick", handleTableDoubleClick);
+    return () => editor.view.dom.removeEventListener("dblclick", handleTableDoubleClick);
+  }, [editor]);
   if (!isVisible) return null;
   return (0, import_react_dom8.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
@@ -36210,7 +36619,8 @@ var CustomBubbleMenu = ({
             onRequestClose: closeBubbleMenu,
             fontSizes,
             lineHeights,
-            initialShowLinkInput: linkInputOpen
+            initialShowLinkInput: linkInputOpen,
+            cellBorderOpenRequest
           }
         )
       }
@@ -40662,7 +41072,7 @@ function moveTableRow$1(table, indexesOrigin, indexesTarget, direction) {
   rows = moveRowInArrayOfRows(rows, indexesOrigin, indexesTarget, direction);
   return convertArrayOfRowsToTableNode(table, rows);
 }
-function selectedRect3(state) {
+function selectedRect4(state) {
   const sel = state.selection;
   const $pos = selectionCell(state);
   const table = $pos.node(-1);
@@ -40680,7 +41090,7 @@ function deprecated_toggleHeader(type) {
     if (!isInTable(state)) return false;
     if (dispatch) {
       const types = tableNodeTypes2(state.schema);
-      const rect = selectedRect3(state), tr = state.tr;
+      const rect = selectedRect4(state), tr = state.tr;
       const cells = rect.map.cellsInRect(type == "column" ? {
         left: rect.left,
         top: 0,
@@ -40720,7 +41130,7 @@ function toggleHeader(type, options) {
     if (!isInTable(state)) return false;
     if (dispatch) {
       const types = tableNodeTypes2(state.schema);
-      const rect = selectedRect3(state), tr = state.tr;
+      const rect = selectedRect4(state), tr = state.tr;
       const isHeaderRowEnabled = isHeaderEnabledByType("row", rect, types);
       const isHeaderColumnEnabled = isHeaderEnabledByType("column", rect, types);
       const selectionStartsAt = (type === "column" ? isHeaderRowEnabled : type === "row" ? isHeaderColumnEnabled : false) ? 1 : 0;
@@ -42740,11 +43150,11 @@ function useUEditorTableInteractions(editor, editable = true) {
 
 // src/components/UEditor/use-formula-coordinate-overlay.ts
 var import_react77 = require("react");
-var import_tables8 = require("@tiptap/pm/tables");
+var import_tables9 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula-range-picker.ts
 var import_state12 = require("@tiptap/pm/state");
-var import_tables7 = require("@tiptap/pm/tables");
+var import_tables8 = require("@tiptap/pm/tables");
 function getCellText2(cellNode) {
   return cellNode.textBetween(0, cellNode.content.size, "\n").trim();
 }
@@ -42762,7 +43172,7 @@ function getFormulaEditingTableContext(view) {
     if (!tableNode || tableNode.type.name !== "table") return null;
     const tableDom = cellDom.closest("table");
     if (!(tableDom instanceof HTMLTableElement)) return null;
-    const tableMap = import_tables7.TableMap.get(tableNode);
+    const tableMap = import_tables8.TableMap.get(tableNode);
     const tableStart = $from.start(tableDepth);
     const formulaCellRect = tableMap.findCell(cellPos - tableStart);
     return {
@@ -42779,7 +43189,7 @@ function getFormulaEditingTableContext(view) {
   return null;
 }
 function collectTableFormulaCells(tableNode) {
-  const tableMap = import_tables7.TableMap.get(tableNode);
+  const tableMap = import_tables8.TableMap.get(tableNode);
   const formulas = [];
   tableNode.forEach((rowNode, rowOffset) => {
     rowNode.forEach((cellNode, cellOffset) => {
@@ -42865,7 +43275,7 @@ function getFormulaTableCellInfo(view, target, tablePos) {
   const domPos = view.posAtDOM(cell, 0);
   const tableInfo = findTableForPos(view, domPos);
   if (!tableInfo || tableInfo.pos !== tablePos) return null;
-  const map = import_tables7.TableMap.get(tableInfo.node);
+  const map = import_tables8.TableMap.get(tableInfo.node);
   const relativeCellPos = getCellRelativePosFromDomPos2(map, tableInfo.start, domPos);
   if (relativeCellPos == null) return null;
   const rect = map.findCell(relativeCellPos);
@@ -43039,7 +43449,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
       const tableRect = context.tableDom.getBoundingClientRect();
       const tableLeft = tableRect.left - containerRect.left + container.scrollLeft;
       const tableTop = tableRect.top - containerRect.top + container.scrollTop;
-      const map = import_tables8.TableMap.get(context.tableNode);
+      const map = import_tables9.TableMap.get(context.tableNode);
       const columnSegments = Array(map.width);
       const rowSegments = Array(map.height);
       const cellInfos = [];